:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-medium:500;--font-semibold:600;--font-bold:700;--shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.1);--shadow-focus:0 0 0 3px rgba(100,149,237,.35);--z-base:0;--z-sticky:10;--z-dropdown:20;--z-overlay:50;--z-modal:100;--z-toast:200;--touch-min:44px;--ui-bg:var(--tg-theme-bg-color,#1a1a2e);--ui-bg-secondary:var(--tg-theme-secondary-bg-color,#252542);--ui-text:var(--tg-theme-text-color,#e8e8ed);--ui-text-hint:var(--tg-theme-hint-color,#8a8a9a);--ui-link:var(--tg-theme-link-color,#7eb8f6);--ui-button-bg:var(--tg-theme-button-color,#3a7bd4);--ui-button-text:var(--tg-theme-button-text-color,#f5f5f7);--ui-border:var(--tg-theme-hint-color,#3d3d52);--ui-destructive:var(--tg-theme-destructive-text-color,#e06c75);--ui-overlay:rgba(0,0,0,.6)}*{box-sizing:border-box;padding:0;margin:0}body,html{min-height:100dvh;min-height:100vh;background:var(--ui-bg);color:var(--ui-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--text-base);line-height:1.45}a{color:var(--ui-link);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}[tabindex="0"]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ui-button-bg);outline-offset:2px}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}@media (hover:hover){.product-card-link:hover .product-card{box-shadow:var(--shadow-md)}}.product-card-link:active .product-card{transform:scale(.98)}