#openBackup{font-size:11px;padding:10px 13px}
#backupDialog{width:min(490px,calc(100% - 30px))}
#backupDialog .backup-intro{font-size:12px;line-height:1.6;margin:0 0 20px}
#backupDialog h3{font-family:var(--display-font);font-size:20px;font-weight:600;margin:0 0 10px}
.backup-section+.backup-section{border-top:1px solid var(--border);margin-top:24px;padding-top:22px}
.backup-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.backup-actions a{display:inline-flex;align-items:center;text-decoration:none;border:1px solid var(--border-strong);padding:10px 12px;font-size:12px;cursor:pointer}
.backup-actions button,#backupDialog button{font-size:12px}
#backupFileName{display:block;font-family:var(--number-font);font-size:10px;overflow-wrap:anywhere;margin-top:12px}
#backupDialog [role=status]{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0}
.backup-copy{font-size:11px;margin-top:16px;color:var(--muted)}
.backup-copy summary{cursor:pointer;padding:6px 0}
.backup-copy textarea{display:block;width:100%;min-height:90px;max-height:180px;margin:8px 0 12px;resize:vertical;padding:10px;background:var(--field);color:var(--text);border:1px solid var(--border-strong);border-radius:4px;font-family:var(--number-font);font-size:11px}
#backupFile{font-size:11px;padding:10px}
@media(max-width:650px){#openBackup{font-size:10px;padding:8px 15px}.month-actions{flex-wrap:wrap}#backupDialog{padding:22px 20px}}