:root{--bg-dark:#000;--bg-darker:#000;--glass-bg:#000;--glass-border:#333;--primary:#fff;--primary-hover:#ccc;--text-main:#fff;--text-muted:#888}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background:var(--bg-dark);color:var(--text-main);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:2px}.app-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;display:flex}header h1{color:#fff;align-items:center;gap:.75rem;font-size:1.5rem;display:flex}.breadcrumbs{border-left:1px solid var(--glass-border);align-items:center;gap:.5rem;margin-left:1rem;padding-left:1rem;display:flex}.breadcrumb-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1rem;transition:color .2s}.breadcrumb-btn:hover{color:var(--text-main);background:#ffffff0d}.breadcrumbs span:last-child .breadcrumb-btn{color:var(--text-main);font-weight:600}.toggle-btn{cursor:pointer;color:var(--text-muted);background:0 0;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex}.toggle-btn:hover{color:var(--text-main);background:#ffffff0d}.toggle-btn.active{color:#000;border-color:var(--primary);background:#fff}.view-switcher{border-radius:10px;padding:.2rem;display:flex}.view-switcher button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:.42rem;display:grid}.view-switcher button:hover,.view-switcher button.active{color:#000;background:#fff}.login-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.login-card{flex-direction:column;align-items:center;gap:1.5rem;max-width:450px;padding:3rem;display:flex}.login-card p{color:var(--text-muted);font-size:1.1rem;line-height:1.5}.file-browser.grid-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.file-browser.list-view{flex-direction:column;gap:.5rem;display:flex}.list-heading{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;grid-template-columns:minmax(200px,1fr) 120px 100px 32px;gap:1rem;padding:0 1rem .5rem 4.25rem;font-size:.75rem;font-weight:700;display:grid}.file-card{background:var(--glass-bg);border:2px solid #0000;transition:all .2s;position:relative;overflow:visible}.file-card.drag-over{border-color:var(--primary);background:#111;transform:scale(1.02)}.file-card:hover{border-color:#fff3}.file-content{cursor:pointer;align-items:center;gap:1rem;width:100%;padding:1.5rem;display:flex}.file-icon-wrapper{background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.file-card.folder .file-icon-wrapper{background:#222}.file-info{flex-grow:1;overflow:hidden}.file-info h3{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:1rem;font-weight:500;overflow:hidden}.file-info p{color:var(--text-muted);font-size:.8rem}.list-view .file-card{border-radius:10px;display:block}.list-view .file-content{align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.list-view .file-icon-wrapper{border-radius:2px;flex-shrink:0;width:36px;height:36px}.list-view .file-info{flex:1;grid-template-columns:minmax(200px,1fr) 120px 100px 32px;align-items:center;gap:1rem;display:grid}.list-view .file-info h3{margin:0;font-size:.95rem}.list-view .file-type-label,.list-view .file-size-label{color:var(--text-muted);margin:0;font-size:.85rem}.watched-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}.watched-btn:hover{color:#fff;background:#ffffff1a}.watched-btn.active{color:#fff}.watched-btn.active:hover{background:#ffffff26}.duration-badge{color:#cbd5e1;font-variant-numeric:tabular-nums;background:#00000080;border-radius:4px;margin-left:.5rem;padding:.1rem .35rem;font-size:.7rem;display:inline-block}.menu-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;position:absolute;top:1rem;right:1rem}.menu-btn:hover{color:#fff;background:#ffffff1a}.context-menu{z-index:50;flex-direction:column;min-width:180px;padding:.5rem;display:flex;position:absolute;top:3rem;right:1rem}.context-menu button{color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:2px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.context-menu button:hover{background:#ffffff1a}.player-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;opacity:0;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{to{opacity:1}}.player-header{background:linear-gradient(#000c,#0000);justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;display:flex;position:absolute;top:0}.player-header h2{white-space:nowrap;text-overflow:ellipsis;padding-right:1rem;overflow:hidden}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background .2s;display:flex}.close-btn:hover{background:#ffffff1a}.video-player-container{border:1px solid var(--glass-border);width:90%;max-width:1200px;max-height:80vh;box-shadow:none;background:#000;border-radius:2px;flex-direction:column;display:flex;position:relative;overflow:hidden}.player-controls{background:#111827;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:1rem;max-height:200px;padding:.7rem .9rem;transition:all .3s;display:flex;overflow:hidden}.player-controls.hidden{opacity:0;pointer-events:none;border-top:none;max-height:0;padding-top:0;padding-bottom:0}.volume-wrapper{align-items:center;display:flex;position:relative}.volume-slider-container{align-items:center;width:0;transition:width .3s;display:flex;overflow:hidden}.volume-wrapper:hover .volume-slider-container,.volume-slider-container:focus-within,.volume-slider-container.active{width:80px;margin-left:.5rem}.volume-slider{-webkit-appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;width:100%;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.action-indicator{color:#fff;z-index:100;pointer-events:none;background:#0009;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.2rem;font-weight:600;animation:.6s forwards popInOut;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes popInOut{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.speed-control,.speed-options,.orientation-button{align-items:center;display:flex}.speed-control{gap:.65rem}.speed-control>span{color:var(--text-muted);font-size:.82rem;font-weight:600}.speed-options{flex-wrap:wrap;gap:.35rem}.speed-options button,.orientation-button{color:#fff;cursor:pointer;background:#000;border:1px solid #ffffff29;border-radius:2px;transition:all .15s}.speed-options button{min-width:39px;padding:.32rem .38rem;font-size:.78rem}.speed-options button:hover,.speed-options button.active,.orientation-button:hover,.orientation-button.active{color:#000;background:#fff;border-color:#fff}.orientation-button{white-space:nowrap;gap:.42rem;padding:.42rem .58rem;font-size:.8rem}.player-error{color:#fecaca;background:#7f1d1dbf;border:1px solid #fca5a559;border-radius:0 0 12px 12px;align-items:center;gap:.75rem;width:90%;max-width:1200px;padding:.9rem 1rem;font-size:.9rem;display:flex}.player-status{color:#bfdbfe;background:#1e40af73;border-top:1px solid #93c5fd40;padding:.65rem 1rem;font-size:.85rem}.custom-seekbar-container{-webkit-user-select:none;user-select:none;background:#0d1117;border-top:1px solid #ffffff14;align-items:center;gap:.6rem;padding:.6rem 1rem;display:flex}.seekbar-track{cursor:pointer;background:#ffffff1f;border-radius:3px;flex:1;height:6px;transition:height .15s;position:relative}.seekbar-track:hover{height:10px}.seekbar-track:hover .seekbar-thumb{opacity:1;transform:translateY(-50%)scale(1)}.seekbar-buffered{pointer-events:none;background:#ffffff2e;border-radius:3px;height:100%;transition:width .3s;position:absolute;top:0;left:0}.seekbar-fill{background:#fff;border-radius:3px;min-width:0;height:100%;transition:width .1s linear;position:relative}.seekbar-thumb{opacity:0;pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;transition:opacity .15s,transform .15s;position:absolute;top:50%;right:-7px;transform:translateY(-50%)scale(.6);box-shadow:0 0 6px #3b82f699,0 0 12px #8b5cf64d}.time-display{color:#94a3b8;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center;min-width:42px;font-size:.78rem;font-weight:500}.seek-skip-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:2px;justify-content:center;align-items:center;padding:.3rem;transition:all .15s;display:flex}.seek-skip-btn:hover{color:#000;background:#fff;border-color:#fff}.seeking-overlay{z-index:10;color:#bfdbfe;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:calc(100% - 120px);font-size:.95rem;display:flex;position:absolute;top:0;left:0}.seeking-spinner{animation:1s linear infinite spin}.player-error a{color:#fff;white-space:nowrap;align-items:center;gap:.3rem;margin-left:auto;display:inline-flex}video{object-fit:contain;flex-grow:1;width:100%;height:100%;min-height:0;display:block}:-webkit-any(.video-player-container:fullscreen,.video-player-container:-webkit-full-screen){background:#000;border-radius:0;display:block;width:100vw!important;max-width:none!important;height:100vh!important}:is(.video-player-container:fullscreen,.video-player-container:fullscreen){background:#000;border-radius:0;display:block;width:100vw!important;max-width:none!important;height:100vh!important}:-webkit-any(.video-player-container:fullscreen video,.video-player-container:-webkit-full-screen video){object-fit:contain;margin:0;padding:0;width:100vw!important;height:100vh!important;max-height:100vh!important}:is(.video-player-container:fullscreen video,.video-player-container:fullscreen video){object-fit:contain;margin:0;padding:0;width:100vw!important;height:100vh!important;max-height:100vh!important}:-webkit-any(.video-player-container:fullscreen .custom-seekbar-container,.video-player-container:-webkit-full-screen .custom-seekbar-container){z-index:20;box-sizing:border-box;background:linear-gradient(#0000,#000c);width:100%;padding:1rem .6rem .5rem;position:absolute;bottom:56px;left:0}:is(.video-player-container:fullscreen .custom-seekbar-container,.video-player-container:fullscreen .custom-seekbar-container){z-index:20;box-sizing:border-box;background:linear-gradient(#0000,#000c);width:100%;padding:1rem .6rem .5rem;position:absolute;bottom:56px;left:0}:-webkit-any(.video-player-container:fullscreen .player-controls,.video-player-container:-webkit-full-screen .player-controls){z-index:20;box-sizing:border-box;background:#111827f2;width:100%;position:absolute;bottom:0;left:0}:is(.video-player-container:fullscreen .player-controls,.video-player-container:fullscreen .player-controls){z-index:20;box-sizing:border-box;background:#111827f2;width:100%;position:absolute;bottom:0;left:0}.spinner{border:3px solid #ffffff1a;border-top:3px solid var(--primary);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;margin-top:4rem;display:flex}@media (width<=720px){.app-container{padding:1rem}header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.breadcrumbs{border-left:0;max-width:100%;margin-left:0;padding-left:0;overflow-x:auto}.list-heading{display:none}.list-view .file-info{grid-template-columns:1fr 60px 32px;gap:.5rem}.list-view .file-info h3{grid-column:1}.list-view .file-size-label{grid-column:2;justify-self:end}.list-view .file-type-label{display:none}.player-error{flex-wrap:wrap;align-items:flex-start}.player-error a{margin-left:28px}.player-controls{flex-direction:column;align-items:flex-start}.speed-control{flex-direction:column;align-items:flex-start;gap:.35rem}.custom-seekbar-container{gap:.4rem;padding:.5rem .6rem}.time-display{min-width:36px;font-size:.7rem}.seekbar-track{height:8px}.seekbar-track:hover{height:10px}}