:root{--ink: #0e131b;--panel: #161d29;--panel-2: #1c2634;--line: #26303f;--text: #e7ecf3;--muted: #8593a5;--ok: #17b890;--wait: #e0a458;--err: #e5646e;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display: "Space Grotesk", system-ui, sans-serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#1a2534 0%,var(--ink) 60%);color:var(--text);font-family:var(--body);min-height:100vh}.page{max-width:880px;margin:0 auto;padding:24px 20px 40px;display:flex;flex-direction:column;min-height:100vh}.bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.brand{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.brand-dim{color:var(--muted);font-weight:500}.bar-meta{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.04em}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 0 transparent}.dot[data-tone=ok]{background:var(--ok);box-shadow:0 0 12px var(--ok);animation:pulse 2s infinite}.dot[data-tone=wait]{background:var(--wait);box-shadow:0 0 12px var(--wait);animation:pulse 1.2s infinite}.dot[data-tone=err]{background:var(--err);box-shadow:0 0 12px var(--err)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.pair{flex:1;display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start;padding:28px 0}@media (max-width: 720px){.pair{grid-template-columns:1fr}}.eyebrow{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.state-code{font-family:var(--mono);font-weight:600;font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.state-code[data-tone=ok]{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.state-code[data-tone=wait]{color:var(--wait);border-color:color-mix(in srgb,var(--wait) 45%,transparent)}.state-code[data-tone=err]{color:var(--err);border-color:color-mix(in srgb,var(--err) 45%,transparent)}.slot{position:relative;aspect-ratio:1;border-radius:14px;background:#0a0e14;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}.slot[data-active=true]{border-color:color-mix(in srgb,var(--wait) 50%,var(--line))}.qr{width:78%;height:78%;image-rendering:pixelated;border-radius:8px;background:#fff;padding:8px}.scan{position:absolute;left:8%;right:8%;height:2px;top:11%;background:linear-gradient(90deg,transparent,var(--wait),transparent);box-shadow:0 0 14px var(--wait);animation:sweep 2.4s ease-in-out infinite}@keyframes sweep{0%,to{top:11%}50%{top:89%}}.slot-empty{text-align:center;color:var(--muted);padding:20px}.slot-empty p{margin:14px 0 0;font-size:14px}.glyph{display:inline-block;width:40px;height:40px;border-radius:10px;border:2px solid var(--muted);position:relative}.glyph[data-tone=ok]{border-color:var(--ok)}.glyph[data-tone=ok]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 42%,var(--ok) 42% 58%,transparent 58%)}.glyph[data-tone=wait]{border-color:var(--wait);border-style:dashed;animation:spin 3s linear infinite}.glyph[data-tone=err]{border-color:var(--err)}@keyframes spin{to{transform:rotate(360deg)}}.hint{font-size:13px;line-height:1.5;color:var(--muted);margin:16px 2px 0}.hint b{color:var(--text);font-weight:500}.hint code{font-family:var(--mono);font-size:12px;background:var(--ink);padding:1px 6px;border-radius:5px;color:var(--ok);margin:0 2px}.readout{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:6px 18px 18px}.row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.row-k{font-size:13px;color:var(--muted)}.row-v{font-family:var(--display);font-size:15px;font-weight:500}.row-v.mono{font-family:var(--mono);font-size:13px}.row-v[data-tone=ok]{color:var(--ok)}.row-v[data-tone=wait]{color:var(--wait)}.row-v[data-tone=err]{color:var(--err)}.cmds{padding-top:16px}.cmds .eyebrow{display:block;margin-bottom:10px}.cmd{display:flex;align-items:baseline;gap:10px;padding:6px 0;font-size:13px;color:var(--muted)}.cmd code{font-family:var(--mono);font-size:12px;color:var(--text);background:var(--ink);padding:3px 9px;border-radius:6px;border:1px solid var(--line);min-width:56px;text-align:center}.foot{font-family:var(--mono);font-size:12px;color:var(--muted);text-align:center;padding-top:18px;border-top:1px solid var(--line)}.foot .sep{color:var(--line);margin:0 4px}@media (prefers-reduced-motion: reduce){.dot,.scan,.glyph{animation:none!important}}:focus-visible{outline:2px solid var(--ok);outline-offset:2px}:root{--idle: #6b7a8f}.dot[data-tone=idle]{background:var(--idle);box-shadow:0 0 10px color-mix(in srgb,var(--idle) 60%,transparent)}.state-code[data-tone=idle]{color:var(--idle);border-color:color-mix(in srgb,var(--idle) 45%,transparent)}.row-v[data-tone=idle]{color:var(--idle)}.glyph[data-tone=idle]{border-color:var(--idle);border-style:dotted}.signout{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;padding:5px 14px;cursor:pointer;transition:border-color .15s,color .15s}.signout:hover{color:var(--text);border-color:var(--muted)}.controls{padding-top:16px;border-top:1px solid var(--line);margin-top:4px}.controls .eyebrow{display:block;margin-bottom:12px}.btns{display:grid;gap:8px}.btn{font-family:var(--display);font-weight:500;font-size:14px;padding:11px 14px;border-radius:10px;cursor:pointer;border:1px solid var(--line);background:var(--panel-2);color:var(--text);transition:transform .04s ease,border-color .15s,background .15s,opacity .15s;text-align:center}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-start{border-color:color-mix(in srgb,var(--ok) 45%,transparent);color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,var(--panel-2))}.btn-start:hover:not(:disabled){background:color-mix(in srgb,var(--ok) 18%,var(--panel-2));border-color:var(--ok)}.btn-stop{border-color:color-mix(in srgb,var(--wait) 45%,transparent);color:var(--wait);background:color-mix(in srgb,var(--wait) 10%,var(--panel-2))}.btn-stop:hover:not(:disabled){background:color-mix(in srgb,var(--wait) 18%,var(--panel-2));border-color:var(--wait)}.btn-del{border-color:color-mix(in srgb,var(--err) 40%,transparent);color:var(--err);background:color-mix(in srgb,var(--err) 8%,var(--panel-2))}.btn-del:hover:not(:disabled){background:color-mix(in srgb,var(--err) 16%,var(--panel-2));border-color:var(--err)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:340px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:26px 24px 24px;display:flex;flex-direction:column;gap:12px}.login-brand{font-size:22px;margin-bottom:6px}.login-card .eyebrow{margin-bottom:4px}.inp{font-family:var(--mono);font-size:14px;color:var(--text);background:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px 14px;outline:none;transition:border-color .15s}.inp::placeholder{color:var(--muted)}.inp:focus{border-color:color-mix(in srgb,var(--ok) 50%,var(--line))}.login-err{font-family:var(--mono);font-size:12px;color:var(--err);background:color-mix(in srgb,var(--err) 10%,transparent);border:1px solid color-mix(in srgb,var(--err) 30%,transparent);border-radius:8px;padding:8px 12px}.login-btn{margin-top:4px}.settings{padding-top:16px;border-top:1px solid var(--line);margin-top:4px}.settings .eyebrow{display:block;margin-bottom:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.setting-label{display:flex;flex-direction:column;gap:3px}.setting-label span{font-family:var(--display);font-size:14px;font-weight:500;color:var(--text)}.setting-label small{font-size:11px;line-height:1.4;color:var(--muted);max-width:210px}.switch{flex:none;width:46px;height:26px;border-radius:999px;cursor:pointer;position:relative;padding:0;background:var(--ink);border:1px solid var(--line);transition:background .18s ease,border-color .18s ease}.switch .thumb{position:absolute;top:50%;left:3px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--muted);transition:left .18s ease,background .18s ease}.switch.on{background:color-mix(in srgb,var(--ok) 22%,var(--ink));border-color:color-mix(in srgb,var(--ok) 55%,transparent)}.switch.on .thumb{left:23px;background:var(--ok)}.switch:disabled{opacity:.5;cursor:not-allowed}.switch:hover:not(:disabled){border-color:var(--muted)}.switch.on:hover:not(:disabled){border-color:var(--ok)}