:root{--bg:#0d1117;--panel:#161b22;--ink:#c9d1d9;--dim:#6b7681;--amber:#ffb454;--glow:#cfe9ff;--silk:#9fd8c4}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:SF Mono,JetBrains Mono,Consolas,monospace;line-height:1.5}.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.device,.login{width:min(92vw,320px)}.login{display:flex;flex-direction:column;gap:12px;text-align:center}.login h1{font-size:22px;letter-spacing:.1em}.hint{color:var(--dim);font-size:12px;margin-bottom:6px}.in{background:var(--panel);border:1px solid #2a3a44;border-radius:8px;color:var(--ink);padding:11px;font:inherit;font-size:13px}.in:focus{outline:none;border-color:var(--amber)}.err{color:#ff6b6b;font-size:12px}.code{font-size:40px;letter-spacing:.32em;color:var(--amber);font-weight:600;padding:16px 0 6px;text-indent:.32em}.device{background:linear-gradient(160deg,#173229,#0e1f19);border:1px solid #2a5443;border-radius:12px;padding:16px;box-shadow:0 14px 40px #00000080}.silk{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.2em;color:var(--silk);margin-bottom:8px}.link{background:none;border:none;color:var(--silk);font:inherit;font-size:9px;letter-spacing:.2em;cursor:pointer;text-decoration:underline;opacity:.8}.screen{background:#000;border-radius:4px;padding:8px;box-shadow:inset 0 0 16px #000000e6}.screen canvas{display:block;width:100%;image-rendering:pixelated;border-radius:2px}.comment{margin-top:10px;background:#0b1512;border:1px solid #1f4436;border-radius:6px;padding:8px 10px;min-height:3.4em;display:flex;flex-direction:column;justify-content:center}.comment .who{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--silk);margin-bottom:2px}.comment .say{font-size:12.5px;color:var(--glow)}.btn{margin-top:11px;width:100%;background:var(--panel);color:var(--ink);border:1px solid #2a3a44;border-radius:8px;padding:11px;font:inherit;font-size:13px;letter-spacing:.1em;cursor:pointer;transition:.15s}.btn:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.btn:disabled{opacity:.5;cursor:default}.needs-panel{display:flex;flex-direction:column;gap:4px;margin:8px 0 4px;font-size:13px}.scale{display:flex;align-items:center;gap:8px}.scale-label{width:56px;text-align:right;opacity:.75}.scale-bars{display:flex;gap:3px}.seg{width:14px;height:10px;border:1px solid currentColor;opacity:.35}.seg.on{background:currentColor;opacity:1}.buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.btn-second{font-size:.85em;padding:10px 16px}.key{margin-left:6px;padding:0 4px;border:1px solid currentColor;border-radius:3px;font-size:.7em;opacity:.55;vertical-align:middle}.btn:disabled{opacity:.35;cursor:default;box-shadow:none;transform:none}.silk-actions{display:inline-flex;gap:10px;align-items:center}