:root,[data-theme=latte]{--base: #eff1f5;--mantle: #e6e9ef;--crust: #dce0e8;--surface0: #ccd0da;--surface1: #bcc0cc;--surface2: #acb0be;--overlay0: #9ca0b0;--overlay1: #8c8fa1;--overlay2: #7c7f93;--text: #4c4f69;--subtext0: #6c6f85;--subtext1: #5c5f77;--blue: #1e66f5;--lavender: #7287fd;--sapphire: #209fb5;--teal: #179299;--green: #40a02b;--yellow: #df8e1d;--peach: #fe640b;--maroon: #e64553;--red: #d20f39;--mauve: #8839ef;--pink: #ea76cb;--flamingo: #dd7878;--rosewater: #dc8a78;--blue-dim: rgba(30, 102, 245, .1);--mauve-dim: rgba(136, 57, 239, .08);--shadow: rgba(76, 79, 105, .06);--green-glow: rgba(64, 160, 43, .35);--blue-focus: rgba(30, 102, 245, .1);--red-dim: rgba(210, 15, 57, .1);--radius: 8px;--radius-sm: 4px;--font: "JetBrains Mono", monospace;color-scheme:light}[data-theme=frappe]{--base: #303446;--mantle: #292c3c;--crust: #232634;--surface0: #414559;--surface1: #51576d;--surface2: #626880;--overlay0: #737994;--overlay1: #838ba7;--overlay2: #949cbb;--text: #c6d0f5;--subtext0: #a5adce;--subtext1: #b5bfe2;--blue: #8caaee;--lavender: #babbf1;--sapphire: #85c1dc;--teal: #81c8be;--green: #a6d189;--yellow: #e5c890;--peach: #ef9f76;--maroon: #ea999c;--red: #e78284;--mauve: #ca9ee6;--pink: #f4b8e4;--flamingo: #eebebe;--rosewater: #f2d5cf;--blue-dim: rgba(140, 170, 238, .1);--mauve-dim: rgba(202, 158, 230, .1);--shadow: rgba(0, 0, 0, .25);--green-glow: rgba(166, 209, 137, .3);--blue-focus: rgba(140, 170, 238, .12);--red-dim: rgba(231, 130, 132, .1);color-scheme:dark}[data-theme=macchiato]{--base: #24273a;--mantle: #1e2030;--crust: #181926;--surface0: #363a4f;--surface1: #494d64;--surface2: #5b6078;--overlay0: #6e738d;--overlay1: #8087a2;--overlay2: #939ab7;--text: #cad3f5;--subtext0: #a5adcb;--subtext1: #b8c0e0;--blue: #8aadf4;--lavender: #b7bdf8;--sapphire: #7dc4e4;--teal: #8bd5ca;--green: #a6da95;--yellow: #eed49f;--peach: #f5a97f;--maroon: #ee99a0;--red: #ed8796;--mauve: #c6a0f6;--pink: #f5bde6;--flamingo: #f0c6c6;--rosewater: #f4dbd6;--blue-dim: rgba(138, 173, 244, .1);--mauve-dim: rgba(198, 160, 246, .1);--shadow: rgba(0, 0, 0, .3);--green-glow: rgba(166, 218, 149, .3);--blue-focus: rgba(138, 173, 244, .12);--red-dim: rgba(237, 135, 150, .1);color-scheme:dark}[data-theme=mocha]{--base: #1e1e2e;--mantle: #181825;--crust: #11111b;--surface0: #313244;--surface1: #45475a;--surface2: #585b70;--overlay0: #6c7086;--overlay1: #7f849c;--overlay2: #9399b2;--text: #cdd6f4;--subtext0: #a6adc8;--subtext1: #bac2de;--blue: #89b4fa;--lavender: #b4befe;--sapphire: #74c7ec;--teal: #94e2d5;--green: #a6e3a1;--yellow: #f9e2af;--peach: #fab387;--maroon: #eba0ac;--red: #f38ba8;--mauve: #cba6f7;--pink: #f5c2e7;--flamingo: #f2cdcd;--rosewater: #f5e0dc;--blue-dim: rgba(137, 180, 250, .1);--mauve-dim: rgba(203, 166, 247, .1);--shadow: rgba(0, 0, 0, .3);--green-glow: rgba(166, 227, 161, .3);--blue-focus: rgba(137, 180, 250, .12);--red-dim: rgba(243, 139, 168, .1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background-color:var(--base);background-image:radial-gradient(circle,var(--surface0) 1px,transparent 1px);background-size:24px 24px;color:var(--text);min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--surface2)}::selection{background:var(--blue-dim);color:var(--text)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes countdown-bar{0%{width:100%}to{width:0%}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--mantle);border-bottom:1px solid var(--surface0);position:sticky;top:0;z-index:50}.header-brand{display:flex;align-items:center;gap:.3rem;text-decoration:none;color:inherit;flex-shrink:0}.header-brand h1{font-size:1.1rem;font-weight:700;color:var(--text);letter-spacing:-.03em}.header-search{position:relative;flex:1;max-width:400px}.header-search .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--overlay0);pointer-events:none}.header-search input{width:100%;padding:.5rem 1rem .5rem 2.5rem;background:var(--base);border:1px solid var(--surface0);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:.78rem;outline:none;transition:border-color .2s,box-shadow .2s}.header-search input::placeholder{color:var(--overlay0)}.header-search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-focus)}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.header-user{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--subtext0)}.header-user .username{color:var(--text);font-weight:500}.btn{padding:.4rem .85rem;border:1px solid var(--surface0);border-radius:var(--radius-sm);background:transparent;color:var(--subtext0);font-family:var(--font);font-size:.72rem;cursor:pointer;white-space:nowrap;transition:all .2s;display:inline-flex;align-items:center;gap:.4rem}.btn:hover{border-color:var(--surface1);color:var(--text);background:var(--mantle)}.btn-primary{background:var(--blue);border-color:var(--blue);color:var(--crust);font-weight:600}.btn-primary:hover{opacity:.9;background:var(--blue);border-color:var(--blue);color:var(--crust)}.btn-danger{color:var(--red);border-color:var(--red-dim)}.btn-danger:hover{background:var(--red-dim);border-color:var(--red);color:var(--red)}.btn-sm{padding:.25rem .55rem;font-size:.65rem}.card{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem 1rem 1.5rem;background:var(--mantle);border:1px solid var(--surface0);border-radius:var(--radius);text-decoration:none;color:inherit;transition:all .2s ease;overflow:hidden;cursor:pointer}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--lavender);opacity:.3;transition:opacity .2s}.card:hover{border-color:var(--surface1);background:var(--crust);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow);text-decoration:none}.card:hover:before{opacity:1}.card-icon{flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--blue-dim);color:var(--blue);font-size:1.2rem}.card-icon.folder{background:var(--mauve-dim);color:var(--mauve)}.card-body{flex:1;min-width:0}.card-body h2{font-size:.88rem;font-weight:600;margin-bottom:.15rem;white-space:nowrap;overflow:hidden;color:var(--text);mask-image:linear-gradient(to right,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 90%,transparent 100%)}.card-body h2 .scroll-text{display:inline-block;padding-right:2rem}.card:hover .card-body h2 .scroll-text.overflowing{animation:scroll-text var(--scroll-duration, 6s) linear .4s infinite}@keyframes scroll-text{0%{transform:translate(0)}to{transform:translate(-50%)}}.card-meta{display:block;font-size:.68rem;color:var(--overlay0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-footer{display:flex;align-items:center;gap:.5rem;margin-top:.35rem;overflow:hidden}.card-badge{display:inline-block;padding:.1rem .45rem;font-size:.58rem;border-radius:3px;font-weight:500;white-space:nowrap}.card-badge.type-folder{background:var(--mauve-dim);color:var(--mauve)}.card-badge.type-video{background:var(--blue-dim);color:var(--blue)}.card-badge.progress{background:var(--green-glow);color:var(--green)}.card-size{font-size:.6rem;color:var(--overlay0);margin-left:auto}.breadcrumbs{display:flex;align-items:center;gap:.3rem;padding:.75rem 1.5rem;font-size:.75rem;overflow-x:auto;scrollbar-width:none}.breadcrumbs::-webkit-scrollbar{display:none}.breadcrumb-item{padding:.2rem .5rem;border:1px solid var(--surface0);border-radius:var(--radius-sm);background:transparent;color:var(--subtext0);font-family:var(--font);font-size:.7rem;cursor:pointer;white-space:nowrap;transition:all .2s;text-decoration:none}.breadcrumb-item:hover{border-color:var(--surface1);color:var(--text);background:var(--mantle);text-decoration:none}.breadcrumb-item.active{background:var(--blue);border-color:var(--blue);color:var(--crust);font-weight:600}.breadcrumb-sep{color:var(--overlay0);font-size:.65rem;-webkit-user-select:none;user-select:none}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:.75rem;padding:.5rem 1.5rem 3rem;max-width:1600px;margin:0 auto;width:100%}.theme-switcher{position:relative}.theme-toggle{width:34px;height:34px;border:1px solid var(--surface0);border-radius:var(--radius);background:var(--mantle);color:var(--subtext0);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color .2s,color .2s}.theme-toggle:hover{border-color:var(--surface1);color:var(--text)}.theme-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--mantle);border:1px solid var(--surface0);border-radius:var(--radius);padding:4px;z-index:100;min-width:150px;box-shadow:0 8px 24px var(--shadow)}.theme-menu.open{display:flex;flex-direction:column;gap:2px}.theme-option{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--subtext0);font-family:var(--font);font-size:.72rem;cursor:pointer;transition:all .15s}.theme-option:hover{background:var(--surface0);color:var(--text)}.theme-option.active{color:var(--blue)}.theme-swatch{width:14px;height:14px;border-radius:50%;border:2px solid var(--surface1);flex-shrink:0}.theme-option.active .theme-swatch{border-color:var(--blue)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;animation:fade-in .15s ease}.modal{background:var(--mantle);border:1px solid var(--surface0);border-radius:var(--radius);padding:1.5rem;min-width:350px;max-width:500px;width:90%;box-shadow:0 16px 48px var(--shadow);animation:slide-up .2s ease}.modal h2{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.form-group{margin-bottom:.85rem}.form-group label{display:block;font-size:.7rem;color:var(--subtext0);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select{width:100%;padding:.5rem .75rem;background:var(--base);border:1px solid var(--surface0);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:.8rem;outline:none;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-focus)}.form-group select{cursor:pointer}.form-error{color:var(--red);font-size:.72rem;margin-top:.75rem;padding:.4rem .6rem;background:var(--red-dim);border-radius:var(--radius-sm)}video::cue{font-family:JetBrains Mono,monospace;font-size:1.05rem;background:#000000b3;color:#fff;border-radius:2px;padding:.15em .4em;line-height:1.5}video::-webkit-media-text-track-container{transform:translateY(-3rem)}video::-webkit-media-text-track-display{transform:translateY(-3rem)}.player-layout{display:flex;flex:1;min-height:0;overflow:hidden}.player-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--crust)}.player-video-container{position:relative;width:100%;flex:1;display:flex;align-items:center;justify-content:center;background:#000;min-height:0}.player-video-container video{width:100%;height:100%;object-fit:contain}.player-controls{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--mantle);border-top:1px solid var(--surface0);font-size:.72rem}.player-controls button{background:none;border:none;color:var(--subtext0);cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:color .2s;font-family:var(--font);font-size:.72rem}.player-controls button:hover{color:var(--text)}.player-progress{flex:1;height:6px;background:var(--surface0);border-radius:3px;cursor:pointer;position:relative;padding:11px 0;margin:-11px 0;background-clip:content-box;transition:height .15s ease}.player-progress:hover{height:10px}.player-progress-fill{position:absolute;left:0;top:11px;height:6px;background:linear-gradient(90deg,var(--blue),var(--teal));border-radius:3px;transition:width .1s linear,height .15s ease,top .15s ease;pointer-events:none}.player-progress:hover .player-progress-fill{height:10px;top:9px}.player-time{color:var(--overlay0);font-size:.68rem;white-space:nowrap;font-variant-numeric:tabular-nums}.volume-slider{width:60px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface0);border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--blue);cursor:pointer}.playlist-sidebar{width:320px;background:var(--mantle);border-left:1px solid var(--surface0);display:flex;flex-direction:column;flex-shrink:0}.playlist-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--surface0);font-size:.78rem;font-weight:600}.playlist-header .autoplay-toggle{display:flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:400;color:var(--subtext0);cursor:pointer;background:none;border:none;font-family:var(--font)}.autoplay-dot{width:6px;height:6px;border-radius:50%;background:var(--overlay0);transition:all .2s}.autoplay-dot.active{background:var(--green);box-shadow:0 0 6px var(--green-glow);animation:pulse-dot 2s ease-in-out infinite}.playlist-items{flex:1;overflow-y:auto;padding:.5rem}.playlist-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;font-size:.72rem;color:var(--subtext0);border:1px solid transparent}.playlist-item:hover{background:var(--surface0);color:var(--text)}.playlist-item.active{background:var(--blue-dim);color:var(--blue);border-color:var(--blue);font-weight:500}.playlist-item-name{flex:1;white-space:nowrap;overflow:hidden;mask-image:linear-gradient(to right,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 85%,transparent 100%)}.playlist-item-name .scroll-text{display:inline-block;padding-right:2rem}.playlist-item:hover .playlist-item-name .scroll-text.overflowing{animation:scroll-text var(--scroll-duration, 6s) linear .4s infinite}.playlist-item-index{font-size:.6rem;color:var(--overlay0);width:1.5rem;text-align:center;flex-shrink:0}.autoplay-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:10;animation:fade-in .3s ease}.autoplay-overlay h3{color:var(--text);font-size:.9rem;font-weight:600}.autoplay-overlay .next-name{color:var(--blue);font-size:.82rem;max-width:80%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autoplay-countdown-bar{width:200px;height:3px;background:var(--surface0);border-radius:2px;overflow:hidden}.autoplay-countdown-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--teal));animation:countdown-bar 5s linear forwards}.resume-toast{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);background:var(--mantle);border:1px solid var(--surface0);border-radius:var(--radius);padding:.65rem 1rem;display:flex;align-items:center;gap:.75rem;font-size:.75rem;box-shadow:0 8px 24px var(--shadow);animation:slide-up .3s ease;z-index:20;white-space:nowrap}.resume-toast span{color:var(--subtext0)}.resume-toast strong{color:var(--text)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--mantle);border:1px solid var(--surface0);border-radius:var(--radius);padding:2rem;width:360px;box-shadow:0 8px 24px var(--shadow)}.login-header{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-bottom:1.75rem}.login-header h1{font-size:1.6rem;font-weight:700;color:var(--text);letter-spacing:-.03em}.admin-page{max-width:900px;margin:0 auto;padding:1.5rem;width:100%}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.admin-header h2{font-size:1rem;font-weight:600}.user-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--mantle);border:1px solid var(--surface0);border-radius:var(--radius);overflow:hidden}.user-table th,.user-table td{padding:.65rem 1rem;text-align:left;font-size:.78rem;border-bottom:1px solid var(--surface0)}.user-table th{background:var(--crust);color:var(--subtext0);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.user-table tr:last-child td{border-bottom:none}.user-table tr:hover td{background:var(--crust)}.role-badge{display:inline-block;padding:.1rem .45rem;font-size:.6rem;border-radius:3px;font-weight:500}.role-badge.admin{background:var(--mauve-dim);color:var(--mauve)}.role-badge.user{background:var(--blue-dim);color:var(--blue)}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--overlay0);font-size:.85rem}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--mantle);border:1px solid var(--surface0);border-radius:var(--radius);max-height:400px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px var(--shadow)}.search-result-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;cursor:pointer;transition:background .15s;font-size:.78rem;border-bottom:1px solid var(--surface0)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--surface0)}.search-result-path{font-size:.65rem;color:var(--overlay0)}.skip-btn{opacity:.8}.skip-btn:hover{opacity:1}.player-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-playlist-toggle{display:none;position:fixed;bottom:1rem;right:1rem;z-index:60;padding:.6rem .85rem;background:var(--mantle);border:1px solid var(--surface0);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:.72rem;cursor:pointer;align-items:center;gap:.4rem;box-shadow:0 4px 16px var(--shadow);transition:all .2s}.mobile-playlist-toggle:hover{border-color:var(--surface1);background:var(--surface0)}.playlist-backdrop{display:none}.playlist-close-btn{display:none;background:none;border:none;color:var(--subtext0);cursor:pointer;padding:.2rem;transition:color .2s}.playlist-close-btn:hover{color:var(--text)}.skeleton-card{cursor:default;pointer-events:none}.skeleton-card:hover{transform:none;box-shadow:none;border-color:var(--surface0);background:var(--mantle)}.skeleton-card .card-icon{background:var(--surface0)}.skeleton-line{border-radius:var(--radius-sm);background:var(--surface0)}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:768px){.app-header{padding:.5rem 1rem;flex-wrap:wrap}.header-search{order:3;max-width:none;width:100%}.file-grid{grid-template-columns:1fr;padding:.5rem 1rem 2rem;gap:.5rem}.breadcrumbs{padding:.5rem 1rem}.player-layout{flex-direction:column}.playlist-sidebar{position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);z-index:210;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-left:1px solid var(--surface0);box-shadow:-4px 0 24px var(--shadow)}.playlist-sidebar.mobile-open{transform:translate(0)}.mobile-playlist-toggle{display:flex}.playlist-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;animation:fade-in .2s ease}.playlist-close-btn{display:flex}.volume-slider{display:none}.admin-page{padding:1rem}.user-table{font-size:.7rem}}