.hub-auth{max-width:30rem;margin:3rem auto;padding:0 1rem}.hub-form{gap:var(--hub-s-3,1rem);flex-direction:column;display:flex}.hub-field{flex-direction:column;gap:.375rem;display:flex}.hub-label{color:var(--hub-ink,#1a1a1a);font-size:.9rem;font-weight:600}.hub-input{font:inherit;border:1px solid var(--hub-line,#cfd4dc);border-radius:var(--hub-radius,8px);background:var(--hub-bg,#fff);color:var(--hub-ink,#1a1a1a);padding:.6rem .7rem}.hub-input:focus-visible{outline:2px solid var(--hub-focus-ring,#2b6cb0);outline-offset:1px;border-color:var(--hub-blue-600,#2b6cb0)}.hub-help{color:var(--hub-ink-3,#6b7280);font-size:.8rem}.hub-alert{border-radius:var(--hub-radius,8px);border:1px solid #0000;padding:.6rem .75rem;font-size:.9rem}.hub-alert--error{background:var(--hub-danger-bg,#fdecec);border-color:var(--hub-danger,#c0362c);color:var(--hub-danger,#c0362c)}.hub-alert--ok{background:var(--hub-ok-bg,#e9f7ef);border-color:var(--hub-ok,#1e7e46);color:var(--hub-ok,#1e7e46)}.hub-meter{background:var(--hub-line-2,#e6e9ee);border-radius:999px;height:6px;overflow:hidden}.hub-meter__fill{height:100%;transition:width .12s,background-color .12s}.hub-codes{font-family:var(--hub-font-mono,ui-monospace, monospace);border:1px dashed var(--hub-line,#cfd4dc);border-radius:var(--hub-radius,8px);background:var(--hub-blue-050,#f4f8fc);grid-template-columns:repeat(2,1fr);gap:.4rem;padding:.75rem;display:grid}.hub-links{justify-content:space-between;margin-top:.5rem;font-size:.85rem;display:flex}.hub-secret{font-family:var(--hub-font-mono,ui-monospace, monospace);word-break:break-all;background:var(--hub-blue-050,#f4f8fc);border-radius:var(--hub-radius,8px);border:1px solid var(--hub-line,#cfd4dc);padding:.6rem;font-size:.85rem}.hub-qr{border:1px solid var(--hub-line,#cfd4dc);border-radius:var(--hub-radius,8px);background:#fff;width:min(220px,60vw);height:auto;margin:.35rem 0;padding:.5rem;display:block}.hub-details{gap:.4rem;font-size:.85rem;display:grid}.hub-details summary{cursor:pointer;color:var(--hub-blue-700,#1f4e8c);font-weight:600}