:root{--sky-top:#87b8d8;--sky-mid:#c5dff0;--sky-bottom:#f0ebe3;--sky-glow:#ffdca059;--on-sky:#1a2a33;--on-sky-muted:#4a5c66;--ink:#1a2a33;--ink-muted:#4a5c66;--panel:#ffffffb8;--panel-border:#1a2a331f;--accent:#1f6f8b;--accent-hover:#185a71;--error:#9b2c2c;--high:#1a2a33;--low:#5a6e78;--display:"Fraunces", "Palatino Linotype", Palatino, serif;--body:"Source Sans 3", "Segoe UI", sans-serif}:root[data-time-of-day=morning]{--sky-top:#7ba8d4;--sky-mid:#f5c4a8;--sky-bottom:#f7ebe0;--sky-glow:#ffb48c73;--on-sky:#1a2a33;--on-sky-muted:#4a5c66}:root[data-time-of-day=daytime]{--sky-top:#87b8d8;--sky-mid:#c5dff0;--sky-bottom:#f0ebe3;--sky-glow:#ffdca059;--on-sky:#1a2a33;--on-sky-muted:#4a5c66}:root[data-time-of-day=evening]{--sky-top:#1e3a6e;--sky-mid:#e07a4a;--sky-bottom:#3a1f3d;--sky-glow:#ff8c5066;--on-sky:#f4ebe3;--on-sky-muted:#d4c4b8}:root[data-time-of-day=night]{--sky-top:#0b1a2e;--sky-mid:#152a45;--sky-bottom:#1a2430;--sky-glow:#b4d2ff2e;--on-sky:#e8eef2;--on-sky-muted:#b4c2cc}*,:before,:after{box-sizing:border-box}body{min-height:100svh;font-family:var(--body);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 20% 0%, var(--sky-glow), transparent 55%), linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 42%, var(--sky-bottom) 100%);background-attachment:fixed;margin:0}#root{min-height:100svh}h1,h2{font-family:var(--display);margin:0;font-weight:600}.precip-bar{align-items:center;display:flex}.precip-bar__track{background:#1f6f8b29;border-radius:5px;width:1.5rem;height:1.9rem;display:block;position:relative;overflow:hidden}.precip-bar__fill{height:var(--precip,0%);background:#7eb6ea;border-radius:0;transition:height .2s;position:absolute;bottom:0;left:0;right:0}.temp-range{align-items:center;gap:.5rem;width:100%;min-width:0;display:flex}.temp-range__low,.temp-range__high{font-variant-numeric:tabular-nums;flex-shrink:0;min-width:2.35rem}.temp-range__low{color:var(--low);text-align:right}.temp-range__high{color:var(--high);text-align:left;font-weight:700}.temp-range__track{background:#1f6f8b29;border-radius:999px;flex:1;min-width:3.5rem;height:.4rem;position:relative}.temp-range__fill{border-radius:inherit;position:absolute;top:0;bottom:0;overflow:hidden}.temp-range__now{z-index:1;background:#fff;border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #1a2a332e}.forecast-day{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;grid-template-columns:7.5rem 10.75rem minmax(9rem,1fr) auto;align-items:center;gap:.75rem 1rem;padding:.85rem 1rem;display:grid}.forecast-day__date{font-weight:600}.forecast-day__condition{color:var(--ink-muted);white-space:nowrap;align-items:center;gap:.45rem;min-width:0;display:flex;overflow:hidden}.forecast-day__icon{font-size:1.25rem;line-height:1}.forecast-day .precip-bar{justify-self:end}@media (width<=560px){.forecast-day{grid-template-columns:1fr auto;grid-template-areas:"date precip""condition condition""temps temps"}.forecast-day__date{grid-area:date}.forecast-day__condition{grid-area:condition}.forecast-day .temp-range{grid-area:temps}.forecast-day .precip-bar{grid-area:precip;justify-self:end}}.unit-toggle{border:1px solid var(--panel-border);background:var(--panel);border-radius:10px;flex-shrink:0;display:inline-flex;overflow:hidden}.unit-toggle__option{color:var(--ink-muted);cursor:pointer;padding:.45rem .75rem;font-weight:600;position:relative}.unit-toggle__option--active{background:var(--accent);color:#fff}.unit-toggle__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.zip-form{flex-direction:column;gap:.5rem;display:flex}.zip-form__label{color:var(--on-sky-muted);font-size:.9rem;font-weight:600}.zip-form__row{flex-wrap:wrap;gap:.65rem;display:flex}.zip-form__input{min-width:0;font:inherit;letter-spacing:.08em;border:1px solid var(--panel-border);background:var(--panel);color:var(--ink);border-radius:10px;flex:8rem;padding:.7rem .9rem;font-size:1.15rem}.zip-form__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.zip-form__button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.7rem 1.15rem;font-weight:600}.zip-form__button:hover:not(:disabled){background:var(--accent-hover)}.zip-form__button:disabled,.zip-form__input:disabled{opacity:.65;cursor:not-allowed}.app{flex-direction:column;gap:1.5rem;width:min(640px,100%);margin:0 auto;padding:2.5rem 1.25rem 3rem;display:flex}.app__header{text-align:left}.app__title{letter-spacing:-.03em;color:var(--on-sky);font-size:clamp(2.4rem,6vw,3.4rem);line-height:1.05}.app__subtitle{color:var(--on-sky-muted);margin:.4rem 0 0;font-size:1.05rem}.app__place-row{justify-content:space-between;align-items:center;display:flex}.app__place{letter-spacing:-.02em;color:var(--on-sky);font-size:1.35rem}.app__status,.app__error{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;margin:0;padding:.85rem 1rem}.app__error{color:var(--error)}.forecast-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}