:root{--ink:#dcebe5;--paper:#09151a;--panel:#101f25;--acid:#d7ff45;--muted:#779089;--line:#294047}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Arial,sans-serif}main{max-width:1600px;margin:auto;padding:24px 34px}header{display:flex;justify-content:space-between;border-top:1px solid #719087;padding-top:14px}.eyebrow,label{font:700 10px monospace;letter-spacing:.15em}h1{font:500 clamp(44px,6vw,82px)/.82 Georgia,serif;margin:18px 0 24px;letter-spacing:-.05em}h1 em{font-weight:400}.status{font:700 10px monospace;letter-spacing:.13em}.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e9a34b;margin-right:7px}.status.live i{background:#74dd66;box-shadow:0 0 10px #74dd66}.work{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:590px;border:1px solid var(--line)}#viewport{position:relative;min-height:590px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#14303a,#050b0e 67%)}#viewport canvas{display:block}.legend{position:absolute;z-index:2;left:18px;bottom:17px;width:170px;display:grid;grid-template-columns:1fr 1fr;gap:5px;font:9px monospace;letter-spacing:.12em}.legend span{grid-column:1/3;height:4px;background:linear-gradient(90deg,#224ed0,#00e2ce,#d7ff45)}.legend small:last-child{text-align:right}.hint{position:absolute;right:18px;bottom:18px;font:9px monospace;color:#819b94;letter-spacing:.08em}aside{padding:22px;background:var(--panel);border-left:1px solid var(--line)}h2{font:400 22px Georgia;margin:0 0 24px}aside label{display:block;margin:14px 0;color:#9fb4ae}input,select{display:block;width:100%;margin-top:7px;padding:9px;background:#0a1519;color:var(--ink);border:1px solid #344b52;font:13px monospace}label small{float:right;margin-top:-27px;margin-right:8px}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.buttons:first-of-type{grid-template-columns:1fr 1fr}.buttons:first-of-type button:first-child{grid-column:1/3;background:var(--acid);color:#132017}button{padding:10px 8px;border:1px solid #456069;background:#172b32;color:var(--ink);text-transform:uppercase;font:700 9px monospace;letter-spacing:.08em;cursor:pointer}kbd{margin-left:8px}hr{border:0;border-top:1px solid var(--line);margin:22px 0}.check{display:flex;align-items:center;gap:8px}.check input{display:inline;width:auto;margin:0}.note{font:11px/1.5 monospace;color:var(--muted)}.readouts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0}.readouts article{padding:18px;border-right:1px solid var(--line)}.readouts article:last-child{border:0}strong{display:block;font:400 23px Georgia;margin:10px 0 4px}.readouts small{color:var(--muted)}footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;font:10px/1.4 monospace;color:var(--muted);padding-top:12px}footer p:last-child{text-align:right;color:#ff8e79}.embed main{max-width:none;padding:0}.embed header,.embed footer{display:none}.embed .work{border:0;min-height:520px}.embed #viewport{min-height:520px}.embed .readouts{border-left:0;border-right:0;border-bottom:0}@media(max-width:850px){main{padding:15px}.work{grid-template-columns:1fr}.work aside{border-left:0;border-top:1px solid var(--line)}.readouts{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}footer p:last-child{text-align:left}}