:root{color-scheme:dark;--bg: #0d1117;--panel: rgba(16, 20, 28, .94);--panel-solid: #10141c;--line: rgba(255, 255, 255, .1);--text: #e8ebf1;--muted: #9aa3b2;--accent: #ffb454;--good: #7ddc8f;--radius: 12px;--panel-w: 360px;--name-w: 76px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.4}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden}button,input,select{font:inherit;color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr var(--panel-w)}#view{position:relative;overflow:hidden;min-width:0}#pano,#overlay{position:absolute;top:0;right:0;bottom:0;left:0}#overlay{pointer-events:none;transition:opacity .15s;z-index:1}.overlay-canvas,.overlay-markers{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hint{position:absolute;left:50%;top:16px;transform:translate(-50%);z-index:3;max-width:min(520px,calc(100% - 32px));padding:10px 14px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);box-shadow:0 6px 24px #0006}body:not(.landing) .hint{display:none}.hint-locate{display:flex;align-items:center;gap:6px;margin-top:8px;min-height:32px}.hint-locate svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}#map-wrap{position:absolute;z-index:2;left:16px;bottom:34px;width:260px;height:180px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:0 6px 24px #00000073;display:flex;flex-direction:column;transition:width .2s,height .2s}#map{width:100%;flex:1;min-height:0}.imagery{display:flex;align-items:center;gap:2px;padding:4px;background:var(--panel-solid);border-bottom:1px solid var(--line)}.imagery[hidden],body.landing .imagery,body.map-hidden .imagery{display:none}.imagery .icon-btn{width:28px;height:28px;min-height:28px;flex:none;background:transparent;border-color:transparent}.imagery .icon-btn:disabled{opacity:.3;cursor:default}#cap-select{flex:1;min-width:0;min-height:28px;padding:0 4px;font-size:13px}body.has-imagery:not(.map-hidden):not(.landing) #map-wrap{height:217px}body.has-imagery:not(.map-hidden):not(.landing) #map-toggle{top:43px}body.landing #map-wrap{left:0;top:0;bottom:auto;width:calc(100% - var(--panel-w));height:100%;border-radius:0;border:0}body.landing #map-toggle{display:none}body.map-hidden:not(.landing) #map-wrap{width:34px;height:34px;border-radius:10px;border-color:#ffffff4d;background:#10141c59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.map-hidden #map{visibility:hidden}#map-toggle{position:absolute;right:6px;top:6px;width:28px;height:28px;min-height:28px}#map-toggle svg{width:16px;height:16px}#map-toggle:hover{background:#2a3140}body.map-hidden #map-toggle{top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:0;background:transparent;color:#fff}body.map-hidden #map-toggle:hover{background:#ffffff2e}#map-toggle .i-chevron{transform:rotate(180deg)}#map-toggle .i-map,body.map-hidden #map-toggle .i-chevron{display:none}body.map-hidden #map-toggle .i-map{display:block;width:18px;height:18px;stroke-width:1.8}#panel{position:relative;z-index:4;background:var(--panel-solid);border-left:1px solid var(--line);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:18px}#sheet-handle{display:none}.head-actions{display:flex;gap:6px}.icon-btn.line-icon svg{stroke-width:2}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}h1{font-size:18px;margin:0;letter-spacing:.01em}h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0}.section{display:flex;flex-direction:column;gap:10px}#location-label{margin:0;font-size:12px;text-align:center}#location-label:empty{display:none}.search-row{display:flex;align-items:center;gap:6px}#search{flex:1;min-width:0}#search gmp-place-autocomplete{width:100%;height:36px;color-scheme:dark;background-color:#ffffff0f;border:1px solid var(--line);border-radius:8px;color:var(--text)}.btn,.icon-btn,select,input[type=date]{background:#ffffff0f;border:1px solid var(--line);border-radius:8px;min-height:36px}.btn{padding:0 12px;cursor:pointer;white-space:nowrap}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;cursor:pointer;padding:0;background:var(--panel)}.icon-btn svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:0}#map-toggle svg,.chevron svg,.line-icon svg{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}#compass-btn{position:absolute;z-index:2;right:10px;bottom:115px;width:40px;height:40px}#compass-btn[hidden],body.landing #compass-btn{display:none}#compass-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#10131a}.locate-dot{display:none;fill:currentColor;stroke:none}#locate-btn.located .locate-dot{display:block}.btn:hover,.icon-btn:hover{background:#ffffff1f}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#play .i-pause,#play[aria-pressed=true] .i-play{display:none}#play[aria-pressed=true] .i-pause{display:block}.time-row{display:flex;gap:2px;align-items:center}.time-row .icon-btn{width:24px;height:28px;min-height:28px;flex:none}.time-row .icon-btn svg{width:16px;height:16px}.section.time{margin-top:-10px}.time-readout{container-type:inline-size;position:relative;flex:1;min-width:0;display:flex;justify-content:center}.time-button{display:flex;max-width:100%;padding:3px 2px;border:0;border-radius:8px;background:none;cursor:pointer}.time-button:hover{background:#ffffff1a}#time-label{font-size:19px;font-size:clamp(16px,7.5cqw,26px);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}#date{position:absolute;left:50%;bottom:0;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;pointer-events:none}.time-readout.editing .time-button{display:none}.time-readout.editing #date{position:static;width:auto;height:auto;min-height:32px;padding:0 8px;border:1px solid var(--line);font-size:16px;opacity:1;pointer-events:auto}#info-dialog{width:min(420px,calc(100% - 32px));max-height:calc(100% - 32px);padding:16px 20px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-solid);color:var(--text);box-shadow:0 12px 40px #0009}#info-dialog::backdrop{background:#00000080}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dialog-head h2{font-size:18px;text-transform:none;letter-spacing:0;color:var(--text)}.dialog-section{margin-top:16px}.dialog-section h3{margin:0 0 8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.dialog-section p{margin:0 0 8px}.shortcuts dl{margin:0;display:grid;gap:6px}.shortcuts dl>div{display:grid;grid-template-columns:72px 1fr;align-items:center}.shortcuts dd{margin:0}kbd{font:inherit;font-size:12px;padding:0 5px;border:1px solid var(--line);border-radius:4px;background:#ffffff0f}@media(hover:none),(max-width:799px){.shortcuts{display:none}}.slider-row{display:grid;grid-template-columns:var(--name-w) 1fr;column-gap:8px;align-items:start;margin-top:5px}.sun-times{position:absolute;left:0;right:0;bottom:calc(100% - 5px);height:14px;font-size:11px;line-height:14px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.sun-times button{position:absolute;bottom:-2px;z-index:1;transform:translate(-50%);display:flex;align-items:center;gap:3px;padding:3px 5px 2px;border:0;border-radius:6px;background:none;font:inherit;color:inherit;cursor:pointer}.sun-times button:hover{color:var(--text);background:#ffffff1a}.sun-times button.before{transform:translate(-100%)}.sun-times button.after{transform:none}.sun-icon{width:14px;height:12px;flex:none;fill:none;stroke:#ffc93c;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.slider-tip{position:absolute;bottom:calc(100% - 5px);transform:translate(-50%);padding:1px 7px;border-radius:999px;background:#2a3140;border:1px solid var(--line);font-size:11px;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;z-index:1}.slider-wrap.held .slider-tip:not(:empty),.slider-wrap:has(#slider:focus-visible) .slider-tip:not(:empty){opacity:1}.slider-actions{display:flex;gap:6px}.slider-actions .icon-btn{width:28px;height:28px;min-height:28px}.slider-actions .icon-btn svg{width:16px;height:16px}.slider-wrap{position:relative;height:28px;margin-bottom:10px}.slider-wrap .slider-scale{position:absolute;left:0;right:0;top:22px}.slider-track{position:absolute;left:0;right:0;top:9px;height:10px;border-radius:3px;background:linear-gradient(to right,#333,#333);box-shadow:0 0 0 1px var(--line)}#slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;left:-11px;width:calc(100% + 22px);height:28px;background:transparent;margin:0;cursor:pointer}#slider::-webkit-slider-runnable-track{height:10px;background:transparent}#slider::-moz-range-track{height:10px;background:transparent}#slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-7px;border-radius:50%;background:var(--sky, var(--accent));border:3px solid #fff;box-shadow:0 0 0 1px #0000008c}#slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--sky, var(--accent));border:3px solid #fff;box-shadow:0 0 0 1px #0000008c}.twilight{display:flex;align-items:center;justify-content:space-between;gap:8px}.twilight select{min-height:30px;padding:0 4px;font-size:13px}.setting-check{display:flex;align-items:center;gap:8px;margin-top:14px;cursor:pointer}.setting-check input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.dialog-section .twilight-note{margin:6px 0 0;font-size:12px}.dot{width:12px;height:12px;border-radius:50%;background:var(--c);flex:none}.section.chart{margin-top:-18px}.info{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.tl-row{display:grid;grid-template-columns:var(--name-w) 1fr;column-gap:8px;align-items:start;font-size:13px;--plot-h: 24px}.tl-row.open{--plot-h: 54px;margin-bottom:6px}body.scrubbing{-webkit-user-select:none;user-select:none;cursor:ew-resize}.tl-row.open .tl-track{cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.tl-left,.tl-right{min-width:0}.tl-sep{display:flex;align-items:center;gap:8px;margin:8px 0 2px;font-size:11px;color:var(--muted);white-space:nowrap}.tl-sep:after{content:"";flex:1;height:1px;background:var(--line)}.tl-scale{position:relative;height:16px;font-size:10px;color:var(--muted)}.tl-scale span{position:absolute;transform:translate(-50%);white-space:nowrap}.tl-name{display:flex;align-items:center;min-width:0}.tl-toggle,.tl-label{min-height:30px;background:none;border:0;padding:0;cursor:pointer}.tl-toggle{display:grid;place-items:center start;width:20px;flex:none}.tl-toggle[aria-pressed=false] .dot{background:transparent;border:1.5px solid var(--c)}.tl-toggle:hover .dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 30%,transparent)}.tl-label{font-weight:600;color:var(--text);text-align:left}.tl-label:hover{text-decoration:underline}.tl-row.off .tl-label{color:var(--muted)}.tl-row.off .tl-plot{opacity:.4}.tl-track{position:relative;display:block;height:calc(var(--plot-h) + 6px);width:100%;background:none;border:0;padding:0;cursor:pointer}.tl-track>*{position:absolute}.tl-sky{left:0;right:0;top:3px;height:var(--plot-h);border-radius:3px;opacity:.4}.tl-track:hover .tl-sky,.tl-track[aria-expanded=true] .tl-sky{opacity:.6}.tl-plot{left:0;top:3px;width:100%;height:var(--plot-h);overflow:hidden;border-radius:3px;color:var(--c)}.tl-obs{fill:var(--c);opacity:.85}.tl-line{fill:none;stroke:var(--c);stroke-width:1.25;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tl-tick{top:3px;height:var(--plot-h);width:1px;background:#ffffff1f}.tl-tick.major{background:#ffffff4d}.tl-now{left:var(--now, 0%);top:1px;bottom:1px;width:2px;margin-left:-1px;border-radius:1px;background:#fff;box-shadow:0 0 0 1px #00000073}.tl-apex{top:calc(3px + (1 - var(--peak)) * var(--plot-h));width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1.5px var(--panel-solid),0 0 0 2.5px var(--c)}.tl-row.open .tl-apex{cursor:pointer}.tl-apex:before{content:"";position:absolute;left:-9px;top:-9px;width:calc(4ch + 30px);height:25px;font-size:11px}.tl-apex.flip:before{left:auto;right:-9px}.tl-apex.covered:before{width:25px}.tl-apex:hover:after{text-decoration:underline}.tl-apex:after{content:attr(data-peak);position:absolute;left:12px;top:50%;transform:translateY(max(-50%,calc(-1 * (1 - var(--peak)) * var(--plot-h))));font-size:11px;font-weight:600;line-height:14px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9);white-space:nowrap}.tl-apex.flip:after{left:auto;right:12px}.tl-apex.covered:after{display:none}.tl-here{left:var(--now, 0%);top:calc(3px + (1 - var(--alt, 0)) * var(--plot-h));width:0;height:0}.tl-here-dot{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #00000080}.tl-here-label{position:absolute;left:11px;top:-7px;font-size:11px;font-weight:600;line-height:14px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9);white-space:nowrap}.tl-here.flip .tl-here-label{left:auto;right:11px}.tl-here.drop .tl-here-label{top:6px}.tl-here.below .tl-here-dot{display:none}.tl-here.below .tl-here-label{left:5px;top:-15px;font-weight:400;color:var(--muted)}.tl-here.below.flip .tl-here-label{left:auto;right:5px}.tl-events{position:relative;height:20px;font-size:11px;color:var(--text);font-variant-numeric:tabular-nums}.tl-events>button{position:absolute;top:3px;transform:translate(-50%);padding:2px 0;border:0;background:none;font:inherit;color:inherit;white-space:nowrap;cursor:pointer}.tl-events>button:hover{text-decoration:underline}.tl-events>.tl-mark{position:absolute}.tl-events>.tl-mark{top:0;width:1px;height:4px;background:var(--muted);transform:none}.tl-side{display:flex;flex-direction:column;font-size:11px;line-height:14px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.tl-side .up{color:var(--text)}.ev-icon{width:10px;height:10px;margin-right:3px;vertical-align:-1px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.marker{position:absolute;left:0;top:0;width:0;height:0;padding:0;border:0;background:none;pointer-events:auto;cursor:pointer}.marker[hidden]{display:none}.marker:before{content:"";position:absolute;width:40px;height:40px;left:-20px;top:-20px;border-radius:50%}.marker-dot{position:absolute;left:0;top:0;transform:translate(-50%,-50%);border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #000000a6,0 0 12px 2px color-mix(in srgb,var(--c) 70%,transparent)}.marker-label{position:absolute;left:14px;top:0;transform:translateY(-50%);white-space:nowrap;font-size:13px;font-weight:700;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000,0 1px 2px #000}.marker.label-left .marker-label{left:auto;right:14px}.marker.below{opacity:.55}.marker.offscreen .marker-dot{border-radius:0;width:18px!important;height:14px!important;clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(-50%,-50%) rotate(var(--angle, 0rad));box-shadow:none;filter:drop-shadow(0 0 2px #000)}.marker.offscreen .marker-label{left:0;top:16px;transform:translate(-50%);font-size:12px}.marker:focus-visible .marker-dot{outline:2px solid var(--accent);outline-offset:3px}#overlay.turning{opacity:0}#panel-toggle{display:none}@media(min-width:800px){#app{grid-template-columns:var(--panel-w) 1fr}#panel{grid-column:1;grid-row:1;border-left:0;border-right:1px solid var(--line)}#view{grid-column:2;grid-row:1}#map-wrap{left:calc(var(--panel-w) + 16px)}body.landing #map-wrap{left:var(--panel-w)}body.panel-collapsed:not(.landing){--panel-w: 0px}body.panel-collapsed:not(.landing) #panel{display:none}#panel-toggle{display:inline-grid;position:absolute;z-index:5;left:var(--panel-w);top:14px;width:22px;height:40px;min-height:0;border-left:0;border-radius:0 8px 8px 0;background:var(--panel-solid)}#panel-toggle:hover{background:#2a3140}#panel-toggle svg{width:16px;height:16px}body.panel-collapsed #panel-toggle svg{transform:rotate(180deg)}body.landing #panel-toggle{display:none}}#toast{position:fixed;z-index:10;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:calc(100% - 32px);padding:10px 14px;border-radius:10px;background:#222a38;border:1px solid var(--line);transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%)}@media(max-width:799px){#app{grid-template-columns:1fr}#view{margin-bottom:var(--sheet-h, 150px)}body.landing #map-wrap{width:100%}#map-wrap{left:12px;bottom:calc(var(--sheet-h, 150px) + 34px);width:132px;height:132px}body.has-imagery:not(.map-hidden):not(.landing) #map-wrap{width:156px;height:169px}#cap-select{font-size:12px}#panel{position:fixed;left:0;right:0;bottom:0;max-height:78vh;border-left:0;border-top:1px solid var(--line);border-radius:16px 16px 0 0;padding:4px 16px calc(12px + env(safe-area-inset-bottom));gap:14px;box-shadow:0 -8px 30px #00000080}#sheet-handle{display:grid;place-items:center;width:100%;height:22px;flex:none;background:none;border:0;cursor:pointer;padding:0}#sheet-handle span{width:40px;height:4px;border-radius:2px;background:#ffffff4d}.section.chart{margin-top:-14px}.panel-head{margin-top:-20px}.time-row{gap:8px}.time-row .icon-btn{width:36px;height:36px;min-height:36px}.time-row .icon-btn svg{width:20px;height:20px}#panel:not(.open) .slider-row{grid-template-columns:auto 1fr auto;column-gap:18px}#panel:not(.open) .slider-actions{display:contents}#panel:not(.open) #play{order:1}#panel:not(.open) .slider-actions .icon-btn{width:36px;height:36px;min-height:36px;margin-top:-4px}#panel:not(.open) .slider-actions .icon-btn svg{width:20px;height:20px}#panel:not(.open)>:not(.sheet-handle,.time){display:none}body.landing #panel:not(.open)>.section:first-of-type{display:flex}body.landing #panel:not(.open)>.time{display:none}.hint{top:auto;bottom:120px}#toast{bottom:auto;top:16px}}