:root{--gradient-top: #040C1C;--gradient-mid: #081630;--gradient-bottom: #0C1E3C;--accent: #5B9AFF;--accent-text: var(--accent);--accent-warm: #F4C84B;--accent-hover: #7DB3FF;--accent-foreground: #071426;--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);--page-hero-fg: #FFFFFF;--page-hero-muted: rgba(255, 255, 255, .84);--page-hero-subtle: rgba(255, 255, 255, .68);--page-hero-control-bg: rgba(255, 255, 255, .08);--page-hero-control-bg-hover: rgba(255, 255, 255, .13);--page-hero-control-border: rgba(255, 255, 255, .18);--page-hero-control-border-hover: rgba(255, 255, 255, .28);--page-hero-control-placeholder: rgba(255, 255, 255, .62);--page-hero-ghost-bg: rgba(255, 255, 255, .04);--page-hero-ghost-hover: rgba(255, 255, 255, .1);--page-hero-ghost-border: rgba(255, 255, 255, .28);--surface: var(--surface-card);--bg: var(--surface-bg);--glass-bg: var(--surface-glass);--glass-border: var(--surface-glass-border);--phone-frame: #0A1830;--phone-screen-1: #0A1830;--phone-screen-2: #10284A;--phone-screen-3: #17365F;--phone-header-1: #1050B0;--phone-header-2: #0E3D8A;--phone-header-border: rgba(91, 154, 255, .18);--phone-on-hero: #FFFFFF;--phone-on-screen: #E6EDF3;--phone-text-secondary: rgba(255, 255, 255, .85);--phone-text-tertiary: rgba(255, 255, 255, .55);--phone-status-bar: rgba(255, 255, 255, .92);--phone-card-1: rgba(16, 39, 68, .55);--phone-card-2: rgba(16, 39, 68, .3);--phone-card-border: rgba(72, 136, 200, .28);--phone-glass-bg: rgba(16, 39, 68, .55);--phone-glass-border: rgba(72, 136, 200, .18);--phone-glass-border-soft: rgba(72, 136, 200, .22);--phone-accent: #5B9AFF;--phone-accent-warm: #F4C84B;--phone-alert-orange: #FF6D00;--phone-pager-inactive: rgba(255, 255, 255, .25);--phone-menu-bg: rgba(255, 255, 255, .08);--phone-menu-icon: rgba(255, 255, 255, .85);--phone-moon-chip-bg: rgba(255, 255, 255, .08);--phone-moon-chip-border: rgba(255, 255, 255, .1);--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: ui-sans-serif, -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: #5B9AFF;--accent-text: #1F66D8;--accent-warm: #F4C84B;--accent-hover: #7DB3FF;--accent-foreground: #071426;--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);--page-hero-fg: #0A1E38;--page-hero-muted: rgba(10, 30, 56, .82);--page-hero-subtle: rgba(10, 30, 56, .64);--page-hero-control-bg: rgba(255, 255, 255, .74);--page-hero-control-bg-hover: rgba(255, 255, 255, .92);--page-hero-control-border: rgba(10, 30, 56, .2);--page-hero-control-border-hover: rgba(10, 30, 56, .32);--page-hero-control-placeholder: rgba(10, 30, 56, .58);--page-hero-ghost-bg: rgba(255, 255, 255, .5);--page-hero-ghost-hover: rgba(255, 255, 255, .72);--page-hero-ghost-border: rgba(10, 30, 56, .24);--phone-frame: #EAF0FF;--phone-screen-1: #EAF0FF;--phone-screen-2: #DCE6FA;--phone-screen-3: #C8D8F8;--phone-header-1: #166BD4;--phone-header-2: #1248B8;--phone-header-border: rgba(43, 122, 255, .3);--phone-on-hero: #FFFFFF;--phone-on-screen: #1A1E26;--phone-text-secondary: rgba(26, 30, 38, .82);--phone-text-tertiary: rgba(26, 30, 38, .55);--phone-status-bar: rgba(26, 30, 38, .85);--phone-card-1: rgba(220, 232, 255, .55);--phone-card-2: rgba(220, 232, 255, .3);--phone-card-border: rgba(74, 130, 200, .4);--phone-glass-bg: rgba(255, 255, 255, .65);--phone-glass-border: rgba(74, 130, 200, .3);--phone-glass-border-soft: rgba(74, 130, 200, .25);--phone-accent: #1F66D8;--phone-accent-warm: #E8B830;--phone-alert-orange: #FF6D00;--phone-pager-inactive: rgba(26, 30, 38, .22);--phone-menu-bg: rgba(255, 255, 255, .18);--phone-menu-icon: rgba(255, 255, 255, .95);--phone-moon-chip-bg: rgba(255, 255, 255, .18);--phone-moon-chip-border: rgba(255, 255, 255, .3);--on-hero: #FFFFFF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}: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}app-header .header:not(.header--home):not(.header--scrolled){background:#040c1cb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:transparent;box-shadow:none}[data-theme=light] app-header .header:not(.header--home):not(.header--scrolled){background:#f4f8ffe0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:transparent;box-shadow:none}app-header .header.header--home:not(.header--scrolled),[data-theme=light] app-header .header.header--home:not(.header--scrolled){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent;box-shadow:none}#main-content.route-shell--forward router-outlet+*{animation:route-content-enter-forward .52s cubic-bezier(.16,1,.3,1) both;will-change:transform}#main-content.route-shell--back router-outlet+*{animation:route-content-enter-back .52s cubic-bezier(.16,1,.3,1) both;will-change:transform}#main-content.route-shell--forward router-outlet+app-lab,#main-content.route-shell--back router-outlet+app-lab{animation:none;will-change:auto}@keyframes route-content-enter-forward{0%{transform:translate3d(clamp(10px,1.6vw,24px),0,0)}to{transform:translateZ(0)}}@keyframes route-content-enter-back{0%{transform:translate3d(clamp(-24px,-1.6vw,-10px),0,0)}to{transform:translateZ(0)}}@media (prefers-reduced-motion: reduce){#main-content.route-shell--forward router-outlet+*,#main-content.route-shell--back router-outlet+*{animation:none}}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:#0b3d91;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)}