@font-face{font-family:Geist;src:url('/hd/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/hd/geist-mono.woff2') format('woff2');font-weight:100 900;font-display:swap}
.weather-app--hd{margin:0;background:var(--color-bg);color:var(--color-text);font:var(--text-base)/1.5 var(--font-body);overflow:hidden}
.weather-app--hd *{box-sizing:border-box}.weather-app--hd [hidden]{display:none}.weather-app--hd :where(button,input,select){font:inherit}.weather-app--hd :focus-visible{outline:2px solid var(--color-good);outline-offset:4px}.weather-app--hd button{cursor:pointer}.weather-app--hd button:disabled,.weather-app--hd input:disabled{opacity:.4;cursor:not-allowed}.weather-app--hd a{color:var(--color-text);text-underline-offset:4px}.weather-app--hd h2,.weather-app--hd p{margin:0}
.hd-view{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}.hd-view canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.hd-view canvas:active{cursor:grabbing}
.hd-top{position:absolute;inset:max(var(--hd-inset),env(safe-area-inset-top)) var(--hd-inset) auto;display:flex;align-items:start;justify-content:space-between;gap:var(--space-4);pointer-events:none}.hd-source{display:grid;gap:var(--space-1);max-width:60%;text-shadow:0 1px 6px var(--color-bg);font:var(--text-xs)/1.5 var(--font-mono);color:var(--color-muted)}.hd-eyebrow{display:block;font:var(--text-xs)/1.6 var(--font-mono);letter-spacing:.12em;color:var(--color-muted)}.hd-actions{display:flex;gap:var(--space-2);align-items:center;pointer-events:auto}.hd-button{border:1px solid var(--color-border);border-radius:var(--hd-radius);min-height:var(--control-height);padding:var(--space-2) var(--space-4);background:var(--color-soft);color:var(--color-text);white-space:nowrap;font-size:var(--text-sm);backdrop-filter:blur(12px)}.hd-button:hover{background:var(--hd-panel)}.hd-button--primary{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.hd-button--primary:hover{background:var(--color-muted)}.hd-icon{width:var(--control-height);padding:var(--space-1);font-size:var(--text-xl)}.hd-zoom{position:absolute;right:var(--hd-inset);top:42%;display:grid;gap:var(--space-2)}
.hd-bottom{position:absolute;inset:auto 0 calc(var(--hd-ticker-height) + env(safe-area-inset-bottom)) ;padding:var(--space-10) var(--hd-inset) max(var(--space-4),env(safe-area-inset-bottom));background:linear-gradient(var(--hd-clear),var(--hd-shade));pointer-events:none}.hd-readout{display:flex;gap:var(--space-10);align-items:end}.hd-primary>span:last-child,.hd-secondary>span:last-child{display:flex;align-items:baseline;gap:var(--space-2)}.hd-primary strong{font-size:var(--hd-value);font-weight:300;letter-spacing:-.055em;line-height:1.1}.hd-secondary strong{font-size:var(--hd-small-value);font-weight:300;letter-spacing:-.04em}.hd-readout small{color:var(--color-muted);font-size:var(--text-sm)}.hd-risk{padding:0;background:none;border:0;color:var(--color-text);text-align:left;pointer-events:auto;min-height:var(--control-height)}.hd-risk>span:last-child{font-size:var(--hd-small-value);font-weight:300;letter-spacing:-.04em}.hd-risk[data-level="yellow"]{color:var(--hd-yellow)}.hd-risk[data-level="orange"]{color:var(--hd-orange)}.hd-risk[data-level="red"]{color:var(--hd-red)}
.hd-timebar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.hd-timebar>span{font:var(--text-sm)/1.5 var(--font-mono)}.hd-slider{display:block;width:100%;margin:var(--space-2) 0 0;min-height:28px;accent-color:var(--color-text);cursor:pointer;pointer-events:auto}.hd-timeline-labels{display:flex;justify-content:space-between;gap:var(--space-2);font:10px var(--font-mono);color:var(--color-muted)}.hd-message{position:absolute;left:var(--hd-inset);right:calc(var(--hd-inset) + 60px);top:24%;max-width:420px;border:1px solid var(--color-border);background:var(--hd-panel);border-radius:var(--radius);padding:var(--space-4);font-size:var(--text-sm)}
.hd-sheet{position:fixed;inset:var(--space-4) var(--space-4) var(--space-4) auto;margin:0;padding:0;width:min(var(--hd-sheet-width),calc(100vw - var(--space-8)));max-height:calc(100dvh - var(--space-8));background:var(--hd-panel);backdrop-filter:blur(24px);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.hd-sheet[open]{display:flex;flex-direction:column}.hd-sheet::backdrop{background:var(--hd-clear)}.hd-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);flex-shrink:0}.hd-sheet-header h2{font-weight:500;font-size:var(--text-lg)}.hd-sheet-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-4) var(--space-5);display:grid;gap:var(--space-4)}.hd-field{display:grid;gap:var(--space-2);font-size:var(--text-sm)}.hd-field select{min-height:var(--control-height);max-width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);background:var(--color-surface);color:var(--color-text)}.hd-wide{width:100%}.hd-hint{color:var(--color-muted);font-size:var(--text-xs);line-height:1.65}.hd-check{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--control-height);border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.hd-check input{width:20px;height:20px;accent-color:var(--color-good)}.hd-versions{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-xs);min-height:var(--control-height);align-items:center}.hd-versions [aria-current]{color:var(--color-good)}.hd-legend{height:4px;border-radius:var(--radius);background:var(--hd-legend)}.hd-warning{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:grid;gap:var(--space-1)}.hd-warning strong{font-size:var(--text-sm);font-weight:500}.hd-warning small{color:var(--color-muted);font-size:var(--text-xs)}
@media(min-width:1000px){.hd-timebar{position:absolute;right:var(--hd-inset);bottom:72px}.hd-readout{padding-right:400px}}
@media(max-width:600px){.hd-readout{gap:var(--space-5);flex-wrap:wrap}.hd-primary .hd-eyebrow{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-risk .hd-eyebrow{font-size:9px;letter-spacing:.04em}.hd-risk>span:last-child{font-size:var(--text-lg)}.hd-top{gap:var(--space-2)}.hd-source{max-width:55%;font-size:10px}.hd-timebar>span{font-size:10px}.hd-bottom{padding-top:var(--space-8)}.hd-secondary strong{font-size:var(--text-xl)}.hd-readout small{font-size:10px}.hd-sheet{inset:auto var(--space-2) var(--space-2);width:auto;max-height:78dvh}.hd-timeline-labels{font-size:9px}}
@media(max-width:360px){.hd-readout{gap:var(--space-3)}.hd-risk{flex-basis:100%;display:flex;gap:var(--space-2);align-items:center;min-height:28px}.hd-risk>span:last-child{font-size:var(--text-sm)}.hd-primary strong{font-size:36px}.hd-timebar{margin-top:var(--space-1)}}
@media(max-height:500px){.hd-readout{gap:var(--space-4)}.hd-primary strong{font-size:36px}.hd-secondary strong{font-size:24px}.hd-risk>span:last-child{font-size:20px}.hd-bottom{padding-top:var(--space-4);padding-bottom:var(--space-2)}.hd-timebar{margin-top:0}.hd-top{top:var(--space-3)}.hd-zoom{top:28%}.hd-sheet{inset:var(--space-2);width:auto;max-height:calc(100dvh - var(--space-4))}}
.hd-message--location{top:calc(var(--hd-inset) + 64px);z-index:1;pointer-events:none}
.hd-news{position:absolute;inset:auto 0 0;display:flex;align-items:center;height:calc(var(--hd-ticker-height) + env(safe-area-inset-bottom));padding:0 var(--space-2) env(safe-area-inset-bottom) var(--hd-inset);gap:var(--space-3);background:var(--hd-shade);border-top:var(--border)}
.hd-news-window{display:flex;align-items:center;flex:1;min-width:0;height:calc(var(--hd-ticker-height) - 1px);overflow:hidden;font-size:var(--text-sm)}.hd-news-track{display:flex;width:max-content;white-space:nowrap}.hd-news-copy{display:flex;flex:none}.hd-news-link{display:flex;align-items:center;min-height:var(--control-height);padding-right:var(--hd-ticker-gap);text-decoration:none}.hd-news-link:hover{text-decoration:underline}
.hd-button--ticker{flex:none;border:0;border-radius:var(--radius-sm);background:none;font-size:var(--text-sm);backdrop-filter:none}
.hd-news-card{display:grid;gap:var(--space-2);padding:var(--space-4) 0;border-bottom:var(--border);overflow-wrap:anywhere;font-size:var(--text-sm)}
.hd-news-card[data-level="red"]>.hd-eyebrow{color:var(--hd-red)}.hd-news-card[data-level="orange"]>.hd-eyebrow{color:var(--hd-orange)}.hd-news-card[data-level="yellow"]>.hd-eyebrow{color:var(--hd-yellow)}
.hd-news-card summary,.hd-news-archive>summary,.hd-news-sources>summary{cursor:pointer;min-height:var(--control-height);padding:var(--space-3) 0;font-size:var(--text-sm)}
.hd-news-original{font-size:var(--text-sm);color:var(--color-muted);padding-bottom:var(--space-3)}
.hd-settings-details>summary{cursor:pointer;min-height:var(--control-height);padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--color-muted)}.hd-settings-content{display:grid;gap:var(--space-4);padding:var(--space-2) 0 var(--space-4)}
.hd-button--model{pointer-events:auto;white-space:normal;text-align:left;font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}
.hd-button--active{border-color:var(--color-good);color:var(--color-good)}
.hd-control-icon{display:block;width:var(--space-6);height:var(--space-6);margin:auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hd-message--alert{display:flex;gap:var(--space-2);align-items:start;z-index:2;padding:var(--space-2)}
.hd-alert-preview{display:grid;gap:var(--space-1);min-height:var(--control-height);min-width:0;padding:var(--space-2);border:0;background:none;color:var(--color-text);text-align:left;font:inherit}
.hd-alert-preview span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-muted)}
.hd-alert-events{font-size:var(--text-sm);overflow-wrap:anywhere}
.hd-sheet--forecast{--hd-sheet-width:var(--hd-forecast-width)}.hd-field--large{font-size:var(--hd-control-text)}.hd-field--large select{font-size:var(--hd-control-text)}
.hd-source>span{background:var(--hd-panel);padding:var(--space-1);border-radius:var(--radius-sm)}
.hd-range-values{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);text-align:center}.hd-range-values span{display:block;color:var(--color-muted);font-size:var(--text-sm)}.hd-range-values strong{font-size:var(--text-xl);font-weight:500}.hd-range-chart{display:block;width:100%;height:auto;overflow:visible}.hd-range-chart text{fill:var(--color-muted);font:11px var(--font-mono)}.hd-range-band{fill:var(--hd-range-fill)}.hd-range-line{fill:none;stroke:var(--color-good);stroke-width:2}.hd-range-axis{stroke:var(--color-border);stroke-width:1}.hd-range-selected{stroke:var(--color-text);stroke-width:1;stroke-dasharray:4 4}
@media(max-width:360px){.hd-news{gap:var(--space-2)}}
