:root{color-scheme:dark;font:14px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;color:#d8e4ec;background:#05101c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}#canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:none}button,input,select{font:inherit}button{border:0;background:none;color:#9eb7c6;cursor:pointer;min-height:44px;padding:8px 13px;transition:color .2s}button:hover,button[aria-pressed=true]{color:#fff}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #80e9df;outline-offset:4px}header{position:fixed;left:36px;right:30px;top:28px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}header>*{pointer-events:auto}small{font-size:10px;letter-spacing:.22em;color:#7292a5}h1{font-size:25px;letter-spacing:-.04em;font-weight:450;margin:3px 0}nav{display:flex;gap:14px}#focus{position:fixed;left:37px;top:119px;display:flex;flex-direction:column;gap:4px;pointer-events:none;font-size:13px}#float-title{color:#dceaf1}#window{font-size:12px;color:#7a96a8}#quantities{position:fixed;right:33px;top:114px;display:flex;gap:10px}#quantities button{font-size:13px;padding:4px 0;min-height:36px}#quantities button[aria-pressed=true]{box-shadow:0 1px #78ddd0}#scale{position:fixed;right:36px;top:168px;width:186px;font-size:11px;color:#a1b5c4;pointer-events:none}#scale .ramp{height:3px;background:linear-gradient(90deg,#192c71,#2467a9,#40b6bc,#abe2a3,#f1dc6b,#ed974a,#d14935)}#scale>div:last-child{display:flex;justify-content:space-between;margin-top:7px}#depth-caption{position:fixed;left:37px;bottom:147px;font-size:11px;letter-spacing:.08em;color:#b0c6d4;pointer-events:none}#depth-caption span{letter-spacing:0;color:#657f93;font-size:10px}footer{position:fixed;bottom:24px;left:36px;right:36px}.unfold-row{display:flex;align-items:center;gap:19px;max-width:800px;margin:auto}.unfold-row button{font-size:13px;white-space:nowrap;padding:8px 0}.unfold-row input{flex:1;min-width:50px}.unfold-row #play{margin-left:25px;color:#d2e6ec;min-width:55px}.bottom-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6e8a9d;margin-top:12px}.bottom-row button{font-size:11px;min-height:30px;padding:0}input[type=range]{appearance:none;height:2px;background:#2c4659;accent-color:#9cdfd9;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;background:#c9ede8;border-radius:50%;width:12px;height:12px;box-shadow:0 0 15px #a7e6df55}#selection{position:fixed;bottom:147px;right:36px;text-align:right;font-size:12px;color:#c5dce8;pointer-events:none;white-space:pre-line}#status{position:fixed;left:50%;transform:translateX(-50%);top:27px;font-size:12px;color:#acd9dc;max-width:40%;text-align:center}#status:empty{display:none}#cancel{position:fixed;top:66px;left:50%;transform:translateX(-50%);background:#102b3d;border-radius:8px}aside{position:fixed;right:26px;top:95px;bottom:122px;width:min(370px,calc(100vw - 32px));overflow:auto;padding:24px;background:#081b2aef;backdrop-filter:blur(20px);box-shadow:0 20px 70px #0008;z-index:5;border-radius:4px}aside h2{font-size:19px;font-weight:450;margin:0}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.drawer-head button{padding-right:0}aside p{font-size:13px;color:#a0b6c6}aside label{display:block;margin:18px 0 8px;font-size:13px}aside input:not([type=checkbox]),aside select{width:100%;margin-top:8px}aside input:not([type=range]):not([type=checkbox]),aside select{background:#102b3d;color:#dce8ec;border:1px solid #294458;padding:9px;border-radius:3px}aside input[type=range]{margin:18px 0}.two{display:flex;gap:16px}.two label{min-width:0}.primary{padding:8px 15px;background:#284b5b;color:#effaff;margin-top:16px}details{margin-top:23px}summary{cursor:pointer;color:#bed0dd;font-size:13px;padding:8px 0}pre{font:12px/1.65 ui-monospace,monospace;white-space:pre-wrap;color:#b5cdd9}a{color:#99d9df}#curated button{display:block;text-align:left;width:100%;padding:15px 0;white-space:pre-line;font-size:14px;color:#e0edf1}#curated button span{display:block;font-size:12px;color:#7f9cac;margin-top:4px}.check{display:flex!important;align-items:center;gap:8px}#labels{position:fixed;inset:0;pointer-events:none}#labels span{position:absolute;font-size:10px;color:#66869c;white-space:nowrap;transform:translate(-50%,-50%)}[hidden]{display:none!important}@media(max-width:650px){header{left:20px;right:12px;top:19px;align-items:flex-start}h1{font-size:22px}small{font-size:8px;letter-spacing:.15em}nav{gap:0;flex-direction:column;align-items:flex-end}nav button{font-size:12px;min-height:31px;padding:2px 8px}#focus{left:21px;top:97px;max-width:70%}#float-title{font-size:12px}#window{font-size:10px}#quantities{right:auto;left:21px;top:151px;gap:18px}#quantities button{font-size:12px}#scale{right:20px;top:auto;bottom:158px;width:125px;font-size:10px}#depth-caption{left:21px;bottom:169px;font-size:10px}#selection{left:21px;right:20px;bottom:214px;text-align:left;font-size:11px}footer{left:20px;right:20px;bottom:max(17px,env(safe-area-inset-bottom))}.unfold-row{gap:12px}.unfold-row button{font-size:12px}.unfold-row #play{margin-left:2px;min-width:40px}.bottom-row{font-size:9px;gap:12px;align-items:flex-start}.bottom-row span{max-width:75%}.bottom-row button{font-size:10px}aside{top:89px;bottom:116px;right:16px;padding:20px}#status{top:190px;max-width:90%;width:90%;font-size:11px}#cancel{top:218px}#labels span{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Keep request outcomes and cancellation in the float drawer that initiated them. */
#request-feedback:not(:empty){position:sticky;top:-24px;z-index:2;background:#081b2a;padding:2px 0 10px}
#request-feedback #status{position:static;transform:none;max-width:none;width:auto;text-align:left;font-size:13px;line-height:1.5;color:#c6e8ec;overflow-wrap:anywhere}
#request-feedback #cancel{position:static;transform:none;margin-top:6px;background:#183a4b;color:#eefbff;border-radius:3px;padding:8px 14px;min-height:44px}
#request-feedback:has(#status:empty):has(#cancel[hidden]){display:none}
@media(max-width:650px){#request-feedback:not(:empty){top:-20px}}

#float-map{position:relative;display:block;inset:auto;width:100%;height:170px;margin-top:20px;touch-action:manipulation;cursor:crosshair}#period-form .two{gap:10px}#period-form input{font-size:12px;padding:8px 4px}#period-form label{margin-top:8px}.period-mode{display:flex;gap:14px}.period-mode button{font-size:12px;padding:3px 0}.period-mode button[aria-pressed=true]{color:#e6f5f5;box-shadow:0 1px #78ddd0}#discovery-detail{font-size:11px;color:#86a4b5}#refresh{padding-left:0;font-size:12px}#float-choice{font-size:12px}
