.wrap,body{position:relative}body,h1{margin:0}.panel,.sidebar{background:var(--panel);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.3)}.modal,body::before{position:fixed;right:0;bottom:0;left:0}.empty,.fname,.loading{text-align:center}.audio-title,.fname{white-space:nowrap;text-overflow:ellipsis}:root{--bg:linear-gradient(135deg, #0a0e27 0%, #1a0b2e 100%);--panel:rgba(20, 15, 40, 0.8);--muted:#a8b8d8;--accent:#00d9ff;--accent-2:#a855f7;--card-radius:16px;font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,100%{filter:drop-shadow(0 0 10px rgba(0, 217, 255, .5))}50%{filter:drop-shadow(0 0 20px rgba(0, 217, 255, .8))}}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}*{box-sizing:border-box}body{background:var(--bg);color:#e0f0ff;overflow-x:hidden;min-height:100vh}body::before{content:'';top:0;background:radial-gradient(circle at 20% 30%,rgba(168,85,247,.15) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,217,255,.15) 0,transparent 50%);pointer-events:none;z-index:0}.wrap{max-width:1400px;margin:28px auto;padding:20px;z-index:1;display:flex;gap:20px}.sidebar{width:260px;border-radius:var(--card-radius);padding:16px;border:1px solid rgba(255,255,255,.1);max-height:calc(100vh - 100px);overflow-y:auto;position:sticky;top:20px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.sidebar::-webkit-scrollbar-thumb{background:rgba(0,217,255,.3);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(0,217,255,.5)}.sidebar-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h3{margin:0;font-size:16px;color:#e0f0ff}.sidebar-tree{font-size:14px}.tree-item{margin-bottom:4px}.tree-item span{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:.2s;color:#c0d5f0;user-select:none}.context-menu-item:hover,.tree-item span:hover{background:rgba(0,217,255,.1);color:var(--accent)}.tree-item.root-item span{background:rgba(0,217,255,.15);color:var(--accent);font-weight:500}.tree-children{margin-left:16px;border-left:1px solid rgba(255,255,255,.1);padding-left:8px;margin-top:4px}.tree-toggle{cursor:pointer;padding:0 4px;font-size:12px;display:inline-block;min-width:16px;transition:color .2s}.tree-toggle:hover{color:var(--accent)}.tree-toggle.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.tree-folder-icon{width:16px;height:16px;display:inline-block;vertical-align:middle;margin:0 4px}.tree-folder{display:flex;align-items:center;gap:4px;width:100%}.tree-folder.locked{opacity:.7}.main-content{flex:1;min-width:0}header{display:flex;align-items:center;gap:16px}h1{font-size:20px}.breadcrumb{color:var(--muted);font-size:13px}.panel{padding:18px;border-radius:var(--card-radius);margin-top:18px;border:1px solid rgba(255,255,255,.1)}.btn,.folder{background:0 0;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px}.folder{border-radius:10px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:10px;user-select:none;transition:.3s cubic-bezier(.4, 0, .2, 1);transform:scale(1);position:relative}.audio-controls,.file-actions,.toolbar,.user-menu{display:flex;align-items:center;gap:8px}.folder.locked::after{content:'🔒';position:absolute;top:8px;right:8px;font-size:20px;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .5))}.folder:hover{background:rgba(0,217,255,.1);transform:scale(1.15) rotate(2deg);border:1px solid rgba(0,217,255,.3)}.folder-icon{width:64px;height:64px;transition:.3s;filter:drop-shadow(0 4px 12px rgba(168, 85, 247, .4))}.folder:hover .folder-icon{transform:translateY(-8px);filter:drop-shadow(0 8px 20px rgba(0, 217, 255, .8));animation:2s ease-in-out infinite glow}.fname{font-size:13px;color:#dfeaff;overflow:hidden;width:100%}.btn,.fmeta{color:var(--muted)}.fmeta{font-size:12px}.toolbar{margin-bottom:12px;flex-wrap:wrap}.btn{border:1px solid rgba(255,255,255,.06);padding:8px 10px;border-radius:8px;transition:.2s;font-size:13px}.btn:hover:not(:disabled){border-color:rgba(255,255,255,.15);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#00d9ff,#a855f7);border-color:transparent;color:#fff;box-shadow:0 4px 15px rgba(0,217,255,.3)}.btn-user,.user-info{background:rgba(0,217,255,.1)}.btn-primary:hover{opacity:.9;box-shadow:0 6px 20px rgba(0,217,255,.5);transform:translateY(-2px)}.btn-user{border:1px solid rgba(0,217,255,.3);color:var(--accent)}.btn-user:hover{background:rgba(0,217,255,.2);border-color:var(--accent)}.file-row,.user-info{gap:12px;display:flex}.user-info{align-items:center;padding:8px 12px;border-radius:10px;border:1px solid rgba(0,217,255,.3)}.user-info span{color:var(--accent);font-weight:500;font-size:14px}.files-list-container{margin-top:12px;max-height:calc(100vh - 450px);overflow-y:auto;padding-right:8px}.files-list-container::-webkit-scrollbar{width:8px}.files-list-container::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}.files-list-container::-webkit-scrollbar-thumb{background:rgba(0,217,255,.3);border-radius:4px}.files-list-container::-webkit-scrollbar-thumb:hover{background:rgba(0,217,255,.5)}.file-row{padding:12px;border-radius:8px;background:rgba(255,255,255,.02);justify-content:space-between;align-items:center;margin-bottom:8px;transition:background .2s}.audio-btn,.btn-icon,.context-menu-item{transition:.2s;cursor:pointer}.file-row:hover{background:rgba(255,255,255,.04)}.file-name{color:#e6eef6;word-break:break-all;flex:1}.btn-icon{background:rgba(0,217,255,.1);border:1px solid rgba(0,217,255,.3);padding:6px 10px;border-radius:6px;color:var(--accent);font-size:16px}.btn-icon:hover{background:rgba(0,217,255,.2);transform:scale(1.1)}a.file-link{color:#00d9ff;text-decoration:none;white-space:nowrap}a.file-link:hover{text-decoration:underline}.empty{padding:24px;border-radius:10px;background:rgba(255,255,255,.015);color:var(--muted)}.logo-box{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#00d9ff,#a855f7,#ff006e,#00d9ff);background-size:300% 300%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;box-shadow:0 4px 15px rgba(0,217,255,.4);overflow:hidden;animation:4s infinite gradientShift}.logo-box img{width:100%;height:100%;object-fit:cover;border-radius:50%}.modal{display:none;top:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center}.audio-player,.context-menu{position:fixed;background:var(--panel);backdrop-filter:blur(20px)}.modal.active{display:flex}.modal-content{background:var(--panel);border-radius:var(--card-radius);padding:24px;width:90%;max-width:400px;animation:.3s slideUp;box-shadow:0 20px 60px rgba(0,0,0,.5);border:1px solid rgba(0,217,255,.2);max-height:90vh;overflow-y:auto}.modal-content.image-viewer{max-width:800px}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal h2{margin:0 0 16px;font-size:18px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;color:var(--muted)}.form-group input{width:100%;padding:10px;background:rgba(10,14,39,.8);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e6eef6;font-size:14px}.form-group input:focus{outline:0;border-color:var(--accent)}.modal-buttons{display:flex;gap:8px;justify-content:flex-end}.loading{padding:40px;color:var(--muted)}.rikka-character{position:fixed;bottom:20px;right:20px;width:300px;height:300px;z-index:999;pointer-events:none;animation:6s ease-in-out infinite float;filter:drop-shadow(0 10px 30px rgba(0, 217, 255, .3))}.rikka-character img{width:100%;height:100%;object-fit:contain}.context-menu{border:1px solid rgba(0,217,255,.3);border-radius:8px;padding:4px;box-shadow:0 8px 32px rgba(0,0,0,.5);z-index:2000;display:none;min-width:150px}.context-menu.active{display:block}.context-menu-item{padding:10px 16px;color:#e0f0ff;font-size:14px;border-radius:6px;display:flex;align-items:center;gap:8px}.context-menu-item.danger:hover{background:rgba(239,68,68,.1);color:#ef4444}.audio-player{bottom:0;left:0;right:0;border-top:1px solid rgba(0,217,255,.3);padding:16px 24px;display:flex;flex-direction:column;gap:12px;z-index:9999;box-shadow:0 -4px 20px rgba(0,0,0,.3)}.audio-info{display:flex;align-items:center;gap:12px}.audio-icon{font-size:32px;animation:3s ease-in-out infinite float}.audio-details{flex:1}.audio-title{color:#e0f0ff;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;max-width:400px}.audio-time{color:var(--muted);font-size:12px}.audio-btn{background:0 0;border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:8px;color:var(--muted);font-size:16px}.audio-btn:hover{background:rgba(0,217,255,.1);border-color:var(--accent);color:var(--accent);transform:scale(1.05)}.audio-btn.play-btn{background:linear-gradient(135deg,#00d9ff,#a855f7);border-color:transparent;color:#fff;padding:8px 16px}.audio-progress{width:100%;height:6px;border-radius:3px;background:rgba(255,255,255,.1);outline:0;cursor:pointer;-webkit-appearance:none}.audio-progress::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 10px rgba(0,217,255,.5)}.audio-progress::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;box-shadow:0 0 10px rgba(0,217,255,.5)}@media (max-width:768px){.main-content,.sidebar{width:100%}.panel,.wrap{padding:12px}.breadcrumb,.btn,.fname{font-size:12px}.wrap{margin:16px auto;flex-direction:column}.sidebar{max-height:300px;position:static;margin-bottom:16px}.files-list-container{max-height:calc(100vh - 500px)}.rikka-character{width:180px!important;height:180px!important;bottom:80px;right:10px}header{flex-wrap:wrap;gap:12px}h1{font-size:18px}.logo-box{width:40px;height:40px}.panel{margin-top:12px}.toolbar{gap:6px}.btn{padding:6px 8px}.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.folder{padding:8px 4px}.folder-icon{width:48px;height:48px}.fmeta{font-size:11px}.user-menu{width:100%;justify-content:flex-end}.file-row{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 10px}.file-actions{width:100%;justify-content:space-between}.audio-player{padding:12px 16px}.audio-title{max-width:200px}.audio-controls{flex-wrap:wrap}}@media (max-width:480px){.wrap{margin:8px auto;padding:8px}h1{font-size:16px}.logo-box{width:36px;height:36px}.grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.folder-icon{width:40px;height:40px}.rikka-character{width:120px!important;height:120px!important}}