:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#e8edf2;background:#060b11}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas#universe{position:fixed;inset:0;width:100%;height:100%;touch-action:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:#101922c9;border:1px solid #29343f;border-radius:7px;padding:11px 16px;cursor:pointer}button:hover{background:#24323f;border-color:#7094a5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #8ae3d0;outline-offset:4px}a{color:inherit}header{position:absolute;top:28px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;font-size:19px;font-weight:800;letter-spacing:3px}.brand span{display:block;font-size:9px;letter-spacing:5px;color:#8fa3b3;margin-top:5px}.tools{display:flex;gap:8px}.tools span{margin-left:20px;color:#9be7d7}#intro{position:absolute;top:132px;left:36px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#88c9bd;font-weight:bold}h1{font-size:clamp(24px,3vw,42px);font-weight:400;letter-spacing:-1.4px;margin:14px 0 8px}#intro p{color:#7f91a0;font-size:13px}#detail{position:absolute;left:36px;bottom:202px;width:275px;background:linear-gradient(90deg,#060b11ed,#060b11a0);padding:18px 18px 18px 0;border-top:1px solid #34414b}#counter{float:right;color:#6b7c8a}h2{font-weight:400;font-size:28px;letter-spacing:-.6px;margin:14px 0}#size{color:#a4eedc;font-size:20px}#fact{font-size:13px;color:#a6b2bd;line-height:1.65}.detail-footer{display:flex;justify-content:space-between;font-size:10px;color:#738897;margin-top:20px}#zoom{position:absolute;right:36px;top:47%;display:grid;gap:8px}#zoom button{font-size:23px;width:44px;padding:6px}footer{position:absolute;bottom:0;left:0;right:0;padding:20px 36px 18px;background:linear-gradient(transparent,#060b11 22%)}.readout{display:flex;align-items:center;justify-content:space-between}.readout strong{font-size:20px;font-weight:400;display:block;margin-top:6px}#hint{color:#70818f;font-size:12px}#play{min-width:120px;color:#adeada}.rail{margin-top:22px}input[type=range]{width:100%;height:3px;accent-color:#a8efdb;cursor:ew-resize;display:block}nav{display:flex;justify-content:space-between;margin-top:16px}nav button{font-size:11px;border:0;background:none;color:#8e9ca9;padding:4px 0}nav button.active{color:#b8f7e6}.bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:10px;color:#445866}.bottom button{background:none;border:0;font-size:10px;padding:0;color:#738996}dialog{background:#0d1620;color:#e8edf2;border:1px solid #334450;border-radius:14px;padding:28px;width:min(620px,92vw);max-height:80vh;box-shadow:0 24px 100px #000a}dialog::backdrop{background:#02070bc9;backdrop-filter:blur(8px)}.modalhead{display:flex;align-items:center;justify-content:space-between;gap:15px}.modalhead h2{font-size:26px}.close{font-size:24px;padding:2px 10px}input[type=search],select{border:1px solid #354756;background:#071019;color:#e4edf4;padding:13px;border-radius:6px;width:100%;font:inherit}#results{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;max-height:48vh;overflow:auto}#results button{text-align:left;font-size:13px;padding:14px}#results small{display:block;color:#8aa99e;margin-top:6px}.selects{display:flex;align-items:center;gap:12px;margin-top:16px}.selects select{width:46%;font-size:12px}#comparisonCanvas{width:100%;height:220px}#ratio{font-size:26px;color:#a8efdb;font-weight:400}dialog p{color:#a0b1bf;line-height:1.7;font-size:14px}dialog small{color:#728895;font-size:11px}@media(max-width:700px){header{top:20px;left:20px;right:20px}.brand{font-size:14px}.tools button{padding:9px;font-size:11px}.tools span{display:none}#intro{left:20px;top:100px}#intro p{display:none}#detail{left:20px;bottom:178px;width:220px;padding:12px 12px 10px 0}#detail h2{font-size:23px}#fact{font-size:11px;margin:8px 0}#size{font-size:17px}.detail-footer{margin-top:12px}footer{padding:16px 20px}#hint,.bottom>span{display:none}nav button{font-size:9px}#zoom{right:20px;top:40%}.bottom{justify-content:flex-end;margin-top:12px}.readout strong{font-size:16px}.eyebrow{font-size:9px}#results{grid-template-columns:1fr}}

