.drop-zone{margin:1.5rem 0;padding:2rem;background:#2b2d31;border:2px dashed #444;border-radius:12px;text-align:center;transition:all .2s ease;cursor:pointer}.drop-zone:hover{border-color:#5865f2;background:#313338}.drop-zone.dragging{border-color:#43b581;background:rgba(67,181,129,.1);transform:scale(1.02)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.drop-icon{font-size:2rem}.drop-zone p{margin:0;font-size:.9rem;color:#888;font-weight:500}.drop-zone.dragging p{color:#43b581}.backup-header{text-align:center;margin-bottom:3rem}.backup-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.5rem;letter-spacing:-1px}.backup-subtitle{color:#888;font-size:1.1rem}.guide-box{background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:1.5rem;margin-bottom:2.5rem}.guide-box h3{margin-top:0;font-size:1.2rem;color:#43b581;display:flex;align-items:center;gap:.5rem}.guide-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1rem}.step-item{flex-direction:column;text-align:center}.step-item,.step-number{display:flex;align-items:center}.step-number{background:#333;width:30px;height:30px;border-radius:50%;justify-content:center;font-weight:700;margin-bottom:.5rem;color:#aaa}.step-item p{font-size:.95rem;line-height:1.5;color:#ddd;margin:0 0 .8rem}.download-link-btn{display:inline-block;background:#5865f2;color:#fff;padding:.5rem .8rem;border-radius:4px;text-decoration:none;font-size:.85rem;font-weight:700;transition:background .2s}.download-link-btn:hover{background:#4752c4}.warning-note{margin-top:1.5rem;padding:.8rem;background:rgba(250,166,26,.1);border-radius:6px;border-left:4px solid #faa61a;font-size:.9rem;color:#e0c080}.discord-status{margin-bottom:1.5rem;padding:.8rem;background:#1e1f22;border-radius:8px;border:1px solid #333}.auth-info{display:flex;align-items:center;gap:.8rem;font-size:.9rem}.dot{width:10px;height:10px;border-radius:50%}.dot.online{background:#43b581}.dot.offline{background:#f04747}.auth-text a{color:#5865f2;text-decoration:underline;font-weight:700}.auth-text a:hover{color:#7289da}.login-required-card{background:#1e1e1e;padding:3rem;border-radius:12px;text-align:center;border:1px solid #333;max-width:500px;margin:4rem auto;box-shadow:0 10px 40px rgba(0,0,0,.4)}.lock-icon{font-size:3rem;margin-bottom:1.5rem}.login-required-card h1{font-size:1.5rem;margin-bottom:1rem;color:#fff}.login-required-card p{color:#888;margin-bottom:2rem;line-height:1.5}.btn-discord-login{display:inline-block;padding:1rem 2rem;background:#5865f2;color:#fff;text-decoration:none;border-radius:6px;font-weight:700;transition:background .2s}.btn-discord-login:hover{background:#4752c4}.loading-box{text-align:center;padding:4rem}.spinner{width:40px;height:40px;border:4px solid hsla(0,0%,100%,.1);border-top-color:#5865f2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(1turn)}}.backup-list-selection{margin-bottom:1.5rem;background:#111214;padding:1rem;border-radius:8px;border:1px solid #333}.backup-list-selection label{display:block;margin-bottom:.8rem;font-weight:700;color:#5865f2;font-size:.9rem}.backup-items{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.backup-item-row{padding:.8rem;background:#2b2d31;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;border:1px solid transparent}.backup-item-row:hover{background:#35373c}.backup-item-row.selected{border-color:#5865f2;background:rgba(88,101,242,.1)}.b-nickname{font-weight:700;color:#fff}.b-filename{font-size:.8rem;color:#888}.empty-backup-list{text-align:center;padding:1.5rem;background:#1e1e1e;border-radius:6px;border:1px dashed #444}.empty-backup-list p{color:#888;font-size:.9rem;margin-bottom:.3rem}.empty-backup-list span{color:#555;font-size:.8rem}.drop-zone.disabled{opacity:.5;cursor:not-allowed;background:#111214!important;border-style:solid!important}.drop-zone.disabled p{color:#555}.auth-card{background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:2.5rem;box-shadow:0 4px 20px rgba(0,0,0,.3)}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#999;font-weight:500}.input-group input{width:100%;background:#2b2d31;border:1px solid #444;border-radius:6px;padding:.9rem 1rem;color:#fff;font-size:1rem;transition:all .2s}.input-group input:focus{outline:none;border-color:#5865f2;background:#313338}.password-wrapper{position:relative;display:flex}.toggle-pw{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#5865f2;cursor:pointer;font-size:.85rem;font-weight:700}.action-buttons{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.btn-backup,.btn-delete-manual,.btn-restore{padding:1rem;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-backup{background:#5865f2;color:#fff}.btn-backup:hover:not(:disabled){background:#4752c4;transform:translateY(-2px)}.btn-restore{background:#35373c;color:#fff}.btn-restore:hover:not(:disabled){background:#44474d;transform:translateY(-2px)}.btn-delete-manual{background:transparent;border:1px solid #ff4d4d;color:#ff4d4d;font-size:.9rem;margin-top:.5rem}.btn-delete-manual:hover:not(:disabled){background:rgba(255,77,77,.1);transform:translateY(-2px)}.btn-backup:disabled,.btn-delete-manual:disabled,.btn-restore:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-delete-item{background:transparent;border:none;color:#555;font-size:1.2rem;cursor:pointer;padding:0 .5rem;display:flex;align-items:center;justify-content:center;transition:color .2s;line-height:1}.btn-delete-item:hover{color:#ff4d4d}.b-info{display:flex;flex-direction:column;gap:.2rem}.status-text{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#43b581;font-weight:700}.backup-footer{margin-top:4rem;text-align:center;border-top:1px solid #222;padding-top:2rem}.backup-footer p{color:#555;font-size:.85rem}.footer-links{margin-top:1rem;display:flex;justify-content:center;gap:1.5rem}.footer-links button{background:transparent;border:none;color:#888;font-size:.85rem;cursor:pointer;transition:color .2s}.footer-links button:hover{color:#5865f2;text-decoration:underline}.loading{position:relative;pointer-events:none}.backup-page-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:2rem;max-width:1500px;margin:2rem auto;padding:0 1rem}.backup-container{flex:1 1;max-width:900px;margin:0;padding:2.5rem;color:#e0e0e0;font-family:Inter,-apple-system,sans-serif;background:#111;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.video-sidebar{width:500px;position:-webkit-sticky;position:sticky;top:2rem}.video-card{background:#1a1a1b;border:1px solid #333;border-radius:12px;padding:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.4)}.video-header{margin-bottom:1.2rem}.video-badge{display:inline-block;background:#5865f2;color:#fff;padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:800;margin-bottom:.5rem}.video-header h3{margin:0;font-size:1.2rem;color:#fff;font-weight:700}.video-container{width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;margin-bottom:1.2rem;border:1px solid #444}.video-container video{width:100%;height:100%;display:block}.video-description p{font-size:.9rem;line-height:1.5;color:#aaa;margin-bottom:1rem}.video-tips{padding-left:1.2rem;margin:0}.video-tips li{font-size:.85rem;color:#888;margin-bottom:.5rem}@media (max-width:1100px){.backup-page-wrapper{flex-direction:column;align-items:center}.video-sidebar{width:100%;max-width:900px;position:static}}@media (max-width:600px){.action-buttons,.guide-steps{grid-template-columns:1fr}.backup-container{padding:1.5rem;margin:0;border-radius:0}}