:root:not([data-lab-view]) .auth-portal{display:none}.auth-steps{flex-wrap:wrap;gap:.625rem;display:flex}.auth-step{border-radius:var(--radius-pill);border:1px solid var(--color-line);background:var(--color-raised);font-size:var(--text-step--1);transition:border-color var(--motion-base);align-items:center;gap:.625rem;padding:.375rem .875rem .375rem .375rem;font-weight:600;line-height:1.3;display:inline-flex}.auth-step-node{border:2px dashed var(--color-line);width:1.625rem;height:1.625rem;color:var(--color-muted);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;place-items:center;font-size:.75rem;display:grid}.auth-step[data-state=current]{border-color:var(--color-brand)}.auth-step[data-state=current] .auth-step-node{border-style:solid;border-color:var(--color-brand);color:var(--color-brand)}.auth-step[data-state=done] .auth-step-node{background:linear-gradient(120deg, var(--color-brand), var(--color-brand-2));color:var(--color-brand-contrast);border:0}.auth-screens{align-items:start;gap:1.5rem;display:grid}.auth-screen-box{min-width:0;transition:transform var(--motion-base) var(--ease-out);grid-template-rows:auto 1fr;gap:.75rem;display:grid}.auth-screen-caption{font-family:var(--font-sans);font-size:var(--text-step--1);letter-spacing:normal;color:var(--color-muted);font-weight:700}.auth-screen{border-radius:var(--radius-panel);border:1px solid var(--color-line);background:var(--color-raised);box-shadow:var(--shadow-soft);transition:border-color var(--motion-base), box-shadow var(--motion-base);padding:.5rem;display:grid}.auth-screen-in{border-radius:var(--radius-card);background:var(--color-ink);align-content:start;gap:.75rem;min-height:27rem;padding:1.125rem;display:grid}.auth-screen-box[data-active=true] .auth-screen{border-color:color-mix(in oklab, var(--color-brand) 55%, var(--color-line));box-shadow:var(--shadow-lift)}.auth-screen-waiting{text-align:center;font-size:var(--text-step--1);color:var(--color-muted);margin:4rem .5rem}@media (width<=55.99rem){.auth-screen-box[data-active=false]{display:none}.auth-screen-in{min-height:0}}@media (width>=56rem){.auth-screens{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.auth-screen-box[data-active=false]{transform:scale(.97)}.auth-screen-box[data-active=true]{transform:translateY(-.375rem)}}.auth-provider{justify-content:flex-start;width:100%}.auth-provider:disabled{cursor:default;opacity:.6}.auth-provider-mark{border:1px solid var(--color-line);background:var(--color-ink);border-radius:50%;flex-shrink:0;place-items:center;width:1.75rem;height:1.75rem;font-size:.8125rem;font-weight:700;display:grid}.auth-avatar{background:linear-gradient(135deg, var(--color-brand), var(--color-brand-2));width:2.25rem;height:2.25rem;color:var(--color-brand-contrast);font-size:var(--text-step--1);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.auth-avatar-lg{width:3rem;height:3rem;font-size:var(--text-step-0)}.auth-pass{border-radius:var(--radius-inner);background:linear-gradient(120deg, var(--color-brand), var(--color-brand-2));color:var(--color-brand-contrast);gap:.5rem;padding:1rem 1.125rem;display:grid;position:relative;overflow:hidden}.auth-pass:after{content:"";opacity:.35;pointer-events:none;border:2px dashed;border-radius:50%;width:5.5rem;height:5.5rem;position:absolute;top:-1.5rem;right:-1.5rem}.auth-pass-chip{border-radius:var(--radius-pill);font-size:var(--text-step--1);border:1px solid;align-items:center;gap:.375rem;padding:.2rem .65rem;font-weight:700;display:inline-flex}.auth-attempts{gap:1rem;display:grid}@media (width>=40rem){.auth-attempts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=80rem){.auth-attempts{grid-template-columns:repeat(4,minmax(0,1fr))}}.auth-attempt{border-radius:var(--radius-card);border:1px solid var(--color-line);background:var(--color-raised);min-width:0;transition:border-color var(--motion-base);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.auth-attempt[data-result=rejected]{border-color:var(--color-live)}.auth-attempt[data-result=passed]{border-color:var(--color-danger)}.auth-verdict{border-radius:var(--radius-inner);border-left:4px solid var(--color-live);background:var(--color-ink);font-size:var(--text-step--1);color:var(--color-live);gap:.25rem;padding:.625rem .75rem;display:grid}.auth-verdict[data-through=true]{border-left-color:var(--color-danger);color:var(--color-danger)}@media (prefers-reduced-motion:no-preference){.auth-reveal{animation:auth-pop .45s var(--ease-out) both}.auth-shake{animation:.5s both auth-shake}}@keyframes auth-pop{0%{opacity:0;transform:translateY(.625rem)scale(.97)}}@keyframes auth-shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}
