*{box-sizing:border-box;margin:0;padding:0}:root{--panel-bg:#0c1018b8;--panel-border:#ffffff17;--text:#e8edf4;--text-dim:#9aa7b8;--accent:#ffb347;--accent2:#6ec6ff;font-family:Avenir Next,Segoe UI,Hiragino Sans,system-ui,sans-serif}html,body{width:100%;height:100%;color:var(--text);background:#06080d;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block}#loading{z-index:100;background:radial-gradient(at 50% 35%,#101826 0%,#06080d 75%);justify-content:center;align-items:center;transition:opacity .9s;display:flex;position:fixed;inset:0}#loading.hidden{opacity:0;pointer-events:none}.loading-inner{text-align:center;max-width:420px}.loading-inner h1{letter-spacing:.08em;font-size:3.2rem;font-weight:400}.loading-inner h1 span{color:var(--text-dim);letter-spacing:.35em;text-transform:uppercase;margin-top:.4rem;font-size:1.1rem;display:block}.loading-inner>p{color:var(--text-dim);margin-top:.8rem;font-size:.85rem}.progress{background:#ffffff1f;border-radius:2px;width:260px;height:3px;margin:1.6rem auto .6rem;overflow:hidden}#progress-bar{background:linear-gradient(90deg, var(--accent2), var(--accent));width:0%;height:100%;transition:width .2s}#progress-text{color:var(--text-dim);font-size:.75rem}#attribution{color:#ffffff8c;z-index:30;font-size:.65rem;position:fixed;bottom:6px;right:8px}#attribution a{color:#ffffffbf;text-decoration:none}#attribution a:hover{text-decoration:underline}.poi-label{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:opacity .35s;position:relative}.poi-body{text-align:center;text-shadow:0 1px 4px #000000e6;transform:translateY(calc(-1 * var(--dodge,0px)));flex-direction:column;align-items:center;display:flex}.poi-leader{width:1.5px;height:var(--dodge,0px);background:linear-gradient(to top, var(--poi-color,var(--accent)), transparent);opacity:.5;pointer-events:none;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.poi-label .poi-name{color:var(--text);border-bottom:1.5px solid var(--poi-color,var(--accent));padding-bottom:1px;font-size:.78rem;font-weight:600}.poi-label .poi-sub{color:var(--text-dim);margin-top:2px;font-size:.62rem}.poi-label.secondary .poi-name{color:#cbd5e1;font-size:.66rem;font-weight:500}.poi-label.secondary .poi-sub{display:none}.poi-label:hover .poi-name{color:var(--poi-color,var(--accent))}#hud{pointer-events:none;z-index:20;position:fixed;inset:0}#title{position:absolute;top:18px;left:22px}#title h1{letter-spacing:.06em;text-shadow:0 1px 12px #0000008c,0 1px 3px #0009;font-size:1.7rem;font-weight:400}#title h1 span{color:#fffffff2;letter-spacing:.25em;text-transform:uppercase;text-shadow:0 0 10px #000000b3,0 1px 3px #000c,0 0 22px #00000073;margin-left:.5rem;font-size:.95rem;font-weight:600}#title p{color:var(--text);text-shadow:0 1px 10px #0000008c,0 1px 3px #0009;margin-top:2px;font-size:.72rem}#panel{pointer-events:auto;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);scrollbar-width:thin;border-radius:12px;width:240px;max-height:calc(100vh - 170px);padding:12px 14px;transition:transform .28s;position:absolute;top:64px;right:16px;overflow-y:auto}body:not(.panel-open) #panel{pointer-events:none;transform:translate(calc(100% + 24px))}#panel section{margin-bottom:14px}#panel section:last-child{margin-bottom:2px}#panel h2{text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);margin-bottom:7px;font-size:.62rem;font-weight:600}.btn-row{flex-wrap:wrap;gap:6px;display:flex}#panel button{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#ffffff12;border-radius:7px;padding:5px 10px;font-family:inherit;font-size:.72rem;transition:background .15s,border-color .15s}#panel button:hover{background:#ffffff24}#panel button.active{border-color:var(--accent);background:#ffb34738}.slider-row{color:var(--text);align-items:center;gap:8px;margin-bottom:6px;font-size:.74rem;display:flex}.slider-row input[type=range]{accent-color:var(--accent);flex:1}.check-row{cursor:pointer;align-items:center;gap:7px;font-size:.74rem;display:flex}.check-row input{accent-color:var(--accent)}#timebar{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);z-index:20;border-radius:12px;align-items:center;gap:12px;width:min(680px,100vw - 48px);padding:10px 16px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}#play-btn{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#ffffff14;border-radius:50%;flex-shrink:0;width:32px;height:32px;font-size:.7rem}#play-btn.active{border-color:var(--accent);background:#ffb34740}#time-slider-wrap{flex:1;align-items:center;display:flex;position:relative}#time-slider{width:100%;accent-color:var(--accent)}#time-ticks{pointer-events:none;height:6px;position:absolute;bottom:-4px;left:0;right:0}#time-ticks .tick{background:#ffffff59;width:1px;height:5px;position:absolute}#time-ticks .tick.midnight{background:#ffffff80;width:1px;height:8px}#time-weather{pointer-events:none;height:13px;position:absolute;bottom:-9px;left:0;right:0}#time-weather svg{width:100%;height:100%}#time-weather rect{pointer-events:auto}#time-readout{color:var(--text);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;min-width:168px;font-size:.74rem}.weather-card{pointer-events:none;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);border-radius:10px;min-width:118px;padding:7px 10px;transition:opacity .35s}.weather-card .wc-head{align-items:baseline;gap:6px;display:flex}.weather-card .wc-icon{font-size:1.15rem}.weather-card .wc-temp{font-size:1.25rem;font-weight:600}.weather-card .wc-station{color:var(--text-dim);margin:1px 0 4px;font-size:.62rem}.weather-card .wc-rows{color:var(--text);grid-template-columns:1fr 1fr;gap:1px 8px;font-size:.62rem;display:grid}.weather-card .wc-stale{color:#ffab70;margin-top:3px;font-size:.58rem;display:none}.weather-card.stale .wc-stale{display:block}.key-row{gap:6px;display:flex}.key-row input{border:1px solid var(--panel-border);min-width:0;color:var(--text);background:#ffffff12;border-radius:7px;flex:1;padding:5px 8px;font-family:inherit;font-size:.7rem}.mode-row{color:var(--text-dim);margin-top:7px;font-size:.66rem}.badge{background:#ffffff1a;border-radius:8px;padding:1px 8px;font-size:.62rem;display:inline-block}.badge-onecall{color:var(--accent2);background:#6ec6ff33}.badge-proxy{color:#9be0a8;background:#7ed4912e}.badge-fallback25{color:var(--accent);background:#ffb3472e}.badge-demo{color:#b5e08a;background:#9ccc6529}.badge-stale{outline:1px solid #ffab70}#legend{margin-top:8px}.legend-bar{border-radius:4px;height:8px}.legend-labels{color:var(--text-dim);justify-content:space-between;margin-top:3px;font-size:.6rem;display:flex}#speed-btn,#loop-btn{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#ffffff14;border-radius:13px;flex-shrink:0;min-width:34px;height:26px;font-family:inherit;font-size:.66rem}#loop-btn{font-size:1rem;line-height:1}#speed-btn:hover,#loop-btn:hover{background:#ffffff26}#loop-btn.active{border-color:var(--accent);color:var(--accent);background:#ffb34738}#poi-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);z-index:25;border-radius:14px;width:min(430px,100vw - 44px);padding:14px 16px 12px;transition:opacity .25s,transform .25s;position:fixed;bottom:90px;left:22px}#poi-panel.hidden{opacity:0;pointer-events:none;transform:translateY(12px)}#poi-panel .pp-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}#poi-panel h3{font-size:1.05rem;font-weight:600}#poi-panel .pp-sub{color:var(--text-dim);margin-top:2px;font-size:.68rem}#poi-panel .pp-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1.3rem;line-height:1}#poi-panel .pp-close:hover{color:var(--text)}#poi-panel .pp-note{color:var(--accent);margin-top:5px;font-size:.7rem}#poi-panel .pp-now{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:10px;margin:9px 0 4px;font-size:.7rem;display:flex}#poi-panel .pp-now-temp{font-size:1.3rem;font-weight:600}#poi-panel .pp-strip-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;margin:8px 0 4px;font-size:.6rem;display:flex}#poi-panel .pp-precip-hint{text-transform:none;letter-spacing:0;color:var(--accent2)}#poi-panel .pp-strip{height:118px;position:relative}#poi-panel .pp-strip svg{width:100%;height:100%;position:absolute;inset:0}#poi-panel .pp-cols{display:flex;position:absolute;inset:0}#poi-panel .pp-col{flex-direction:column;flex:1;align-items:center;font-size:.62rem;display:flex}#poi-panel .pp-temp{color:var(--text);font-weight:600}#poi-panel .pp-emoji{margin-top:1px;font-size:.72rem}#poi-panel .pp-precip{color:var(--accent2);min-height:.7em;margin-top:auto;margin-bottom:14px;font-size:.56rem}#poi-panel .pp-hour{color:var(--text-dim);position:absolute;bottom:-2px}#poi-panel .pp-col{position:relative}#poi-panel .pp-sun{color:var(--text-dim);margin-top:10px;font-size:.68rem}#panel-toggle{z-index:40;pointer-events:auto;background:var(--panel-bg);border:1px solid var(--panel-border);width:42px;height:42px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(14px);border-radius:11px;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:fixed;top:14px;right:14px}#panel button.reset,#panel section:last-child button{color:#ffb0a0;border-color:#ff78644d;width:100%}#panel section:last-child button:hover{background:#ff645029}@media (width<=720px){#title{max-width:calc(100vw - 74px);top:12px;left:14px}#title h1{font-size:1.25rem}#title h1 span{letter-spacing:.15em;font-size:.7rem}#title p{font-size:.64rem}#panel{border-radius:0;width:min(310px,86vw);max-height:100vh;padding-top:62px;transition:transform .28s;top:0;bottom:0;right:0;transform:translate(105%)}body.panel-open #panel{transform:translate(0)}#timebar{gap:8px;width:calc(100vw - 24px);padding:8px 12px;bottom:12px}#time-readout{min-width:0;font-size:.66rem}#poi-panel{width:auto;bottom:78px;left:10px;right:10px}#attribution{text-align:right;color:#ffffff9e;text-shadow:0 1px 3px #000000d9;pointer-events:none;font-size:.56rem;line-height:1.35;bottom:72px;left:8px;right:8px}#attribution a{pointer-events:auto}}.poi-wx{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);text-align:left;text-shadow:none;border-radius:9px;margin-top:5px;padding:5px 9px}body.wx-hidden .poi-wx{display:none}.poi-wx .wx-main{align-items:baseline;gap:6px;display:flex}.poi-wx .wx-main .wx-icon{font-size:.95rem}.poi-wx .wx-main .wx-temp{font-size:1.05rem;font-weight:600}.poi-wx .wx-rows{color:var(--text);grid-template-columns:auto auto;gap:0 9px;margin-top:2px;font-size:.6rem;display:grid}.poi-wx .wx-stale{color:#ffab70;margin-top:2px;font-size:.56rem;display:none}.poi-wx.stale .wx-stale{display:block}.poi-label.station .poi-name{font-size:.72rem}#trail-switch{pointer-events:auto;margin-top:4px}#trail-switch .ts-region{color:var(--text-dim);text-shadow:0 1px 8px #000000b3;font-size:.66rem}#ts-btn{border:1px solid var(--panel-border);cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0c10188c;border-radius:8px;align-items:center;gap:5px;padding:3px 9px;font-family:inherit;display:inline-flex}#ts-btn .ts-caret{color:var(--text-dim);font-size:.6rem}#ts-menu{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);z-index:45;border-radius:10px;min-width:210px;margin-top:6px;padding:5px;position:absolute}#ts-menu[hidden]{display:none}.ts-item{color:var(--text);border-radius:7px;padding:7px 9px;text-decoration:none;display:block}.ts-item:hover{background:#ffffff14}.ts-item.active{background:#ffb34729}.ts-item .ts-name{font-size:.78rem;font-weight:600;display:block}.ts-item .ts-sub{color:var(--text-dim);margin-top:1px;font-size:.62rem;display:block}#gallery{z-index:50;background:radial-gradient(at 50% -10%,#16202f 0%,#06080d 60%);padding:48px 28px 32px;position:fixed;inset:0;overflow-y:auto}#gallery[hidden]{display:none}.g-head{text-align:center;margin-bottom:34px}.g-head h1{letter-spacing:.08em;font-size:2.6rem;font-weight:400}.g-head h1 span{color:var(--text-dim);margin-left:.35rem;font-size:1.6rem}.g-head p{color:var(--text-dim);margin-top:6px;font-size:.85rem}.g-by{color:var(--text-dim);letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid #ffffff2e;margin-top:10px;padding-bottom:2px;font-size:.72rem;text-decoration:none;transition:color .18s,border-color .18s;display:inline-block}.g-by:hover{color:var(--accent);border-color:#ffb3478c}.g-shelf{max-width:1060px;margin:0 auto 40px}.g-shelf h2{letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim);align-items:baseline;gap:14px;margin-bottom:16px;font-size:.78rem;font-weight:500;display:flex}.g-shelf h2 span{color:var(--text)}.g-shelf h2 i{background:linear-gradient(90deg,#ffffff29,#fff0);flex:1;align-self:center;height:1px}.g-shelf h2 em{letter-spacing:.08em;text-transform:none;color:#ffffff59;font-size:.66rem;font-style:normal}.g-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.g-card{aspect-ratio:16/10;color:var(--text);border:1px solid var(--panel-border);border-radius:14px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:block;position:relative;overflow:hidden}.g-card:hover{border-color:#ffb3478c;transform:translateY(-3px);box-shadow:0 12px 34px #00000080}.g-thumb{background-position:50%;background-size:cover;transition:transform .6s;position:absolute;inset:0}.g-card:hover .g-thumb{transform:scale(1.05)}.g-scrim{background:linear-gradient(#06080d00 45%,#06080ddb 100%);flex-direction:column;justify-content:flex-end;padding:14px 16px 13px;display:flex;position:absolute;inset:0}.g-scrim h3{text-shadow:0 1px 4px #000000b3;font-size:1.05rem;font-weight:600}.g-scrim h3 span{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;margin-left:.4rem;font-size:.78rem;font-weight:400}.g-sub{color:var(--text-dim);opacity:0;max-height:0;font-size:.7rem;transition:max-height .3s,opacity .3s,margin-top .3s;overflow:hidden}.g-card:hover .g-sub{opacity:1;max-height:2.4em;margin-top:3px}.g-meta{color:var(--accent);margin-top:6px;font-size:.68rem}.g-foot{text-align:center;color:#ffffff59;margin-top:12px;font-size:.68rem}.g-foot span{margin:0 4px}.g-foot a{color:#ffffff80;border-bottom:1px solid #ffffff2e;text-decoration:none}.g-foot a:hover{color:var(--accent)}.ts-item.ts-collection{border-bottom:1px solid var(--panel-border);margin-bottom:4px}