*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;border:none;outline:none}:root{--paper: oklch(.972 0 0);--card: oklch(1 0 0);--tile: oklch(.944 0 0);--ink: oklch(.22 0 0);--ink-soft: oklch(.44 0 0);--ink-faint: oklch(.6 0 0);--line: oklch(.9 0 0);--line-soft: oklch(.93 0 0);--accent: oklch(.55 .18 255);--accent-2: oklch(.68 .13 255);--c-temp: oklch(.625 .165 35);--c-temp-2: oklch(.74 .14 55);--c-humid: oklch(.6 .11 240);--c-press: oklch(.595 .09 155);--c-wind: oklch(.58 .035 250);--c-rain: oklch(.6 .1 220);--shadow: 0 1px 2px oklch(.3 .02 256 / .06), 0 8px 28px -12px oklch(.3 .03 256 / .2);--shadow-lg: 0 2px 6px oklch(.3 .02 256 / .08), 0 26px 60px -22px oklch(.3 .04 256 / .28);--r: 22px;--r-sm: 14px}:root[data-warmth=dark]{--paper: oklch(.175 0 0);--card: oklch(.215 0 0);--tile: oklch(.262 0 0);--ink: oklch(.95 0 0);--ink-soft: oklch(.72 0 0);--ink-faint: oklch(.56 0 0);--line: oklch(.33 0 0);--line-soft: oklch(.292 0 0);--accent: oklch(.73 .16 255);--accent-2: oklch(.56 .12 255);--c-temp: oklch(.7 .165 40);--c-humid: oklch(.7 .11 238);--c-press: oklch(.7 .095 158);--c-wind: oklch(.72 .035 250);--c-rain: oklch(.7 .1 218);--shadow: 0 1px 2px oklch(0 0 0 / .3), 0 10px 30px -14px oklch(0 0 0 / .6);--shadow-lg: 0 2px 6px oklch(0 0 0 / .35), 0 30px 70px -24px oklch(0 0 0 / .7)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.eyebrow{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.02em;color:var(--ink-soft);background:color-mix(in oklch,var(--tile) 70%,transparent);border:1px solid var(--line);border-radius:999px;padding:5px 11px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--c-press);box-shadow:0 0 color-mix(in oklch,var(--c-press) 55%,transparent);animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in oklch,var(--c-press) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:560;font-size:14px;color:var(--card);background:var(--ink);border:none;border-radius:999px;padding:13px 22px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn:hover{transform:translateY(-1px);opacity:.92}.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn--ghost:hover{background:var(--tile)}.stat__label{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);display:flex;align-items:center;gap:7px}.stat__val{margin-top:9px;font-weight:600;font-size:27px;line-height:1;letter-spacing:-.02em;color:var(--ink);display:flex;align-items:baseline;gap:5px}.stat__unit{font-size:13px;font-weight:500;color:var(--ink-soft)}.ha-hero--sky{border:1px solid color-mix(in oklch,var(--line) 60%,transparent);box-shadow:var(--shadow-lg)}.ha-sky{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.ha-sky__grad{position:absolute;inset:0}.ha-sky__scrim{position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 120% at 10% 42%,oklch(0% 0 0deg / .34),transparent 58%),linear-gradient(180deg,#00000042,#0000000d 32% 60%,#00000057)}.ha-stars{position:absolute;inset:0}.ha-star{position:absolute;border-radius:50%;background:#f4f9ff;background:oklch(98% .02 250deg);box-shadow:0 0 6px #e2f0ffd9;box-shadow:0 0 6px oklch(95% .03 250deg / .85);animation:ha-twinkle 3.6s ease-in-out infinite}@keyframes ha-twinkle{0%,to{opacity:.25;transform:scale(.75)}50%{opacity:.95;transform:scale(1)}}.ha-glyph{position:absolute;transform:translate(-50%,-50%)}.ha-sun{border-radius:50%;animation:ha-sun-breathe 7s ease-in-out infinite}@keyframes ha-sun-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.ha-clouds{position:absolute;inset:0;overflow:hidden}.ha-cloud{position:absolute;width:124px;height:38px;border-radius:999px;background:var(--cl, oklch(88% .012 250deg));transform-origin:left center;scale:var(--cloud-scale, 1);animation:ha-cloud-drift 44s ease-in-out infinite alternate;filter:drop-shadow(0 6px 10px oklch(0% 0 0deg / .12))}.ha-cloud:nth-child(2){animation-duration:58s;animation-direction:alternate-reverse}.ha-cloud:nth-child(3){animation-duration:50s}.ha-cloud:before{content:"";position:absolute;left:20px;top:-26px;width:58px;height:58px;border-radius:50%;background:var(--cl, oklch(88% .012 250deg))}.ha-cloud:after{content:"";position:absolute;left:56px;top:-16px;width:42px;height:42px;border-radius:50%;background:var(--cl, oklch(88% .012 250deg))}@keyframes ha-cloud-drift{0%{transform:translate(-10px)}to{transform:translate(14px)}}.ha-cloud--cloudy{--cl: oklch(.88 .012 250)}.ha-cloud--rain{--cl: oklch(.74 .013 252)}.ha-cloud--storm{--cl: oklch(.44 .016 260)}.ha-rain{position:absolute;inset:-10% -5%;overflow:hidden;pointer-events:none}.ha-rain--storm{transform:rotate(9deg) scale(1.15)}.ha-drop{position:absolute;top:-16%;width:1.6px;border-radius:2px;background:linear-gradient(to bottom,transparent,oklch(90% .04 240deg / .9));animation:ha-fall linear infinite}@keyframes ha-fall{0%{transform:translateY(0)}to{transform:translateY(700px)}}.ha-flash{position:absolute;inset:0;opacity:0;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,oklch(97% .03 250deg / .95),oklch(90% .04 250deg / .4) 40%,transparent 72%);animation:ha-flash 7s ease-out infinite}@keyframes ha-flash{0%,12%,to{opacity:0}13%{opacity:.85}14.5%{opacity:.12}16%{opacity:.7}18%{opacity:0}}@media (prefers-reduced-motion: reduce){.ha-star,.ha-flash,.ha-cloud,.ha-sun{animation:none}.ha-star{opacity:.8}.ha-drop{animation:none;top:0;height:100%!important;opacity:.12!important}.ha-flash{opacity:0}}.ha-signal{display:inline-flex;align-items:flex-end;gap:2px;height:13px}.ha-signal i{width:3px;border-radius:1px;background:#67e18f;display:block}.detail{container-type:inline-size}.detail__hero{display:flex;flex-direction:column;gap:22px;padding:24px;align-items:stretch}.detail__heroside{flex-shrink:0}.detail__herochart{flex:1;min-width:0}.detail__grid{display:grid;grid-template-columns:1fr;gap:16px;min-width:0}.detail__gauges{display:grid;grid-template-columns:1fr;gap:16px}.toggle{display:inline-flex;padding:3px;gap:2px;background:var(--tile);border:1px solid var(--line);border-radius:999px}.toggle button{font-size:11.5px;letter-spacing:.04em;border:none;background:none;cursor:pointer;color:var(--ink-soft);padding:6px 14px;border-radius:999px;transition:all .15s ease}.toggle button[data-active=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}@container (min-width: 680px){.detail__hero{flex-direction:row;align-items:center;padding:30px 32px}.detail__heroside{width:240px}.detail__grid{grid-template-columns:1fr 1fr;gap:18px}.detail__gauges{grid-template-columns:1fr 1fr}}@container (min-width: 1000px){.detail__grid{grid-template-columns:1.2fr 1fr 1fr}}