:root{--bg:#0b0d10;--card:#151920;--text:#e8ecf1;--muted:#8b95a3;--border:#2a313b;--field:#1d232c;--accent:#3d8bfd;--accent-text:#fff;--ok:#57c785;--error:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.4}body{padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom))}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;margin:0 auto;padding:16px 16px 18px}h1{margin:0;line-height:0}.logo{width:auto;height:64px;margin:-14px 0 -12px -10px;display:block}.lead{color:var(--muted);margin:2px 0 12px}label{color:var(--muted);margin:10px 0 4px;font-size:.8rem;font-weight:600;display:block}input{width:100%;font:inherit;border:1px solid var(--border);background:var(--field);color:var(--text);border-radius:10px;padding:10px 12px}input:focus{outline:2px solid var(--accent);outline-offset:1px}#code{letter-spacing:.15em;text-transform:uppercase;text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:1.3rem}.row{gap:8px;display:flex}.row .grow{flex:1;min-width:0}.row .port{flex:0 0 88px}.password{gap:8px;display:flex}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:13px 16px;font-weight:600}button[type=submit]{background:var(--accent);width:100%;color:var(--accent-text);margin-top:16px}button:disabled{opacity:.6;cursor:default}button.ghost{color:var(--accent);border:1px solid var(--border);background:0 0;flex:none}.paired{background:color-mix(in srgb, var(--ok) 12%, transparent);color:var(--ok);border-radius:10px;margin:10px 0 0;padding:8px 12px;font-size:.9rem}.status{min-height:1.4em;color:var(--muted);margin:12px 0 0;font-size:.95rem}.status.busy:before{content:"";vertical-align:-.12em;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:.9em;height:.9em;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.status.busy:before{animation:none}}.done{text-align:center;padding:18px 0 4px}.done-mark{background:color-mix(in srgb, var(--ok) 15%, transparent);width:64px;height:64px;color:var(--ok);border-radius:50%;margin:0 auto 12px;font-size:34px;font-weight:700;line-height:64px}.done-title{margin:0;font-size:1.15rem;font-weight:600}.done-sub{color:var(--muted);margin:4px 0 0}.status.ok{color:var(--ok);font-weight:600}.status.error{color:var(--error)}footer{color:var(--muted);margin-top:16px;font-size:.78rem}