.oa-auth{background:var(--ob-color-bg-sidebar);min-height:100dvh;color:var(--ob-color-ink);font:var(--ob-type-style-body);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}.oa-auth main{flex:1;place-items:center;padding:40px 16px;display:grid}.oa-auth-box{gap:18px;width:100%;max-width:400px;display:grid}.oa-auth-lockup{justify-self:center;align-items:flex-start;display:inline-flex}.oa-auth-lockup img{width:auto;height:22px;display:block}.oa-auth-lockup sup{font:600 10px/12px var(--ob-type-font-family);margin:-1px 0 0 2px}.oa-auth-card{background:var(--ob-color-surface);border:1px solid var(--ob-color-border);border-radius:var(--ob-radius-lg);box-shadow:var(--ob-shadow-xs);gap:16px;padding:24px;display:grid}.oa-auth-card.center{text-align:center;justify-items:center}.oa-auth-card.head{gap:12px}.oa-auth h1{font:var(--ob-type-style-title);margin:0}.oa-auth-card>p{color:var(--ob-color-ink-muted);margin:0}.oa-auth-card>p b{color:var(--ob-color-ink);font-weight:500}.oa-auth-fl{gap:6px;display:grid}.oa-auth-fl>span{font:var(--ob-type-style-body-strong);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.oa-auth-fl>span a,.oa-auth-fl>span button{font:var(--ob-type-style-small)}.oa-auth .field{height:40px;margin:0}.oa-auth .field[readonly]{background:var(--ob-color-bg-sidebar);color:var(--ob-color-ink-muted)}.oa-auth-pw{position:relative}.oa-auth-pw .field{padding-right:64px}.oa-auth-pw button{height:28px;color:var(--ob-color-ink-muted);font:var(--ob-type-style-small);cursor:pointer;border-radius:var(--ob-radius-sm);background:0 0;border:0;padding:0 8px;position:absolute;top:6px;right:6px}.oa-auth-pw button:hover{background:var(--ob-color-surface-muted);color:var(--ob-color-ink)}.oa-auth-hint{font:var(--ob-type-style-small);color:var(--ob-color-ink-subtle);margin:0}.oa-auth-hint.ok{color:var(--ob-color-verified)}.oa-auth-hint.bad{color:var(--ob-color-danger)}.oa-auth-err{border-radius:var(--ob-radius-md);background:var(--ob-color-danger-bg);border:1px solid var(--ob-color-danger-border);color:var(--ob-color-danger);font:var(--ob-type-style-small);align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.oa-auth-err svg{flex:none;width:14px;height:14px;margin-top:1px}.oa-auth-err .oa-auth-link{color:inherit}.oa-auth-info{border-radius:var(--ob-radius-md);background:var(--ob-color-bg-sidebar);border:1px solid var(--ob-color-border);font:var(--ob-type-style-small);color:var(--ob-color-ink-muted);margin:0;padding:10px 12px}.oa-auth-full{width:100%;height:40px}.oa-auth-link{color:var(--ob-color-ink);text-underline-offset:2px;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.oa-auth-below{text-align:center;font:var(--ob-type-style-small);color:var(--ob-color-ink-muted);margin:0}.oa-auth-below a,.oa-auth-hint a{color:inherit;text-underline-offset:2px}.oa-auth-tile{background:var(--ob-color-surface-muted);width:44px;height:44px;color:var(--ob-color-ink-muted);border-radius:12px;place-items:center;display:grid}.oa-auth-tile.ok{background:var(--ob-color-verified-bg);color:var(--ob-color-verified)}.oa-auth-tile svg{width:20px;height:20px}.oa-auth-spin{border:2px solid #fff6;border-top-color:var(--ob-color-on-primary);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite oa-auth-spin}@keyframes oa-auth-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.oa-auth-spin{animation:none}}.oa-auth-site{align-items:center;gap:12px;min-width:0;display:flex}.oa-auth-sav{background:var(--ob-color-primary);width:40px;height:40px;color:var(--ob-color-on-primary);font:600 16px/1 var(--ob-type-font-family);border-radius:10px;flex:none;place-items:center;display:grid}.oa-auth-site>span:last-child{overflow-wrap:anywhere;min-width:0}.oa-auth-site b{font:var(--ob-type-style-body-strong);display:block}.oa-auth-site small{color:var(--ob-color-ink-subtle);font:var(--ob-type-style-small)}.oa-auth-role{border-radius:var(--ob-radius-md);border:1px solid var(--ob-color-border);gap:4px;padding:12px;display:grid}.oa-auth-role>span{font:var(--ob-type-style-body-strong);align-items:center;gap:8px;display:flex}.oa-auth-chip{border-radius:var(--ob-radius-sm);background:var(--ob-color-surface-muted);height:22px;font:var(--ob-type-style-caption);color:var(--ob-color-ink-muted);align-items:center;padding:0 8px;display:inline-flex}.oa-auth-role p{font:var(--ob-type-style-small);color:var(--ob-color-ink-muted);margin:0}.oa-auth-who{border-radius:var(--ob-radius-md);background:var(--ob-color-bg-sidebar);align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.oa-auth-who>span:last-child{overflow-wrap:anywhere;min-width:0}.oa-auth-av{background:var(--ob-color-surface-muted);width:28px;height:28px;font:600 11px/1 var(--ob-type-font-family);color:var(--ob-color-ink-muted);border-radius:50%;flex:none;place-items:center;display:grid}.oa-auth-who b{font-weight:500}.oa-auth-who small{color:var(--ob-color-ink-subtle);font:var(--ob-type-style-small);display:block}.oa-auth-sample{border-radius:var(--ob-radius-md);background:var(--ob-color-warning-bg);border:1px solid var(--ob-color-warning-border);font:var(--ob-type-style-small);color:var(--ob-color-ink-muted);margin:0;padding:8px 10px}.oa-auth footer{text-align:center;font:var(--ob-type-style-small);color:var(--ob-color-ink-subtle);padding:0 16px 24px}.oa-auth footer a{color:inherit}@media (width<=480px){.oa-auth main{place-items:start center;padding:24px 16px 40px}.oa-auth-card{padding:20px}}