:root{--gradient-top: #040C1C;--gradient-mid: #081630;--gradient-bottom: #0C1E3C;--accent: #5B9AFF;--accent-warm: #F4C84B;--accent-hover: #7DB3FF;--surface-bg: #06080F;--surface-card: #0C1628;--surface-elevated: #111E30;--surface-glass: rgba(255, 255, 255, .08);--surface-glass-border: rgba(255, 255, 255, .12);--surface-header-scrolled: rgba(4, 12, 28, .85);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .82);--text-tertiary: rgba(255, 255, 255, .6);--sky-day-high: #0F4C8F;--sky-day-mid: #1A6DB5;--sky-day-low: #5BB8F5;--alert-yellow: #FFC107;--alert-orange: #FF6D00;--alert-red: #D32F2F;--aqi-good: #50C878;--aqi-fair: #A8D550;--aqi-moderate: #FFD700;--aqi-poor: #FF8C00;--aqi-very-poor: #E53935;--sun-gold: #FFCC02;--sun-glow: #FFA726;--rain-blue: #42A5F5;--accent-secondary: var(--accent);--on-hero: var(--text-primary);--surface: var(--surface-card);--bg: var(--surface-bg);--glass-bg: var(--surface-glass);--glass-border: var(--surface-glass-border);--header-height: 64px;--max-width: 1200px;--section-padding: clamp(3rem, 8vw, 6rem);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--card-radius: var(--radius-lg);--button-radius: var(--radius-md);--border-radius-sm: var(--radius-sm);--border-radius-lg: var(--radius-2xl);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-size-hero: clamp(2.5rem, 6vw, 4.5rem);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(91, 154, 255, .3)}[data-theme=light]{--gradient-top: #EAF0FF;--gradient-mid: #DCE6FA;--gradient-bottom: #C8D8F8;--accent: #2B7AFF;--accent-warm: #F4C84B;--accent-hover: #1A65E0;--surface-bg: #F4F8FF;--surface-card: #FFFFFF;--surface-elevated: #EEF3FB;--surface-glass: rgba(255, 255, 255, .65);--surface-glass-border: rgba(255, 255, 255, .8);--text-primary: #0A1E38;--text-secondary: rgba(10, 30, 56, .82);--text-tertiary: rgba(10, 30, 56, .55);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(43, 122, 255, .2);--surface-header-scrolled: rgba(244, 248, 255, .85)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}:root{text-wrap:pretty}h1,h2,h3{text-wrap:balance}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--surface-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}img,svg{display:block;max-width:100%;height:auto}button{font-family:inherit}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}ul,ol{list-style:none}.skip-link{position:absolute;top:-100%;left:1rem;z-index:9999;padding:.75rem 1.5rem;background:var(--accent);color:#fff;font-weight:700;font-size:var(--font-size-sm);border-radius:var(--border-radius-sm);text-decoration:none;transition:top var(--transition-fast)}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface-bg)}::-webkit-scrollbar-thumb{background:var(--surface-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}