@layer components{.totp-field{gap:var(--space-2);margin:var(--space-3) 0;flex-direction:column;display:flex}.totp-field--framed{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev)}.totp-field__head{align-items:center;gap:var(--space-2);color:var(--fg-muted);display:inline-flex}.totp-field__head svg{flex:none}.totp-field__head-label{font-size:var(--text-xs);letter-spacing:0;text-transform:uppercase}.totp-field--setup{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);padding:var(--space-4);gap:var(--space-3)}.totp-field__note{font-size:var(--text-sm);color:var(--fg);margin:0}.totp-field__setup-link{color:var(--blue);font-size:var(--text-xs);letter-spacing:0;text-transform:uppercase;align-self:flex-start;text-decoration:none}.totp-field__setup-link:hover{color:var(--blue-hover)}.totp-field__nudge{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-subtle);margin-top:10px;text-decoration:none;transition:color .12s;display:block}.totp-field__nudge:hover{color:var(--fg-muted)}}