:root{--brand-primary:#ff6b35;--brand-secondary:#004e89;--brand-accent:#f77f00;--neutral-background:#f5f5f5;--neutral-surface:#fff;--neutral-surface-raised:#fff;--neutral-text:#1a1a1a;--neutral-text-secondary:#4a4a4a;--neutral-text-muted:#8a8a8a;--neutral-border:#e4e4e7;--feedback-success:#10b981;--feedback-error:#dc2626;--feedback-warning:#d97706;--overlay-scrim:#00000080;--on-brand:#fff;--on-error:#fff;--on-warning:#fff;--on-success:#fff;--skeleton-shimmer:#0000000f;--qr-fg:#000;--qr-bg:#fff}@media (prefers-color-scheme:dark){:root{--neutral-background:#121212;--neutral-surface:#1e1e1e;--neutral-surface-raised:#2c2c2c;--neutral-text:#f5f5f5;--neutral-text-secondary:#c4c4c4;--neutral-text-muted:#8a8a8a;--neutral-border:#2e2e2e;--feedback-success:#34d399;--feedback-error:#f87171;--feedback-warning:#fbbf24;--overlay-scrim:#000000b3;--skeleton-shimmer:#ffffff14}}:root[data-theme=light]{--neutral-background:#f5f5f5;--neutral-surface:#fff;--neutral-surface-raised:#fff;--neutral-text:#1a1a1a;--neutral-text-secondary:#4a4a4a;--neutral-text-muted:#8a8a8a;--neutral-border:#e4e4e7;--feedback-success:#10b981;--feedback-error:#dc2626;--feedback-warning:#d97706;--overlay-scrim:#00000080;--qr-fg:#000;--qr-bg:#fff}:root[data-theme=dark]{--neutral-background:#121212;--neutral-surface:#1e1e1e;--neutral-surface-raised:#2c2c2c;--neutral-text:#f5f5f5;--neutral-text-secondary:#c4c4c4;--neutral-text-muted:#8a8a8a;--neutral-border:#2e2e2e;--feedback-success:#34d399;--feedback-error:#f87171;--feedback-warning:#fbbf24;--overlay-scrim:#000000b3;--skeleton-shimmer:#ffffff14}:root{--surface-base:var(--neutral-background);--surface-raised:var(--neutral-surface);--surface-overlay:var(--neutral-surface-raised);--text-primary:var(--neutral-text);--text-secondary:var(--neutral-text-secondary);--text-muted:var(--neutral-text-muted);--text-on-brand:var(--on-brand);--border-subtle:var(--neutral-border);--border-strong:var(--neutral-text-muted);--interactive-primary:var(--brand-primary);--interactive-primary-hover:var(--brand-accent);--on-interactive-primary:var(--on-brand);--text-success:var(--feedback-success);--text-error:var(--feedback-error);--text-warning:var(--feedback-warning);--surface-success-subtle:color-mix(in srgb, var(--feedback-success) 12%, var(--neutral-surface));--surface-error-subtle:color-mix(in srgb, var(--feedback-error) 12%, var(--neutral-surface));--surface-warning-subtle:color-mix(in srgb, var(--feedback-warning) 12%, var(--neutral-surface));--color-primary:var(--interactive-primary);--color-secondary:var(--brand-secondary);--color-accent:var(--brand-accent);--color-background:var(--surface-base);--color-surface:var(--surface-raised);--color-text:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-success:var(--text-success);--color-error:var(--text-error)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body,"Source Sans 3", sans-serif);color:var(--text-primary);background-color:var(--surface-base);min-height:100dvh;line-height:1.5;overflow-x:hidden}:root{--font-heading:"DM Sans", sans-serif;--font-body:"Source Sans 3", sans-serif;--font-size-base:16px;--space-unit:8px;--radius:12px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}h1,h2,h3,h4{font-family:var(--font-heading);text-wrap:balance;font-weight:600;line-height:1.2}p{text-wrap:pretty}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}img{max-width:100%;height:auto;display:block}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}#app{flex-direction:column;min-height:100dvh;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:2px}:root{--spring-bounce:linear(0, .004, .016, .035, .063, .098, .141, .191, .25, .316, .391, .472, .562, .66, .766, .878, 1, 1.089, 1.148, 1.179, 1.185, 1.169, 1.135, 1.087, 1.031, .972, .916, .866, .826, .799, .786, .787, .8, .823, .853, .889, .928, .966, 1, 1.027, 1.046, 1.056, 1.057, 1.05, 1.036, 1.017, .996, .975, .957, .944, .935, .933, .936, .944, .955, .969, .984, 1, 1.012, 1.02, 1.023, 1.022, 1.017, 1.01, 1.002, .995, .99, .988, .988, .991, .995, 1);--spring-smooth:linear(0, .013, .05, .112, .196, .297, .412, .536, .662, .785, .898, 1, 1.068, 1.108, 1.124, 1.118, 1.096, 1.061, 1.019, .975, .935, .904, .883, .874, .878, .893, .916, .945, .977, 1.008, 1.034, 1.053, 1.062, 1.061, 1.052, 1.036, 1.016, .996, .979, .966, .96, .96, .966, .977, .99, 1.003, 1.014, 1.021, 1.023, 1.02, 1.014, 1.005, .996, .989, .985, .984, .986, .99, .996, 1)}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none;min-height:100dvh}*{-webkit-user-select:none;user-select:none}p,input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}button,a,[role=button]{touch-action:manipulation;min-width:44px;min-height:44px}button,[role=button]{transition:transform .12s}button:active,[role=button]:active{transform:scale(.96)}:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}.scroll-container{-webkit-overflow-scrolling:touch;contain:paint}#app{max-width:520px;margin:0 auto}@media (width>=768px){.product-grid{grid-template-columns:repeat(3,1fr)!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}