:root{color-scheme:dark;--bg:#080e16;--panel:#101b28;--card:#131f2e;--line:#283746;--text:#dbe5eb;--dim:#708497;--gold:#e2aa67;--cyan:#56bbcb}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background:radial-gradient(ellipse at 52% 2%,#162738 0%,#081019 47%,#060a12 100%);color:var(--text);font:13px/1.48 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.01em}.shell{max-width:1800px;margin:auto;padding:0 28px}.topbar{height:95px;border-bottom:1px solid #263646;display:flex;align-items:center;gap:18px}.mark{color:var(--gold);width:49px;height:49px;filter:drop-shadow(0 0 14px #b87e3350)}.mark svg{width:100%}.brand small,.eyebrow,.revision,.section-label,.panel-numeral,.viewport-id,.floating small,.footer-note,.statusbar,.chart-caption,.metric small,.data-rows,.speed span,.ticks{font-size:9px;letter-spacing:.19em;font-weight:650}.brand small{color:#6a899d}.brand h1{font-size:22px;margin:1px 0 0;letter-spacing:.12em;font-weight:750;color:#f2f4f5}.brand h1 span{color:var(--gold);font-weight:350}.top-meta{margin-left:auto;text-align:right}.live{font-size:10px;letter-spacing:.15em;color:#b9d7c8}.live span,.view-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#67d6af;box-shadow:0 0 11px #67d6af;margin-right:9px}.revision{color:#5e7588;margin-top:5px}.subtitle-row{display:flex;align-items:end;justify-content:space-between;padding:23px 0 25px;gap:20px}.eyebrow{color:#d5a76f}.subtitle-row h2{font-size:29px;letter-spacing:-.035em;line-height:1.1;font-weight:450;margin:6px 0 7px;color:#f0f4f5}.subtitle-row p{color:#8d9eac;max-width:680px;margin:0;font-size:12px}.equation{text-align:right;display:flex;flex-direction:column;gap:2px;color:#879eac;padding-bottom:2px;min-width:225px}.equation span,.equation small{font-size:9px;letter-spacing:.15em}.equation strong{font-family:Georgia,serif;color:#d7b385;font-size:22px;font-weight:450}.workspace{display:grid;grid-template-columns:270px minmax(400px,1fr) 280px;gap:14px;min-height:676px}.panel{background:linear-gradient(147deg,#121e2b 0%,#0c1622 90%);border:1px solid #263747;box-shadow:inset 0 1px #ffffff06,0 15px 55px #00000021;border-radius:5px;overflow:hidden}.controls,.telemetry{padding:22px 20px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line)}.panel-heading .eyebrow{font-size:9px}.panel-numeral{color:#617384}.section-label{color:#6b8597;margin:22px 0 14px}.control{margin-bottom:20px}.control-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.control-title label{font-size:12px;font-weight:500;color:#d4e0e7}.control-title output{font-size:12px;font-weight:700;color:#e1ae6e;font-variant-numeric:tabular-nums}input[type=range]{width:100%;margin:0;appearance:none;background:linear-gradient(90deg,#bc8f55,#607d84);height:3px;border-radius:3px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid #e6b475;background:#122536;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 3px #ca99571b}input[type=range]::-moz-range-thumb{border:2px solid #e6b475;background:#122536;width:11px;height:11px;border-radius:50%}.ticks{display:flex;justify-content:space-between;color:#566b7c;margin-top:7px;letter-spacing:.07em;font-size:8px}.presets{display:flex;gap:4px;margin-top:-6px}.presets button{flex:1;border:1px solid #314353;background:#111e2b;color:#8195a2;border-radius:2px;min-width:0;font-size:8px;letter-spacing:.02em;padding:7px 2px;cursor:pointer}.presets button:hover,.presets button.active{border-color:#bd9158;color:#f2cf99;background:#a071321c}.toggle-box{padding:12px 0;border-block:1px solid #243544;display:flex;align-items:center;justify-content:space-between}.toggle-box b{display:block;font-size:11px;font-weight:600}.toggle-box small{display:block;color:var(--dim);font-size:10px;margin-top:2px}.switch input{display:none}.switch span{display:block;width:34px;height:19px;background:#344352;border-radius:12px;position:relative;cursor:pointer}.switch span:after{content:'';position:absolute;left:3px;top:3px;width:13px;height:13px;background:#8499a5;border-radius:50%;transition:.2s}.switch input:checked+span{background:#98754d}.switch input:checked+span:after{left:18px;background:#ffe4b5}.footer-note{margin-top:19px;color:#62798a;line-height:1.8;letter-spacing:.04em}.dotline{display:inline-block;width:5px;height:5px;background:#d4a266;border-radius:50%;margin-right:4px}.tooltip{cursor:help}.viewer{display:flex;flex-direction:column;min-width:0}.viewport-head{height:61px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #203343}.viewport-id{color:#c2ad93}.viewport-id b{background:#ac7b451f;color:#e2b277;border:1px solid #7c624338;border-radius:2px;padding:4px 6px;margin-left:4px}.viewport-id small{color:#657d8f;letter-spacing:.08em;font-size:8px;margin-left:8px}.viewport-head button{border:0;background:transparent;color:#8da7b5;font-size:9px;letter-spacing:.12em;cursor:pointer}.viewport-head button:hover{color:#f5c384}.viewport{position:relative;flex:1;min-height:500px;background:radial-gradient(ellipse at 50% 52%,#142a39 0%,#0a1624 60%,#070f18 100%)}#scene{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.viewport-glow{position:absolute;inset:0;box-shadow:inset 0 0 95px #01080e7c;pointer-events:none}.floating{position:absolute;pointer-events:none;display:flex;flex-direction:column}.float-left{top:25px;left:26px}.float-left strong{font-size:26px;font-weight:280;letter-spacing:.04em;color:#d9ac71}.floating small{color:#7d99a6}.floating span{color:#6f899a;font-size:9px;letter-spacing:.14em}.float-right{top:26px;right:27px;align-items:end}.orientation{color:#bd9565;letter-spacing:6px;margin-top:11px;font-size:11px}.orientation span{color:#d2b588;font-size:18px}.viewport-legend{position:absolute;left:27px;bottom:51px;display:flex;gap:23px;font-size:9px;letter-spacing:.12em;color:#b2c1c9}.viewport-legend i{display:inline-block;width:15px;height:3px;vertical-align:middle;margin-right:6px}.legend-amber{background:#e6aa60}.legend-cyan{background:#54c5d0}.interaction-hint{position:absolute;bottom:17px;left:27px;right:25px;color:#607d91;font-size:9px;letter-spacing:.095em}.transport{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-top:1px solid #253949;gap:9px}.transport-actions{display:flex;gap:6px}.transport button{font-size:10px;letter-spacing:.07em;padding:10px 13px;border-radius:3px;cursor:pointer;border:1px solid #304456;color:#d0e0e7;background:#182839;white-space:nowrap}.transport button:hover{border-color:#c79d66}.transport button.primary{background:#d2a466;border:1px solid #e2bb85;color:#18202a;font-weight:750}.speed{display:flex;align-items:center;gap:9px}.speed span{color:#8195a4;font-size:8px}.speed select{background:#0e1a27;border:1px solid #3c5363;color:#d8b887;border-radius:3px;padding:10px 5px;font-size:9px;max-width:126px}.metric{padding-top:20px}.metric small,.dual-metrics small{color:#71899c;font-size:9px;letter-spacing:.09em}.huge{font-size:41px;line-height:1.4;letter-spacing:-.05em;font-weight:350;font-variant-numeric:tabular-nums}.amber{color:#e8b06b;text-shadow:0 0 38px #c6923423}.metric-footer{display:flex;align-items:center;justify-content:space-between;color:#a6b0bb;font-size:8px;letter-spacing:.08em}.m-icon{color:#d7a96c;font-size:18px}.dual-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.dual-metrics div{border:1px solid #263b4b;padding:10px 8px;background:#101d2a}.dual-metrics small{display:block;font-size:8px}.dual-metrics strong{color:#d2e3e9;font-weight:550;font-size:18px;white-space:nowrap}.panel-divider{height:1px;background:var(--line);margin:20px 0 15px}.chart-caption{display:flex;justify-content:space-between;color:#b3c6cf;letter-spacing:.1em}.chart-caption small{font-size:8px;color:#5f8296;letter-spacing:.06em}.chart-caption.below{margin-top:8px}.chart{width:100%;display:block}.polar-chart{height:170px;margin:3px auto 0}.time-chart{height:110px;margin:7px auto 0}.data-rows>div{display:flex;justify-content:space-between;gap:9px;border-bottom:1px solid #253543;padding:8px 0}.data-rows span{font-size:8px;letter-spacing:.045em;color:#879ba8}.data-rows b{font-size:11px;font-weight:500;color:#d5c4ac;font-variant-numeric:tabular-nums}.statusbar{height:57px;display:flex;gap:12px;align-items:center;justify-content:space-between;color:#5e7a8c;font-size:9px;letter-spacing:.14em}.statusbar i{color:#58bd9c;font-size:8px;font-style:normal}.fatal{position:absolute;inset:26%;color:#ffb38a;padding:20px;background:#141923ed;border:1px solid #a66c56;z-index:10;white-space:pre-wrap}[hidden]{display:none!important}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:1280px){.shell{padding:0 15px}.workspace{grid-template-columns:235px minmax(350px,1fr) 247px;gap:10px}.controls,.telemetry{padding:18px 13px}.viewport{min-height:470px}.transport{padding:12px 10px}.transport button{padding:9px 8px}.speed span{display:none}}
@media(max-width:1020px){.workspace{grid-template-columns:245px minmax(0,1fr)}.viewer{min-height:650px}.telemetry{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px 20px}.telemetry .panel-heading{grid-column:1/-1}.metric{grid-column:1}.dual-metrics{grid-column:1;margin-top:0}.telemetry .panel-divider{display:none}.polar-chart{grid-column:2;grid-row:2/4}.chart-caption:not(.below){grid-column:2;grid-row:4}.time-chart{grid-column:3;grid-row:2/4;height:170px}.chart-caption.below{grid-column:3;grid-row:4}.data-rows{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:700px){.shell{padding:0 10px}.topbar{height:78px}.brand h1{font-size:16px}.mark{width:35px;height:35px}.top-meta .revision{display:none}.live{font-size:8px}.subtitle-row{padding:18px 0}.subtitle-row h2{font-size:24px}.subtitle-row p{font-size:11px}.equation{display:none}.workspace{display:flex;flex-direction:column}.viewer{order:1;min-height:570px}.controls{order:2}.telemetry{order:3;display:block}.telemetry .panel-divider{display:block}.telemetry .time-chart{height:115px}.statusbar{flex-wrap:wrap;font-size:7px}.statusbar span:last-child{display:none}.viewport{min-height:455px}.viewport-head{padding:0 12px}.viewport-id small{display:none}.interaction-hint{font-size:7px;left:12px}.viewport-legend{left:12px;gap:14px;font-size:7px}.float-right{right:12px}.speed select{max-width:98px}.controls{padding:20px 24px}.presets button{padding:10px}.huge{font-size:48px}}