:root{color-scheme:dark;font:14px/1.5 Inter,Segoe UI,sans-serif;color:#e3e8e6;background:#090f13}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 10%,#2f72772b,transparent 50%),radial-gradient(ellipse at 100% 30%,#b0643422,transparent 50%)}main{max-width:1680px;margin:auto;padding:24px clamp(16px,3vw,44px)}header>a{float:right}.eyebrow{display:block;font-size:.72rem;letter-spacing:.16em;color:#b7a477}h1,h2{font-family:Georgia,serif;font-weight:500}h1{font-size:clamp(2.2rem,4vw,3.8rem);margin:9px 0}header p{font-size:1.08rem;margin-top:0;color:#aebdc3}a{color:#d5bd7b;text-underline-offset:4px}.laboratory{border:1px solid #84978b75;border-radius:18px;overflow:hidden;background:#111b20;box-shadow:0 20px 80px #0005}.toolbar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:14px 20px;background:#131e24}.toolbar label{display:flex;gap:8px;align-items:center;font-size:.85rem}.toolbar .wide{flex:1 1 340px}.wide input{flex:1}select,button{font:inherit;background:#25333a;color:#e6e3d7;border:1px solid #b0a46f65;border-radius:6px;padding:7px 10px}button{cursor:pointer}button:hover{background:#374442}input{accent-color:#7ecace}output{font-variant-numeric:tabular-nums;min-width:4.8em;color:#d9c18a}input[type=range]{max-width:280px}.stage{position:relative;aspect-ratio:16/9;max-height:740px;min-height:380px;background:#081015}canvas{width:100%;height:100%;display:block}.overlay{position:absolute;inset:0;pointer-events:none}.stage-label{position:absolute;top:18px;left:22px;font-size:.73rem;letter-spacing:.12em;color:#d6e9ed;pointer-events:none}.stage-label small{display:block;font-size:.7rem;letter-spacing:.03em;color:#809ca8;margin-top:5px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#8be4d5;margin-right:7px;box-shadow:0 0 13px #69e2c9}.legend{position:absolute;bottom:15px;right:20px;font-size:.72rem;color:#a8bdc3;pointer-events:none}.teal{color:#75d8d1}.gold{color:#e2bc70}.status{position:absolute;bottom:15px;left:20px;font-size:.72rem;color:#9cb7bb;pointer-events:none;max-width:60%}.temporal{border-top:1px solid #7ba0a030}.settings{border-top:1px solid #7ba0a030}.settings summary{cursor:pointer;padding:11px 20px;color:#aebfc3;font-size:.85rem}.notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:34px}.notes article{padding:24px;border:1px solid #6d88853e;border-radius:14px;background:#121b1d88}h2{font-size:1.65rem;margin:12px 0}.notes p{color:#aebdc3;line-height:1.75}.notes strong{color:#d9ded7;font-weight:600}footer{padding:26px 0;color:#7f949e;font-size:.8rem}.error{padding:14px;background:#6d2525}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #dbc688;outline-offset:3px}@media(max-width:700px){.stage{aspect-ratio:4/5;min-height:0}.notes{grid-template-columns:1fr}.legend{display:none}.status{max-width:90%}.toolbar{gap:10px}.toolbar label{flex-wrap:wrap}.temporal label{flex-basis:100%}main{padding:18px 12px}.stage-label{left:12px;font-size:.62rem}}

[hidden]{display:none!important}.diagnostic{border-top:1px solid #7ba0a030;font-size:.8rem;color:#93afb6}.diagnostic>span{flex:1 1 260px}.status{bottom:12px;line-height:1.55}

.motion-note{font-size:.78rem;color:#a9bdbd;flex:1 1 300px}.toolbar input[type=range]{min-width:70px;max-width:100%}

.beauty-controls{border-top:1px solid #71958c35;background:linear-gradient(100deg,#173034,#1b282a 52%,#30291d)}.beauty-switch{color:#f0dfac;font-weight:600}.beauty-caption{color:#a1b7b7;font-size:.78rem}.bias-tag{margin-left:auto;border:1px solid #c9ac6855;border-radius:20px;padding:3px 9px;font-size:.63rem;letter-spacing:.13em;color:#d8bb76}.medium-controls{border-top:1px solid #71958c24;padding-block:11px;gap:18px;background:#101b21}.medium-controls label{flex:1 1 290px}.medium-controls input{flex:1;min-width:55px!important;max-width:150px!important}.medium-controls output{min-width:4em;font-size:.78rem}.beauty-controls input[type=range]{width:110px}.toolbar input:focus-visible{outline:2px solid #dbc688;outline-offset:3px}@media(max-width:700px){.beauty-caption{display:none}.medium-controls{gap:7px}.medium-controls label{justify-content:space-between}.beauty-controls{gap:10px}.bias-tag{margin-left:0}}

.work-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid #8aab8540;background:#0d191d;color:#b9ceca;font-size:.8rem;min-height:50px}.work-status strong{min-width:7em;color:#b4e4d5}.work-status>span{flex:1 1 320px}.work-status progress{width:160px;height:7px;accent-color:#91d6c3}.receiver-controls output{min-width:6em;font-size:.78rem}body[data-work=standby] .work-status{background:#302a17}body[data-work=standby] .work-status strong{color:#ffe1a0}body[data-work=refining] .work-status strong::after{content:' ·';animation:working 1s alternate infinite}@keyframes working{to{opacity:.25}}@media(prefers-reduced-motion:reduce){body[data-work=refining] .work-status strong::after{animation:none}}button:disabled,select:disabled,input:disabled{opacity:.48;cursor:not-allowed}.receiver-controls label{max-width:100%;flex-wrap:wrap}.receiver-controls input[type=range]{width:140px}html,body{height:auto;min-height:0}main,.laboratory{min-width:0}.work-status{overflow-wrap:anywhere}