.sync-button{margin-left:auto;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:7px 12px;cursor:pointer;white-space:nowrap}.sync-button i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:#9aa2b1}.sync-button.synced{color:#18784a;border-color:#c7e7d5}.sync-button.synced i{background:#229557}.sync-button.syncing i{background:#e99218}.sync-button.error i{background:#e75f52}.cloud-backdrop{position:fixed;inset:0;background:rgba(10,25,52,.34);z-index:80;display:grid;place-items:center;padding:20px}.cloud-dialog{width:min(460px,100%);background:#fff;border-radius:10px;box-shadow:0 24px 70px rgba(16,39,78,.22);padding:28px}.cloud-dialog header{display:flex;align-items:start;justify-content:space-between}.cloud-dialog h2{font:700 28px var(--serif);color:var(--navy);margin:0}.cloud-dialog header button{border:0;background:none;font-size:25px;color:var(--muted);cursor:pointer}.cloud-dialog>p{color:var(--muted)}.cloud-form{display:grid;gap:10px;margin-top:20px}.cloud-form input{width:100%;border:1px solid var(--line);border-radius:5px;padding:11px 12px}.cloud-form .primary{width:100%}.cloud-status{background:#f6f8fb;border-radius:6px;padding:14px;margin:18px 0}.cloud-status b{display:block;color:var(--navy)}.cloud-status span{color:var(--muted);font-size:13px}.cloud-actions{display:flex;gap:10px}.cloud-actions button{flex:1}.cloud-note{font-size:12px;color:var(--muted)}@media(max-width:900px){.topbar{padding:0 14px}.book-count{display:none}.sync-button{font-size:12px;padding:6px 9px}.topbar nav{gap:10px;overflow:auto}.nav-link{font-size:13px}.brand{font-size:20px}}