:root{--ground:#fff;--card:#f1f4f8;--ink:#0b1a2e;--line:#5a6672;--field-rain:#123f8c;--on-field-rain:#fff;--field-dry:#ffc629;--on-field-dry:#0b1a2e;--rain:#123f8c;--on-rain:#fff;--rain-light:#9cc2f0;--rain-heavy:#0a1f48;--rain-hatch:#22407a;--sun:#ffc629;--cloud-bar:#e3e8ee;--rain-tint:#dce9f7;--warn:#9b2c1f;--warn-tint:#fbe3df;--scrim:#0a2350e0;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-sans:"Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif;--space-1:4px;--space-2:6px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:10px;--radius-md:14px;--radius-lg:28px;--radius-pill:999px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ground:#0b1420;--card:#16212e;--ink:#f2f4f7;--line:#8a97a5;--rain:#8cc0f5;--on-rain:#0b1420;--cloud-bar:#2a3644;--rain-tint:#24344a;--warn:#ff9a8a;--warn-tint:#3d1e1a;--scrim:#050a12e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1.25rem;line-height:1.5}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--rain);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}p{margin:0}.i-o{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.i-sun{fill:var(--sun);stroke:var(--ink);stroke-width:2.5px}.i-cl{fill:var(--card);stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round}.i-drop{fill:var(--rain);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.icon{flex:none;display:block}.title{font-family:var(--font-display);letter-spacing:-.5px;margin:0;font-size:2rem;font-weight:800;line-height:1.125}.label{margin:0;font-size:1.125rem;font-weight:700;line-height:1.33}.num{font-size:1.5rem;font-weight:700;line-height:1.17}.body-lg{font-size:1.5rem;line-height:1.33}h2.section{margin:0 0 var(--space-2);font-size:1.25rem;font-weight:700;line-height:1.5}.app{max-width:480px;padding:0 0 calc(92px + env(safe-area-inset-bottom));margin:0 auto}main{gap:var(--space-6);touch-action:pan-y;grid-template-columns:minmax(0,1fr);display:grid}main>*{min-width:0}.pad{padding:0 var(--space-4)}.card{background:var(--card);border-radius:var(--radius-md);padding:var(--space-4)}.field-box{padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) var(--space-5);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-direction:column;gap:14px;display:flex}.field-box.wet{background:var(--field-rain);color:var(--on-field-rain);--fg:var(--on-field-rain)}.field-box.dry{background:var(--field-dry);color:var(--on-field-dry);--fg:var(--on-field-dry)}.field-box :focus-visible{outline-color:var(--fg)}.field-top{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.place-btn{min-height:48px;padding:0 14px 0 var(--space-4);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:2px solid;align-items:center;gap:8px;max-width:100%;font-size:1.25rem;font-weight:700;line-height:1.5;display:inline-flex}.place-btn svg{flex:none}.ground .place-btn{color:var(--ink)}.field-temp{font-family:var(--font-display);margin-left:auto;font-size:2.75rem;font-weight:800;line-height:1.1}.answer{font-family:var(--font-display);letter-spacing:-2px;overflow-wrap:anywhere;margin:6px 0 0;font-size:4.75rem;font-weight:800;line-height:.92}.detail{font-size:1.5rem;line-height:1.33}.field-hl{gap:var(--space-1) 20px;flex-wrap:wrap;font-size:1.25rem;font-weight:700;line-height:1.5;display:flex}.field-note{font-size:1.125rem;font-weight:700}.alert{gap:var(--space-3);border-radius:var(--radius-md);padding:14px var(--space-4);background:var(--rain-light);border:2px solid var(--on-field-dry);color:var(--on-field-dry);align-items:flex-start;display:flex}.alert .grow{flex:1;min-width:0}.alert .m{margin-top:2px;font-size:1.25rem;line-height:1.5}.alert .i-o{stroke:var(--on-field-dry)}.alert.error{background:var(--warn-tint);border-color:var(--warn);color:var(--ink)}.alert.error .label{color:var(--warn)}.iconbtn{border-radius:var(--radius-md);cursor:pointer;min-width:48px;min-height:48px;color:inherit;background:0 0;border:2px solid;flex:none;place-items:center;padding:0;display:inline-grid}.iconbtn .i-o{stroke:currentColor}.tl{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tl li{align-items:center;gap:var(--space-3);display:flex}.tl .t{flex:none;width:3.25rem}.tl .track{flex:1;min-width:0;display:flex}.bar-w{border-radius:var(--radius-sm);min-height:2.75rem;padding:var(--space-1) 14px;align-items:center;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;font-size:1.125rem;font-weight:700;line-height:1.33;display:flex}.bar-sun{background:var(--sun);color:var(--on-field-dry)}.bar-cloud{background:var(--cloud-bar);color:var(--ink);border:2px solid var(--line)}.bar-light{background:var(--rain-light);color:var(--on-field-dry)}.bar-rain{background:var(--field-rain);color:var(--on-field-rain)}.bar-heavy{background:repeating-linear-gradient(135deg, var(--rain-heavy) 0 8px, var(--rain-hatch) 8px 12px);color:#fff}.rainline{width:100%;display:block;overflow:visible}.rainline .lvl{stroke:var(--line);stroke-width:1.5px;stroke-dasharray:4 6}.rainline .shape{fill:var(--rain);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.rainline .dry{fill:var(--sun);stroke:var(--ink);stroke-width:2px}.rainline .base{stroke:var(--ink);stroke-width:2px}.rainline text{font-family:var(--font-sans);fill:var(--ink);paint-order:stroke;stroke:var(--ground);stroke-width:5px;stroke-linejoin:round;font-size:1.125rem;font-weight:700}.days{border-bottom:2px solid var(--ink);margin:0;padding:0;list-style:none}.days>li{border-top:2px solid var(--ink)}.day-btn{align-items:center;gap:var(--space-2) var(--space-3);width:100%;min-height:56px;padding:var(--space-2) 0;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;display:flex}.day-btn>.d{width:6.5rem;font-size:1.25rem;font-weight:700;line-height:1.5}.day-w{flex:1 1 0;min-width:4rem;font-size:1.25rem;line-height:1.5}.day-t{white-space:nowrap;margin-left:auto}.day-t .lo{margin-left:var(--space-1);font-size:1.25rem}.swatch{border:2px solid var(--ink);border-radius:6px;flex:none;width:20px;height:20px}.swatch.wet{background:var(--field-rain)}.swatch.dry{background:var(--field-dry)}.day-btn[aria-expanded=true] .chev{transform:rotate(180deg)}.day-more{padding:var(--space-2) 0 var(--space-4);gap:var(--space-3);display:grid}.strip-scroll{scroll-snap-type:x proximity;padding-bottom:var(--space-2);overflow-x:auto}.strip{gap:var(--space-2);grid-auto-columns:max-content;grid-auto-flow:column;min-width:max-content;margin:0;padding:0;list-style:none;display:grid}.strip li{min-width:3.5rem;padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);scroll-snap-align:start;justify-items:center;gap:2px;display:grid;position:relative}.strip li.wk2{border-left:2px dashed var(--line);padding-left:var(--space-2);border-radius:0}.strip .swatch{border-radius:8px;width:28px;height:28px}.strip .lo{font-size:1.25rem}.bar{z-index:3;background:var(--ground);padding:10px 12px calc(16px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.bar-inner{gap:var(--space-2);flex-wrap:wrap;max-width:480px;margin:0 auto;display:flex}.nav-btn{border-radius:var(--radius-md);cursor:pointer;min-width:0;min-height:52px;padding:var(--space-1) 2px;overflow-wrap:anywhere;background:0 0;border:2px solid #0000;flex:4.5rem;font-size:1.125rem;font-weight:700;line-height:1.33}.nav-btn[aria-current=page].wet{background:var(--field-rain);color:var(--on-field-rain)}.nav-btn[aria-current=page].dry{background:var(--field-dry);color:var(--on-field-dry);border-color:var(--on-field-dry)}.btn{min-height:56px;padding:0 var(--space-5);border-radius:var(--radius-md);border:2px solid var(--ink);background:var(--ground);cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;line-height:1.5;display:inline-flex}.btn.small{min-height:48px;padding:0 18px;font-size:1.125rem}.btn.primary{background:var(--rain);border-color:var(--rain);color:var(--on-rain)}.btn.primary .i-o{stroke:var(--on-rain)}.btn[disabled]{cursor:not-allowed;border-style:dashed}.btn.danger{border-color:var(--warn);color:var(--warn)}a.btn{color:var(--ink);text-decoration:none}a.btn.primary{color:var(--on-rain)}dialog.sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--ground);color:var(--ink);width:100%;max-width:480px;padding:12px var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));border:0;max-height:92dvh;margin:auto auto 0;overflow-y:auto}@media (prefers-color-scheme:dark){dialog.sheet{border-top:2px solid var(--line)}}dialog.sheet::backdrop{background:var(--scrim)}.grab{border-radius:var(--radius-pill);background:var(--line);width:48px;height:5px;margin:0 auto var(--space-4)}.sheet-body{gap:var(--space-4);flex-direction:column;display:flex}.sheet-head{align-items:center;gap:10px;display:flex}.sheet-head .title{flex:1;min-width:0}.sheet-head .iconbtn{border-color:var(--ink)}.split{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.alerts-row{min-height:80px;padding:var(--space-3) var(--space-4);background:var(--rain-light);border:2px solid var(--on-field-dry);border-radius:var(--radius-md);width:100%;color:var(--on-field-dry);cursor:pointer;text-align:left;align-items:center;gap:14px;display:flex}@media (prefers-color-scheme:dark){.alerts-row{border-color:var(--rain-light)}}.alerts-row .i-o{stroke:var(--on-field-dry)}.alerts-row .grow{flex-direction:column;flex:1;line-height:1.4;display:flex}.places{border-bottom:2px solid var(--ink);margin:0;padding:0;list-style:none}.places>li{border-top:2px solid var(--ink);align-items:center;display:flex}.places>li.on{background:var(--card)}.place-row{min-width:0;min-height:88px;padding:var(--space-3);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:14px;display:flex}.tile{border-radius:var(--radius-sm);width:64px;height:64px;font-family:var(--font-display);flex:none;place-items:center;font-size:1.75rem;font-weight:800;line-height:1.15;display:grid}.tile.wet{background:var(--field-rain);color:var(--on-field-rain)}.tile.dry{background:var(--field-dry);color:var(--on-field-dry)}.tile.none{background:var(--card);color:var(--ink);border:2px solid var(--line)}.place-text{flex-direction:column;flex:1;min-width:0;display:flex}.place-name{overflow-wrap:anywhere;font-size:1.5rem;font-weight:700;line-height:1.33}.place-ans{font-size:1.25rem;line-height:1.4}.here-tag{align-items:center;gap:6px;font-size:1.125rem;font-weight:700;line-height:1.33;display:flex}.chip{background:var(--ink);color:var(--ground);border-radius:var(--radius-sm);flex:none;padding:4px 10px;font-size:1.125rem;font-weight:700;line-height:1.33}.places .btn.danger{margin-right:var(--space-3)}.search{gap:var(--space-2);display:grid}.search input{min-height:56px;padding:0 var(--space-4);border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--card);font-size:1.25rem}.results{border-bottom:2px solid var(--ink);margin:0;padding:0;list-style:none}.results li{border-top:2px solid var(--ink)}.results button{all:unset;box-sizing:border-box;align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-2) var(--space-1);cursor:pointer;display:flex}.results button:focus-visible{outline:3px solid var(--rain);outline-offset:-3px}.results .sub{font-size:1.125rem;display:block}.note{font-size:1.25rem;line-height:1.5}.switch-card{align-items:center;gap:var(--space-3);min-height:72px;padding:10px var(--space-4);background:var(--card);border:2px solid var(--ink);border-radius:var(--radius-md);display:flex}.switch-card .grow{flex:1;font-weight:700}.switch{align-items:center;gap:var(--space-3);cursor:pointer;background:0 0;border:0;min-height:48px;padding:0;display:flex}.switch-word{text-align:right;min-width:2rem;font-size:1.125rem;font-weight:700}.switch-ui{border-radius:var(--radius-pill);border:2px solid var(--line);background:var(--card);width:60px;height:34px;display:block;position:relative}.switch-ui:after{content:"";background:var(--line);border-radius:50%;width:26px;height:26px;transition:left .15s;position:absolute;top:2px;left:2px}[aria-checked=true] .switch-ui{background:var(--rain);border-color:var(--rain)}[aria-checked=true] .switch-ui:after{background:var(--on-rain);left:28px}.preview-top{justify-content:space-between;font-size:1.125rem;font-weight:700;display:flex}.empty{gap:var(--space-4);padding:calc(var(--space-6) + env(safe-area-inset-top)) var(--space-4) 0;display:grid}.skeleton{place-items:center;min-height:360px;display:grid}footer.credit{padding:0 var(--space-4);font-size:1.125rem}footer.credit a,.credits a{color:var(--rain)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.screen-head{align-items:center;gap:var(--space-3);padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) 0;flex-wrap:wrap;display:flex}.screen-head .title{flex:1}.map-screen{gap:var(--space-4);padding:0 var(--space-4);display:grid}.map-wrap{border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--card);height:46dvh;min-height:260px;position:relative;overflow:hidden}.map-wrap>.map{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.map-chip{background:var(--ground);border:2px solid var(--ink);border-radius:var(--radius-sm);margin:0;padding:4px 10px;font-size:1.125rem;font-weight:700;line-height:1.33}.map-chip:empty{display:none}.map-time{top:var(--space-2);left:var(--space-2);position:absolute}.map-tools{right:var(--space-2);bottom:var(--space-2);align-items:center;gap:var(--space-2);display:flex;position:absolute}.map-tools .btn{background:var(--ground);min-height:48px;padding:0 14px;font-size:1.125rem}.map-status{inset:auto var(--space-2) var(--space-2);padding:var(--space-2) var(--space-3);background:var(--ground);border:2px solid var(--ink);border-radius:var(--radius-md);position:absolute}.map-recentre{top:var(--space-2);right:var(--space-2);background:var(--ground);color:var(--ink);position:absolute}.map-pin{background:var(--ground);border:3px solid var(--ink);border-radius:50%;width:16px;height:16px}.map-pin-on{background:var(--rain);width:20px;height:20px}.map-panel{gap:var(--space-3);display:grid}.summary{font-size:1.5rem;line-height:1.33}.slider-row{gap:var(--space-2);display:grid}.slider-row input[type=range]{cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:48px;margin:0}.slider-row input[type=range]::-webkit-slider-runnable-track{background:var(--card);border:2px solid var(--line);border-radius:999px;height:12px}.slider-row input[type=range]::-moz-range-track{background:var(--card);border:2px solid var(--line);border-radius:999px;height:12px}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--rain);border:3px solid var(--ink);border-radius:50%;width:32px;height:32px;margin-top:-12px}.slider-row input[type=range]::-moz-range-thumb{background:var(--rain);border:3px solid var(--ink);border-radius:50%;width:28px;height:28px}.step-row{gap:var(--space-2);display:flex}.step-row .btn{min-width:0;padding:0 var(--space-2);flex:1 1 0}.legend{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.legend li{align-items:center;gap:8px;font-size:1.125rem;font-weight:700;display:flex}.sw{border:2px solid var(--ink);border-radius:4px;flex:none;width:28px;height:20px}.sw-1{background:#c6e0fa}.sw-2{background:#2e6fc0}.sw-3{background:#3d3a9e}.sw-4{background:repeating-linear-gradient(45deg,#6a1f8f 0 5px,#3d3a9e 5px 8px)}.credits{gap:var(--space-1) var(--space-4);flex-wrap:wrap;margin:0;padding:0;font-size:1.125rem;list-style:none;display:flex}.maplibregl-canvas:focus-visible{outline:3px solid var(--rain)}