.device-sync-shell{--ds-bg:#020617;--ds-surface:rgba(15,23,42,0.72);--ds-border:rgba(99,102,241,0.22);--ds-glow-violet:rgba(139,92,246,0.35);--ds-glow-cyan:rgba(34,211,238,0.28);--ds-text:#e2e8f0;--ds-muted:#94a3b8;position:relative;margin:-3rem -1rem 0;padding:2rem 1rem 3rem;overflow:hidden;border-radius:1.25rem;background:radial-gradient(ellipse 80% 60% at 10% -10%,rgba(99,102,241,.18),transparent 55%),radial-gradient(ellipse 70% 50% at 90% 0,rgba(34,211,238,.12),transparent 50%),linear-gradient(180deg,#020617,#0f172a 48%,#020617);color:var(--ds-text)}@media (min-width:640px){.device-sync-shell{margin:-3rem 0 0;padding:2.5rem 1.5rem 3.5rem;border-radius:1.5rem}}.device-sync-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(148,163,184,.04) 1px,transparent 0);background-size:24px 24px;opacity:.5}.device-sync-inner{position:relative;z-index:1}.device-sync-glass{background:var(--ds-surface);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--ds-border);box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 8px 32px rgba(2,6,23,.45),0 0 40px -12px var(--ds-glow-violet)}.device-sync-privacy-banner{background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(139,92,246,.14));border:1px solid rgba(34,211,238,.35);box-shadow:0 0 24px -8px var(--ds-glow-cyan)}.device-sync-status-card{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.device-sync-status-card:hover{transform:translateY(-2px)}.device-sync-status-card--active{border-color:rgba(34,211,238,.55);box-shadow:0 0 0 1px rgba(34,211,238,.2) inset,0 12px 40px -12px var(--ds-glow-cyan)}.device-sync-device-tile{background:rgba(30,41,59,.55);border:1px solid rgba(148,163,184,.12)}.device-sync-device-tile--current{border-color:rgba(139,92,246,.45);box-shadow:0 0 20px -8px var(--ds-glow-violet)}.device-sync-sync-pulse{animation:device-sync-pulse 2.4s ease-in-out infinite}@keyframes device-sync-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.92)}}.device-sync-recovery-key{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.08em}.device-sync-cta-primary{background:linear-gradient(135deg,#6366f1,#22d3ee);box-shadow:0 4px 24px -4px rgba(99,102,241,.55)}.device-sync-cta-primary:hover{box-shadow:0 8px 32px -4px rgba(34,211,238,.45)}.device-sync-mascot-wrap{filter:drop-shadow(0 0 24px rgba(139,92,246,.35))}html.light .device-sync-shell{--ds-text:#e2e8f0;--ds-muted:#94a3b8}