:root{--ink:#1c1f23;--muted:#5a6068;--problem:#8a2a2a;--rule:#e2e5e9;--page:#eef1f5;--surface:#fff;--card-head:#5a6068;--card-head-ink:#fff;--forecast-head:#37718f;--forecast-head-ink:#fff;--sky-a:.42;--icon-cloud:#cddcf3;--band-night:86 92 160;--band-dawn:217 143 160;--band-day:125 199 235;--band-dusk:217 121 63;--band-night-a:.4;--band-dawn-a:.48;--band-day-a:.4;--band-dusk-a:.48;--ring-clear:#f8af18;--ring-cloud:#b3c4dc;--ring-light:#8fa4c2;--ring-moderate:#6b83a6;--ring-heavy:#44587a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#e8eaed;--muted:#9aa1a9;--problem:#f0a0a0;--rule:#303539;--page:#0e1013;--surface:#1a1d21;--card-head:#3e454d;--card-head-ink:#f2f4f6;--forecast-head:#2c6480;--forecast-head-ink:#eaf4f9;--sky-a:.23;--icon-cloud:#e6effc;--band-night-a:.36;--band-dawn-a:.44;--band-day-a:.32;--band-dusk-a:.44;--ring-clear:#f8af18;--ring-cloud:#55647c;--ring-light:#75879f;--ring-moderate:#9ab0cc;--ring-heavy:#c9daf2}}html{scrollbar-gutter:stable}body{background:var(--page);color:var(--ink);margin:0;padding:0 1.25rem 3rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:300;line-height:1.5}header,main,footer{max-width:48rem;margin:0 auto}header{letter-spacing:.01em;padding:2.5rem 0 1.5rem;font-size:1.5rem;font-weight:600}main{border-top:1px solid var(--rule);padding-top:1.5rem}#status{margin:0 0 1.25rem}#status[data-tone=problem]{color:var(--problem)}#reload{font:inherit;color:inherit;border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:.25rem;padding:.4rem .9rem}.forecast{background:var(--surface);border:1px solid var(--rule);border-radius:.4rem;margin:0 0 1rem;overflow:hidden}.forecast-head{background:var(--forecast-head);color:var(--forecast-head-ink);letter-spacing:.09em;text-transform:uppercase;margin:0;padding:.45rem 1.2rem;font-size:.68rem;font-weight:600}.forecast-row{background:var(--surface);background:linear-gradient(to right, rgb(var(--band-day) / var(--sky-a)) 0%, rgb(var(--band-day) / calc(var(--sky-a) * .42)) 12%, rgb(var(--band-day) / 0) 45%), var(--surface);align-items:center;gap:1.1rem;padding:1rem 1.2rem;display:flex}.forecast .forecast-icon{flex:none;width:5.5rem;height:5.5rem}.forecast-body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.forecast-body p{margin:0}.forecast-range{align-items:baseline;gap:.5rem;display:flex}.forecast-range .high{font-size:1.7rem;font-weight:300;line-height:1.1}.forecast-range .low{color:var(--muted);font-size:1rem;font-weight:300}.forecast-body .condition,.forecast-rain,.forecast-sun{color:var(--muted);font-size:.85rem}.cards{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin:0 0 1.75rem;display:grid}.card{background:var(--surface);border:1px solid var(--rule);border-radius:.4rem;overflow:hidden}.card h2{background:var(--card-head);color:var(--card-head-ink);letter-spacing:.09em;text-transform:uppercase;margin:0;padding:.45rem .9rem;font-size:.68rem;font-weight:600}.card-body{padding:.75rem .9rem .8rem}.card .reading{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:.5rem;margin:0;font-size:1.7rem;font-weight:300;line-height:1.1;display:flex}.card .reading span{white-space:nowrap}.card .reading .weather-icon{width:2.6rem;height:2.6rem;color:var(--ink);flex:none}.card .secondary{font-variant-numeric:tabular-nums;color:var(--muted);margin:.4rem 0 0;font-size:.82rem}.card .nothing{color:var(--muted);margin:0;font-size:1.1rem}.card .when{color:var(--muted);margin:.3rem 0 0;font-size:.78rem}.card .when.noted{text-underline-offset:.25em;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.scroller{scrollbar-gutter:stable;background:var(--surface);border:1px solid var(--rule);border-radius:.25rem;max-height:70vh;margin-top:.75rem;overflow:auto}.scroller:focus-visible{outline:2px solid var(--ink);outline-offset:2px}table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem}.meta{color:var(--muted);margin:0;font-size:.85rem}th,td{text-align:right;border-bottom:1px solid var(--rule);background:var(--surface);padding:.35rem .9rem}thead th{color:var(--muted);z-index:2;font-weight:600;position:sticky}thead tr:first-child th{top:0}thead tr:nth-child(2) th{top:1.9rem}thead tr:first-child th[colspan]{text-align:center;color:var(--ink);border-left:1px solid var(--rule)}.hour{text-align:left;color:var(--muted);z-index:3;position:sticky;left:0}tbody .hour{font-weight:400}tbody.collapsed tr:not(.day):not(.day-mean){display:none}tr.day-mean th,tr.day-mean td{color:var(--ink);font-weight:600}tr.day-mean th.hour{color:var(--muted);letter-spacing:.02em;font-size:.8rem;font-weight:600}tr.day th{text-align:left;border-top:1px solid var(--ink);padding:0;position:sticky;left:0}tr.day button{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:baseline;gap:.6rem;padding:.5rem .9rem;font-weight:600;display:flex}tr.day button:before{content:"";border:.3rem solid #0000;border-left-color:currentColor;transform:translateY(.05rem)}tr.day button[aria-expanded=true]:before{border-top-color:currentColor;border-left-color:#0000;transform:translateY(.25rem)}.day-count{color:var(--muted);font-size:.8rem;font-weight:400}td.mean{text-underline-offset:.25em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}td[title]{cursor:help}td.empty{background:var(--surface)}.weather-icon{vertical-align:-.4em;width:1.5em;height:1.5em}.symbol{box-sizing:content-box;vertical-align:-.6em;width:1.9em;height:1.9em;color:var(--ink);border:3px solid #0000;border-radius:.42em;margin-left:.3rem;padding:.1em;display:inline-flex}.symbol[data-severity]{cursor:help}.symbol[data-severity=clear]{border-color:var(--ring-clear)}.symbol[data-severity=cloud]{border-color:var(--ring-cloud)}.symbol[data-severity=light]{border-color:var(--ring-light)}.symbol[data-severity=moderate]{border-color:var(--ring-moderate)}.symbol[data-severity=heavy]{border-color:var(--ring-heavy)}.symbol .weather-icon{vertical-align:baseline;width:100%;height:100%}.hour[data-band]{background:linear-gradient(to right, rgb(var(--band) / var(--band-a)) 0%, rgb(var(--band) / calc(var(--band-a) * .42)) 12%, rgb(var(--band) / 0) 40%), var(--surface)}.hour[data-band=night]{--band:var(--band-night);--band-a:var(--band-night-a)}.hour[data-band=dawn]{--band:var(--band-dawn);--band-a:var(--band-dawn-a)}.hour[data-band=day]{--band:var(--band-day);--band-a:var(--band-day-a)}.hour[data-band=dusk]{--band:var(--band-dusk);--band-a:var(--band-dusk-a)}td.total{text-underline-offset:.25em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.attribution{color:var(--muted);margin:2rem 0 0;font-size:.75rem;line-height:1.5}#account{color:var(--muted);margin:2.5rem 0 0;font-size:.8rem}@media (width<=26rem){.forecast-row{gap:.8rem}.forecast .forecast-icon{width:4rem;height:4rem}.card .reading{font-size:1.5rem}.card .reading .weather-icon{width:1.9rem;height:1.9rem}}