:root{--bg: #0f1115;--bg-elev: #161922;--bg-elev-2: #1e222e;--border: #262b38;--text: #e6e8ee;--text-dim: #8b91a3;--accent: #4f8cff;--accent-soft: rgba(79, 140, 255, .15);--danger: #ff6b6b;--radius: 8px;--gap: 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.4}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.app__header{padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg-elev);flex-shrink:0}.app__brand{margin:0;font-size:16px;font-weight:600;letter-spacing:.5px}.app__brand-link{color:inherit;text-decoration:none;display:inline-block}.app__brand-link:hover .app__brand,.app__brand-link:focus-visible .app__brand{opacity:.8}.app__brand-link:focus:not(:focus-visible){outline:none}.app__main{flex:1;display:grid;grid-template-columns:1fr;gap:var(--gap);padding:var(--gap);min-height:0}.app__main--list{justify-items:center}.app__main--list .list{width:100%;max-width:760px}.player{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;position:relative;-webkit-tap-highlight-color:transparent}.player--hide-cursor .player__frame,.player--hide-cursor .player__video{cursor:none}.player__frame{position:relative;background:#000;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.player__video{position:absolute;left:0;top:0;width:100%;height:100%;display:block;outline:none;-webkit-tap-highlight-color:transparent;background:#000;cursor:pointer;object-fit:contain;opacity:.999}.player__video--hidden{display:none}.player__placeholder{text-align:center;padding:24px;color:var(--text-dim)}.player__placeholder-title{font-size:18px;font-weight:500;margin-bottom:12px;color:var(--text)}.player__placeholder-hint{font-size:13px;line-height:1.7;max-width:600px}.player__placeholder-hint kbd{display:inline-block;padding:2px 6px;border-radius:4px;background:var(--bg-elev-2);border:1px solid var(--border);border-bottom-width:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--text);margin:0 1px}.player__topbar{position:absolute;top:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:10px 12px 12px;background:none;opacity:1;transition:opacity .2s ease;pointer-events:none}.player__topbar--hidden{opacity:0;pointer-events:none}.player__topbar--hidden .player__close,.player__topbar--hidden .player__topbar-title{pointer-events:none}.player__topbar-side{display:flex;align-items:center;gap:8px;min-width:0}.player__topbar-side--right{justify-content:flex-end}.player__topbar-title{justify-self:center;text-align:center;max-width:60vw;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 18px;background:radial-gradient(ellipse 75% 130% at 50% 45%,#0009,#00000073 45%,#0000 78%);text-shadow:0 1px 3px rgba(0,0,0,.85);pointer-events:auto}.player__close{background:#00000059;border-radius:50%;pointer-events:auto}.player__close:hover{background:#0000008c}.player__error{background:#ff6b6b1a;border:1px solid var(--danger);color:var(--danger);padding:8px 12px;border-radius:var(--radius);font-size:13px}.player__controls{position:absolute;left:0;right:0;bottom:0;padding:32px 12px 10px;background:linear-gradient(to top,#000000bf,#0000);display:flex;flex-direction:column;gap:4px;opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease;z-index:3}.player__controls--hidden{opacity:0;transform:translateY(8px);pointer-events:none}.player__seek{position:relative;height:18px;display:flex;align-items:center}.player__seek-bar{position:absolute;left:0;right:0;height:4px;background:#fff3;border-radius:2px;overflow:hidden;pointer-events:none;transition:height .15s ease}.player__seek:hover .player__seek-bar{height:6px}.player__seek-buffered{position:absolute;top:0;left:0;height:100%;background:#ffffff59}.player__seek-progress{position:absolute;top:0;left:0;height:100%;background:var(--accent)}.player__seek-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.player__seek-input:focus,.player__vol-input:focus{outline:none}.player__btn:focus:not(:focus-visible),.player__track-item:focus:not(:focus-visible),.player__ctx-item:focus:not(:focus-visible){outline:none}.player__seek-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);border:none;box-shadow:0 0 0 2px #0000004d;cursor:pointer;opacity:0;transition:opacity .15s ease}.player__seek:hover .player__seek-input::-webkit-slider-thumb{opacity:1}.player__seek-input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:none;cursor:pointer;opacity:0;transition:opacity .15s ease}.player__seek:hover .player__seek-input::-moz-range-thumb{opacity:1}.player__seek-input::-moz-range-track{background:transparent}.player__seek-preview{position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);padding:3px 7px;background:#000000d9;color:#fff;font-size:12px;font-variant-numeric:tabular-nums;border-radius:4px;pointer-events:none;white-space:nowrap;z-index:2}.player__seek-preview:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000d9}.player__bar{display:flex;align-items:center;gap:8px;color:var(--text)}.player__spacer{flex:1}.player__screenshot{margin-left:6px}.player__btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text);border:none;border-radius:6px;width:34px;height:34px;cursor:pointer;transition:background .12s ease;flex-shrink:0}.player__btn:hover{background:#ffffff1f}.player__time{font-variant-numeric:tabular-nums;font-size:13px;display:flex;align-items:baseline;gap:4px;padding:0 4px}.player__time-sep,.player__time-dim{color:var(--text-dim)}.player__vol{display:flex;align-items:center;gap:4px}.player__vol-input{width:0;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--vol, 0%),rgba(255,255,255,.25) var(--vol, 0%),rgba(255,255,255,.25) 100%);border-radius:2px;cursor:pointer;margin:0;outline:none;opacity:0;transition:width .2s ease,opacity .2s ease}.player__vol:hover .player__vol-input,.player__vol-input:focus{width:80px;opacity:1}.player__vol-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:none;cursor:pointer}.player__vol-input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:none;cursor:pointer}.player__track,.player__help{position:relative}.player__help-popup{position:absolute;bottom:calc(100% + 8px);right:0;min-width:280px;max-width:380px;width:max-content;background:#161922fa;border:1px solid var(--border);border-radius:8px;padding:12px 14px;box-shadow:0 6px 24px #00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:7}@media (max-width: 600px){.player__help-popup{position:fixed;left:8px;right:8px;bottom:90px;width:auto;max-width:none;min-width:0}}.player__help-group+.player__help-group{margin-top:10px}.player__help-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:6px}.player__help-list{margin:0;display:grid;grid-template-columns:max-content 1fr;column-gap:14px;row-gap:4px}.player__help-row{display:contents}.player__help-keys{display:inline-flex;align-items:center;gap:4px;margin:0}.player__help-sep{color:var(--text-dim);font-size:11px}.player__help-desc{margin:0;font-size:13px;color:var(--text);align-self:center}.player__help-popup kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;padding:2px 6px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;border-radius:4px;color:var(--text);line-height:1;display:inline-block}.player__track-menu{position:absolute;bottom:calc(100% + 8px);right:0;min-width:200px;max-width:280px;background:#161922f7;border:1px solid var(--border);border-radius:6px;list-style:none;margin:0;padding:4px;box-shadow:0 -8px 24px #00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-height:280px;overflow-y:auto}.player__track-menu li+li{margin-top:1px}.player__track-item{width:100%;display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text);padding:7px 10px;border-radius:4px;cursor:pointer;font-size:13px;text-align:left;transition:background .1s ease}.player__track-item:hover{background:var(--bg-elev-2)}.player__track-item--active{color:var(--accent)}.player__track-check{width:14px;flex-shrink:0;font-size:12px;line-height:1}.player__track-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__vol-overlay{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#000000a6;color:#fff;font-size:14px;font-weight:500;border-radius:6px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:6;pointer-events:none;animation:player-overlay-in .12s ease-out}@keyframes player-overlay-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.player__toast{position:absolute;bottom:80px;left:50%;padding:8px 14px;background:#000000bf;color:#fff;font-size:13px;border-radius:6px;z-index:5;pointer-events:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:player-toast-in .15s ease-out forwards}@keyframes player-toast-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.player__ctx{position:absolute;z-index:6;min-width:260px;background:#161922fa;border:1px solid var(--border);border-radius:6px;padding:4px;box-shadow:0 6px 24px #00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.player__ctx-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;border:none;color:var(--text);padding:8px 10px;border-radius:4px;cursor:pointer;font-size:13px;text-align:left;transition:background .1s ease}.player__ctx-item:hover{background:var(--bg-elev-2)}.player:fullscreen{background:#000;padding:0;position:relative}.player:fullscreen .player__frame{height:100%}.list{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;overflow:hidden}.list__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.list__title{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim)}.list__refresh{background:transparent;border:1px solid var(--border);color:var(--text);width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.list__refresh:hover:not(:disabled){background:var(--bg-elev-2)}.list__refresh:disabled{opacity:.4;cursor:default}.list__items{list-style:none;margin:0;padding:4px;overflow-y:auto;flex:1;min-height:0}.list__items li+li{margin-top:2px}.list__item{width:100%;background:transparent;border:none;color:var(--text);padding:10px 12px;border-radius:6px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:4px;transition:background .12s ease}.list__item:hover{background:var(--bg-elev-2)}.list__item--active{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.list__item--active:hover{background:var(--accent-soft)}.list__item-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__item-date{font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.list__footer{padding:8px;border-top:1px solid var(--border);flex-shrink:0}.list__empty{padding:32px 16px;text-align:center;color:var(--text-dim);font-size:13px}.list__error{margin:8px;padding:8px 12px;background:#ff6b6b1a;border:1px solid var(--danger);color:var(--danger);border-radius:6px;font-size:13px}.list__folder{width:100%;background:transparent;border:none;color:var(--text);padding:10px 12px;border-radius:6px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px;transition:background .12s ease;font:inherit}.list__folder:hover{background:var(--bg-elev-2)}.list__folder-icon{display:inline-block;width:12px;text-align:center;color:var(--text-dim);font-size:10px;flex-shrink:0}.list__folder-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.list__folder-count{font-size:11px;color:var(--text-dim);background:var(--bg-elev-2);padding:1px 6px;border-radius:8px;font-variant-numeric:tabular-nums;flex-shrink:0}.list__folder--level-2,.list__item--level-1{padding-left:32px}.list__item--level-2{padding-left:52px}.list__loading{text-align:center;color:var(--text-dim);font-size:12px;padding:4px}.player__video::-webkit-media-text-track-container,.player__video::-webkit-media-text-track-display,.player__video::cue{display:none!important}.player__video::cue{color:transparent;background:transparent}.player__subs{position:absolute;left:0;right:0;--subs-base: 32px;--subs-letterbox: 0px;bottom:calc(var(--subs-base) + var(--subs-letterbox));display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 5%;z-index:4;pointer-events:none;text-align:center;transition:bottom .2s ease}.player__subs--shifted{--subs-base: 70px}.player__subs-line{display:inline-block;max-width:100%;padding:4px 10px;background:#000000b8;color:#fff;font-size:clamp(15px,2.2vw,22px);font-weight:500;line-height:1.35;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:pre-wrap;word-wrap:break-word}.player__subs-line i{font-style:italic}.player__subs-line b{font-weight:700}.player__subs-line u{text-decoration:underline}.player:fullscreen .player__subs,.page-player .player__subs{padding:0 8%}.page-player{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}.page-player .player{height:100%;gap:0}.page-player .player__frame{height:100%}@media (max-width: 900px){.app__main--list .list{max-width:none}}.player__subs-settings-popup{min-width:220px;max-width:320px;padding:10px 12px;display:flex;flex-direction:column;gap:10px}.player__subs-settings-group{display:flex;flex-direction:column;gap:6px}.player__subs-settings-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.player__subs-settings-row{display:flex;gap:4px;flex-wrap:wrap}.player__subs-settings-chip{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.15);border-radius:5px;padding:6px 10px;font-size:12px;font-weight:500;cursor:pointer;transition:background .1s ease,border-color .1s ease,color .1s ease;min-width:36px;text-align:center}.player__subs-settings-chip:hover{background:#ffffff14;border-color:#ffffff4d}.player__subs-settings-chip--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.player__tracks-popup{min-width:320px;max-width:480px}.player__tracks-cols{display:flex;gap:16px}.player__tracks-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px}.player__tracks-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;max-height:260px;overflow-y:auto}.player__center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border:none;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .2s ease,transform .2s ease}.player__center-play svg{width:34px;height:34px}.player__center-play--hidden{opacity:0;pointer-events:none}.player--touch .player__btn{width:44px;height:44px}.player--touch .player__close{width:40px;height:40px}.player--touch .player__seek{height:28px}.player--touch .player__seek-input::-webkit-slider-thumb{opacity:1;width:16px;height:16px}.player--touch .player__seek-input::-moz-range-thumb{opacity:1;width:16px;height:16px}.player--touch .player__vol-input,.player--touch .player__fullscreen{display:none}.player--touch .player__topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-top:max(10px,env(safe-area-inset-top))}.player--touch .player__controls{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom))}@media (max-width: 600px){.player__track-menu,.player__subs-settings-popup,.player__tracks-popup{position:fixed;left:8px;right:8px;bottom:86px;width:auto;min-width:0;max-width:none;max-height:60vh}.player__tracks-cols{flex-direction:column}.list__item,.list__folder{padding-top:13px;padding-bottom:13px}}.player__intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(120% 120% at 50% 0%,var(--bg-elev) 0%,var(--bg) 70%);padding-top:max(24px,env(safe-area-inset-top));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}.player__intro-back{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));width:40px;height:40px}.player__intro-content{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:760px;width:100%;text-align:center}.player__intro-title{margin:0;font-size:clamp(22px,4vw,34px);font-weight:700;line-height:1.2;color:var(--text);overflow-wrap:anywhere}.player__intro-meta{color:var(--text-dim);font-size:15px;line-height:1.5}.player__watch-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 28px;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:16px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:filter .15s ease,transform .05s ease}.player__watch-btn:hover{filter:brightness(1.08)}.player__watch-btn:active{transform:translateY(1px)}.player__watch-btn:disabled{background:var(--bg-elev-2);color:var(--text-dim);cursor:default}.player__watch-btn svg{width:22px;height:22px}.player--touch .player__watch-btn{padding:14px 32px;font-size:17px}.player__tooltip{position:absolute;z-index:60;transform:translate(-50%,-100%);padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);font-size:13px;line-height:1.2;white-space:nowrap;max-width:70vw;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 16px #0006;pointer-events:none}.player__tooltip--below{transform:translate(-50%)}.player__help-iconkey{display:inline-flex;align-items:center}.player__help-iconkey svg{width:16px;height:16px}