.account-sync { padding: 12px 20px; background: #e9f3ed; color: #25453f; overflow-wrap: anywhere; }
.account-sync.sync-error { background: #fff0dc; color: #813b1b; }
.account-sync button { margin: 6px 6px 0 0; }
body:has(#quiz:not(.hidden)) #account-sync:not([hidden]) { position: fixed; inset: 0 0 auto; z-index: 30; max-height: 40dvh; overflow: auto; }
body:has(#quiz:not(.hidden)) #quiz { top: calc(var(--sync-height, 0px) + 8px); }