*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#070e14;color:#e6ede9;font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header,footer{display:flex;justify-content:space-between;align-items:center;padding:25px 4vw;color:#a0b3b8;font-size:12px}.brand{font-size:18px;letter-spacing:-.8px;color:#edf3ee}.brand span{color:#78909a}main{max-width:1200px;margin:28px auto 0;padding:0 4vw}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;gap:24px}.eyebrow{color:#8bada5;text-transform:uppercase;font-size:10px;letter-spacing:2px}h1{font:400 clamp(28px,4vw,48px)/1.12 system-ui,sans-serif;letter-spacing:-1.6px;margin:12px 0 0}.context{font:13px/1.6 system-ui,sans-serif;color:#8da2aa;margin:0}.instrument{border:1px solid #26333c;background:#0b151e;border-radius:6px;overflow:hidden}.plot-head{display:flex;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #22313b;color:#99aeb3;font-size:10px;letter-spacing:1px}.dot{display:inline-block;background:#9fd4c1;width:5px;height:5px;border-radius:50%;margin-right:9px}.plot{height:clamp(300px,49vh,560px);position:relative;background:radial-gradient(ellipse at 50% 30%,#10222c,#09131c)}canvas{width:100%;height:100%;display:block}.plot-label{position:absolute;top:18px;left:20px;color:#afc1c6;font-size:9px;letter-spacing:1px}.plot-label span{display:block;color:#88a3af;margin-top:3px}.legend{position:absolute;bottom:18px;left:20px;display:flex;gap:18px;font-size:10px}.a{color:#b2e4d0}.b{color:#d6b997}.flag{position:absolute;right:20px;top:20px;color:#a3d7c4;font-size:10px}.flag.warn{color:#e7b680}.telemetry{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 20px;gap:12px;border-top:1px solid #22313b}.telemetry span{display:block;color:#8199a4;font-size:10px;margin-bottom:5px}.telemetry strong{font-size:22px;font-weight:400;font-variant-numeric:tabular-nums}.transport{display:flex;gap:18px;align-items:center;padding:15px 20px;border-top:1px solid #22313b}button{font:inherit;font-size:11px;background:transparent;border:1px solid #334751;color:#c6d6d8;border-radius:3px;padding:10px 15px;cursor:pointer;min-height:40px}button:hover{background:#1b2c37}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b2e4d0;outline-offset:4px}#play{min-width:80px;color:#c3e8d9}.scrub{flex:1;font-size:0}input[type=range]{width:100%;accent-color:#b2e4d0;cursor:pointer;min-height:28px}.options{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:20px 0;color:#9bb1b8;font-size:11px}.options label{display:flex;align-items:center;gap:7px;cursor:pointer}.options input{accent-color:#b2e4d0;width:16px;height:16px}.scenarios{display:flex;gap:4px}.scenarios button{border-color:transparent;color:#7f9ba6}.scenarios button[aria-pressed=true]{border-color:#506b73;color:#d0e5de;background:#12232c}.export{margin-left:auto;border:0;padding-right:0}.explain{color:#90a6ad;font-size:11px;max-width:820px;min-height:34px}details{border-top:1px solid #22313b;padding:18px 0;color:#93a9af;font-size:11px}summary{cursor:pointer;color:#bdcdce}details p{max-width:850px;line-height:1.8}details a{text-decoration:underline}footer{max-width:1200px;margin:20px auto;font-size:10px;padding:20px 4vw;color:#68828d}@media(max-width:600px){header{padding:20px 5vw}main{margin-top:16px;padding:0 5vw}.intro{display:block;margin-bottom:22px}.context{margin-top:15px;font-size:12px}h1{font-size:34px}.plot{height:370px}.plot-head{padding:12px}.plot-label{left:12px}.flag{right:12px;font-size:9px}.telemetry{padding:15px 12px;gap:6px}.telemetry span{font-size:9px;min-height:28px}.telemetry strong{font-size:19px}.transport{gap:10px;padding:12px}button{padding:10px}.options{gap:14px}.scenarios{width:100%}.export{margin-left:0}footer{padding:20px 5vw}.legend{left:12px}}
.threshold-note{color:#7f959f;font-size:10px;margin:0 0 12px}