:root{color:#1f2328;background:#f6f7f9;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}body{margin:0}.page{box-sizing:border-box;place-items:center;min-height:100vh;padding:16px;display:grid}.card{box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;gap:8px;width:100%;max-width:360px;padding:24px;display:flex;box-shadow:0 1px 3px #00000014}h1{margin:0 0 8px;font-size:20px}label{margin-top:8px;font-size:14px}input{border:1px solid #d0d7de;border-radius:8px;flex:1;min-width:0;padding:10px 12px;font-size:16px}input[readonly]{background:#f6f8fa}input:focus{outline-offset:-1px;outline:2px solid #0969da}.password-row{align-items:center;gap:8px;display:flex}button{color:#fff;cursor:pointer;background:#0969da;border:none;border-radius:8px;margin-top:8px;padding:10px 16px;font-size:16px}button:disabled{opacity:.6;cursor:default}button.link{color:#0969da;background:0 0;margin-top:0;padding:10px 4px}.error{color:#cf222e;margin:4px 0 0;font-size:14px}.muted{color:#656d76;margin:0}p{margin:0}.account{font-size:18px;font-weight:600}.notice{color:#4d2d00;background:#fff8c5;border-radius:8px;margin:8px 0 0;padding:10px 12px;font-size:14px;line-height:1.5}input.code{letter-spacing:.3em;text-indent:.3em;text-align:center;font-variant-numeric:tabular-nums;font-size:22px}.small{font-size:13px}.success{color:#0a3622;background:#dafbe1;border-radius:8px;margin:8px 0 0;padding:10px 12px;font-size:14px;line-height:1.5}.empty{margin-top:8px;line-height:1.6}.connections{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.connection{border:1px solid #d0d7de;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.connection-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.actions{gap:8px;display:flex}.actions button{flex:1;margin-top:0}button.secondary{color:#1f2328;background:#fff;border:1px solid #d0d7de;margin-top:0}button.danger{background:#cf222e;margin-top:0}a.link{color:#0969da;text-align:center;padding:10px 4px;font-size:15px}.qr-step{flex-direction:column;gap:8px;margin-top:8px;line-height:1.6;display:flex}img.qr{background:#fff;border:1px solid #d0d7de;border-radius:8px;align-self:center;width:220px;height:220px;padding:8px}img.qr.dimmed{opacity:.35}.qr-status{text-align:center;font-weight:600}.inline-form{flex-direction:column;gap:8px;display:flex}
