/* Encrypted cross-device sync interface. */
.sync-hero h2{margin:3px 0 7px}.sync-room-tabs{overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.sync-room-tabs::-webkit-scrollbar{display:none}.sync-room-tabs button{flex:0 0 auto;white-space:nowrap}.sync-status-head{justify-content:space-between;align-items:flex-start;gap:10px}.sync-status-head h3{margin:3px 0}.sync-connected{border-radius:999px;background:#daf5e6;color:#187a4b;padding:6px 10px;font-size:11px;font-weight:900;white-space:nowrap}.sync-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:13px 0}.sync-summary>div{border:1px solid var(--line);border-radius:14px;background:#fff;padding:11px 7px;text-align:center}.sync-summary b{display:block;font-size:20px;line-height:1.1}.sync-summary span{display:block;margin-top:4px;color:var(--ink-2);font-size:11px;font-weight:800}.sync-meta{margin:-2px 0 12px;color:var(--ink-2);font-size:12px}.sync-auto{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;font-weight:800}.sync-auto input{width:18px;height:18px;accent-color:var(--primary)}.sync-secret{display:grid;grid-template-columns:minmax(90px,.42fr) minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:11px}.sync-secret>span{font-size:12px;font-weight:850;color:var(--ink-2)}.sync-secret code{display:block;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:11px;background:#f7f9fc;padding:9px;font-size:12px;line-height:1.45}.sync-recovery{margin:9px 0 12px}.sync-recovery summary{cursor:pointer;font-size:13px;font-weight:850}.sync-field{display:grid;gap:6px;margin:12px 0}.sync-field span{font-size:12px;font-weight:850;color:var(--ink-2)}.sync-field input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:10px 12px;font:inherit;color:var(--ink)}.sync-field input:focus{outline:2px solid color-mix(in srgb,var(--primary) 28%,transparent);border-color:var(--primary)}.sync-message{min-height:20px;border-radius:12px;margin:10px 0 2px;padding:0 12px;font-size:13px;font-weight:800;line-height:1.55}.sync-message:empty{display:none}.sync-message.working{padding:10px 12px;background:#eaf4ff;color:#286da6}.sync-message.success{padding:10px 12px;background:#eaf9f0;color:#187b4b}.sync-message.error{padding:10px 12px;background:#fff0f2;color:#b92543}.danger-soft{color:#aa3147;border-color:#efc4cd;background:#fff7f8}
@media(max-width:480px){.sync-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-secret{grid-template-columns:1fr}.sync-secret .btn{width:100%}.sync-status-head{align-items:center}.sync-room-tabs{margin-left:-2px;margin-right:-2px}}
@media(max-width:350px){.sync-summary{grid-template-columns:1fr 1fr}.sync-summary b{font-size:18px}}