.recovery-screen{--recovery-bg:var(--background,#faf9f2);--recovery-surface:var(--surface,#fffef8);--recovery-text:var(--foreground,#173d2a);--recovery-muted:var(--muted,#49614c);--recovery-border:var(--border,#c9d8bc);--recovery-action:var(--button-bg,#235b36);--recovery-action-text:var(--button-text,#fffef8);min-height:100vh;background:var(--recovery-bg);min-height:100svh;color:var(--recovery-text);font-family:var(--font-sans,Arial,Helvetica,sans-serif);box-sizing:border-box;overflow-wrap:anywhere;font-size:16px;line-height:1.7}.recovery-screen *{box-sizing:border-box}.recovery-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1120px;margin:0 auto;padding:24px clamp(16px,4vw,40px);display:flex}.recovery-header>a{color:var(--recovery-text);text-decoration:none}.recovery-header .eclo-brand{align-items:center;gap:10px;font-family:Georgia,serif;font-size:30px;font-weight:700;display:flex}.recovery-header .eclo-symbol{width:42px;height:42px}.recovery-controls{align-items:center;gap:8px;display:flex}.recovery-controls button{border:1px solid var(--recovery-border);background:var(--recovery-surface);min-width:44px;min-height:44px;color:var(--recovery-text);font:inherit;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.recovery-back{gap:8px;padding:10px 14px}.recovery-main{place-items:center;max-width:1120px;min-height:65vh;margin:0 auto;padding:clamp(24px,8vh,90px) 16px 48px;display:grid}.recovery-card{border:1px solid var(--recovery-border);background:var(--recovery-surface);border-radius:32px;width:min(680px,100%);padding:clamp(24px,5vw,56px);position:relative;box-shadow:0 18px 70px #173d2a0a}.recovery-mark{width:72px;height:72px;color:var(--recovery-text);margin-bottom:24px;display:block}.recovery-mark svg{width:100%;height:100%}.recovery-card h1{font-family:var(--font-display,Georgia,serif);letter-spacing:-.025em;color:var(--recovery-text);margin:0 0 20px;font-size:clamp(28px,5vw,44px);font-weight:600;line-height:1.18}.recovery-card>p{color:var(--recovery-muted);max-width:54ch;margin:0;font-size:16px;line-height:1.8}.recovery-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.recovery-actions>a,.recovery-actions>button{border:1px solid var(--recovery-border);min-height:48px;font:inherit;text-align:center;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:16px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.recovery-actions .recovery-primary{background:var(--recovery-action);border-color:var(--recovery-action);color:var(--recovery-action-text)}.recovery-actions .recovery-secondary{background:var(--recovery-bg);color:var(--recovery-text)}.recovery-actions .recovery-help{color:var(--recovery-text);text-underline-offset:4px;background:0 0;border-color:#0000;padding-inline:8px;text-decoration:underline}.recovery-screen :is(a,button):focus-visible{outline:3px solid var(--focus,#945128);outline-offset:4px}.recovery-loading-icon{color:var(--recovery-muted);position:absolute;top:36px;right:32px}.recovery-loading-icon svg{animation:1.4s linear infinite recovery-turn}@keyframes recovery-turn{to{transform:rotate(360deg)}}:root[data-bridge-theme=dark] .recovery-screen{--recovery-bg:var(--background,#101e16);--recovery-surface:var(--surface,#1b3022);--recovery-text:var(--foreground,#f1f7e8);--recovery-muted:var(--muted,#bdd0b6);--recovery-border:var(--border,#496747);--recovery-action:var(--button-bg,#b2ef87);--recovery-action-text:var(--button-text,#173d2a)}@media (prefers-color-scheme:dark){:root:not([data-bridge-theme=light]) .recovery-screen{--recovery-bg:var(--background,#101e16);--recovery-surface:var(--surface,#1b3022);--recovery-text:var(--foreground,#f1f7e8);--recovery-muted:var(--muted,#bdd0b6);--recovery-border:var(--border,#496747);--recovery-action:var(--button-bg,#b2ef87);--recovery-action-text:var(--button-text,#173d2a)}}@media (max-width:480px){.recovery-header{gap:16px}.recovery-header .eclo-brand{font-size:26px}.recovery-header .eclo-symbol{width:36px;height:36px}.recovery-controls{gap:6px}.recovery-back{padding:10px}.recovery-main{padding-top:20px}.recovery-card{border-radius:24px}.recovery-actions>*{flex:100%}.recovery-loading-icon{top:28px;right:24px}}@media (prefers-reduced-motion:reduce){.recovery-loading-icon svg{animation:none}}body:has(>.recovery-screen){margin:0}
