:root{--bg:#0f0e0c;--bg-2:#16140f;--panel:#1c1915;--line:#2a2620;--text:#ece6da;--muted:#8a8275;--amber:#e8a54a;--amber-dim:#9c6f2e;--ok:#6fbf7f;--err:#e07a5a;--radius:10px}*{box-sizing:border-box}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--amber);outline-offset:1px}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Figtree,Segoe UI,system-ui,sans-serif}#root{min-height:100%}.app{flex-direction:column;max-width:980px;min-height:100vh;margin:0 auto;padding:16px;display:flex}.app__header{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;margin-bottom:16px;padding:8px 4px 16px;display:flex}.app__header h1{letter-spacing:.3px;margin:0;font-size:20px}.app__tag{color:var(--amber);font-family:IBM Plex Mono,monospace;font-size:12px}.app__body{flex-direction:column;flex:1;gap:14px;display:flex}.app__bar{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:12px;padding-top:10px;display:flex}.app__back{border:1px solid var(--line);color:var(--amber);cursor:pointer;background:0 0;border-radius:8px;padding:7px 12px;font-size:13px}.app__back:hover{border-color:var(--amber-dim);color:var(--text)}.app__file{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:12px;overflow:hidden}.stage{border-radius:var(--radius);border:1px solid var(--line);background:#000;position:relative;overflow:hidden}.stage__video{aspect-ratio:16/9;background:#000;width:100%;display:block}.stage__badge,.stage__peers,.stage__wait{border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0e0cb8;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;top:10px}.stage__badge{text-overflow:ellipsis;white-space:nowrap;max-width:50%;left:10px;overflow:hidden}.stage__peers{color:var(--amber);align-items:center;gap:6px;display:inline-flex;right:10px}.stage__wait{color:var(--muted);top:50%;left:50%;transform:translate(-50%,-50%)}.stage__controls{gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.stage__controls button{border:1px solid var(--line);width:36px;height:36px;color:var(--text);cursor:pointer;background:#0f0e0cb8;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.stage__controls button:hover{background:var(--panel);border-color:var(--amber-dim)}.input{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.input__label{color:var(--muted);letter-spacing:.3px;margin-bottom:8px;font-size:12px;display:block}.input__row{flex-wrap:wrap;gap:8px;display:flex}.input__field{background:var(--bg-2);border:1px solid var(--line);min-width:200px;color:var(--text);border-radius:8px;flex:260px;padding:9px 10px;font-family:IBM Plex Mono,monospace;font-size:13px}.input__field:focus{border-color:var(--amber-dim);outline:none}.input__btn{background:var(--amber);color:#1b1408;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 12px;font-size:13px;display:inline-flex}.input__btn:disabled{opacity:.5;cursor:default}.input__btn--ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.input__file{display:none}.input__status{color:var(--muted);align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.input__status--err{color:var(--err)}.spin,.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.files{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.files__title{color:var(--muted);letter-spacing:.4px;margin-bottom:8px;font-size:12px}.files__list{flex-direction:column;gap:4px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.files__item{border-radius:8px}.files__item--sel{outline:1px solid var(--amber-dim);background:#e8a54a1f}.files__btn{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.files__btn:hover{background:var(--bg-2)}.files__name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.files__size{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px}.app__hint{color:var(--muted);align-items:center;gap:10px;padding:4px 2px;font-size:13px;display:flex}.app__sample{border:1px solid var(--line);color:var(--amber);cursor:pointer;background:0 0;border-radius:8px;padding:7px 10px}.app__reset{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;padding:7px 10px}.app__reset:hover{border-color:var(--amber-dim);color:var(--text)}.catalog{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.catalog__search{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.catalog__input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.catalog__search-btn,.catalog__paste-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;display:inline-flex}.catalog__search-btn{background:var(--amber);color:#1b1408}.catalog__paste-btn{border:1px solid var(--line);color:var(--muted);background:0 0}.catalog__paste-btn:hover{border-color:var(--amber-dim);color:var(--amber)}.catalog__error,.catalog__loading{color:var(--muted);margin-top:8px;font-size:12px}.catalog__error{color:var(--err)}.catalog__empty{color:var(--muted);text-align:center;margin-top:8px;padding:24px 8px;font-size:13px}.catalog__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px;display:grid}.card{background:var(--bg-2);border:1px solid var(--line);text-align:left;cursor:pointer;color:var(--text);border-radius:8px;padding:8px}.card:hover{border-color:var(--amber-dim);transform:translateY(-2px)}.card img{aspect-ratio:2/3;object-fit:cover;background:#000;border-radius:6px;width:100%}.card__poster{width:100%;position:relative}.card__poster-empty{aspect-ratio:2/3;background:var(--bg);width:100%;color:var(--muted);text-align:center;border-radius:6px;justify-content:center;align-items:center;padding:8px;font-size:22px;display:flex}.card__year{border:1px solid var(--line);color:var(--text);background:#0f0e0cd1;border-radius:5px;padding:2px 6px;font-family:IBM Plex Mono,monospace;font-size:11px;position:absolute;bottom:6px;left:6px}.card__meta{flex-direction:column;gap:2px;margin-top:8px;display:flex}.card__title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.card__rating{color:var(--amber);align-items:center;gap:4px;font-size:11px;display:inline-flex}.card__star{color:var(--amber)}.subs{position:relative}.subs__panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-top:12px;padding:10px}.subs__toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:inline-flex}.subs__toggle:hover{color:var(--text)}.subs__list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.subs__item{background:var(--bg-2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.subs__item--sel{border-color:var(--amber);background:#e8a54a1f}.subs__error{color:var(--err);margin-top:8px;padding:0 2px;font-size:12px}.subs__cue{color:#fff;text-align:center;background:#000000b8;border-radius:6px;padding:6px 12px;font-size:15px;position:absolute;bottom:12px;left:0;right:0}.detail{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.detail__header{border-bottom:1px solid var(--line);justify-content:flex-start;padding:12px 16px;display:flex}.detail__back{color:var(--amber);cursor:pointer;background:0 0;border:none;font-size:14px}.detail__back:hover{color:var(--text)}.detail__body{flex:1;padding:16px;overflow-y:auto}.detail__meta{gap:16px;margin-bottom:24px;display:flex}.detail__poster img{object-fit:cover;background:var(--panel);border-radius:10px;width:120px;height:180px}.detail__poster-empty{background:var(--panel);border-radius:10px;justify-content:center;align-items:center;width:120px;height:180px;font-size:40px;display:flex}.detail__info h1{margin:0 0 4px;font-size:1.4rem;font-weight:700}.detail__meta-row{color:var(--muted);margin:0;font-size:.85rem}.detail__overview{color:var(--muted);max-width:480px;margin-top:8px;font-size:.8rem;line-height:1.4}.detail__loading{color:var(--muted);align-items:center;gap:8px;padding:16px 0;font-size:.9rem;display:flex}.detail__error{color:#e8a54a;padding:12px 0}.detail__streams h2,.detail__subs h2{color:var(--text);margin:0 0 8px;font-size:1rem;font-weight:600}.detail__stream-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.detail__stream{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;display:flex}.detail__stream:hover{border-color:var(--amber)}.detail__stream-quality{color:var(--amber);font-weight:600}.detail__stream-lang{color:var(--muted);font-size:.75rem}.detail__stream-meta{color:var(--muted);margin-left:auto;font-size:.7rem}.detail__stream-play{color:var(--amber)}.detail__sub-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.detail__sub{background:var(--panel);border:1px solid var(--line);color:var(--muted);cursor:pointer;text-align:left;border-radius:6px;padding:6px 10px;font-size:.8rem}.detail__sub--active{border-color:var(--amber);color:var(--text)}