#root{flex-direction:column;justify-content:safe center;min-height:100dvh;display:flex}.page{width:min(100% - 2.5rem, var(--page));flex-direction:column;gap:1.5rem;margin-inline:auto;padding-block:clamp(2rem,6vh,3.5rem);display:flex}.header{text-align:center}.greeting{font-size:clamp(1.75rem,6vw,2.6rem)}.greeting-name{color:var(--accent);transition:color .5s var(--ease)}.conditions{color:var(--muted);margin-top:.5rem;font-size:.95rem}.conditions-idle{color:var(--faint)}.picker-bar{gap:.5rem;display:flex}.picker-current,.picker-refresh{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-sm);color:var(--muted);transition:background .2s var(--ease), color .2s var(--ease)}.picker-current:hover,.picker-refresh:hover:not(:disabled){background:var(--surface-strong);color:var(--text)}.picker-current{text-align:left;flex:1;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.9rem;display:flex}.picker-caret{color:var(--faint);margin-left:auto;font-size:.6rem}.picker-refresh{width:2.75rem;font-size:1.05rem}.picker-refresh:disabled{opacity:.4;cursor:progress}.picker-panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);animation:rise .26s var(--ease);gap:.55rem;margin-top:.5rem;padding:.75rem;display:grid}.picker-input{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:#00000047;width:100%;padding:.6rem .75rem}.picker-input::placeholder{color:var(--faint)}.picker-device{color:var(--accent);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:.55rem .75rem;font-size:.85rem}.picker-device:hover:not(:disabled){background:var(--surface-strong)}.picker-device:disabled{opacity:.5;cursor:progress}.picker-results{gap:.15rem;padding:0;list-style:none;display:grid}.picker-results button{border-radius:var(--radius-sm);text-align:left;width:100%;padding:.5rem .6rem;font-size:.9rem}.picker-results button:hover{background:var(--surface-strong)}.picker-error,.picker-empty{color:var(--faint);padding-inline:.15rem;font-size:.8rem}.picker-error{color:#ff8f8f}.results{grid-template-columns:minmax(0,1fr);gap:1.1rem;min-width:0;display:grid}.page-busy .results{opacity:.5;transition:opacity .2s var(--ease)}.verdict{text-align:center;background:linear-gradient(165deg, var(--accent-soft), var(--surface) 60%);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:rise .42s var(--ease);padding:clamp(1.75rem,6vw,2.75rem) clamp(1.25rem,5vw,2.5rem);position:relative;overflow:hidden}.verdict:after{content:"";background:radial-gradient(50% 50% at 50% 50%, var(--accent-soft), transparent 70%);pointer-events:none;height:70%;position:absolute;inset:-60% 20% auto}.verdict-lede{text-transform:uppercase;letter-spacing:.2em;color:var(--faint);font-size:.7rem}.verdict-icon{margin-block:.6rem .35rem;font-size:clamp(3rem,13vw,4.25rem);line-height:1}.verdict-name{color:var(--accent);transition:color .5s var(--ease);font-size:clamp(2rem,8.5vw,3rem)}.verdict-tagline{opacity:.85;margin-top:.45rem;font-size:.98rem}.verdict-because{border-top:1px solid var(--hairline);max-width:36ch;color:var(--muted);text-wrap:pretty;margin:1.1rem auto 0;padding-top:1.1rem;font-size:.88rem}.verdict-liner{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 16%, transparent);max-width:36ch;color:var(--text);text-wrap:pretty;margin:.9rem auto 0;padding:.7rem .95rem;font-size:.92rem;font-weight:600}.factors{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.factor{text-align:center;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);transition:background .4s var(--ease), border-color .4s var(--ease);padding:.9rem .5rem}.factor-flagged{background:color-mix(in srgb, var(--accent) 10%, var(--surface));border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.factor-label{text-transform:uppercase;letter-spacing:.14em;color:var(--faint);font-size:.65rem}.factor-value{font-variant-numeric:tabular-nums;margin-top:.3rem;font-size:clamp(1.25rem,5vw,1.5rem);font-weight:600}.factor-flagged .factor-value{color:var(--accent)}.factor-detail{color:var(--muted);font-size:.7rem}.strip{min-width:0}.strip-title{text-transform:uppercase;letter-spacing:.16em;color:var(--faint);margin-bottom:.5rem;font-size:.65rem;font-weight:600}.strip-track{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--hairline) transparent;gap:.4rem;min-width:0;padding:0 0 .6rem;list-style:none;display:flex;overflow-x:auto}.hour{background:var(--surface);border-radius:var(--radius-sm);scroll-snap-align:start;border:1px solid #0000;flex:none;justify-items:center;gap:.15rem;width:4.2rem;padding:.6rem .3rem;display:grid}.hour-time{color:var(--faint);font-size:.68rem}.hour-icon{font-size:1.05rem}.hour-temp{font-variant-numeric:tabular-nums;font-weight:600}.hour-rain{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.68rem}.hour-wet .hour-rain{color:var(--semi)}.hour-cold{background:color-mix(in srgb, var(--cold) 14%, var(--surface));border-color:color-mix(in srgb, var(--cold) 32%, transparent)}.hour-cold .hour-temp{color:var(--cold)}.status{text-align:center;border:1px dashed var(--hairline);border-radius:var(--radius-lg);justify-items:center;gap:.6rem;padding:3.5rem 1.5rem;display:grid}.status-pulse{background:var(--accent-soft);border-radius:50%;width:2.5rem;height:2.5rem;animation:1.5s ease-in-out infinite pulse}.status-icon{font-size:1.75rem}.status-text{color:var(--muted)}.status-detail{color:var(--faint);font-size:.8rem}.status-retry{background:var(--surface);border:1px solid var(--hairline);border-radius:999px;margin-top:.4rem;padding:.5rem 1.1rem;font-size:.85rem}.status-retry:hover{background:var(--surface-strong)}.footer{text-align:center;color:var(--faint);text-wrap:pretty;gap:.35rem;margin-top:.5rem;font-size:.74rem;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}:root{color-scheme:dark;--bg:#0a0c12;--bg-deep:#05060a;--surface:#ffffff0a;--surface-strong:#ffffff12;--hairline:#ffffff1a;--text:#f2f5fb;--muted:#9aa4bd;--faint:#6c7590;--accent:#7c8aa8;--accent-soft:#7c8aa82e;--mesh:#ffb020;--semi:#35c8a9;--cold:#62a0ff;--radius-sm:10px;--radius:18px;--radius-lg:28px;--gap:1rem;--page:46rem;--shadow:0 24px 60px -30px #000000e6;--ease:cubic-bezier(.22, 1, .36, 1);--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(120% 80% at 50% -10%, var(--accent-soft) 0%, transparent 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);min-height:100dvh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;transition:background .6s var(--ease);background-attachment:fixed;font-size:16px;line-height:1.5}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.15}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input{font:inherit;color:inherit}a{color:var(--muted);text-underline-offset:3px}a:hover{color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}