.phone-recovery-frame { position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:contain; filter:blur(7px); pointer-events:none; }
.phone-recovery-frame[hidden] { display:none !important; }
[data-recovery="reconnecting"] > :is(.phone-overlay,.demo-phone-overlay),
[data-recovery="failed"] > :is(.phone-overlay,.demo-phone-overlay) { background:#0003; padding:6px; }
.phone-recovery-chip { display:flex; align-items:center; justify-content:center; gap:6px; max-width:100%; padding:7px 8px; border:1px solid #ffffff30; border-radius:20px; background:#171b20e8; box-shadow:0 3px 16px #0004; color:#fff; font:500 11px/1.4 system-ui,sans-serif; text-align:center; }
[data-recovery="failed"] .phone-recovery-chip { flex-wrap:wrap; }
.phone-recovery-chip > span { color:inherit; font:inherit; }
.phone-recovery-chip > .phone-recovery-spinner { box-sizing:border-box; width:13px; height:13px; flex:0 0 13px; border:2px solid #ffffff40; border-top-color:#fff; border-radius:50%; animation:phone-recovery-spin .8s linear infinite; }
.phone-recovery-chip > button { pointer-events:auto; border:0; border-radius:12px; padding:4px 8px; background:#fff; color:#171b20; cursor:pointer; font:600 12px system-ui,sans-serif; }
@keyframes phone-recovery-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .phone-recovery-chip > .phone-recovery-spinner { animation:none; } }