.recovery-head{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.recovery-head h1{margin:0}.recovery-head p{font-size:var(--ds-fs-14);color:var(--ds-text-2);text-wrap:pretty;margin:0;line-height:1.75}.recovery-flow{gap:16px;display:grid}.recovery-flow .account-card{border:1px solid var(--ds-line);border-radius:var(--ds-r-lg);background:var(--ds-surface);overflow-wrap:anywhere;margin:0;padding:24px}.recovery-flow .account-card h2{font-size:var(--ds-fs-17);margin:0 0 8px;font-weight:600}.recovery-flow .account-card p{font-size:var(--ds-fs-14);color:var(--ds-text-2);margin:0;line-height:1.7}.recovery-flow form{gap:16px;margin-top:16px;display:grid}.recovery-flow label{font:500 var(--ds-fs-13)/1.4 var(--font-sans);color:var(--ds-text-2);gap:6px;display:grid}.recovery-flow input:not([type=checkbox]){box-sizing:border-box;border:1px solid var(--ds-line-strong);border-radius:var(--ds-r-md);background:var(--ds-surface-2);width:100%;min-height:48px;color:var(--ds-text);font:400 16px/1.4 var(--font-sans);padding:0 12px}.recovery-flow input:focus-visible{border-color:var(--ds-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-focus) 25%,transparent);outline:none}.recovery-flow button{border:1px solid var(--ds-accent-deep);border-radius:var(--ds-r-md);background:var(--ds-accent);min-height:48px;color:var(--ds-accent-fg);font:600 var(--ds-fs-15)/1 var(--font-sans);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.recovery-flow button:hover:not(:disabled){background:var(--ds-accent-hover)}.recovery-flow button:disabled{opacity:.5;cursor:not-allowed}.recovery-flow :is(input,button,summary,a):focus-visible{outline:2px solid var(--ds-focus);outline-offset:2px}.recovery-status{border:1px solid var(--ds-line);border-radius:var(--ds-r-md);font-size:var(--ds-fs-14);overflow-wrap:anywhere;margin:0;padding:12px 14px;line-height:1.7}.recovery-status[data-tone=success]{border-color:color-mix(in srgb,var(--ds-ok) 40%,transparent);background:var(--ds-ok-soft);color:var(--ds-text)}.recovery-status[data-tone=error]{border-color:color-mix(in srgb,var(--ds-alarm) 40%,transparent);background:var(--ds-alarm-soft);color:var(--ds-text)}.recovery-unconfigured{border:1px solid color-mix(in srgb,var(--ds-watch) 40%,transparent);border-radius:var(--ds-r-md);background:var(--ds-watch-soft);color:var(--ds-text);overflow-wrap:anywhere;padding:14px 16px;line-height:1.75}.recovery-flow .recovery-hint,.recovery-hint{font-size:var(--ds-fs-13);color:var(--ds-text-3);margin:12px 0 0;line-height:1.7}.recovery-token{font-family:var(--font-mono);font-size:var(--ds-fs-14);letter-spacing:.04em;overflow-wrap:anywhere;word-break:break-all;white-space:normal}.recovery-submit{width:100%}.recovery-cooldown{font-size:var(--ds-fs-13);font-variant-numeric:tabular-nums;color:var(--ds-text-3);margin:0}.recovery-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.recovery-link{min-height:44px;color:var(--ds-info);font-size:var(--ds-fs-14);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.recovery-link:hover{text-decoration:underline}.recovery-details{border:1px solid var(--ds-line);border-radius:var(--ds-r-lg);background:var(--ds-surface)}.recovery-details summary{min-height:56px;color:var(--ds-text);font-size:var(--ds-fs-15);cursor:pointer;align-items:center;gap:10px;padding:0 20px;font-weight:500;list-style:none;display:flex}.recovery-details summary::-webkit-details-marker{display:none}.recovery-details summary:before{content:"▸";color:var(--ds-accent-text);transition:transform var(--ds-dur-1)}.recovery-details[open] summary:before{transform:rotate(90deg)}.recovery-details summary:focus-visible{outline-offset:-3px;border-radius:var(--ds-r-lg)}.recovery-details-body{border-top:1px solid var(--ds-line-subtle);gap:14px;padding:16px 20px 20px;display:grid}.recovery-details-body p{font-size:var(--ds-fs-14);color:var(--ds-text-2);margin:0;line-height:1.7}.recovery-details form{margin-top:0}@media (max-width:420px){.recovery-flow .account-card{padding:18px}.recovery-details-body,.recovery-details summary{padding-left:16px;padding-right:16px}.recovery-actions>*{text-align:center;flex:100%;justify-content:center}}