:root{color-scheme:dark;font-family:Inter,"Segoe UI",sans-serif;color:#e7ecf0;background:#0b1119;font-size:14px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;min-height:100%;overflow:hidden}html.embedded,html.embedded body{height:100%;overflow:hidden}button,select,input{font:inherit}button,select{color:#dce5ed;background:#182330;border:1px solid #30404e;border-radius:7px;padding:9px 13px;cursor:pointer}button:hover{background:#253445;border-color:#7a8d9d}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #efbe72;outline-offset:4px}header{height:84px;flex-shrink:0;border-bottom:1px solid #24313d;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.brand{display:flex;gap:13px;align-items:center;letter-spacing:2px;font-size:16px}.brand strong{font-weight:350;color:#9faebb}.brand small{display:block;font-size:10px;letter-spacing:2.4px;color:#91a0ae;margin-top:7px}.mark{font-size:39px;color:#efbe72;line-height:1;transform:rotate(9deg)}.header-right{display:flex;gap:25px;align-items:center;color:#98a7b5}main{display:grid;grid-template-columns:minmax(0,1fr) 308px;flex:1;min-height:0}.viewport{position:relative;min-height:300px;background:radial-gradient(ellipse at 50% 40%,#1e3040 0%,#101c28 48%,#0b141e 100%);overflow:hidden}#scene{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.stage-top{position:absolute;top:23px;left:27px;right:27px;display:flex;justify-content:space-between;gap:20px;pointer-events:none}.eyebrow,.section-label{font-size:11px;letter-spacing:1.9px;color:#899bac}#status{font-size:12px;color:#acbac5}.stage-bottom{position:absolute;bottom:20px;left:27px;right:27px;display:flex;justify-content:space-between;align-items:end;color:#91a3b4;font-size:12px;pointer-events:none}.orientation{display:flex;flex-direction:column;gap:6px;color:#c2cfda}.scale-note{position:absolute;left:27px;top:52px;color:#efbe72;font-size:12px;pointer-events:none}aside{border-left:1px solid #24313d;background:#101922;padding:26px 24px 16px;overflow:auto}aside section+section{border-top:1px solid #28333f;margin-top:22px;padding-top:22px}h1{font-size:29px;font-weight:450;line-height:1.15;letter-spacing:-1px;margin:14px 0 12px}.intro{color:#9baab8;line-height:1.6;margin:0;font-size:14px}.readouts{display:flex;gap:20px;margin-top:24px}.readouts>div{flex:1}.readouts span{display:block;font-size:12px;color:#92a2b1;line-height:1.4}.readouts strong{display:block;font-size:23px;font-weight:450;font-variant-numeric:tabular-nums;margin-top:6px;color:#f0c587}.row{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.row output{color:#efbe72;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#edbc75;height:16px;margin:5px 0;cursor:pointer}.range-labels{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#8c9ead}.range-labels button{padding:0;border:0;background:none;font-size:11px;color:#d5b684}.select-row select{max-width:155px;padding:7px}.check{display:flex;align-items:center;gap:9px;font-size:13px;margin:15px 0;cursor:pointer}.check input{accent-color:#efbe72;width:16px;height:16px}.legend{margin-top:23px}.gradient{height:5px;border-radius:8px;background:linear-gradient(90deg,#c9dce2,#efbe72,#d15835,#2b1520)}.legend>div+div{display:flex;justify-content:space-between;font-size:11px;color:#a5b4c0;margin-top:8px}.note{font-size:11px;line-height:1.6;color:#8f9fac;margin-bottom:0}.chart-section svg{width:100%;height:115px;margin-top:13px;overflow:visible}.data-note{font-size:10px;color:#8397a8;margin-top:20px;line-height:1.6}footer{display:flex;gap:24px;align-items:center;padding:22px 30px;background:#111b26;border-top:1px solid #2a3948;flex-shrink:0}.play{width:48px;height:48px;background:#edbc75;color:#101923;border:0;font-size:21px;border-radius:50%;padding:0}.play:hover{background:#ffcf8b}.timeline{flex:1}.timeline-heading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#bdc9d3}.timeline-heading b{font-size:15px;color:#f2d1a0;letter-spacing:0;font-weight:500}.muted{color:#8395a5}.transport{display:flex;align-items:center;gap:10px}.transport label{color:#97a8b5;font-size:12px}.transport button[aria-pressed=false]{color:#7e8b96}.transport select{padding:8px}#error{position:absolute;top:35%;left:10%;right:10%;padding:25px;background:#3a2023;color:#ffd0c2;border-radius:10px;line-height:1.6} @media(max-height:850px) and (min-width:761px){aside{padding-top:20px}h1{font-size:25px;margin:10px 0}.intro{font-size:13px}.readouts{margin-top:15px}aside section+section{margin-top:17px;padding-top:17px}.row{margin-top:14px}.check{margin:11px 0}.legend{margin-top:15px}.chart-section svg{height:85px}.note{font-size:11px}}@media(max-width:760px){body{height:auto;min-height:100dvh}header{height:70px;padding:0 18px}.header-right>span{display:none}.brand{font-size:13px}main{display:flex;flex-direction:column}.viewport{height:65dvh;min-height:420px}aside{border-left:0;border-top:1px solid #24313d;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}aside section+section{margin:0;padding:0;border:0}.chart-section{grid-column:1/-1}.data-note{grid-column:1/-1;margin:0}footer{position:sticky;bottom:0;padding:15px;gap:12px;flex-wrap:wrap}.transport{margin-left:auto}.timeline{min-width:200px}#timeHint{display:none}.stage-top{left:18px;right:18px}.stage-bottom{left:18px;right:18px;font-size:10px}.scale-note{left:18px}}@media(max-width:430px){aside{display:block}aside section+section{margin-top:25px;border-top:1px solid #28333f;padding-top:25px}.transport{width:100%;justify-content:flex-end}.stage-top{flex-direction:column;gap:6px}.scale-note{top:73px}}

@media(min-width:761px){h1{font-size:25px;margin:12px 0 10px}.intro{font-size:13px}.readouts{margin-top:16px}aside section+section{margin-top:17px;padding-top:17px}.row{margin-top:14px}.check{margin:12px 0}.legend{margin-top:15px}.chart-section svg{height:88px}.data-note{margin-top:12px}}