:root{--text:#fff;--text-muted:#ffffffbf;--card-bg:#0c1c3438;--card-border:#ffffff24;--divider:#ffffff38;--accent-precip:#a8dcff;--warn:#ffd479;--radius:16px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sky-top:#1f3a63;--sky-bottom:#4a6c97;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-sky=day-clear]{--sky-top:#2a66c4;--sky-bottom:#5f9de0}body[data-sky=day-cloudy]{--sky-top:#55687e;--sky-bottom:#8a9aac}body[data-sky=day-rain]{--sky-top:#43536a;--sky-bottom:#718196}body[data-sky=day-snow]{--sky-top:#5f7389;--sky-bottom:#9aabbd}body[data-sky=night-clear]{--sky-top:#081428;--sky-bottom:#213b63}body[data-sky=night-cloudy]{--sky-top:#19212e;--sky-bottom:#384456}body[data-sky=night-rain]{--sky-top:#131a25;--sky-bottom:#2e3949}body[data-sky=night-snow]{--sky-top:#1c2738;--sky-bottom:#435268}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;font-family:var(--font);color:var(--text);background-color:var(--sky-top);background-image:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}a{color:inherit;text-underline-offset:2px;text-decoration:underline}a:focus-visible,.button:focus-visible{outline-offset:2px;outline:2px solid #fff}.page{max-width:30rem;padding:calc(env(safe-area-inset-top) + 2.5rem) 1rem calc(env(safe-area-inset-bottom) + 2rem);flex-direction:column;gap:.75rem;margin:0 auto;display:flex}.hero{text-align:center;text-shadow:0 1px 10px #0000002e;margin-bottom:1.25rem}.hero__place{letter-spacing:.01em;margin:0;font-size:2rem;font-weight:400}.hero__meta{color:var(--text-muted);margin:.15rem 0 0;font-size:.85rem}.hero__temp{margin:.25rem 0 0;padding-left:.3em;font-size:6rem;font-weight:200;line-height:1}.hero__condition,.hero__hilo{margin:.2rem 0 0;font-size:1.25rem;font-weight:500}.hero__hilo{word-spacing:.25em}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px)saturate(140%);padding:.75rem 1rem}.card__title{border-bottom:1px solid var(--divider);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .5rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600}.card__lead{margin:0 0 .25rem;font-weight:600}.card--error{text-align:center}.muted{color:var(--text-muted)}.hourly{scroll-snap-type:x proximity;scrollbar-width:none;gap:.25rem;margin:0;padding:.25rem 0;list-style:none;display:flex;overflow-x:auto}.hourly::-webkit-scrollbar{display:none}.hourly__item{scroll-snap-align:start;flex-direction:column;flex:0 0 3.25rem;align-items:center;gap:.3rem;font-weight:500;display:flex;position:relative}.hourly__time{font-size:.85rem}.hourly__sky{flex-direction:column;justify-content:center;align-items:center;height:2.6rem;display:flex}.hourly__glyph{font-size:1.4rem;line-height:1.6rem}.hourly__precip{color:var(--accent-precip);font-size:.7rem;font-weight:600}.hourly__temp{font-size:1.1rem}.tiles{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.tile__value{margin:.25rem 0 0;font-size:2rem;font-weight:400}.tile__note{margin:.4rem 0 0;font-size:.85rem}.status{text-align:center;color:var(--text-muted)}.updated{text-align:center;color:var(--text-muted);margin:.5rem 0 0;font-size:.8rem}.updated.is-stale .updated__age{color:var(--warn);font-weight:600}.footer{text-align:center;color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.button{font:inherit;color:var(--text);border:1px solid var(--card-border);cursor:pointer;background:#fff3;border-radius:999px;margin-top:.75rem;padding:.5rem 1.25rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.card{-webkit-backdrop-filter:none;background:#101c2eb3}}