:root{--color-bg: #0A0A0F;--color-bg-elevated: #141419;--color-bg-card-subtle: rgba(255,255,255,.03);--color-bg-card: rgba(255,255,255,.04);--color-bg-card-hover: rgba(255,255,255,.06);--color-bg-card-expanded: rgba(255,255,255,.08);--color-bg-card-active: rgba(255,255,255,.1);--color-bg-card-selected: rgba(255,255,255,.12);--color-bg-frosted: rgba(10,10,15,.95);--color-border: rgba(255,255,255,.08);--color-border-hover: rgba(255,255,255,.12);--color-border-active: rgba(255,255,255,.15);--color-border-strong: rgba(255,255,255,.2);--color-text-faint: rgba(255,255,255,.25);--color-text-muted: rgba(255,255,255,.35);--color-text-dim: rgba(255,255,255,.4);--color-text-mid: rgba(255,255,255,.45);--color-text-subtle: rgba(255,255,255,.5);--color-text-medium: rgba(255,255,255,.6);--color-text-soft: rgba(255,255,255,.7);--color-text-light: rgba(255,255,255,.75);--color-text-near: rgba(255,255,255,.85);--color-text-secondary: #E8E6E1;--color-text-primary: #F5F3EE;--color-accent: #FF3366;--color-accent-hover: #FF5580;--color-accent-bg: rgba(255,51,102,.1);--color-accent-bg-hover: rgba(255,51,102,.15);--color-accent-border: rgba(255,51,102,.2);--color-accent-border-hover: rgba(255,51,102,.3);--color-accent-purple: #C77DFF;--color-teal: #4ECDC4;--color-orange: #FF6B35;--color-yellow: #FFB627;--color-green: #95E616;--color-success: #00d9a5;--color-error: #ff4466;--color-danger: #DC2626;--color-dot-live: #EF4444;--color-dot-free: #10B981;--color-dot-food: #F59E0B;--color-dot-trending: #F59E0B;--color-badge-hot: #F59E0B;--color-badge-free: #10B981;--color-scrollbar: rgba(255,255,255,.1);--color-scrollbar-hover: rgba(255,255,255,.2);--color-overlay: rgba(0,0,0,.85);--color-pill-selected-bg: #F5F3EE;--color-pill-selected-text: #0A0A0F}:root.light-theme{--color-bg: #FFFFFF;--color-bg-elevated: #F5F5F7;--color-bg-card-subtle: rgba(0,0,0,.02);--color-bg-card: rgba(0,0,0,.03);--color-bg-card-hover: rgba(0,0,0,.05);--color-bg-card-expanded: rgba(0,0,0,.07);--color-bg-card-active: rgba(0,0,0,.09);--color-bg-card-selected: rgba(0,0,0,.12);--color-bg-frosted: rgba(255,255,255,.92);--color-border: rgba(0,0,0,.08);--color-border-hover: rgba(0,0,0,.12);--color-border-active: rgba(0,0,0,.18);--color-border-strong: rgba(0,0,0,.22);--color-text-faint: rgba(0,0,0,.25);--color-text-muted: rgba(0,0,0,.4);--color-text-dim: rgba(0,0,0,.45);--color-text-mid: rgba(0,0,0,.5);--color-text-subtle: rgba(0,0,0,.55);--color-text-medium: rgba(0,0,0,.6);--color-text-soft: rgba(0,0,0,.7);--color-text-light: rgba(0,0,0,.75);--color-text-near: rgba(0,0,0,.85);--color-text-secondary: #2D2D35;--color-text-primary: #1A1A1F;--color-accent: #E6004C;--color-accent-hover: #CC0044;--color-accent-bg: rgba(230,0,76,.07);--color-accent-bg-hover: rgba(230,0,76,.11);--color-accent-border: rgba(230,0,76,.18);--color-accent-border-hover: rgba(230,0,76,.28);--color-accent-purple: #9B59B6;--color-teal: #0D9488;--color-orange: #EA580C;--color-yellow: #D97706;--color-green: #65A30D;--color-success: #059669;--color-error: #DC2626;--color-danger: #B91C1C;--color-dot-live: #DC2626;--color-dot-free: #059669;--color-dot-food: #D97706;--color-dot-trending: #D97706;--color-badge-hot: #D97706;--color-badge-free: #059669;--color-scrollbar: rgba(0,0,0,.12);--color-scrollbar-hover: rgba(0,0,0,.22);--color-overlay: rgba(0,0,0,.5);--color-pill-selected-bg: #1A1A1F;--color-pill-selected-text: #FFFFFF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:DM Sans,Helvetica Neue,sans-serif;background:var(--color-bg);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}.scroll-x{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.scroll-x::-webkit-scrollbar{display:none}.safe-bottom{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}