:root{color-scheme:dark;--bg: #0f172a;--panel: #1e293b;--panel-2: #334155;--fg: #f8fafc;--muted: #94a3b8;--accent: #38bdf8;--accent-strong: #0284c7;--danger: #ef4444;--ok: #22c55e;--warn: #f59e0b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);overscroll-behavior:none}button{font:inherit;color:inherit;background:var(--panel-2);border:none;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer}button.primary{background:var(--accent-strong);color:#fff}button.danger{background:var(--danger);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=url]{width:100%;padding:.75rem;border-radius:.5rem;background:var(--panel);border:1px solid var(--panel-2);color:var(--fg);font:inherit}.app{display:flex;flex-direction:column;height:100%}.header{padding:calc(.75rem + env(safe-area-inset-top)) 1rem .75rem;background:var(--panel);border-bottom:1px solid var(--panel-2);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.header h1{font-size:1.05rem;margin:0}.status-dot{display:inline-block;width:.65rem;height:.65rem;border-radius:50%;background:var(--muted);margin-right:.4rem;vertical-align:middle}.status-dot.connected{background:var(--ok)}.status-dot.connecting{background:var(--warn)}.status-dot.error{background:var(--danger)}.main{flex:1;overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.tabs{display:flex;align-items:stretch;background:var(--panel);border-top:1px solid color-mix(in oklab,var(--panel-2) 70%,transparent);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 24px -16px #00000080}.tabs a{position:relative;flex:1 1 0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.45rem .25rem .55rem;color:var(--muted);text-decoration:none;font-size:.7rem;font-weight:500;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;transition:color .16s cubic-bezier(.2,0,0,1)}.tabs a svg{width:22px;height:22px;transition:transform .2s cubic-bezier(.2,0,0,1),stroke-width .16s ease-out}.tabs a:active svg{transform:scale(.9)}.tabs a.active{color:var(--accent)}.tabs a.active svg{stroke-width:2.1}.tabs a.active:before{content:"";position:absolute;top:0;left:50%;width:28px;height:3px;border-radius:0 0 4px 4px;background:var(--accent);transform:translate(-50%)}.card{background:var(--panel);border:1px solid var(--panel-2);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.row{display:flex;align-items:center;gap:.5rem}.row.between{justify-content:space-between}.muted{color:var(--muted);font-size:.85rem}.scanner-video{width:100%;aspect-ratio:4 / 3;background:#000;border-radius:.75rem;overflow:hidden}.scanner-video video{width:100%;height:100%;object-fit:cover}.toggle{display:inline-flex;border:1px solid var(--panel-2);border-radius:.5rem;overflow:hidden}.toggle button{background:transparent;border-radius:0;padding:.5rem .85rem}.toggle button.active{background:var(--accent-strong);color:#fff}.list{display:flex;flex-direction:column;gap:.5rem}.list-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;background:var(--panel);border:1px solid var(--panel-2);border-radius:.5rem}.list-item.active{border-color:var(--accent)}.hidden-input{position:absolute;left:-9999px;opacity:0;pointer-events:none}.toast{position:fixed;bottom:calc(5rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--ok);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.9rem;pointer-events:none;animation:fadeUp 1.6s ease forwards}.toast.error{background:var(--danger)}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,1rem)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-1rem)}}.recent{display:flex;flex-direction:column;gap:.25rem;max-height:9rem;overflow:auto}.recent .item{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem;display:flex;justify-content:space-between}.empty{text-align:center;color:var(--muted);padding:2rem 1rem}.qr{display:flex;align-items:center;justify-content:center;background:#fff;padding:1rem;border-radius:.75rem}.qr img{max-width:100%;height:auto;display:block}.qr-url{font-size:.75rem;word-break:break-all;color:var(--muted)}.status-dot.registered{background:var(--ok)}.code-pill{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.2rem;letter-spacing:.15em;background:var(--bg);padding:.4rem .75rem;border-radius:.5rem;border:1px solid var(--panel-2)}.vm-history{display:flex;flex-direction:column;gap:.4rem;max-height:22rem;overflow:auto}.vm-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;background:var(--bg);border:1px solid var(--panel-2);border-radius:.5rem}.vm-value{font-family:ui-monospace,SF Mono,Menlo,monospace;word-break:break-all}