:root{--bg-primary: #06060c;--bg-secondary: #0c0c16;--bg-elevated: #10101e;--bg-glass: rgba(12, 12, 22, .72);--bg-glass-hover: rgba(16, 16, 30, .85);--text-primary: #e0e0e4;--text-secondary: rgba(224, 224, 228, .55);--text-tertiary: rgba(224, 224, 228, .3);--accent-teal: #00d4aa;--accent-teal-dim: rgba(0, 212, 170, .12);--accent-blue: #5b8def;--border-subtle: rgba(224, 224, 228, .06);--border-active: rgba(0, 212, 170, .25);--aqi-good: #00e400;--aqi-moderate: #ffff00;--aqi-sensitive: #ff7e00;--aqi-unhealthy: #ff0000;--aqi-very-unhealthy: #8f3f97;--aqi-hazardous: #7e0023;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 100px;--ease-out-expo: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--shadow-glow: 0 0 60px rgba(0, 212, 170, .08);--shadow-panel: 0 8px 32px rgba(0, 0, 0, .5), 0 0 0 1px var(--border-subtle)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-teal);text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}button{border:none;background:none;color:inherit;font:inherit;cursor:pointer;outline:none}input{border:none;background:none;color:inherit;font:inherit;outline:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e0e0e41f;border-radius:4px}::selection{background:#00d4aa4d;color:var(--text-primary)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.font-display{font-family:var(--font-display);font-weight:700;letter-spacing:.04em}.font-mono{font-family:var(--font-mono);font-weight:400}.app-container{position:relative;width:100%;height:100%;overflow:hidden}.globe-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.globe-container canvas{display:block;width:100%!important;height:100%!important}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.ambient-bg:before{content:"";position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(ellipse at 30% 20%,rgba(0,212,170,.04) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(91,141,239,.03) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0) 0%,var(--bg-primary) 70%);animation:ambientDrift 30s ease-in-out infinite alternate}@keyframes ambientDrift{0%{transform:translate(0) rotate(0)}to{transform:translate(-2%,1%) rotate(3deg)}}.grain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}@media(max-width:768px){:root{--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem}}