.device-sync-shell{--ds-bg:#020617;--ds-surface:rgba(15,23,42,0.78);--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;--ds-panel:rgba(255,255,255,0.03);--ds-field-bg:rgba(0,0,0,0.4);--ds-field-border:rgba(255,255,255,0.1);--ds-accent-text:#ddd6fe;position:relative;margin:0 -1rem;padding:2rem 1rem 3rem;overflow:hidden;border-radius:1.5rem;background:radial-gradient(ellipse 90% 55% at 5% -5%,rgba(99,102,241,.22),transparent 58%),radial-gradient(ellipse 75% 45% at 95% 5%,rgba(34,211,238,.16),transparent 52%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(139,92,246,.08),transparent 60%),linear-gradient(180deg,#020617,#0b1224 42%,#020617);color:var(--ds-text)}@media (min-width:640px){.device-sync-shell{margin:0;padding:2.75rem 2rem 3.5rem;border-radius:1.75rem}}.device-sync-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(148,163,184,.045) 1px,transparent 0);background-size:22px 22px;opacity:.55}.device-sync-shell:after{content:"";position:absolute;top:-8rem;right:-6rem;width:18rem;height:18rem;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.12),transparent 68%);filter:blur(2px)}.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,.04) inset,0 8px 32px rgba(2,6,23,.45),0 0 48px -14px var(--ds-glow-violet)}.device-sync-headline{width:fit-content;max-width:100%;background:linear-gradient(135deg,#ffffff,#ddd6fe 42%,#67e8f9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.device-sync-privacy-banner{background:linear-gradient(135deg,rgba(34,211,238,.14),rgba(139,92,246,.16));border:1px solid rgba(34,211,238,.38);box-shadow:0 0 28px -10px var(--ds-glow-cyan)}.device-sync-section-title{display:flex;align-items:center;gap:.65rem;font-size:1rem;font-weight:600;color:#fff;letter-spacing:-.01em}.device-sync-section-title__icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border-radius:.6rem;background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(34,211,238,.14));border:1px solid rgba(255,255,255,.09);box-shadow:0 0 16px -6px var(--ds-glow-violet)}.device-sync-status-card{position:relative;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.device-sync-status-card:hover{transform:translateY(-2px);border-color:rgba(148,163,184,.28)}.device-sync-status-card--active{border-color:rgba(34,211,238,.55);background:linear-gradient(145deg,rgba(34,211,238,.08),rgba(139,92,246,.1));box-shadow:0 0 0 1px rgba(34,211,238,.22) inset,0 12px 40px -12px var(--ds-glow-cyan)}.device-sync-status-dot{position:absolute;top:1rem;right:1rem;width:.45rem;height:.45rem;border-radius:50%;background:#22d3ee;box-shadow:0 0 10px rgba(34,211,238,.85)}.device-sync-status-icon{display:inline-flex;border-radius:.65rem;padding:.55rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}.device-sync-device-grid{position:relative}.device-sync-device-grid:before{content:"";position:absolute;top:2.35rem;left:12%;right:12%;height:2px;border-radius:9999px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.35),rgba(34,211,238,.45),rgba(139,92,246,.35),transparent);opacity:.65;pointer-events:none}.device-sync-device-tile{position:relative;z-index:1;background:rgba(30,41,59,.6);border:1px solid rgba(148,163,184,.14);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.device-sync-device-tile:hover{transform:translateY(-1px);border-color:rgba(148,163,184,.28)}.device-sync-device-tile--current{border-color:rgba(139,92,246,.5);background:linear-gradient(180deg,rgba(139,92,246,.12),rgba(30,41,59,.65));box-shadow:0 0 24px -8px var(--ds-glow-violet)}.device-sync-device-icon{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:1rem;background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.18)}.device-sync-device-tile--current .device-sync-device-icon{border-color:rgba(139,92,246,.45);background:rgba(139,92,246,.12);box-shadow:0 0 20px -6px var(--ds-glow-violet)}.device-sync-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:9999px;font-size:.625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.device-sync-pill--current{background:rgba(139,92,246,.2);color:#ddd6fe;border:1px solid rgba(139,92,246,.38)}.device-sync-pill--synced{background:rgba(34,211,238,.12);color:#a5f3fc;border:1px solid rgba(34,211,238,.32)}.device-sync-pill--pending{background:rgba(148,163,184,.1);color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.device-sync-sync-grid{display:grid;gap:.5rem}@media (min-width:640px){.device-sync-sync-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.device-sync-sync-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);transition:border-color .2s ease,background .2s ease,transform .15s ease}.device-sync-sync-item:hover{border-color:rgba(34,211,238,.22);background:rgba(34,211,238,.05)}.device-sync-sync-item__icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border-radius:.55rem;background:rgba(139,92,246,.14);color:#c4b5fd}.device-sync-files-toggle{border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(34,211,238,.04));border-radius:.85rem;transition:border-color .2s ease}.device-sync-files-toggle:hover{border-color:rgba(34,211,238,.28)}.device-sync-meter{height:.4rem;border-radius:9999px;background:rgba(255,255,255,.08);overflow:hidden}.device-sync-meter__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#22d3ee);transition:width .35s ease}.device-sync-meter__fill--warn{background:linear-gradient(90deg,#f59e0b,#ef4444)}.device-sync-action-bar{display:flex;flex-wrap:wrap;gap:.65rem;padding:1.15rem 1.25rem;border-radius:1rem;background:rgba(15,23,42,.72);border:1px solid rgba(99,102,241,.24);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px rgba(2,6,23,.35)}.device-sync-recovery-card{border:1px solid rgba(245,158,11,.32);background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(217,119,6,.06));box-shadow:0 0 24px -12px rgba(245,158,11,.35)}.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);transition:opacity .15s ease,box-shadow .2s ease,transform .15s ease}.device-sync-cta-primary:hover:not(:disabled){box-shadow:0 8px 32px -4px rgba(34,211,238,.45);transform:translateY(-1px)}.device-sync-btn-outline{border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.05)!important;color:#e2e8f0!important;transition:background .15s ease,border-color .15s ease,color .15s ease}.device-sync-btn-outline:hover:not(:disabled){background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(34,211,238,.35)!important}.device-sync-mascot-wrap{filter:drop-shadow(0 0 28px rgba(139,92,246,.4))}.device-sync-dialog{border:1px solid rgba(139,92,246,.28)!important;background:linear-gradient(180deg,#0f172a,#020617)!important;color:#e2e8f0;box-shadow:0 24px 64px rgba(2,6,23,.7),0 0 48px -14px rgba(139,92,246,.35)!important}.device-sync-dialog--danger{border-color:rgba(239,68,68,.35)!important;box-shadow:0 24px 64px rgba(2,6,23,.7),0 0 48px -14px rgba(239,68,68,.25)!important}.device-sync-dialog--warn{border-color:rgba(245,158,11,.35)!important;box-shadow:0 24px 64px rgba(2,6,23,.7),0 0 48px -14px rgba(245,158,11,.28)!important}.device-sync-pinned-row{border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);transition:border-color .2s ease,background .2s ease}.device-sync-pinned-row:hover{border-color:rgba(34,211,238,.22);background:rgba(34,211,238,.04)}html.light .device-sync-shell{--ds-bg:#f3f6fb;--ds-surface:rgba(255,255,255,0.94);--ds-border:rgba(79,70,229,0.14);--ds-glow-violet:rgba(99,102,241,0.1);--ds-glow-cyan:rgba(34,211,238,0.08);--ds-text:#0f172a;--ds-muted:#475569;--ds-panel:rgba(15,23,42,0.04);--ds-field-bg:rgba(255,255,255,0.96);--ds-field-border:rgba(15,23,42,0.12);--ds-accent-text:#4338ca;color-scheme:light;background:radial-gradient(ellipse 90% 55% at 5% -5%,rgba(99,102,241,.09),transparent 58%),radial-gradient(ellipse 75% 45% at 95% 5%,rgba(34,211,238,.07),transparent 52%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(139,92,246,.05),transparent 60%),linear-gradient(180deg,#f3f6fb,#eef2f8 42%,#f3f6fb);color:var(--ds-text)}html.light .device-sync-shell:before{background-image:radial-gradient(rgba(15,23,42,.05) 1px,transparent 0);opacity:.35}html.light .device-sync-shell:after{background:radial-gradient(circle,rgba(99,102,241,.08),transparent 68%)}html.light .device-sync-glass{box-shadow:0 0 0 1px rgba(15,23,42,.04) inset,0 8px 28px rgba(15,23,42,.06),0 0 40px -14px var(--ds-glow-violet)}html.light .device-sync-headline{background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:currentColor;color:var(--ds-text)}html.light .device-sync-privacy-banner{background:linear-gradient(135deg,rgba(34,211,238,.1),rgba(139,92,246,.08));border-color:rgba(79,70,229,.22)}html.light .device-sync-section-title{color:var(--ds-text)}html.light .device-sync-section-title__icon{background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(34,211,238,.08));border-color:rgba(15,23,42,.08)}html.light .device-sync-status-card:hover{border-color:rgba(79,70,229,.22)}html.light .device-sync-status-card--active{background:linear-gradient(145deg,rgba(34,211,238,.06),rgba(139,92,246,.06));border-color:rgba(34,211,238,.35)}html.light .device-sync-status-icon{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.08)}html.light .device-sync-device-tile{background:rgba(255,255,255,.88);border-color:rgba(15,23,42,.1)}html.light .device-sync-device-tile--current{background:linear-gradient(180deg,rgba(139,92,246,.08),rgba(255,255,255,.95));border-color:rgba(139,92,246,.28)}html.light .device-sync-device-icon{background:rgba(241,245,249,.95);border-color:rgba(15,23,42,.1)}html.light .device-sync-device-tile--current .device-sync-device-icon{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.25)}html.light .device-sync-pill--current{background:rgba(139,92,246,.12);color:#5b21b6;border-color:rgba(139,92,246,.25)}html.light .device-sync-pill--synced{background:rgba(34,211,238,.1);color:#0e7490;border-color:rgba(34,211,238,.22)}html.light .device-sync-pill--pending{background:rgba(148,163,184,.12);color:#475569;border-color:rgba(148,163,184,.22)}html.light .device-sync-sync-item{border-color:rgba(15,23,42,.08);background:rgba(255,255,255,.72)}html.light .device-sync-sync-item:hover{border-color:rgba(34,211,238,.22);background:rgba(34,211,238,.05)}html.light .device-sync-sync-item__icon{background:rgba(139,92,246,.1);color:#6d28d9}html.light .device-sync-files-toggle{border-color:rgba(15,23,42,.1);background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(34,211,238,.04))}html.light .device-sync-meter{background:rgba(15,23,42,.08)}html.light .device-sync-action-bar{background:rgba(255,255,255,.92);border-color:rgba(79,70,229,.16);box-shadow:0 8px 28px rgba(15,23,42,.06)}html.light .device-sync-btn-outline{border-color:rgba(15,23,42,.14)!important;background:rgba(255,255,255,.9)!important;color:var(--ds-text)!important}html.light .device-sync-btn-outline:hover:not(:disabled){background:rgba(241,245,249,1)!important;color:var(--ds-text)!important;border-color:rgba(34,211,238,.35)!important}html.light .device-sync-dialog{border-color:rgba(139,92,246,.2)!important;background:linear-gradient(180deg,#ffffff,#f8fafc)!important;color:var(--ds-text);box-shadow:0 24px 48px rgba(15,23,42,.12),0 0 40px -14px rgba(139,92,246,.15)!important}html.light .device-sync-dialog--danger{border-color:rgba(239,68,68,.28)!important;box-shadow:0 24px 48px rgba(15,23,42,.12),0 0 40px -14px rgba(239,68,68,.12)!important}html.light .device-sync-dialog--warn{border-color:rgba(245,158,11,.28)!important;box-shadow:0 24px 48px rgba(15,23,42,.12),0 0 40px -14px rgba(245,158,11,.12)!important}html.light .device-sync-pinned-row{border-color:rgba(15,23,42,.08);background:rgba(255,255,255,.72)}html.light .device-sync-pinned-row:hover{border-color:rgba(34,211,238,.22);background:rgba(34,211,238,.04)}html.light .device-sync-start-card{border-color:rgba(99,102,241,.2);background:rgba(255,255,255,.9)}html.light .device-sync-start-card:hover:not(:disabled){border-color:rgba(129,140,248,.4);background:rgba(255,255,255,1)}html.light .device-sync-start-card--primary{border-color:rgba(34,211,238,.28);background:linear-gradient(145deg,rgba(79,70,229,.08),rgba(255,255,255,.95))}html.light .device-sync-start-card__title{color:var(--ds-text)}html.light .device-sync-start-card__desc{color:var(--ds-muted)}html.light .device-sync-hero__badge{border-color:rgba(34,211,238,.28);background:rgba(34,211,238,.08);color:#0e7490}html.light .device-sync-badge-count{border-color:rgba(139,92,246,.22);background:rgba(139,92,246,.08);color:#5b21b6}html.light .device-sync-checklist__item{color:var(--ds-muted)}html.light .device-sync-checklist__box{border-color:rgba(139,92,246,.28);background:rgba(139,92,246,.08);color:#6d28d9}html.light .device-sync-device-row{border-color:rgba(15,23,42,.08);background:rgba(255,255,255,.72)}html.light .device-sync-device-row:hover{border-color:rgba(148,163,184,.22);background:rgba(255,255,255,.95)}html.light .device-sync-device-row--current{border-color:rgba(139,92,246,.28);background:linear-gradient(90deg,rgba(139,92,246,.06),rgba(255,255,255,.92))}html.light .device-sync-device-row__icon{background:rgba(241,245,249,.95);border-color:rgba(15,23,42,.1)}html.light .device-sync-add-device{color:#4f46e5}html.light .device-sync-add-device:hover{color:#4338ca}html.light .device-sync-history-item{border-color:rgba(15,23,42,.08);background:rgba(255,255,255,.72)}html.light .device-sync-history-item__icon{background:rgba(139,92,246,.1);color:#6d28d9}html.light .device-sync-vault-card{background:linear-gradient(160deg,rgba(245,158,11,.06),rgba(255,255,255,.94))}html.light .device-sync-vault-row{border-color:rgba(15,23,42,.08);background:rgba(255,255,255,.88)}html.light .device-sync-vault-row:hover{border-color:rgba(34,211,238,.2);background:rgba(255,255,255,1)}html.light .device-sync-inset-panel{background:var(--ds-panel);color:var(--ds-muted)}html.light .device-sync-code-field{border-color:var(--ds-field-border);background:var(--ds-field-bg);color:var(--ds-accent-text)}html.light .device-sync-input{border-color:var(--ds-field-border)!important;background:var(--ds-field-bg)!important;color:var(--ds-text)!important}html.light .device-sync-shell :is(.text-slate-300,.text-slate-400,.text-slate-500,.text-slate-600){color:var(--ds-muted)}html.light .device-sync-dialog .device-sync-dialog-title,html.light .device-sync-shell :is(.text-slate-100,.text-slate-200){color:var(--ds-text)}html.light .device-sync-dialog .device-sync-dialog-desc{color:var(--ds-muted)}html.light .device-sync-shell .text-amber-100,html.light .device-sync-shell .text-amber-300\/90{color:rgb(180 83 9)}html.light .device-sync-shell .text-cyan-100{color:rgb(14 116 144)}html.light .device-sync-shell .text-red-200{color:rgb(185 28 28)}html.light .device-sync-shell .border-white\/10,html.light .device-sync-shell .border-white\/15{border-color:rgba(15,23,42,.12)!important}html.light .device-sync-shell .bg-white\/\[0\.03\],html.light .device-sync-shell .bg-white\/\[0\.04\]{background:var(--ds-panel)!important}html.light .device-sync-shell .bg-black\/40{background:var(--ds-field-bg)!important}html.light .device-sync-shell .text-violet-200{color:var(--ds-accent-text)}html.light .device-sync-shell .text-cyan-300,html.light .device-sync-shell .text-violet-300{color:#4f46e5}html.light .device-sync-shell .text-cyan-200\/90{color:#0e7490}html.light .device-sync-shell .text-amber-200{color:rgb(180 83 9)}html.light .device-sync-shell .hover\:text-slate-100:hover,html.light .device-sync-shell .hover\:text-slate-300:hover{color:var(--ds-text)}.device-sync-code-field{border:1px solid var(--ds-field-border);background:var(--ds-field-bg);color:var(--ds-accent-text)}.device-sync-inset-panel{background:var(--ds-panel)}.device-sync-input{border-color:var(--ds-field-border);background:var(--ds-field-bg);color:var(--ds-text)}.device-sync-or-label{background:var(--ds-surface);color:var(--ds-muted)}.device-sync-video-frame{border:1px solid var(--ds-field-border);background:#020617}.device-sync-dialog-title{color:#fff}.device-sync-dialog-desc{color:#94a3b8}.device-sync-inner{max-width:72rem}.device-sync-hero{margin-bottom:1.75rem}@media (min-width:1024px){.device-sync-hero{margin-bottom:2rem}}.device-sync-hero__actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:.65rem;margin-top:1.25rem}.device-sync-hero__actions--active{flex-direction:column;align-items:stretch}@media (min-width:640px){.device-sync-hero__actions--active{flex-direction:row;flex-wrap:wrap;align-items:center}}.device-sync-steps{display:grid;gap:.75rem;margin:1.25rem 0 0;padding:0;list-style:none}@media (min-width:640px){.device-sync-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}}.device-sync-step{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem .95rem;border-radius:.9rem;border:1px solid rgba(99,102,241,.2);background:rgba(15,23,42,.35)}html.light .device-sync-step{border-color:rgba(79,70,229,.14);background:rgba(255,255,255,.82)}.device-sync-step__num{display:flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;flex-shrink:0;border-radius:9999px;background:rgba(99,102,241,.22);font-size:.75rem;font-weight:700;color:#c4b5fd}html.light .device-sync-step__num{background:rgba(99,102,241,.12);color:#4338ca}.device-sync-step__title{margin:0;font-size:.875rem;font-weight:600;color:#f8fafc}html.light .device-sync-step__title{color:var(--ds-text)}.device-sync-step__desc{margin:.15rem 0 0;font-size:.75rem;line-height:1.45;color:#94a3b8}html.light .device-sync-step__desc{color:var(--ds-muted)}.device-sync-inline-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}html.light .device-sync-inline-toggle{border-top-color:rgba(15,23,42,.08)}.device-sync-advanced{border-radius:1rem}.device-sync-advanced__summary{cursor:pointer;list-style:none;padding:.85rem 1rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:.8125rem;font-weight:600;color:#cbd5e1}.device-sync-advanced__summary::-webkit-details-marker{display:none}html.light .device-sync-advanced__summary{border-color:rgba(15,23,42,.1);background:rgba(255,255,255,.72);color:var(--ds-muted)}.device-sync-advanced__body{padding:1rem 0 0}.device-sync-code-card{border-color:rgba(34,211,238,.28)}.device-sync-pair-layout{display:flex;flex-direction:column;align-items:center;gap:1.25rem}@media (min-width:640px){.device-sync-pair-layout{flex-direction:row;align-items:flex-start;gap:1.75rem}}.device-sync-pair-layout__copy{width:100%}.device-sync-connect-card{border-color:rgba(129,140,248,.35)}.device-sync-start-grid{display:grid;width:100%;gap:.65rem}@media (min-width:640px){.device-sync-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.device-sync-start-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;width:100%;padding:.95rem 1rem;border-radius:.9rem;border:1px solid rgba(99,102,241,.28);background:rgba(15,23,42,.55);text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease}.device-sync-start-card:hover:not(:disabled){border-color:rgba(129,140,248,.55);background:rgba(30,41,59,.72);transform:translateY(-1px)}.device-sync-start-card:disabled{opacity:.55;cursor:not-allowed}.device-sync-start-card--primary{border-color:rgba(34,211,238,.35);background:linear-gradient(145deg,rgba(79,70,229,.22),rgba(15,23,42,.65))}.device-sync-start-card__title{font-size:.95rem;font-weight:600;color:#f8fafc}.device-sync-start-card__desc{font-size:.75rem;line-height:1.45;color:#94a3b8}.device-sync-hero__badge{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.85rem;padding:.35rem .75rem;border-radius:9999px;border:1px solid rgba(34,211,238,.35);background:rgba(34,211,238,.1);font-size:.75rem;font-weight:600;color:#a5f3fc}.device-sync-hero__synced{margin-top:.85rem;font-size:.75rem;color:var(--ds-muted)}.device-sync-row-status{display:grid;gap:.85rem;margin-bottom:1.25rem}@media (min-width:768px){.device-sync-row-status{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.device-sync-status-active{display:inline-flex;align-items:center;gap:.35rem;margin-top:.75rem;font-size:.6875rem;font-weight:600;color:#4ade80;text-transform:uppercase;letter-spacing:.06em}.device-sync-mid-grid{display:grid;gap:1rem;margin-bottom:1rem}@media (min-width:1024px){.device-sync-mid-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}.device-sync-card{border-radius:1.25rem;padding:1.15rem 1.25rem;min-height:100%;display:flex;flex-direction:column}@media (min-width:640px){.device-sync-card{padding:1.35rem 1.5rem}}.device-sync-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.device-sync-badge-count{flex-shrink:0;padding:.2rem .55rem;border-radius:9999px;border:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.14);font-size:.625rem;font-weight:600;color:#ddd6fe;white-space:nowrap}.device-sync-checklist{display:flex;flex-direction:column;gap:.55rem;flex:1}.device-sync-checklist__item{display:flex;align-items:flex-start;gap:.65rem;font-size:.8125rem;line-height:1.45;color:#cbd5e1}.device-sync-checklist__box{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;flex-shrink:0;margin-top:.1rem;border-radius:.3rem;border:1px solid rgba(139,92,246,.45);background:rgba(139,92,246,.18);color:#c4b5fd}.device-sync-device-list{display:flex;flex-direction:column;gap:.55rem;flex:1}.device-sync-device-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);transition:border-color .2s ease,background .2s ease}.device-sync-device-row:hover{border-color:rgba(148,163,184,.22);background:rgba(255,255,255,.05)}.device-sync-device-row--current{border-color:rgba(139,92,246,.4);background:linear-gradient(90deg,rgba(139,92,246,.1),rgba(255,255,255,.02))}.device-sync-device-row__icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:.65rem;background:rgba(15,23,42,.65);border:1px solid rgba(148,163,184,.16)}.device-sync-device-row__dot{width:.5rem;height:.5rem;flex-shrink:0;margin-left:auto;border-radius:50%;background:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.75)}.device-sync-add-device{display:inline-flex;align-items:center;gap:.35rem;margin-top:.75rem;font-size:.75rem;font-weight:500;color:#a5b4fc;transition:color .15s ease}.device-sync-add-device:hover{color:#c7d2fe}.device-sync-files-card{position:relative;overflow:hidden}.device-sync-files-card__body{position:relative;z-index:1;flex:1}.device-sync-bottom-grid{display:grid;gap:1rem;margin-bottom:1.25rem}@media (min-width:1024px){.device-sync-bottom-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch}}.device-sync-recovery-panel{display:grid;gap:1.25rem;align-items:center;height:100%}@media (min-width:640px){.device-sync-recovery-panel{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}}.device-sync-recovery-warning{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(245,158,11,.2);font-size:.6875rem;line-height:1.45;color:rgba(253,230,138,.85)}.device-sync-history-list{display:flex;flex-direction:column;gap:.55rem;flex:1}.device-sync-history-item{display:flex;align-items:flex-start;gap:.65rem;padding:.6rem .7rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}.device-sync-history-item__icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:.5rem;background:rgba(139,92,246,.16);color:#c4b5fd}.device-sync-history-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;text-align:center;font-size:.75rem;color:var(--ds-muted)}.device-sync-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.device-sync-vault-card{border-color:rgba(245,158,11,.22);background:linear-gradient(160deg,rgba(245,158,11,.08),rgba(15,23,42,.82));box-shadow:0 0 40px -16px rgba(245,158,11,.25)}.device-sync-section-title__icon--vault{background:linear-gradient(135deg,rgba(245,158,11,.22),rgba(251,191,36,.12));border-color:rgba(245,158,11,.28)}.device-sync-vault-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem 1.5rem;min-height:10rem}.device-sync-vault-list{display:flex;flex-direction:column;gap:.5rem;max-height:min(22rem,50vh);overflow-y:auto;overflow-x:hidden;padding-right:.15rem;scrollbar-gutter:stable}.device-sync-vault-row{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .7rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.07);background:rgba(2,6,23,.35);min-width:0}.device-sync-vault-row:hover{border-color:rgba(34,211,238,.2);background:rgba(255,255,255,.04)}.device-sync-vault-row__icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border-radius:.55rem;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.18)}.device-sync-vault-row__body{flex:1;min-width:0}.device-sync-vault-row__actions{display:flex;flex-shrink:0;align-items:center;gap:.15rem}