:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#080f1d;color:#e2e8f0;font-size:16px}*{box-sizing:border-box}body{margin:0}header,nav,main,footer{max-width:1500px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}h1{font-size:clamp(1.5rem,4vw,2.2rem);margin:6px 0}h2{font-size:1.25rem;margin:28px 0 16px}.eyebrow{letter-spacing:.16em;color:#38bdf8;font-size:.875rem}p{line-height:1.5}#status,footer{color:#94a3b8;font-size:.875rem}nav{display:flex;gap:8px;flex-wrap:wrap;padding-top:0;padding-bottom:0}button{font:inherit;min-height:44px;border:1px solid #334155;border-radius:12px;padding:10px 16px;background:#142033;color:#e2e8f0;cursor:pointer}button[aria-pressed=true]{background:#075985;border-color:#38bdf8}button:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}.conditions{display:grid;grid-template-columns:1fr 2fr;gap:28px;background:radial-gradient(ellipse at top right,#123956,transparent 65%),#101d30;border:1px solid #334155;padding:28px;border-radius:24px}#temperature{font-size:clamp(3rem,8vw,5rem);font-weight:600;color:#fbbf24}.summary,.readings{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}.reading{background:#111e31;border:1px solid #26364e;border-radius:18px;padding:18px;min-width:0}.reading p{color:#9aadc5;font-size:.875rem;margin:0 0 10px}.reading strong{font-size:1.55rem;overflow-wrap:anywhere}.reading small{color:#94a3b8;font-size:.875rem;margin-left:5px}.forecast-controls{display:flex;gap:8px;margin-bottom:14px}.forecast{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.forecast article{padding:16px;border:1px solid #26364e;border-radius:16px;background:#111e31}.forecast p{margin:6px 0;font-size:.875rem;color:#a9b9cf}.forecast strong{font-size:1.3rem}.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.chart{background:#101d30;border:1px solid #26364e;border-radius:20px;padding:20px;overflow:hidden}.chart h2{margin:0 0 18px;font-size:1rem}.chart svg{width:100%;height:220px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.875rem}.legend span{border-left:3px solid;padding-left:7px}.chart .empty{color:#94a3b8}footer{line-height:1.8;border-top:1px solid #26364e;margin-top:24px}#sun .reading{margin-top:20px}.muted{color:#94a3b8}@media(max-width:750px){header{align-items:flex-start;flex-direction:column;padding:20px}main,nav,footer{padding:16px}.conditions{grid-template-columns:1fr;padding:20px}.charts{grid-template-columns:1fr}.summary,.readings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}