.demo-notice{max-width:44rem;padding:.7rem var(--space-3);border:1px dashed var(--color-rule-strong);border-radius:var(--radius);color:var(--color-text-2);font-size:var(--step--1);margin:0}.demo-notice strong{color:var(--color-text)}.demo-noscript .panel-body p:last-child{margin-bottom:0}.demo-about{max-width:48rem;margin-top:var(--space-6)}.demo-about h2{font-size:var(--step-2)}.demo-facts{border-top:1px solid var(--color-rule);margin:0;padding:0;list-style:none}.demo-facts li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-rule);color:var(--color-text-2)}.demo-facts strong{color:var(--color-text)}.rain{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.rain[hidden]{visibility:hidden;display:grid}@media (scripting:none){.rain[hidden]{display:none}}.rain>.panel{min-width:0}.rain .panel-body>:first-child{margin-top:0}.rain-small{font-size:var(--step--1);color:var(--color-muted)}.rain-intro{max-width:48rem;color:var(--color-text-2)}.rain-label{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin:0 0 .2rem;display:block}.rain-h3{margin:var(--space-4) 0 var(--space-2);font-size:var(--step-1)}.rain-controls{align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.rain-field{flex:16rem;min-width:0;max-width:26rem}.rain-hint{max-width:44rem;margin:calc(-1 * var(--space-2)) 0 var(--space-3)}.rain-controls>.rain-small{align-self:center;margin:0}.rain-progress{margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--step--1);color:var(--color-text-2)}.rain-replay-grid{gap:var(--space-3) var(--space-5);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=64rem){.rain-replay-grid{grid-template:"bulletin map""verdict map"1fr"gates gates"/minmax(0,1fr) minmax(0,1.1fr)}.rain-bulletin-area{grid-area:bulletin}.rain-verdict{grid-area:verdict}.rain-map{grid-area:map}.rain-gates{grid-area:gates}}.rain-replay-grid>*{min-width:0}.rain-bulletin-area .rain-h3{margin-top:0}.rain-bulletin{margin:var(--space-2) 0 var(--space-3);padding:var(--space-3);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-sunken);font-size:var(--step-1);line-height:1.6}.rain-mark{padding:0 .1em}.rain-mark-now{border-bottom:3px solid var(--color-signal);font-weight:700}.rain-mark-expected{border-bottom:2px dashed var(--color-text)}.rain-mark-unknown{color:var(--color-text-2);text-decoration:line-through 2px}.rain-town-name{font-family:var(--font-mono);font-size:.92em}.rain-key{gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);font-size:var(--step--1);color:var(--color-text-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.rain-key .rain-mark{color:var(--color-text);margin-right:.35rem}.rain-parsed{gap:var(--space-1);margin:0;display:grid}.rain-parsed>div{gap:var(--space-3);padding:var(--space-1) 0;border-bottom:1px solid var(--color-rule);grid-template-columns:minmax(0,11rem) minmax(0,1fr);display:grid}.rain-parsed dt{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);padding-top:.2rem}.rain-parsed dd{margin:0}.rain-verdict{padding:var(--space-3);border:1px solid var(--color-rule-strong);border-radius:var(--radius);border-left-width:6px}.rain-verdict[data-outcome=alert]{border-color:var(--color-signal);background:var(--color-signal-tint)}.rain-verdict[data-outcome=silent]{border-left-color:var(--color-text)}.rain-verdict-text{font-size:var(--step-1);margin:0;font-weight:600}.rain-map,.rain-warnmap{container-type:inline-size}.rain-map{margin:0}.rain-map-svg,.rain-warn-svg{border:1px solid var(--color-rule);border-radius:var(--radius);width:100%;height:auto;display:block}.rain-map figcaption{margin-top:var(--space-2)}.rain-sea{fill:var(--color-sunken)}.rain-land{fill:var(--color-raised);stroke:var(--color-muted);stroke-width:3px}.rain-sea-label{fill:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;font-size:30px}.rain-cone{fill:var(--color-signal-tint);stroke:var(--color-signal);stroke-width:3px;stroke-dasharray:12 8}.rain-windline{stroke:var(--color-muted);stroke-width:2px;stroke-dasharray:4 6}.rain-along{stroke:var(--color-signal-strong);stroke-width:6px;stroke-linecap:round;stroke-dasharray:1 12}.rain-across{stroke:var(--color-text);stroke-width:3px}.rain-along[data-show=no],.rain-across[data-show=no]{display:none}.rain-town-mark{fill:var(--color-raised);stroke:var(--color-muted);stroke-width:3px}.rain-town[data-state=expected] .rain-town-mark{stroke:var(--color-text);stroke-dasharray:5 4}.rain-town[data-state=now] .rain-town-mark{fill:var(--color-text);stroke:var(--color-text)}.rain-town[data-state=alert] .rain-town-mark{fill:var(--color-signal);stroke:var(--color-text);stroke-width:6px}.rain-home .rain-town-mark{fill:var(--color-text);stroke:var(--color-raised);stroke-width:3px}.rain-town-label{fill:var(--color-text);font-family:var(--font-body);paint-order:stroke;stroke:var(--color-raised);stroke-width:8px;stroke-linejoin:round;font-size:34px;font-weight:600}.rain-town[data-state=idle] .rain-town-label{font-weight:400}.rain-compass-box{fill:var(--color-raised);stroke:var(--color-rule-strong);stroke-width:2px}.rain-arrow{fill:var(--color-text)}.rain-compass-label,.rain-scale-label{fill:var(--color-text);font-family:var(--font-mono);text-anchor:middle;font-size:26px}.rain-scale-bar{stroke:var(--color-text);stroke-width:4px}@container (width<=26rem){.rain-sea-label,.rain-compass-label,.rain-scale-label{font-size:34px}}@container (width<=20rem){.rain-town-label,.rain-sea-label,.rain-scale-label{font-size:44px}.rain-compass{transform-origin:16px 16px;transform:scale(1.3)}.rain-town-label-left{text-anchor:end;transform:translate(-32px)}}.rain-legend{gap:var(--space-2) var(--space-4);margin:var(--space-2) 0 0;font-size:var(--step--1);color:var(--color-text-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.rain-legend li{align-items:center;gap:.4rem;display:inline-flex}.rain-legend svg{flex:none;width:1.2rem;height:1.2rem}.rain-key-alert{fill:var(--color-signal);stroke:var(--color-text);stroke-width:3px}.rain-key-now{fill:var(--color-text)}.rain-key-expected{fill:none;stroke:var(--color-text);stroke-width:2px;stroke-dasharray:3 2}.rain-key-home{fill:var(--color-text)}.rain-key-along{stroke:var(--color-signal-strong);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1 4}.rain-cands{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));display:grid}.rain-cand{padding:var(--space-3);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-raised)}.rain-cand[data-counts=yes]{border:2px solid var(--color-signal)}.rain-cand-head{justify-content:space-between;align-items:baseline;gap:0 var(--space-2);flex-wrap:wrap;display:flex}.rain-cand-town{font-size:var(--step-1);margin:0}.rain-cand-verdict{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-2);margin:0}.rain-cand-facts{margin:var(--space-2) 0 0;font-size:var(--step--1);color:var(--color-text-2)}.rain-gate-list{margin:var(--space-2) 0 0;counter-reset:gate;padding:0;list-style:none}.rain-gate{padding:var(--space-2) 0 var(--space-2) var(--space-3);border-left:3px solid var(--color-rule);counter-increment:gate}.rain-gate+.rain-gate{margin-top:2px}.rain-gate[data-state=pass]{border-left-color:var(--color-signal)}.rain-gate[data-state=block]{border-left:6px solid var(--color-text);background:var(--color-sunken)}.rain-gate-line{justify-content:space-between;gap:0 var(--space-2);font-size:var(--step--1);flex-wrap:wrap;margin:0;display:flex}.rain-gate-name{font-weight:600}.rain-gate-name:before{content:counter(gate) ". ";color:var(--color-muted)}.rain-gate-state{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.04em;text-transform:uppercase}.rain-gate[data-state=pass] .rain-gate-state{color:var(--color-signal)}.rain-gate[data-state=block] .rain-gate-state{font-weight:700}.rain-gate[data-state=skip]{color:var(--color-muted)}.rain-gate[data-state=skip] .rain-gate-name{font-weight:400}.rain-gate-reason{font-size:var(--step--1);color:var(--color-text-2);margin:.2rem 0 0}.rain-rules{margin-top:var(--space-3);font-size:var(--step--1)}.rain-rules summary{cursor:pointer;padding:.65rem 0;font-weight:600}.rain-rules ol{color:var(--color-text-2);padding-left:1.4rem}.rain-feed{border-top:1px solid var(--color-rule);margin:0;padding:0;list-style:none}.rain-feed-item{gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-rule);font-size:var(--step--1);grid-template-columns:4rem minmax(0,1fr);display:grid}.rain-feed-time{font-family:var(--font-mono);color:var(--color-muted)}.rain-feed-item:last-child{animation:rain-in .24s var(--ease)}@keyframes rain-in{0%{opacity:0;transform:translateY(.4rem)}}@media (prefers-reduced-motion:reduce){.rain-feed-item:last-child{animation:none}}.rain-menubar{align-items:center;gap:var(--space-2) var(--space-3);margin:0 0 var(--space-4);padding:var(--space-3);border:1px solid var(--color-rule-strong);border-radius:var(--radius);background:var(--color-sunken);flex-wrap:wrap;display:flex}.rain-glyphs{flex:none;display:inline-flex}.rain-glyph{fill:none;width:2rem;height:2rem;stroke:var(--color-text);stroke-width:2px;display:none}.rain-menubar[data-rain-glyph=quiet] .rain-glyph-quiet,.rain-menubar[data-rain-glyph=outlook] .rain-glyph-outlook,.rain-menubar[data-rain-glyph=approach] .rain-glyph-approach,.rain-menubar[data-rain-glyph=raining] .rain-glyph-raining,.rain-menubar[data-rain-glyph=paused] .rain-glyph-paused,.rain-menubar[data-rain-glyph=warning] .rain-glyph-warning{display:block}.rain-glyph-fill{fill:var(--color-text);stroke:none}.rain-glyph-cut{fill:var(--color-sunken);stroke:none}.rain-menubar-text{font-size:var(--step-1);flex:14rem;margin:0;font-weight:600}.rain-glyph-word{margin-right:var(--space-2);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-2);font-weight:400;display:inline-block}.rain-menubar-note{flex-basis:100%;margin:0}.rain-level-list{gap:var(--space-3);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.rain-level-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.rain-level{padding:var(--space-3);border:1px solid var(--color-rule);border-left:6px solid var(--color-rule-strong);border-radius:var(--radius)}.rain-level[data-state=on]{border-left-color:var(--color-signal)}.rain-level-name{margin:0 0 var(--space-2);font-size:var(--step-0)}.rain-level-state{margin:0 0 var(--space-2)}.rain-level-flag{margin-right:var(--space-2);border:1px solid var(--color-rule-strong);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);padding:0 .4rem;display:inline-block}.rain-level[data-state=on] .rain-level-flag{border-color:var(--color-signal);background:var(--color-signal);color:var(--color-on-signal)}.rain-level-meta{font-size:var(--step--1);color:var(--color-text-2);margin:0}.rain-level-meta .rain-label{margin-right:.35rem;display:inline}.rain-detail-grid{gap:var(--space-2) var(--space-5);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.rain-detail-grid>*{min-width:0}@media (width>=64rem){.rain-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"until warn""votes votes"}.rain-until{grid-area:until}.rain-votes{grid-area:votes}.rain-warnmap{grid-area:warn}}.rain-hours{margin:var(--space-3) 0;padding:0;list-style:none}.rain-hour{align-items:center;gap:var(--space-2);font-size:var(--step--1);grid-template-columns:3.5rem minmax(0,1fr) 4.5rem 6rem;padding:.15rem 0;display:grid}.rain-hour-bar{border:2px solid var(--color-text);background:var(--color-text);border-radius:2px;grid-area:1/2;width:3%;height:.9rem}.rain-hour-time{font-family:var(--font-mono);grid-area:1/1}.rain-hour-mm{text-align:right;font-family:var(--font-mono);grid-area:1/3}.rain-hour-kind{color:var(--color-muted);grid-area:1/4}.rain-hour[data-band=light] .rain-hour-bar{width:25%}.rain-hour[data-band=moderate] .rain-hour-bar{width:55%}.rain-hour[data-band=heavy] .rain-hour-bar{width:100%}.rain-hour[data-when=next] .rain-hour-bar{background:0 0;border-style:dashed}.rain-hour[data-when=now] .rain-hour-bar{border-color:var(--color-signal);background:var(--color-signal)}.rain-hour[data-when=now] .rain-hour-time,.rain-hour[data-when=now] .rain-hour-kind{color:var(--color-text);font-weight:700}.rain-table-wrap{margin:var(--space-3) 0;border:1px solid var(--color-rule);border-radius:var(--radius);overflow-x:auto}.rain-table-wrap:focus-visible{outline:var(--focus-ring) solid var(--color-focus);outline-offset:2px}.rain-table{border-collapse:collapse;width:100%;min-width:40rem;font-size:var(--step--1)}.rain-table th,.rain-table td{border-bottom:1px solid var(--color-rule);text-align:left;vertical-align:top;padding:.45rem .6rem}.rain-table thead th{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);font-weight:400}.rain-table tbody th{font-family:var(--font-mono);white-space:nowrap;font-weight:400}.rain-table td[data-says=rain],.rain-table td[data-warn=yes]{font-weight:700}.rain-table tr[aria-current=time]{background:var(--color-signal-tint)}.rain-table tr[aria-current=time] th:after{content:" (now)";color:var(--color-text-2)}.rain-warnmap{margin:0}.rain-warnmap .rain-h3{margin-top:var(--space-3)}.rain-warn-area,.rain-key-warn{fill:var(--color-text);fill-opacity:.14;stroke:var(--color-text);stroke-width:4px;stroke-dasharray:14 8}.rain-warn-town{fill:var(--color-muted)}.rain-key-warn{stroke-width:2px;stroke-dasharray:4 2}.rain-warn-home{fill:var(--color-text);stroke:var(--color-raised);stroke-width:4px}.rain-warn-home[data-inside=yes]{fill:var(--color-signal);stroke:var(--color-text);stroke-width:6px}.rain-accuracy{margin:0 0 var(--space-3);padding:var(--space-3);border:2px dashed var(--color-rule-strong);border-radius:var(--radius)}.rain-accuracy[data-ready=yes]{border:2px solid var(--color-signal);background:var(--color-signal-tint)}.rain-accuracy-lines{margin:0;padding-left:1.2rem}.rain-accuracy[data-ready=yes] .rain-accuracy-lines li:first-child{font-size:var(--step-1);font-weight:700}.rain-entries{gap:0 var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));margin:0;padding:0;list-style:none;display:grid}.rain-entry{padding:var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--color-rule)}.rain-entry-meta{font-family:var(--font-mono);font-size:var(--step--2);color:var(--color-muted);margin:0}.rain-entry-kind{margin-right:var(--space-1);border:1px solid var(--color-rule-strong);border-radius:var(--radius);color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;padding:0 .35rem;display:inline-block}.rain-entry[data-outcome=alert] .rain-entry-kind{border-color:var(--color-signal);background:var(--color-signal-tint)}.rain-entry-text{font-size:var(--step--1);margin:.25rem 0 0}.rain-entry-answer{font-size:var(--step--1);color:var(--color-text-2);margin:.25rem 0 0}.rain-entry-answers{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.rain-answer[aria-pressed=true]{background:var(--color-signal);border-color:var(--color-signal);color:var(--color-on-signal)}.rain-answer[aria-pressed=true]:before{content:"✓" / ""}