.wrap{max-width:520px;margin:0 auto;padding:2rem 1.25rem}h1{margin:0 0 .35rem;font-size:1.45rem}.sub{margin:0 0 1.5rem;color:var(--muted);font-size:.92rem;line-height:1.45}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.status{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;margin-bottom:1rem}.dot{width:10px;height:10px;border-radius:50%;background:var(--muted)}.dot.connecting,.dot.starting{background:var(--warn);animation:pulse 1.2s ease infinite}.dot.qr{background:#3b82f6}.dot.open{background:var(--ok)}.dot.close,.dot.logged_out,.dot.error{background:#ef4444}.dot.conflict{background:#f97316}@keyframes pulse{50%{opacity:.35}}.qr-wrap{text-align:center}.qr-wrap img{max-width:100%;border-radius:12px;background:#fff;padding:12px}.hint{margin-top:1rem;font-size:.85rem;color:var(--muted);line-height:1.5}.hint.small{margin:.45rem 0 .75rem;font-size:.78rem}.user-line{margin-top:1rem;padding:.75rem;background:#22c55e1f;border:1px solid rgba(34,197,94,.35);border-radius:8px;font-size:.9rem}.user-line span{font-size:.8rem;opacity:.85}.err{margin-top:1rem;padding:.75rem;border-radius:8px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);font-size:.85rem;word-break:break-word}.err-strong{margin-bottom:1rem;line-height:1.5}.actions{margin-top:1.25rem;display:flex;gap:.75rem;flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.35);border-radius:8px;padding:.55rem 1rem;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit;color:#e8edf5;background:#3b82f62e}.btn-danger{background:#ef444433;color:#fecaca;border-color:#ef444473}.btn:disabled{opacity:.45;cursor:not-allowed}.meta{margin-top:1rem;font-size:.75rem;color:var(--muted);line-height:1.5;word-break:break-all}.debug-box,.pair-box,.code-box,.ok-box{margin-top:1rem;padding:.85rem;border-radius:8px;background:#0f172a;border:1px solid var(--border);font-size:.82rem;line-height:1.45;word-break:break-word}.debug-box code{font-size:.75rem}.debug-hint{margin-top:.5rem;color:var(--muted);font-size:.78rem}.muted-line{opacity:.75}.inline-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.inline-form input{min-width:0;flex:1;border:1px solid var(--border);border-radius:8px;padding:.6rem .7rem;color:var(--text);background:#111827;font:inherit}.code-box strong{display:block;margin-top:.25rem;font-size:1.35rem;letter-spacing:.06em}.ok-box{border-color:#22c55e59;background:#22c55e1a}@media(max-width:520px){.wrap{padding:1.25rem .9rem}.card{padding:1rem}.inline-form.stack-mobile input,.inline-form.stack-mobile button,.inline-form input,.inline-form button{width:100%;flex-basis:100%}}.dot.restarting{background:var(--warn);animation:pulse 1.2s ease infinite}.warn{margin-top:1rem;padding:.75rem;border-radius:8px;background:#f973161f;border:1px solid rgba(249,115,22,.35);font-size:.85rem;word-break:break-word}*,*:before,*:after{box-sizing:border-box}:root{--bg: #0c1222;--card: #151d2e;--border: #2a3548;--text: #e8edf5;--muted: #8b9cb3;--ok: #22c55e;--warn: #eab308}body{margin:0;min-height:100vh;font-family:DM Sans,system-ui,sans-serif;background:radial-gradient(ellipse 120% 80% at 50% -20%,#1e3a5f 0%,var(--bg) 55%);color:var(--text)}