:root{--bg:#fff;--fg:#111418;--muted:#5b6470;color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1216;--fg:#e8ebef;--muted:#9aa3ae}}*{box-sizing:border-box}body{background:var(--bg);margin:0}.page{max-width:960px;margin:0 auto;padding:24px 16px}.raw-json{border:1px solid var(--muted);border-radius:8px;max-height:70vh;padding:12px;font-size:12px;overflow:auto}.muted{color:var(--muted)}.connect-form{gap:8px;max-width:560px;margin-top:16px;display:grid}.connect-form label{font-weight:600}.connect-row{gap:8px;display:flex}.connect-row input{letter-spacing:.04em;border:1px solid var(--muted);min-width:0;color:inherit;background:0 0;border-radius:8px;flex:1;padding:10px 12px;font-size:18px}.connect-row button{color:#fff;cursor:pointer;background:#1e88e5;border:0;border-radius:8px;padding:10px 18px;font-size:16px;font-weight:600}.connect-row button:disabled{opacity:.5;cursor:default}.error{color:#d32f2f;margin:0;font-size:14px;font-weight:600}.mode-switch{border:1px solid var(--muted);border-radius:10px;gap:4px;margin-top:24px;padding:4px;display:inline-flex}.mode-switch button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 16px;font-size:15px;font-weight:600}.mode-switch button.active{color:#fff;background:#1e88e5}.connect-row input[aria-invalid=true]{border-color:#d32f2f}.connect-row input.code-input{text-transform:uppercase;letter-spacing:.12em;font-family:ui-monospace,SF Mono,Menlo,monospace}.check{margin:0;font-size:14px}.check-hint{color:var(--muted)}.check-error{color:#d32f2f}.check-ok{color:#2e7d32}@media (prefers-color-scheme:dark){.check-error,.error{color:#ef9a9a}.check-ok{color:#a5d6a7}}