:root{--bg:#0a0a0c;--bg2:#111115;--bg3:#1a1a20;--bg4:#242430;--border:#2a2a38;--accent:#e63946;--accent2:#ff6b6b;--text:#e8e8f0;--text2:#9090a8;--text3:#5a5a72;--sidebar-w:240px;--header-h:56px;--radius:6px;--font-display:"Bebas Neue",sans-serif;--font-body:"DM Sans",sans-serif}.app.light{--bg:#f0eff4;--bg2:#faf9fd;--bg3:#e8e7ee;--bg4:#dddce6;--border:#cac9d6;--accent:#e63946;--accent2:#c1121f;--text:#16151e;--text2:#4a4860;--text3:#8a88a0}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{font-family:DM Sans,sans-serif;font-family:var(--font-body);font-weight:300;overflow:hidden}.app{background:#0a0a0c;background:var(--bg);color:#e8e8f0;color:var(--text);display:flex;flex-direction:column;height:100vh;transition:background .25s,color .25s}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,#0a0a0c 90%,#0000);background:color-mix(in srgb,var(--bg) 90%,#0000);border-bottom:1px solid #2a2a38;border-bottom:1px solid var(--border);flex-shrink:0;height:56px;height:var(--header-h);justify-content:space-between;padding:0 1.25rem;transition:background .25s,border-color .25s;z-index:200}.app-header,.header-left{align-items:center;display:flex}.header-left{gap:.75rem}.sidebar-toggle{background:none;border:none;border-radius:6px;border-radius:var(--radius);color:#9090a8;color:var(--text2);cursor:pointer;font-size:1.1rem;line-height:1;padding:.3rem .5rem;transition:color .15s,background .15s}.sidebar-toggle:hover{background:#1a1a20;background:var(--bg3);color:#e8e8f0;color:var(--text)}.brand-icon{align-items:center;background:#e63946;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;height:30px;justify-content:center;width:30px}.brand-name{color:#e8e8f0;color:var(--text);font-family:Bebas Neue,sans-serif;font-family:var(--font-display);font-size:1.4rem;letter-spacing:.08em}.header-right{gap:1rem}.header-right,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border:1px solid #2a2a38;border:1px solid var(--border);border-radius:99px;color:#9090a8;color:var(--text2);cursor:pointer;font-size:.85rem;gap:.5rem;padding:.25rem .55rem .25rem .35rem;transition:border-color .2s,color .2s}.theme-toggle:hover{border-color:#e63946;border-color:var(--accent);color:#e63946;color:var(--accent)}.theme-toggle-track{background:#242430;background:var(--bg4);border-radius:8px;flex-shrink:0;height:15px;position:relative;transition:background .25s;width:26px}.app.light .theme-toggle-track{background:#e63946;background:var(--accent)}.theme-toggle-thumb{background:#5a5a72;background:var(--text3);border-radius:50%;height:11px;left:2px;position:absolute;top:2px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .25s;width:11px}.app.light .theme-toggle-thumb{background:#fff;transform:translateX(11px)}.theme-toggle-icon{font-size:.9rem;line-height:1}.app-body{flex:1 1;min-height:0}.app-body,.sidebar{display:flex;overflow:hidden}.sidebar{background:#111115;background:var(--bg2);border-right:1px solid #2a2a38;border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;transition:width .25s cubic-bezier(.4,0,.2,1),opacity .2s,background .25s,border-color .25s;width:240px;width:var(--sidebar-w)}.sidebar-closed .sidebar{opacity:0;pointer-events:none;width:0}.sidebar-open .sidebar{opacity:1}.sidebar-header{align-items:center;border-bottom:1px solid #2a2a38;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem .85rem .75rem 1rem}.sidebar-title{color:#5a5a72;color:var(--text3);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.sidebar-new-btn{align-items:center;background:none;border:1px solid #2a2a38;border:1px solid var(--border);border-radius:4px;color:#9090a8;color:var(--text2);cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;line-height:1;transition:color .15s,border-color .15s,background .15s;width:24px}.sidebar-new-btn:hover{background:color-mix(in srgb,#e63946 8%,#0000);background:color-mix(in srgb,var(--accent) 8%,#0000);border-color:#e63946;border-color:var(--accent);color:#e63946;color:var(--accent)}.sidebar-tree{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:.5rem 0}.sidebar-tree::-webkit-scrollbar{width:4px}.sidebar-tree::-webkit-scrollbar-track{background:#0000}.sidebar-tree::-webkit-scrollbar-thumb{background:#2a2a38;background:var(--border);border-radius:2px}.sidebar-loading{display:flex;justify-content:center;padding:2rem}.folder-node{-webkit-user-select:none;user-select:none}.folder-row{align-items:center;border-radius:0;color:#9090a8;color:var(--text2);cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;overflow:hidden;padding:.38rem .75rem;transition:background .12s,color .12s;white-space:nowrap}.folder-row:hover{background:#1a1a20;background:var(--bg3);color:#e8e8f0;color:var(--text)}.folder-row.active{background:color-mix(in srgb,#e63946 12%,#0000);background:color-mix(in srgb,var(--accent) 12%,#0000);color:#e63946;color:var(--accent)}.folder-chevron{color:#5a5a72;color:var(--text3);display:inline-block;flex-shrink:0;font-size:.9rem;line-height:1;text-align:center;transition:transform .18s;width:12px}.folder-chevron.open{transform:rotate(90deg)}.folder-chevron-spacer{flex-shrink:0;width:12px}.folder-icon{flex-shrink:0;font-size:.85rem}.folder-name{flex:1 1;overflow:hidden;text-overflow:ellipsis}.main-panel{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.content-toolbar{background:#111115;background:var(--bg2);border-bottom:1px solid #2a2a38;border-bottom:1px solid var(--border);flex-shrink:0;gap:1rem;justify-content:space-between;padding:.65rem 1.5rem;transition:background .25s,border-color .25s}.breadcrumb,.content-toolbar{align-items:center;display:flex;flex-wrap:wrap}.breadcrumb{color:#9090a8;color:var(--text2);font-size:.85rem;gap:.35rem}.breadcrumb-sep{color:#5a5a72;color:var(--text3)}.breadcrumb-part{cursor:pointer;transition:color .15s}.breadcrumb-part.current,.breadcrumb-part:hover{color:#e8e8f0;color:var(--text)}.breadcrumb-part.current{cursor:default;font-weight:500}.toolbar-right{flex-wrap:wrap;gap:.75rem}.search-wrap,.toolbar-right{align-items:center;display:flex}.search-wrap{background:#1a1a20;background:var(--bg3);border:1px solid #2a2a38;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);gap:.4rem;padding:0 .65rem;transition:border-color .2s,background .25s}.search-wrap:focus-within{border-color:#e63946;border-color:var(--accent)}.search-icon{color:#5a5a72;color:var(--text3);font-size:1.1rem}.search-input{background:none;border:none;color:#e8e8f0;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.85rem;font-weight:300;outline:none;padding:.45rem 0;width:160px}.search-clear,.search-input::placeholder{color:#5a5a72;color:var(--text3)}.search-clear{background:none;border:none;border-radius:3px;cursor:pointer;font-size:.75rem;padding:2px 4px;transition:color .15s}.search-clear:hover{color:#e63946;color:var(--accent)}.filter-select{background:#1a1a20;background:var(--bg3);border:1px solid #2a2a38;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);color:#9090a8;color:var(--text2);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.82rem;outline:none;padding:.42rem .65rem;transition:border-color .2s,background .25s}.filter-select:focus{border-color:#e63946;border-color:var(--accent)}.filter-select option{background:#1a1a20;background:var(--bg3);color:#e8e8f0;color:var(--text)}.drop-zone{background:color-mix(in srgb,#1a1a20 40%,#0000);background:color-mix(in srgb,var(--bg3) 40%,#0000);border:1.5px dashed #2a2a38;border:1.5px dashed var(--border);border-radius:6px;border-radius:var(--radius);cursor:pointer;flex-shrink:0;margin:1rem 1.5rem 0;padding:.9rem 1.25rem;transition:border-color .2s,background .2s}.drop-zone.dragging,.drop-zone:hover{background:color-mix(in srgb,#e63946 6%,#0000);background:color-mix(in srgb,var(--accent) 6%,#0000);border-color:#e63946;border-color:var(--accent)}.drop-zone.has-uploads{cursor:default}.drop-idle{align-items:center;color:#5a5a72;color:var(--text3);display:flex;font-size:.85rem;gap:.75rem}.drop-icon{font-size:1.1rem}.drop-text{color:#9090a8;color:var(--text2)}.drop-text u{color:#e63946;color:var(--accent);text-decoration-color:#e63946;text-decoration-color:var(--accent)}.drop-hint{color:#5a5a72;color:var(--text3);font-size:.75rem;margin-left:auto}.upload-list{display:flex;flex-direction:column;gap:.4rem}.upload-item{grid-gap:.6rem;align-items:center;display:grid;font-size:.8rem;gap:.6rem;grid-template-columns:1fr 120px 36px}.upload-name{color:#9090a8;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-bar-wrap{background:#242430;background:var(--bg4);border-radius:2px;height:4px;overflow:hidden}.upload-bar{background:#e63946;background:var(--accent);border-radius:2px;height:100%;transition:width .15s}.upload-bar.done{background:#2a9d8f}.upload-bar.error{background:#c1121f}.upload-status{color:#5a5a72;color:var(--text3);font-family:monospace;font-size:.75rem;text-align:right}.grid-area{flex:1 1;overflow-y:auto;padding:1rem 1.5rem 1.5rem}.grid-area::-webkit-scrollbar{width:6px}.grid-area::-webkit-scrollbar-track{background:#0000}.grid-area::-webkit-scrollbar-thumb{background:#2a2a38;background:var(--border);border-radius:3px}.state-screen{align-items:center;color:#9090a8;color:var(--text2);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:4rem 2rem;text-align:center}.state-screen h2{color:#e8e8f0;color:var(--text);font-size:1.2rem;font-weight:400}.state-screen p{font-size:.85rem}.state-icon{font-size:2.5rem;opacity:.4}.spinner{border:3px solid #2a2a38;border-top-color:#e63946;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:36px;width:36px}.spinner,.spinner-sm{animation:spin .8s linear infinite}.spinner-sm{border:2px solid #2a2a38;border-top-color:#e63946;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.video-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.video-card{animation:fadeIn .25s ease both;background:#111115;background:var(--bg2);border:1px solid #2a2a38;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);cursor:pointer;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s,background .25s}.video-card:hover{box-shadow:0 6px 20px color-mix(in srgb,#e63946 18%,#0000);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 18%,#0000);transform:translateY(-2px)}.video-card.active,.video-card:hover{border-color:#e63946;border-color:var(--accent)}.video-card.active{box-shadow:0 0 0 2px color-mix(in srgb,#e63946 28%,#0000);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,#0000)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card-thumb{background:#1a1a20;background:var(--bg3);height:120px;overflow:hidden;position:relative;transition:background .25s}.card-thumb:after{background:linear-gradient(180deg,#0000 50%,#00000073);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.ext-badge{border-radius:3px;color:#fff;font-family:monospace;font-size:.62rem;font-weight:700;letter-spacing:.05em;padding:2px 5px;position:absolute;right:7px;top:7px;z-index:3}.card-info{display:flex;flex-direction:column;gap:.2rem;padding:.65rem}.card-title{color:#e8e8f0;color:var(--text);font-size:.82rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{color:#5a5a72;color:var(--text3);font-family:monospace;font-size:.7rem}.thumb-wrapper{inset:0;overflow:hidden;position:absolute}.thumb-img{height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease;width:100%}.thumb-img.thumb-visible{opacity:1}.thumb-placeholder{align-items:center;background:#1a1a20;background:var(--bg3);display:flex;inset:0;justify-content:center;position:absolute;transition:background .25s}.thumb-spinner{animation:spin .7s linear infinite;border:2px solid #2a2a38;border-top-color:#e63946;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:22px;width:22px}.thumb-icon{font-size:1.8rem;opacity:.12}.play-overlay{align-items:center;background:#00000059;color:#fff;display:flex;font-size:1.8rem;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s;z-index:2}.video-card:hover .play-overlay{opacity:1}.dialog-overlay{align-items:center;animation:overlayIn .15s ease;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}.dialog{animation:dialogIn .2s cubic-bezier(.34,1.56,.64,1);background:#111115;background:var(--bg2);border:1px solid #2a2a38;border:1px solid var(--border);border-radius:10px;box-shadow:0 24px 64px #00000080;max-width:90vw;padding:1.5rem;transition:background .25s,border-color .25s;width:340px}@keyframes dialogIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.dialog-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.4rem}.dialog-header h3{color:#e8e8f0;color:var(--text);font-size:1rem;font-weight:500}.dialog-close{background:none;border:none;border-radius:3px;color:#5a5a72;color:var(--text3);cursor:pointer;font-size:.9rem;padding:2px 5px;transition:color .15s}.dialog-close:hover{color:#e63946;color:var(--accent)}.dialog-sub{color:#5a5a72;color:var(--text3);font-size:.8rem;margin-bottom:1rem}.dialog-sub code{color:#e63946;color:var(--accent);font-size:.78rem}.dialog-input{background:#1a1a20;background:var(--bg3);border:1px solid #2a2a38;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);color:#e8e8f0;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:300;outline:none;padding:.55rem .75rem;transition:border-color .2s,background .25s;width:100%}.dialog-input:focus{border-color:#e63946;border-color:var(--accent)}.dialog-input::placeholder{color:#5a5a72;color:var(--text3)}.dialog-error{color:#ff6b6b;color:var(--accent2);font-size:.8rem;margin-top:.4rem}.dialog-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1rem}.btn-ghost{background:none;border:1px solid #2a2a38;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);color:#9090a8;color:var(--text2);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.85rem;padding:.45rem .9rem;transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:#9090a8;border-color:var(--text2);color:#e8e8f0;color:var(--text)}.btn-primary{background:#e63946;background:var(--accent);border:none;border-radius:6px;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.85rem;font-weight:500;padding:.45rem .9rem;transition:background .15s,opacity .15s}.btn-primary:hover{background:#ff6b6b;background:var(--accent2)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.player-overlay{align-items:center;animation:overlayIn .2s ease;background:#000000eb;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.player-container{background:#000;border-radius:8px;box-shadow:0 32px 80px #000c;display:flex;flex-direction:column;max-height:90vh;max-width:1100px;overflow:hidden;position:relative;width:100%}.player-container.hide-cursor{cursor:none}.player-container:-webkit-full-screen,.player-container:fullscreen{border-radius:0;max-height:none;max-width:none}.player-video{aspect-ratio:16/9;background:#000;cursor:pointer;display:block;max-height:calc(90vh - 80px);width:100%}.player-container:fullscreen .player-video{aspect-ratio:auto;flex:1 1;max-height:100vh}.player-top{align-items:center;background:linear-gradient(180deg,#000000bf,#0000);display:flex;gap:1rem;left:0;opacity:0;padding:1rem 1.25rem;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .25s}.player-top.visible{opacity:1;pointer-events:auto}.close-btn{align-items:center;background:#ffffff1f;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:30px;justify-content:center;transition:background .2s;width:30px}.close-btn:hover{background:#e63946;background:var(--accent);border-color:#e63946;border-color:var(--accent)}.now-playing{align-items:center;color:#ffffffd9;display:flex;font-size:.82rem;gap:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls{background:linear-gradient(0deg,#000000d9,#0000);bottom:0;left:0;opacity:0;padding:1.5rem 1.25rem 1rem;pointer-events:none;position:absolute;right:0;transition:opacity .25s}.player-controls.visible{opacity:1;pointer-events:auto}.progress-bar{background:#ffffff26;border-radius:2px;cursor:pointer;height:4px;margin-bottom:.85rem;position:relative;transition:height .15s}.progress-bar:hover{height:6px}.progress-buffered{background:#ffffff40}.progress-buffered,.progress-fill{border-radius:2px;height:100%;left:0;pointer-events:none;position:absolute;top:0}.progress-fill{background:#e63946;background:var(--accent)}.progress-thumb{background:#fff;border-radius:50%;height:12px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .15s;width:12px}.progress-bar:hover .progress-thumb{opacity:1}.controls-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.controls-left,.controls-right{align-items:center;display:flex;gap:.25rem}.ctrl-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius);color:#fffc;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.82rem;padding:.35rem .55rem;transition:color .15s,background .15s;white-space:nowrap}.ctrl-btn:hover{background:#ffffff1a;color:#fff}.play-btn{align-items:center;background:#e63946!important;background:var(--accent)!important;border-radius:50%!important;color:#fff!important;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.play-btn:hover{background:#ff6b6b!important;background:var(--accent2)!important}.volume-slider{appearance:none;background:#ffffff40;border-radius:2px;cursor:pointer;height:3px;outline:none;width:66px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;height:11px;width:11px}.time-display{color:#ffffffa6;font-family:monospace;font-size:.76rem;padding:0 .4rem;white-space:nowrap}@media (max-width:640px){:root{--sidebar-w:200px}.content-toolbar{padding:.5rem 1rem}.grid-area{padding:.75rem 1rem}.video-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.drop-zone{margin:.75rem 1rem 0}.controls-right{display:none}.volume-slider{width:48px}.brand-name{display:none}}.type-tabs{background:#1a1a20;background:var(--bg3);border:1px solid #2a2a38;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);display:flex;gap:2px;padding:2px}.type-tab{background:none;border:none;border-radius:4px;color:#9090a8;color:var(--text2);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.8rem;padding:.3rem .65rem;transition:background .15s,color .15s;white-space:nowrap}.type-tab:hover{background:#242430;background:var(--bg4);color:#e8e8f0;color:var(--text)}.type-tab.active{background:#e63946;background:var(--accent);color:#fff}.audio-art{transition:background .25s}.audio-art,.audio-art-rings{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.audio-art-ring{animation:ring-pulse 3s ease-in-out infinite;border:1.5px solid;border-radius:50%;height:80px;position:absolute;width:80px}.audio-art-ring.inner{animation-delay:-1.5s;height:48px;width:48px}@keyframes ring-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.audio-art-icon{filter:drop-shadow(0 2px 8px currentColor);font-size:2rem;z-index:1}.audio-card:hover .audio-art-ring{animation-duration:1s}.audio-play-overlay{font-size:1.5rem}.main-panel.has-audio-player .grid-area{padding-bottom:.5rem}.audio-player{background:#111115;background:var(--bg2);border-top:1px solid #2a2a38;border-top:1px solid var(--border);flex-shrink:0;padding:.75rem 1.25rem;transition:background .25s,border-color .25s}.audio-player-inner{display:flex;flex-direction:column;gap:.5rem;margin:0 auto;max-width:900px}.audio-info{align-items:center;gap:.65rem}.audio-info,.audio-meta{display:flex;min-width:0}.audio-meta{flex:1 1;flex-direction:column;gap:.1rem}.audio-title{color:#e8e8f0;color:var(--text);font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-folder{font-size:.72rem}.audio-close,.audio-folder{color:#5a5a72;color:var(--text3)}.audio-close{background:none;border:none;border-radius:3px;cursor:pointer;flex-shrink:0;font-size:.85rem;padding:4px 6px;transition:color .15s}.audio-close:hover{color:#e63946;color:var(--accent)}.waveform-canvas{border-radius:4px;display:block;height:48px;width:100%}.audio-progress-bar{background:#242430;background:var(--bg4);border-radius:2px;cursor:pointer;height:4px;position:relative;transition:height .15s}.audio-progress-bar:hover{height:6px}.audio-progress-fill{border-radius:2px;height:100%;left:0;top:0}.audio-progress-fill,.audio-progress-thumb{background:#e63946;background:var(--accent);pointer-events:none;position:absolute}.audio-progress-thumb{border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,#e63946 25%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,#0000);height:12px;opacity:0;top:50%;transform:translate(-50%,-50%);transition:opacity .15s;width:12px}.audio-progress-bar:hover .audio-progress-thumb{opacity:1}.audio-controls{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:60px 1fr 1fr}.audio-btns{gap:.25rem;justify-content:center}.audio-btns,.audio-vol{align-items:center;display:flex}.audio-vol{gap:.5rem;justify-content:flex-end}.audio-time{color:#5a5a72;color:var(--text3);font-family:monospace;font-size:.75rem;white-space:nowrap}.audio-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius);color:#9090a8;color:var(--text2);cursor:pointer;font-size:1rem;line-height:1;padding:.35rem .5rem;transition:color .15s,background .15s}.audio-btn:hover:not(:disabled){background:#1a1a20;background:var(--bg3);color:#e8e8f0;color:var(--text)}.audio-btn:disabled{cursor:not-allowed;opacity:.3}.audio-btn.audio-play-btn{align-items:center;background:#e63946!important;background:var(--accent)!important;border-radius:50%!important;color:#fff!important;display:flex;font-size:1rem;height:38px;justify-content:center;width:38px}.audio-btn.audio-play-btn:hover{background:#ff6b6b!important;background:var(--accent2)!important}.audio-btn-sm{background:none;border:none;color:#9090a8;color:var(--text2);cursor:pointer;font-size:.9rem;line-height:1;padding:2px;transition:color .15s}.audio-btn-sm:hover{color:#e8e8f0;color:var(--text)}@media (max-width:640px){.audio-controls{grid-template-columns:50px 1fr}.audio-vol,.type-tabs{display:none}}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-bg{background:radial-gradient(ellipse 70% 60% at 20% 50%,#e6394614 0,#0000 60%),radial-gradient(ellipse 50% 40% at 80% 30%,#e639460d 0,#0000 60%);inset:0;pointer-events:none;position:absolute}.login-card{animation:dialogIn .3s cubic-bezier(.34,1.56,.64,1);background:#111115;background:var(--bg2);border:1px solid #2a2a38;border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 80px #00000059;max-width:calc(100vw - 2rem);padding:2.25rem 2rem 2rem;position:relative;transition:background .25s,border-color .25s;width:380px}.login-brand{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:1.75rem}.login-title{color:#9090a8;color:var(--text2);font-size:1.1rem;font-weight:400;letter-spacing:.02em;margin-bottom:1.5rem;text-align:center}.login-form{gap:1rem}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:.35rem}.login-label{color:#5a5a72;color:var(--text3);font-size:.78rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.login-input{background:#1a1a20;background:var(--bg3);border:1px solid #2a2a38;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);color:#e8e8f0;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:300;outline:none;padding:.65rem .85rem;transition:border-color .2s,background .25s;width:100%}.login-input:focus{border-color:#e63946;border-color:var(--accent)}.login-input::placeholder{color:#5a5a72;color:var(--text3)}.login-input:disabled{opacity:.6}.login-pw-wrap{position:relative}.login-pw-wrap .login-input{padding-right:2.75rem}.login-pw-toggle{background:none;border:none;color:#5a5a72;color:var(--text3);cursor:pointer;font-size:1rem;line-height:1;padding:4px;position:absolute;right:.6rem;top:50%;transform:translateY(-50%);transition:color .15s}.login-pw-toggle:hover{color:#e8e8f0;color:var(--text)}.login-error{background:color-mix(in srgb,#e63946 10%,#0000);background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,#e63946 30%,#0000);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:6px;border-radius:var(--radius);color:#ff6b6b;color:var(--accent2);font-size:.82rem;padding:.5rem .75rem}.login-btn{align-items:center;background:#e63946;background:var(--accent);border:none;border-radius:6px;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:.25rem;padding:.7rem;transition:background .15s,opacity .15s}.login-btn:hover:not(:disabled){background:#ff6b6b;background:var(--accent2)}.login-btn:disabled{cursor:not-allowed;opacity:.45}.login-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.login-theme-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius);color:#5a5a72;color:var(--text3);cursor:pointer;display:block;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.8rem;margin-top:1.25rem;padding:.4rem;text-align:center;transition:color .15s,background .15s;width:100%}.login-theme-btn:hover{background:#1a1a20;background:var(--bg3);color:#e8e8f0;color:var(--text)}.header-user{color:#5a5a72;color:var(--text3)}.header-user,.logout-btn{font-size:.8rem;white-space:nowrap}.logout-btn{background:none;border:1px solid #2a2a38;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);color:#9090a8;color:var(--text2);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);padding:.28rem .65rem;transition:border-color .15s,color .15s,background .15s}.logout-btn:hover{background:color-mix(in srgb,#e63946 6%,#0000);background:color-mix(in srgb,var(--accent) 6%,#0000);border-color:#e63946;border-color:var(--accent);color:#e63946;color:var(--accent)}@media (max-width:640px){.header-user{display:none}.logout-btn{font-size:.75rem;padding:.25rem .5rem}}
/*# sourceMappingURL=main.152c0b25.css.map*/