:root{font-family:Inter,Arial,sans-serif;color:#e4e6df;background:#101f25;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid #425057;background:transparent;color:inherit;padding:10px 14px;border-radius:4px}button:hover,button[aria-pressed=true]{background:#e9c58c;color:#17262b;border-color:#e9c58c}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #f4c77f;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 36px;border-bottom:1px solid #34434a}.brand{font:700 27px Georgia,serif;letter-spacing:-2px}.brand span{font:10px monospace;letter-spacing:2px;margin-left:25px;color:#9bafaf}nav{display:flex;gap:8px}.primary{background:#e9c58c;color:#17262b}.workspace{display:grid;grid-template-columns:290px 1fr;max-width:1700px;margin:auto}aside{padding:35px 26px;border-right:1px solid #34434a;background:#14262c}.eyebrow{font:9px monospace;letter-spacing:2px;color:#e9c58c}h1{font:38px/1.02 Georgia,serif;font-weight:400;letter-spacing:-1.6px;margin:20px 0}h1 span{display:inline-block;margin-left:14px;color:#e9c58c}.intro{font:13px/1.7 Arial;color:#a7babd;margin-bottom:30px}label{display:block;font:11px/1.6 monospace;color:#a9bcc0}input:not([type=checkbox],[type=range],[type=color]){display:block;width:100%;background:#102129;border:1px solid #3b5158;color:#e9e5d8;border-radius:3px;padding:8px;margin:5px 0 10px}input[type=range]{width:100%;accent-color:#e9c58c}input[type=color]{border:0;width:50px;background:none;height:27px}input[type=checkbox]{accent-color:#e9c58c}.divider{border-top:1px solid #34474e;margin:22px 0}h2{font:11px monospace;text-transform:uppercase;letter-spacing:1px;color:#c0cece;margin:20px 0}fieldset{border:1px solid #344c54;border-radius:5px;margin:16px 0;padding:12px}legend{font:11px monospace;color:#bacaca}legend b{font:13px Georgia;margin-right:8px;color:#f5b96e}legend b.b{color:#94d9c7}.coordinates{display:flex;gap:10px}.coordinates label{width:50%}output{float:right;color:#e4e6df}.switch{display:flex;gap:6px}.switch button{flex:1;font-size:12px}.inline{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.inline:has([type=checkbox]){justify-content:flex-start;gap:8px}.wide{width:100%;margin-top:17px;font-size:12px}article{padding:22px 32px;min-width:0}.canvas-heading{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1.5px;color:#9db3b7;margin:5px 0 15px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#94d9c7;margin-right:9px}.surface{display:block;width:100%;max-height:68vh;min-height:300px;border:1px solid #2c444e;border-radius:7px;touch-action:none;background:#101f25}.anchor{cursor:grab}.anchor:active{cursor:grabbing}.anchor text{font:15px Georgia;pointer-events:none}.readout{display:flex;gap:25px;padding:20px 0;border-bottom:1px solid #34474e}.readout small{display:block;font:9px monospace;color:#809ea5;margin-bottom:7px}.readout strong{font:11px monospace;color:#d6e0dc}.replay h2 span{float:right;color:#e9c58c}.replay p,.footnote{font:11px/1.7 Arial;color:#839ea5}.studies>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.studies button{text-align:left;padding:18px 14px;border-color:#344c54}.studies small{font:9px monospace;color:#91aaa9}.studies strong{display:block;font:21px Georgia;margin:14px 0}.studies span{font:11px/1.6 Arial;color:#91aaa9}.studies button:hover span,.studies button:hover small{color:#294048}.status{padding:13px;border-left:2px solid #e9c58c;background:#192f36;font:12px/1.6 monospace}footer{padding:25px 36px;border-top:1px solid #34434a;display:flex;justify-content:space-between;font:10px/1.7 monospace;color:#91aaa9}footer details{max-width:750px}footer button{margin:7px 7px 0 0}summary{cursor:pointer}@media(max-width:950px){header{padding:20px;gap:20px;flex-wrap:wrap}.workspace{grid-template-columns:240px 1fr}aside{padding:25px 16px}article{padding:20px 16px}.brand span{margin-left:15px}.studies>div{grid-template-columns:1fr}.readout{flex-wrap:wrap;gap:15px}.surface{min-height:260px}footer{gap:20px;flex-wrap:wrap}}@media(max-width:650px){.workspace{display:flex;flex-direction:column}aside{border:0}.surface{max-height:none}h1 br{display:none}h1{font-size:32px}.intro{margin-bottom:16px}fieldset{display:inline-block;vertical-align:top;width:calc(50% - 5px);margin-right:5px}.canvas-heading{font-size:8px}nav{flex-wrap:wrap}button{padding:9px}.studies>div{grid-template-columns:1fr}.readout{font-size:10px}footer{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}