:root{--bg:#080d12;--ink:#e5f0ef;--muted:#81949c;--line:#263841;--mint:#a6f4ca;--amber:#ffc078;--violet:#bda7ff;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow:hidden}#gl{position:fixed;inset:0;width:100%;height:100%;display:block}.grain{position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}header{position:fixed;top:0;left:0;right:0;height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;border-bottom:1px solid #23343c;background:linear-gradient(#091016dd,transparent);z-index:2}.brand{font:600 14px var(--mono);letter-spacing:.12em}.brand>span{color:var(--mint);font-size:21px;margin-right:8px}.brand small{font:9px var(--mono);color:#657b84;border:1px solid #2a3c44;padding:5px 7px;margin-left:12px;letter-spacing:.04em}.status{font:10px var(--mono);color:#81949c}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);margin-right:7px}.status kbd{margin-left:13px;color:#b1c0c3;border:1px solid #354850;padding:5px 7px}.intro{position:fixed;top:18%;left:6%;width:320px;z-index:2}.eyebrow{font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#77909a}.intro h1{font-size:35px;line-height:1.03;letter-spacing:-.055em;margin:15px 0 14px;font-weight:600}.intro p{font-size:13px;color:#9aadB1;line-height:1.55;margin:0}.controls{display:flex;gap:6px;margin-top:28px}.controls button{background:#0f1b21cc;border:1px solid #32464e;color:#84989f;border-radius:4px;padding:8px 10px;font:10px var(--mono);cursor:pointer}.controls button.active,.controls button:hover{color:var(--mint);border-color:#668e7d;background:#19332caa}.readout{position:fixed;right:5%;top:21%;width:250px;z-index:2;padding:16px;border:1px solid #2a4148;background:#0b151bcc;backdrop-filter:blur(10px);border-radius:5px}.readout strong{display:block;font-size:16px;line-height:1.25;margin-top:13px}.readout p{font-size:11px;color:#90a3a8;line-height:1.45}.legend{display:flex;gap:12px;border-top:1px solid #293b42;padding-top:13px;margin-top:18px;font:9px var(--mono);color:#7f9298}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.mint{background:var(--mint);box-shadow:0 0 8px var(--mint)}.amber{background:var(--amber)}.violet{background:var(--violet)}footer{position:fixed;bottom:0;left:0;right:0;height:35px;padding:0 30px;display:flex;justify-content:space-between;align-items:center;color:#5f757e;font:9px var(--mono);border-top:1px solid #1e3038;background:#081016cc;z-index:2}footer b{font-weight:400;color:#a7babd}