:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f8f6;--surface:#fff;--text:#193127;--muted:#5b6d62;--line:#e4eae5;--soft:#eaf1eb;--pill:#dce6df;--green:#26714d;--orange:#a65c15;--red:#b33942;--best:#256346;--on-best:#fff;--track:#e5ebe6;--focus:#40815d;--dialog-backdrop:#0c241d66}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101b16;--surface:#18261f;--text:#edf5ee;--muted:#b4c5b8;--line:#304338;--soft:#1d3125;--pill:#334b3a;--green:#89d8a9;--orange:#efb272;--red:#ff9da4;--best:#a1dfb7;--on-best:#163121;--track:#34493b;--focus:#a1dfb7;--dialog-backdrop:#0009}}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;scrollbar-gutter:stable;overscroll-behavior-y:contain;min-height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.4}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}p,h1,h2,h3{margin:0}a{color:var(--green);text-underline-offset:3px}.app-shell{max-width:420px;padding:calc(22px + env(safe-area-inset-top)) 20px calc(12px + env(safe-area-inset-bottom));margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:26px;display:flex}.date-label{letter-spacing:-.4px;font-size:clamp(16px,4.6vw,19px);font-weight:600}.current-weather{white-space:nowrap;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;min-height:44px;margin:-9px 0;padding:8px 0;font-weight:500;display:flex}.current-weather svg{width:21px;height:21px;color:var(--muted)}.recommendations{background:var(--soft);border-radius:15px;margin:18px 0 13px;padding:13px 14px 14px}.recommendations h1{color:var(--muted);margin-bottom:9px;font-size:12px;font-weight:500}.pills{flex-wrap:wrap;align-items:center;gap:7px;min-height:32px;font-size:12px;display:flex}.pill{background:var(--pill);min-height:32px;color:var(--text);border:0;border-radius:30px;align-items:center;gap:4px;padding:7px 11px;font-size:12px;font-weight:500;display:inline-flex}.pill.best{background:var(--best);color:var(--on-best)}.week-heading{justify-content:space-between;align-items:center;min-height:36px;margin-bottom:6px;display:flex}.week-heading h2{font-size:13px;font-weight:600}.icon-button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:inline-grid}.days{background:var(--surface);border-radius:17px;overflow:hidden}.day+.day{border-top:1px solid var(--line)}.day-toggle{text-align:left;background:0 0;border:0;grid-template-columns:22px 29px minmax(0,1fr) 41px 14px;align-items:center;gap:8px;width:100%;min-height:64px;padding:10px 12px;display:grid}.day-toggle:focus-visible{outline-offset:-3px}.weather-icon{color:var(--muted);justify-content:center;align-items:center;display:flex}.weather-icon svg{width:20px;height:20px}.day-name{font-size:13px;font-weight:600}.day-reason{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.day-reason.good{color:var(--green)}.day-reason.bad{color:var(--red)}.chevron{color:var(--muted);transition:transform .15s}[aria-expanded=true] .chevron{transform:rotate(180deg)}.score{--score:var(--green);width:41px;height:41px;color:var(--score);place-items:center;display:grid;position:relative}.score.orange{--score:var(--orange)}.score.red{--score:var(--red)}.score.unknown{--score:var(--muted)}.score svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.score-track{fill:none;stroke:var(--track);stroke-width:3px}.score-fill{fill:none;stroke:var(--score);stroke-width:3px;stroke-linecap:round;transform-origin:22px 22px;transform:rotate(-90deg)}.score>span{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.day-details{padding:0 13px 12px;font-size:12px}.day-details[hidden]{display:none}.day-details table{table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.day-details th{color:var(--muted);font-weight:500}.day-details th,.day-details td{text-align:right;padding:5px 3px}.day-details th:first-child{text-align:left;width:42%}.day-details tbody th{font-weight:400}.day-details thead th{padding-bottom:7px}.leg-notes{border-top:1px solid var(--line);color:var(--muted);gap:3px;margin-top:5px;padding:9px 3px 0;font-size:11px;display:grid}.footer{color:var(--muted);justify-content:space-between;align-items:center;gap:6px;margin-top:7px;font-size:11px;display:flex}.update{align-items:center;gap:3px;display:flex}.footer-links a{color:var(--muted);font-size:11px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.update{white-space:nowrap;font-variant-numeric:tabular-nums}.status-note{color:var(--orange);align-items:flex-start;gap:6px;margin:10px 4px 0;font-size:11px;display:flex}.status-note svg{flex:none;margin-top:1px}.muted{color:var(--muted)}.empty-state{color:var(--muted);padding:24px 16px;font-size:12px}.skeleton-row{grid-template-columns:22px 29px minmax(0,1fr) 41px 14px;align-items:center;gap:8px;min-height:64px;padding:10px 12px;display:grid}.skeleton-row span,.skeleton-details span,.skeleton-pill{background:var(--track);border-radius:5px;animation:1.6s ease-in-out infinite shimmer}.skeleton-row span{max-width:85%;height:11px}.skeleton-row span:first-child{border-radius:50%;width:20px;height:20px}.skeleton-row span:nth-child(3){width:78%}.skeleton-row span:last-child{border-radius:50%;width:41px;max-width:none;height:41px}.skeleton-details{padding:0 16px 12px}.skeleton-details>div{grid-template-columns:42% 29% 29%;align-items:center;height:27px;display:grid}.skeleton-details span{width:63%;height:9px}.skeleton-details span:not(:first-child){justify-self:end;width:40%}.skeleton-details>div:nth-last-child(-n+2){height:18px}.skeleton-pill{border-radius:30px;width:87px;height:32px;display:block}.pill.alternative,.pill.alternative-red{background:0 0;box-shadow:inset 0 0 0 1px}.pill.alternative{color:var(--orange)}.pill.alternative-red{color:var(--red)}.pull-indicator{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex;overflow:hidden}.pull-indicator>*{flex-shrink:0}.modal-close{width:24px;height:24px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.modal-close:after{content:"";position:absolute;inset:-10px}.action-button.secondary{background:var(--soft);color:var(--text);margin-left:7px}.rain-setting{color:var(--muted);grid-template-columns:1fr 85px;align-items:center;gap:12px;margin-top:13px;font-size:12px;display:grid}@keyframes shimmer{50%{opacity:.45}}.settings-dialog{border:1px solid var(--line);background:var(--surface);width:min(420px,100% - 28px);max-height:85dvh;color:var(--text);overscroll-behavior:contain;border-radius:22px;padding:18px 20px 24px;box-shadow:0 16px 90px #0002}.settings-dialog::backdrop{background:var(--dialog-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.dialog-heading h2{font-size:16px;font-weight:600}.current-weather-dialog{max-width:360px}.current-summary{align-items:center;gap:17px;padding:14px 0 20px;display:flex}.current-summary>svg{width:44px;height:44px;color:var(--green)}.current-summary .current-temperature{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:32px;font-weight:500}.current-summary .muted{margin-top:2px;font-size:12px}.current-metrics{border-top:1px solid var(--line);margin:0;font-size:13px}.current-metrics>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.current-metrics dt{color:var(--muted)}.current-metrics dd{font-variant-numeric:tabular-nums;margin:0}.current-meta{color:var(--muted);margin-top:12px;font-size:11px}.settings-section{border-top:1px solid var(--line);padding:18px 0}.settings-section:last-child{padding-bottom:0}.settings-section h3{align-items:center;gap:7px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.settings-section p{color:var(--muted);margin:7px 0;font-size:12px}.settings-section .setting-note{background:var(--soft);border-radius:9px;padding:9px 11px}.action-button{background:var(--best);color:var(--on-best);border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:38px;margin-top:7px;padding:9px 13px;font-size:12px;font-weight:500;display:inline-flex}.input-grid{grid-template-columns:1fr 1fr;gap:12px;margin:13px 0 3px;display:grid}.input-grid label{color:var(--muted);gap:5px;font-size:12px;display:grid}.input-with-unit{border:1px solid var(--line);border-radius:9px;align-items:center;gap:6px;min-width:0;padding:8px 9px;display:flex}.input-with-unit input{width:100%;min-width:0;color:var(--text);font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-size:16px}.input-with-unit>span{white-space:nowrap;flex:none;font-size:11px}.settings-section .error-text{color:var(--red)}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (pointer:coarse){.icon-button{width:44px;height:44px}.pill,.skeleton-pill,.action-button{min-height:44px}}@media (min-width:700px){.app-shell{margin-top:8vh}.settings-dialog{max-height:80vh}}@media (max-width:360px){.app-shell{padding-left:13px;padding-right:13px}.day-toggle{grid-template-columns:20px 26px minmax(0,1fr) 39px 12px;gap:6px;padding:10px}.score{width:39px;height:39px}.recommendations{padding:12px}}@media (max-height:740px){.app-shell{padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:calc(6px + env(safe-area-inset-bottom))}.recommendations{margin-top:12px;margin-bottom:7px;padding:10px 12px}.recommendations h1{margin-bottom:7px}.week-heading{margin-bottom:3px}.day-toggle,.skeleton-row{min-height:54px;padding-top:6px;padding-bottom:6px}.footer{margin-top:4px}}@media (prefers-reduced-motion:reduce){.spinning,.skeleton-row span,.skeleton-details span,.skeleton-pill{animation:none}.chevron{transition:none}}
