.backup-panel{width:min(420px,calc(100vw - 32px));max-height:85vh;padding:0;border:1px solid #42474a;border-radius:10px;background:#101517;color:#dedfe0;box-shadow:0 16px 60px #0009;overflow:auto}
.backup-panel::backdrop{background:#0007}
.backup-content{padding:22px;font-size:12px;line-height:1.55}
.backup-content h2{margin:0 0 22px;font-size:14px;letter-spacing:.08em}
.backup-section{margin:0 0 22px}
.backup-section h3{margin:0 0 8px;font-size:10px;font-weight:500;letter-spacing:.12em;color:#a1a8ac}
.backup-section p{margin:7px 0}
.backup-date{font-size:17px;font-weight:600;letter-spacing:.02em}
.backup-status strong{display:block;font-size:10px;letter-spacing:.04em}
.backup-verified{color:#8cd2ad}.backup-failed,.backup-error{color:#e9b3a7}.backup-unconfirmed{color:#d9b66f}
.backup-caption{color:#a1a8ac;font-size:10px}
.backup-panel .backup-primary{--control-surface:#cba356;--control-edge-ink:#f4da9d;position:relative;width:100%;min-height:36px;margin-top:6px;border:1px solid #cba356;border-radius:5px;background:#cba356;color:#131719;font-size:11px;font-weight:600;letter-spacing:.05em}
.backup-panel .backup-primary:hover{--control-surface:#ddba77;background:#ddba77}
.backup-link{color:#d9b66f;font-size:10px;text-decoration:none;letter-spacing:.04em}.backup-link:hover{text-decoration:underline}
.backup-guide{margin-top:14px;padding:12px;border:1px solid #42474a;border-radius:5px;font-size:11px}.backup-guide[hidden]{display:none}
.backup-guide h4{font-size:10px;margin:0 0 8px;letter-spacing:.08em}.backup-guide ol{padding-left:18px}.backup-guide li{margin:8px 0}
.backup-details{font-size:11px}.backup-details summary{width:fit-content;color:#a1a8ac;cursor:pointer;font-size:10px;letter-spacing:.05em}
.backup-technical{overflow-wrap:anywhere;color:#adb4b8}.backup-technical p{margin:10px 0}
.backup-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}
.backup-content button:not(.backup-primary){font-size:10px}.backup-panel :is(button,a,summary):focus-visible{outline:1px solid #d9b66f;outline-offset:3px}
.backup-reminder{position:fixed;bottom:18px;right:18px;z-index:1500;width:min(420px,calc(100vw - 36px));padding:12px;border:1px solid #60533a;border-radius:8px;background:#15191bf5;color:#d9d9d9;font-size:11px;box-shadow:0 4px 20px #0005}
.backup-reminder span{display:block;margin-bottom:8px}.backup-reminder button{margin-right:10px;font-size:10px}
.backup-reminder[popover]{inset:auto 18px 18px auto;margin:0;width:min(420px,calc(100vw - 36px));box-sizing:border-box}