:root{--bg-color: #0f0f13;--card-bg: #1a1a20;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #646cff;--accent-glow: rgba(100, 108, 255, .5);--font-family: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}h1{font-size:3.2em;line-height:1.1;background:linear-gradient(to right,#fff,#aaa);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5em}.card{background-color:var(--card-bg);border-radius:16px;padding:1.5em;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05);text-align:left}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px -10px var(--accent-glow);border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.reference-container{background:linear-gradient(145deg,#1e1e24,#16161a);padding:2rem;border-radius:24px;margin-bottom:3rem;box-shadow:0 20px 50px -20px #00000080;position:relative;overflow:hidden}.reference-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 60%);opacity:.1;pointer-events:none}input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.8em 1.2em;border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:all .3s}input:focus{border-color:var(--accent);background:#ffffff26}button{background-color:var(--accent);color:#fff;border:none;padding:.8em 1.5em;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s;margin-left:10px}button:hover{background-color:#535bf2}.weather-icon{font-size:2em;margin-bottom:.5em}.metric-label{font-size:.85em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:1em;display:block}.metric-value{font-size:1.5em;font-weight:600}.loading{opacity:.5}