.sync-open{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line,#d8d6ce);background:var(--surface,#fff);color:inherit;border-radius:999px;padding:7px 11px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.sync-open:hover{border-color:currentColor}.sync-indicator{width:7px;height:7px;border-radius:50%;background:#9b978d}.sync-open[data-tone="success"] .sync-indicator{background:#4b896d}.sync-open[data-tone="pending"] .sync-indicator{background:#bb8746}.sync-open[data-tone="error"] .sync-indicator{background:#b45b52}
.sync-dialog{width:min(520px,calc(100vw - 32px));max-height:min(85vh,720px);overflow:auto;border:1px solid #ddd8cb;border-radius:22px;padding:28px;background:#faf8f2;color:#302e29;box-shadow:0 25px 90px #29271655;font-family:inherit}.sync-dialog::backdrop{background:#24231f88;backdrop-filter:blur(3px)}.sync-dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.sync-dialog-head small{color:#80796e;letter-spacing:.12em}.sync-dialog-head h2{margin:5px 0 0;font-size:24px}.sync-dialog-head button{width:34px;height:34px;border:1px solid #ddd6ca;border-radius:50%;background:#fff;font-size:22px;cursor:pointer}.sync-detail{font-weight:700;color:#426c5c;margin:24px 0 8px}.sync-explainer{line-height:1.65;color:#6b675f;margin:0 0 22px}.sync-actions{display:grid;gap:9px;padding:16px;border:1px solid #e6dfd0;border-radius:16px;background:#fff;margin:12px 0}.sync-actions[hidden]{display:none}.sync-actions p{margin:0 0 5px;color:#6c665f;font-size:13px;line-height:1.5}.sync-actions button,.sync-backup button,.sync-backup label,.sync-retry{border:1px solid #cfc6b6;border-radius:11px;background:#fff;padding:11px 14px;font:inherit;font-size:14px;cursor:pointer;text-align:center;color:#302e29}.sync-actions button:hover,.sync-backup button:hover,.sync-backup label:hover,.sync-retry:hover{border-color:#617f6e}.sync-actions .sync-primary{background:#315c48;color:#fff;border-color:#315c48}.sync-backup{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.sync-backup label{display:block}.sync-backup input{position:absolute;width:1px;height:1px;opacity:0}.sync-retry{margin-top:16px;width:100%}.sync-retry[hidden]{display:none}
@media(max-width:700px){.sync-open{max-width:112px;padding:6px 9px}.sync-open span:last-child{overflow:hidden;text-overflow:ellipsis}.sync-dialog{padding:22px}.sync-backup{grid-template-columns:1fr}}
.sync-identity{font-size:13px;color:#69655e;margin:0 0 12px}.sync-account{display:grid;gap:10px;padding:16px;border:1px solid #e6dfd0;border-radius:16px;background:#fff;margin:14px 0}.sync-account[hidden]{display:none}.sync-account label{display:grid;gap:5px;font-size:13px;color:#615c54}.sync-account input{width:100%;box-sizing:border-box;border:1px solid #d8d0c3;border-radius:9px;padding:10px 12px;background:#fff;color:#302e29;font:inherit}.sync-account-buttons{display:flex;gap:8px}.sync-account-buttons button{flex:1;border:1px solid #cfc6b6;border-radius:10px;background:#fff;padding:10px;font:inherit;cursor:pointer}.sync-account-buttons .sync-primary{background:#315c48;border-color:#315c48;color:#fff}.sync-account p{margin:0;min-height:1.2em;font-size:12px;color:#935f49;line-height:1.4}.sync-retry[hidden],#sync-signout[hidden]{display:none}