:root{color-scheme:dark;--bg:#070d19;--panel:#101c2e;--panel2:#14253a;--line:#29405c;--txt:#edf7ff;--muted:#a7bfd6;--mint:#4fe2be;--blue:#55bdfb;--danger:#ff8585}*{box-sizing:border-box}body{margin:0;font:15px/1.55 system-ui,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 4% 0%,#123454 0,transparent 39%),radial-gradient(ellipse at 95% 20%,#102d35 0,transparent 42%),var(--bg);color:var(--txt)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:#83e5ff;text-decoration:none}a:hover{text-decoration:underline}.site-shell{max-width:1500px;padding:0 26px;margin:auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{font-size:22px;font-weight:900;color:var(--mint);background:#123e4b;border:1px solid #366981;border-radius:12px;width:52px;height:52px;display:grid;place-items:center}.brand-mark span{color:#fff}.brand-name{font-size:21px;font-weight:850;letter-spacing:.01em}.brand-name span{font-size:11px;color:#8fc5d7;display:block;letter-spacing:.20em}.top-links{display:flex;gap:19px;flex-wrap:wrap;font-size:13px}.intro{display:grid;grid-template-columns:1fr minmax(320px,410px);gap:36px;padding:47px 0 28px;align-items:center}.intro h1{font-size:clamp(32px,4.4vw,64px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 18px}.intro h1 span{color:var(--mint)}.intro p{max-width:700px;color:#c1d5e8;font-size:16px}.eyebrow,.card-caption{font-size:11px;font-weight:800;letter-spacing:.17em;color:#5dddd1}.live-dot{display:inline-block;width:8px;height:8px;background:var(--mint);border-radius:50%;margin-right:8px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chip-row span{padding:5px 12px;color:#b5c8df;border:1px solid #33465a;border-radius:30px;font:12px monospace}.connection-box,.card,.info-note{background:linear-gradient(140deg,#132338,#0c1829);border:1px solid var(--line);border-radius:17px;padding:24px;box-shadow:0 12px 35px #02081160}.connection-state{display:flex;align-items:center;gap:13px;font-size:22px;margin:16px 0}.status-led{height:12px;width:12px;border-radius:50%;background:#74849b;box-shadow:0 0 0 5px #27394d}.status-led.connected{background:#51e7a8;box-shadow:0 0 0 5px #17634a}.small,.micro,.support-text{color:var(--muted)}.small{font-size:13px}.micro{font-size:12px;line-height:1.6}.button-row{display:flex;gap:9px;flex-wrap:wrap}.button{color:var(--txt);border:1px solid #45637e;background:#1b344e;border-radius:9px;padding:10px 14px;font-weight:700}.button:hover:not(:disabled){filter:brightness(1.17)}.button.primary{color:#05202b;background:linear-gradient(120deg,#5ff1bc,#5fcfff);border:0}.button.secondary{background:#1e3349}.button.ghost{background:transparent;color:#bce8f3}.button.outline{background:#12243b}.button.small{font-size:12px;padding:7px 10px}.button.full{width:100%;margin-top:12px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:10px 0 20px}.metric{padding:16px 19px;background:#0e1b2a;border:1px solid var(--line);border-radius:13px}.metric span{display:block;color:#91aac0;font-size:11px;margin-bottom:8px}.metric strong{font-size:14px;letter-spacing:.04em;overflow-wrap:anywhere}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:20px}.side-stack{display:flex;flex-direction:column;gap:20px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.card h2{font-size:22px;line-height:1.2;margin:7px 0 13px}.terminal-green{font-size:10px;color:var(--mint)}.terminal-ops{display:flex;flex-wrap:wrap;gap:6px}.terminal-screen{background:#040c16;border:1px solid #2a4157;border-radius:12px;overflow:auto;height:390px;margin-top:18px}.term-toolbar{background:#101b2a;padding:9px 15px;border-bottom:1px solid #2b435d;display:flex;align-items:center;gap:6px;color:#789bb6;font:11px monospace}.term-led{width:8px;height:8px;border-radius:50%;background:#ee826e}.term-led:nth-child(2){background:#ffca71}.term-led:nth-child(3){background:#4ed7b1;margin-right:12px}pre{margin:0;padding:16px 18px;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.58 Consolas,"Cascadia Mono",monospace;color:#b5f9d9}#terminal-output{min-height:300px}.command-form{display:flex;align-items:center;gap:10px;margin-top:13px;background:#081625;padding:8px;border:1px solid #365a73;border-radius:10px}.command-prefix{color:#58e7ba;font:700 13px Consolas,monospace;white-space:nowrap}.command-form input{background:transparent;border:0;outline:0;color:#f2fcff;min-width:0;flex:1;font:14px Consolas,monospace}.command-footer{display:flex;justify-content:space-between;gap:8px;margin:10px 0;color:#87a5c1;font-size:11px;flex-wrap:wrap}.notice{margin:12px 0;background:#112b3d;border:1px solid #275568;color:#b6e9f7;padding:10px 13px;border-radius:9px;font-size:12px}.notice.error{background:#3b1b23;border-color:#7e333e;color:#ffc3bf}.quick-help{border-top:1px solid #2c435b;margin-top:19px;padding-top:15px;font-size:12px}.pill-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.pill{padding:6px 10px;color:#bee2ec;background:#142d40;border:1px solid #38536e;border-radius:20px}.led-bank{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:22px 0}.led-cell{display:grid;justify-items:center;gap:9px;padding:12px 2px;border:1px solid #2a425e;background:#0c1b2d;border-radius:10px;color:#9ab3ca;font-size:11px}.led-bulb{height:18px;width:18px;background:#33475d;border-radius:50%;box-shadow:inset 0 0 0 2px #4d637b}.led-bulb.on{background:#5ff0ac;box-shadow:0 0 12px #54e9ac88,inset 0 0 0 2px #c3ffe0}.readback{display:flex;justify-content:space-between;padding:8px 12px;background:#101f34;border-radius:8px;font-size:12px;margin-bottom:15px}.group-label{font-size:12px;font-weight:750;color:#c5dcef;margin:17px 0 9px}.button-matrix{display:grid;gap:6px}.button-matrix.seven{grid-template-columns:repeat(7,1fr)}.button-matrix.six{grid-template-columns:repeat(6,1fr)}.chip-button{border:1px solid #46627b;background:#1d364e;color:#e5f7ff;border-radius:8px;padding:10px 2px}.graphics-card{margin-top:20px}.graphics-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.mode-note{font:12px monospace;color:#7cd4ca}.selectable{flex:1}.selectable.active{border-color:#5aeec4;background:#184e4c}.dpad{display:grid;grid-template-columns:repeat(3,54px);gap:8px;justify-content:start;margin:12px 0 20px}.dpad-key{height:51px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#193248;border:1px solid #41627d;color:#def8ff;border-radius:8px;font-size:20px}.dpad-key small{font-size:10px;line-height:1}.dpad-center{display:grid;place-items:center;font-size:12px;color:#89cbbf}.color-controls{display:flex;gap:8px}.color-chip{width:47px;height:42px;border:1px solid #6a889d;border-radius:9px;color:#fff;font-weight:900}.red{background:#a83d50}.green{background:#19785f}.blue{background:#245db2}.white{background:#7f93a7}.keyboard-card{background:#0e2034;padding:23px;border:1px solid #2b4c67;border-radius:12px}.keyboard-card h3{margin:9px 0}.raw-zone{margin:16px 0;padding:26px 16px;background:#0b1a2d;border:1px dashed #5486a2;border-radius:11px;text-align:center;display:flex;flex-direction:column;gap:10px;outline:0}.raw-zone:focus{border-color:var(--mint);box-shadow:0 0 0 2px #2a6c5c}.raw-keys{color:var(--mint);letter-spacing:.10em}.raw-zone span{color:#91aac4;font-size:11px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:22px}.info-note{box-shadow:none}.info-note h3{margin:9px 0}.info-note p{color:var(--muted);font-size:13px}.footer{padding:40px 0 25px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#7897b0;flex-wrap:wrap}kbd{background:#172e47;border:1px solid #375774;padding:2px 5px;border-radius:4px;font:11px monospace}code{color:#8beec9}.button:focus-visible,button:focus-visible,input:focus-visible,.raw-zone:focus-visible{outline:2px solid #63e3bf;outline-offset:3px}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:740px){.site-shell{padding:0 13px}.masthead,.intro{display:block}.top-links{margin-top:20px}.connection-box{margin-top:28px}.intro{padding-top:32px}.metrics{grid-template-columns:1fr 1fr}.card{padding:16px}.side-stack,.graphics-layout,.notes-grid{display:grid;grid-template-columns:1fr}.terminal-screen{height:340px}.button-row{gap:6px}.terminal-ops{margin-top:10px}}