.connection-recovery{min-height:100dvh;justify-content:center;padding:40px 20px;background:radial-gradient(ellipse at 50% 0,var(--accent-soft),transparent 65%),var(--canvas);color:var(--ink)}.connection-recovery,.connection-recovery-brand{display:flex;flex-direction:column;align-items:center}.connection-recovery-brand{gap:14px;margin-bottom:28px}.connection-recovery-brand>span{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.connection-recovery-card{width:100%;max-width:480px;padding:36px;background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:24px;box-shadow:0 18px 70px rgb(15 23 42/5%);text-align:center}.connection-recovery-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 24px;border-radius:22px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border)}.connection-recovery-label{display:block;margin-bottom:10px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.connection-recovery h1{font-size:26px;font-weight:650;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}.connection-recovery-description{margin-top:14px;color:var(--ink-muted);font-size:13px;line-height:1.8;text-wrap:pretty}.connection-recovery-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 10px;margin:24px 0 16px;border-radius:12px;background:var(--canvas);font-size:11px;color:var(--ink-muted)}.connection-recovery-status>span{width:6px;height:6px;border-radius:100%;background:#94a3b8;flex-shrink:0}.connection-recovery-status>span[data-state=loading]{background:var(--accent)}.connection-recovery-status>span[data-state=offline]{background:#d97706}.connection-recovery-retry{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;border-radius:12px;font-size:13px}.connection-recovery-retry:disabled{opacity:.6;cursor:not-allowed}.connection-recovery-reassurance{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:10px;color:var(--ink-muted)}.connection-recovery-help{margin-top:24px;padding-top:20px;border-top:1px solid var(--border,#e2e8f0);text-align:left}.connection-recovery-help summary{cursor:pointer;color:var(--ink-muted);font-size:12px;font-weight:600}.connection-recovery-help p{margin-top:12px;font-size:12px;color:var(--ink-muted);line-height:1.8}.connection-recovery-help button{display:flex;align-items:center;gap:6px;margin-top:14px;color:var(--accent);font-size:12px;font-weight:600}.connection-recovery-help small{display:block;margin-top:6px;color:var(--ink-muted);font-size:10px}.connection-recovery-footer{margin-top:24px;font-size:11px;color:var(--ink-muted);text-align:center}.connection-recovery button:focus-visible,.connection-recovery summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:480px){.connection-recovery{padding:28px 16px}.connection-recovery-card{padding:28px 22px;border-radius:20px}.connection-recovery h1{font-size:24px}}@media (prefers-reduced-motion:reduce){.connection-recovery .animate-spin{animation:none}}