*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--color-dark: #2d1500;--color-saffron: #c8600a;--color-gold: #ffd080;--color-cream: #fdf8f0;--color-card: #ffffff;--color-border: #ecdcc0;--primary: #2d1500;--primary-mid: #4a2800;--accent: #c8600a;--accent-light: #fff3e0;--accent-glow: rgba(200,96,10,.15);--success: #22c55e;--success-bg: #f0fdf4;--warning: #f59e0b;--warning-bg: #fffbeb;--danger: #ef4444;--danger-bg: #fef2f2;--gray-50: #fafaf8;--gray-100: #f5f0e8;--gray-200: #ecdcc0;--gray-300: #d4b896;--gray-400: #b8966a;--gray-500: #8a6845;--gray-600: #6b4f32;--gray-700: #4a3420;--gray-800: #2d1500;--gray-900: #1a0c00;--bg: #fdf8f0;--bg-secondary: #f5ede0;--surface: #ffffff;--text: #2d1500;--text-secondary: #6b4f32;--text-tertiary: #b8966a;--border: rgba(200,96,10,.1);--border-md: rgba(200,96,10,.18);--border-strong: rgba(200,96,10,.28);--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 22px;--r-2xl: 28px;--r-full: 9999px;--shadow-xs: 0 1px 2px rgba(45,21,0,.05);--shadow-sm: 0 1px 3px rgba(45,21,0,.06), 0 1px 2px rgba(45,21,0,.04);--shadow-md: 0 4px 16px rgba(45,21,0,.08), 0 1px 4px rgba(45,21,0,.04);--shadow-lg: 0 12px 32px rgba(45,21,0,.12), 0 4px 8px rgba(45,21,0,.06), 0 1px 2px rgba(45,21,0,.04);--shadow-xl: 0 24px 48px rgba(45,21,0,.15), 0 8px 16px rgba(45,21,0,.08), 0 2px 4px rgba(45,21,0,.04);--shadow-saffron: 0 8px 24px rgba(200,96,10,.25), 0 2px 6px rgba(200,96,10,.12);--shadow-gold: 0 8px 24px rgba(255,208,128,.3), 0 2px 8px rgba(200,96,10,.15);--shadow-sheet: 0 -8px 32px rgba(45,21,0,.1), 0 -2px 8px rgba(45,21,0,.06);--shadow-inset: inset 0 1px 0 rgba(255,255,255,.1), inset 0 -1px 0 rgba(0,0,0,.05);--navbar-h: 64px;--header-h: 56px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55)}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;font-size:14px}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:0px;height:0px}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(105deg,#ecdcc0,#ecdcc0 35%,#fdf8f0,#ecdcc0 65%,#ecdcc0);background-size:1200px 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--r-md)}@keyframes pulse-ring{0%{transform:scale(.7);opacity:.8}70%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px #c8600a4d}50%{box-shadow:0 0 24px #c8600a99,0 0 40px #c8600a33}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}:root{--page-px: 16px;--card-gap: 10px;--hero-py: 22px;--font-xs: clamp(9px, 2.2vw, 11px);--font-sm: clamp(11px, 2.8vw, 13px);--font-base: clamp(13px, 3.5vw, 15px)}.grid-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--card-gap);width:100%}.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}@media (min-width: 360px){.cat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width: 480px){:root{--page-px: 20px;--card-gap: 14px}}@media (min-width: 768px){:root{--page-px: 28px;--card-gap: 16px}.grid-2col{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){:root{--page-px: 32px}.grid-2col{grid-template-columns:repeat(4,minmax(0,1fr))}.cat-grid{grid-template-columns:repeat(11,minmax(0,1fr))}}@media (max-width: 359px){:root{--page-px: 12px;--card-gap: 8px;--hero-py: 16px}.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (orientation: landscape) and (max-height: 500px){:root{--navbar-h: 48px}}.safe-x{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.tap-target{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.glass{background:#fdf8f0d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(236,220,192,.5)}.premium-card{background:#fff;border-radius:var(--r-xl);border:1px solid rgba(236,220,192,.8);box-shadow:var(--shadow-md);transition:box-shadow .2s var(--ease-out),transform .2s var(--ease-out)}