.sync-status{display:block;text-align:left;background:#eef0e6;border:1px solid #d4d9c9;border-radius:6px;color:#4e6655;padding:10px 14px;font:inherit;font-size:14px;margin:12px 0;max-width:100%}
#syncDialog{box-sizing:border-box;width:min(600px,calc(100vw - 28px));max-height:90dvh;overflow:auto;border:1px solid #d9d2ba;border-radius:8px 26px 8px 8px;padding:24px;background:#faf7ec;color:#485244;line-height:1.7}
#syncDialog::backdrop{background:#283328a8;backdrop-filter:blur(4px)}
.sync-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.sync-top h2{font-size:24px;margin:0}#syncDialog p{font-size:15px}
#syncForm label{display:block}#learningCode{box-sizing:border-box;display:block;width:100%;padding:12px;font-size:18px;letter-spacing:1px;border:1px solid #bfc5b7;border-radius:4px;margin:8px 0 16px;background:#fffdf5;color:#394a3d}#syncConnect{width:100%}.sync-options{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.sync-note{color:#717865;font-size:13px!important}#syncConflict{border-top:1px solid #d9d2ba;padding-top:12px}#syncMessage{overflow-wrap:anywhere}#syncDialog button{white-space:normal}.header-help{flex-wrap:wrap}
@media(max-width:450px){#syncDialog{padding:18px}.sync-top h2{font-size:21px}.header-help{gap:8px}#syncEntry,#guideEntry{font-size:13px}.sync-options button{width:100%}}