html[data-page="gogn"] #content>#personal-backup{display:block!important}
#personal-backup{margin:24px 0 32px;border-top:3px solid var(--teal);scroll-margin-top:24px}
#personal-backup h2{margin:8px 0 12px}#personal-backup p{max-width:85ch}
#backup-inventory{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#backup-inventory li,.backup-preview-card{padding:20px;border:1px solid var(--stroke);border-radius:10px;background:var(--paper);min-width:0}
#backup-inventory strong,#backup-inventory span{display:block}#backup-inventory span{margin-top:8px;color:var(--muted)}
.backup-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}
#backup-download{padding:20px;margin:20px 0;border:1px solid var(--teal);border-radius:10px;background:var(--paper)}
#backup-download-file{display:inline-block;padding:12px 18px;min-height:44px;box-sizing:border-box;border:1px solid currentColor;border-radius:6px;font-weight:700}
.backup-file{display:block;margin:20px 0}.backup-file input{display:block;max-width:100%;margin-top:10px;font:inherit;color:var(--text)}
#backup-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
#personal-backup [hidden]{display:none!important}.backup-preview-card h4{margin-top:0}.backup-preview-card li{overflow-wrap:anywhere}
#personal-backup button{min-height:44px;white-space:normal}#personal-backup [data-error=true]{border-left:3px solid var(--amber);padding-left:12px}
#personal-backup :is(button,input,a):focus-visible{outline:3px solid var(--amber);outline-offset:3px}
@media(max-width:700px){#backup-inventory,#backup-preview{grid-template-columns:1fr}.backup-actions>*{width:100%}}