:root{--primary: #00b7c3;--primary-light: #39cfe0;--background: #0a1931;--surface: #040c19;--surface-hover: #1f4068;--text: #e4f1fe;--text-dim: #9eb7d4;--accent: #00b7c3;--border: color-mix(in oklch, #1f4068 82%, #e4f1fe 18%);--signal: #e94560;--gold: #f9c74f;--brand-gradient: linear-gradient(135deg, #c32bff 0%, #6f7fff 48%, #31d8f4 100%);--chrome-glow: radial-gradient(circle at top left, color-mix(in oklch, var(--signal) 18%, transparent), transparent 36%), radial-gradient(circle at top right, color-mix(in oklch, var(--accent) 20%, transparent), transparent 42%);--sidebar-width: 260px;--color-success: oklch(65% .17 142);--color-success-bg: oklch(25% .07 142);--color-error: oklch(62% .22 25);--color-error-bg: oklch(22% .08 25);--color-warning: oklch(74% .17 75);--color-warning-bg: oklch(24% .07 75);--color-info: oklch(66% .15 250);--color-info-bg: oklch(22% .06 250);--color-entertainment: oklch(72% .18 302);--color-entertainment-bg: oklch(24% .08 302);--color-outdoor: oklch(68% .16 220);--color-outdoor-bg: oklch(22% .07 220);--color-food: oklch(72% .18 48);--color-food-bg: oklch(24% .08 48);--color-chill: oklch(62% .06 240);--color-chill-bg: oklch(22% .03 240)}[data-mode=light]{--background: #edf4fb;--surface: #ffffff;--surface-hover: #e5eef8;--text: #10233b;--text-dim: #57708d;--border: #cad8e6;--primary: #0b8ea2;--primary-light: #17aac1;--accent: #0b8ea2;--signal: #cc4862;--gold: #b98711}*{box-sizing:border-box;padding:0;margin:0}body{color:var(--text);background:var(--background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;background-image:var(--chrome-glow),linear-gradient(180deg,color-mix(in oklch,var(--background) 92%,#112849 8%) 0%,var(--background) 100%)}body::selection{background:color-mix(in oklch,var(--signal) 70%,var(--accent) 30%);color:var(--text)}a{color:inherit;text-decoration:none}.glass{background:color-mix(in oklch,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in oklch,var(--text) 8%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--text);border:1px solid color-mix(in oklch,var(--primary-light) 45%,transparent);cursor:pointer;box-shadow:0 10px 24px color-mix(in oklch,var(--background) 72%,transparent);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.btn:hover{filter:saturate(1.08) brightness(1.04);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-dim)}.btn-ghost:hover{background:color-mix(in oklch,var(--surface-hover) 84%,transparent);color:var(--text)}.mobileTopBar{display:none}.mobileTopBarDesktopVisible{display:flex;align-items:center;gap:.75rem;padding:0 1rem;height:52px;background:color-mix(in oklch,var(--surface) 92%,var(--background) 8%);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;flex-shrink:0}@media(max-width:768px){.mobileTopBar{display:flex;align-items:center;gap:.75rem;padding:0 1rem;height:52px;background:color-mix(in oklch,var(--surface) 92%,var(--background) 8%);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;flex-shrink:0}}.mobileMenuBtn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;flex-shrink:0;transition:background .2s;padding:0}.mobileMenuBtn:hover{background:var(--surface-hover)}.mobileMenuBtnLogo{border-radius:999px;background:color-mix(in oklch,var(--surface) 94%,var(--background) 6%)}.mobileMenuBtnLogoImage{width:20px;height:20px;display:block}.mobileTopBarTitle{display:inline-flex;align-items:center;gap:.65rem;font-weight:600;font-size:1rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileTopBarLogo{width:1.3rem;height:1.3rem;flex-shrink:0}.appShellContent{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}