.journey-controls{display:flex;gap:8px;align-items:center}.journey-controls select{width:88px;padding:10px;font-size:12px}.journey-controls #direction{padding:10px 13px}.object-nav{display:flex;justify-content:space-between;margin-top:12px}.object-nav button{padding:7px 9px;font-size:10px;background:#0f1b24}.object-nav button:disabled{opacity:.3;cursor:default}#restore{position:fixed;top:20px;right:20px;opacity:.65;font-size:11px}body.clean header,body.clean #intro,body.clean #detail,body.clean footer,body.clean #zoom{display:none}body.clean #restore{display:block}button[hidden]{display:none}#intro{transition:opacity .3s}.detail-footer{gap:10px;line-height:1.4}.detail-footer a{white-space:nowrap}
@media(max-width:700px){#clean{display:none}#detail{bottom:190px;width:205px}#fact{max-height:68px;overflow:auto}#intro{top:88px}h1{font-size:23px}#speed{width:69px;font-size:10px;padding:8px}#play{min-width:88px;font-size:11px;padding:9px}#direction{font-size:14px}.journey-controls{gap:4px}.object-nav{margin-top:7px}.object-nav button{padding:5px}nav{flex-wrap:wrap;gap:8px}}
@media(max-height:620px){#intro{display:none}#detail{bottom:160px;width:220px}#fact{max-height:60px;overflow:auto}footer{padding-top:6px}.bottom{margin-top:8px}.rail{margin-top:14px}nav{margin-top:10px}.object-nav{margin-top:5px}#detail h2{margin:8px 0}header{top:14px}}
:root{font-family:'Helvetica Neue',Arial,sans-serif}h1{font-size:clamp(30px,3.6vw,54px);line-height:1.06;letter-spacing:-2px}#intro p{max-width:250px;line-height:1.6}button{backdrop-filter:blur(12px)}button.accent{color:#c9fff0;border-color:#547d72;background:#16372d}#detail{background:linear-gradient(90deg,#04090deb,#04090d22);border-color:#415e5a}#detail h2{font-size:32px}#size{font-weight:300}#zoom{top:43%}footer{background:linear-gradient(transparent,#03070bf5 35%)}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.studio-grid label{font-size:12px;color:#a4b9c1}.studio-grid select{margin-top:9px;font-size:13px}.studio-grid .check{display:flex;align-items:center;gap:8px}.studio-actions{display:flex;gap:10px}#exportStatus{font-size:12px;color:#849ca9}#downloadFilm{color:#adf1d9;display:block;padding:12px}#downloadFilm[hidden]{display:none}#filmbar{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);width:min(860px,95vw);padding:12px;display:flex;gap:12px;align-items:center;background:#08121ae8;border:1px solid #2d424d;border-radius:10px;opacity:.16;transition:opacity .2s;z-index:10}#filmbar:hover,#filmbar:focus-within{opacity:1}#filmbar[hidden]{display:none}#filmbar input{flex:1;min-width:40px}#filmbar button{font-size:11px;white-space:nowrap;padding:8px}#filmClock{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.film header,.film #intro,.film #detail,.film footer,.film #zoom,.film #restore{display:none!important}#stopRecord{color:#ffbaab}@media(max-width:800px){#intro{top:100px}#intro h1{font-size:30px}.tools{gap:4px}.tools button{padding:8px;font-size:10px}.brand{font-size:12px}.studio-grid{grid-template-columns:1fr}#detail h2{font-size:24px}#filmbar{gap:6px}#filmbar button{padding:6px}}

/* Quiet monochrome presentation */
:root{font-family:Helvetica,Arial,sans-serif;font-weight:700;color:#fff;background:#080808}
button,input,select{font-family:Helvetica,Arial,sans-serif;font-weight:700}
header{justify-content:flex-end;top:24px;left:28px;right:28px}
button,button.accent,.object-nav button{background:#171717;border-color:#333;color:#fff;border-radius:3px;backdrop-filter:none}
button:hover{background:#282828;border-color:#888}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#fff}
.tools{gap:6px}.tools button{font-size:12px;padding:10px 13px}
#intro,#fact,#detail>.eyebrow,.detail-footer,#hint,.bottom,.readout>div:first-child{display:none}
#detail{top:84px;bottom:auto;left:36px;width:60%;padding:0;border:0;background:none;pointer-events:none}
#detail h2{font-size:clamp(26px,3vw,44px);font-weight:700;letter-spacing:-1.3px;margin:0 0 8px}
#size{font-size:20px;font-weight:700;color:#aaa}.object-nav{justify-content:flex-start;gap:6px;margin-top:18px;pointer-events:auto}.object-nav button{font-size:18px;padding:4px 13px}
#zoom{right:28px;top:46%}#zoom button{background:#111}
footer{padding:18px 36px 22px;background:linear-gradient(transparent,#080808 40%)}.readout{justify-content:flex-end}.rail{margin-top:16px}
#play,nav button.active,.eyebrow,#ratio,#downloadFilm{color:#fff}input[type=range]{accent-color:#fff}nav button{color:#888;font-weight:700}nav button:hover{color:#fff}
select,input[type=search],dialog{background:#141414;border-color:#3b3b3b;color:#fff}dialog::backdrop{background:#000b}.modalhead h2,h2,#ratio{font-weight:700}
#results small,dialog p,dialog small,.studio-grid label,#exportStatus{color:#aaa}#filmbar{background:#171717ee;border-color:#444;border-radius:4px}#stopRecord{color:#fff}
@media(max-width:700px){header{top:16px;right:16px;left:16px}.tools button{font-size:10px;padding:8px}#detail{top:80px;left:22px;width:80%}#detail h2{font-size:28px}#size{font-size:17px}footer{padding:14px 20px 22px}#zoom{right:16px}.object-nav{margin-top:12px}}

#cacheStatus{position:fixed;bottom:145px;left:36px;z-index:12;color:#aaa;font-size:12px;font-weight:700;background:#080808dc;padding:8px 10px;border-radius:3px}#cacheStatus[hidden]{display:none}button:disabled{opacity:.4;cursor:wait}nav{gap:10px;flex-wrap:wrap}#name{max-width:90vw}.studio-grid{grid-template-columns:1fr 1fr}@media(max-width:700px){.studio-grid{grid-template-columns:1fr}#cacheStatus{left:20px;bottom:150px}nav{gap:8px}nav button{font-size:9px}}

#objectLabels[aria-pressed="true"]{background:#eee;color:#111;border-color:#eee}.tools{flex-wrap:wrap}

#detailText{transition:opacity .17s ease;filter:opacity(var(--proximity,1))}