[hidden]{display:none!important}:root{--ground: #0b0f10;--surface: #151b1d;--surface-2: #1e262a;--ink: #e6edee;--ink-2: #94a6aa;--ink-3: #6a7c80;--rule: #263134;--accent: #4ec3b9;--accent-ink: #06231f;--warn: #dca945;--risk: #e68062;--ok: #79c48c;--sans: "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--mono: "SFMono-Regular", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}#app{min-height:100%}button{font:inherit;color:inherit;background:var(--surface-2);border:1px solid var(--rule);border-radius:3px;padding:.4rem .7rem;cursor:pointer}button:hover{border-color:var(--ink-3)}button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login form{width:min(22rem,100%);display:flex;flex-direction:column;gap:.7rem;background:var(--surface);border:1px solid var(--rule);border-radius:4px;padding:1.6rem}.login h1{margin:0 0 .3rem;font-size:1.3rem;letter-spacing:-.02em}.login input{font:inherit;padding:.55rem .7rem;background:var(--ground);color:var(--ink);border:1px solid var(--rule);border-radius:3px}.error{color:var(--risk);font-size:.85rem;min-height:1.2em}.browse{max-width:62rem;margin:0 auto;padding:1.5rem 1.2rem 4rem}.sections{display:flex;gap:.4rem;margin-bottom:.9rem}.sections button{font-size:.85rem}.crumbs{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding-bottom:.9rem;margin-bottom:.9rem;border-bottom:1px solid var(--rule)}.crumbs .path{font-family:var(--mono);font-size:.85rem;color:var(--ink-2);overflow-wrap:anywhere}.crumbs .spacer{flex:1}.notice{background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--warn);border-radius:3px;padding:.8rem 1rem;margin-bottom:1rem;font-size:.9rem}.notice.bad{border-left-color:var(--risk)}.entries{list-style:none;margin:0;padding:0;border:1px solid var(--rule);border-radius:3px;background:var(--surface);overflow:hidden}.entries li+li{border-top:1px solid var(--rule)}.entries button{width:100%;text-align:left;background:none;border:0;border-radius:0;padding:.65rem .9rem;display:grid;grid-template-columns:1.3rem 1fr auto;gap:.7rem;align-items:center}.entries button:hover{background:var(--surface-2)}.entries .icon{color:var(--ink-3);display:flex;align-items:center;justify-content:center}.entries .icon.dir{color:var(--ink-2)}.entries .name{overflow-wrap:anywhere}.entries .meta{display:flex;gap:.4rem;align-items:center;font-size:.75rem;color:var(--ink-3);white-space:nowrap}.entries .meta .seen{color:var(--accent);font-family:var(--mono)}.entries .seen-bar{height:2px;background:var(--rule)}.entries .seen-bar .fill{height:100%;background:var(--accent)}.badge{font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;padding:.1rem .35rem;border-radius:2px;border:1px solid transparent}.badge.direct{color:var(--ok);border-color:#79c48c66}.badge.audio_fix{color:var(--warn);border-color:#dca94566}.badge.transcode{color:var(--risk);border-color:#e6806266}.empty{color:var(--ink-3);padding:2rem 0;text-align:center}.player{position:fixed;inset:0;background:#000}.player video{width:100%;height:100%;object-fit:contain;background:#000}.player video::cue{background:transparent;text-shadow:1px 1px 2px rgba(0,0,0,.95),-1px 1px 2px rgba(0,0,0,.95),1px -1px 2px rgba(0,0,0,.95),-1px -1px 2px rgba(0,0,0,.95)}.controls{position:absolute;inset:auto 0 0;padding:1rem 1.1rem 1.1rem;background:linear-gradient(to top,#000000eb,#0000);display:flex;flex-direction:column;gap:.6rem;transition:opacity .16s ease}.controls.faded{opacity:0;pointer-events:none}.subs-panel{display:none;flex-direction:column;align-items:flex-start;gap:.35rem;max-height:45vh;overflow-y:auto;padding:.75rem .85rem;margin-bottom:.2rem;background:#000000d1;border:1px solid rgba(255,255,255,.14);border-radius:.6rem;max-width:min(34rem,100%)}.subs-panel.open{display:flex}.subs-panel button{text-align:left;white-space:normal;width:100%}.subs-sync{display:flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--ink-2)}.subs-sync span{margin-right:.2rem}.subs-panel .subs-sync button{width:auto;text-align:center;padding-left:.5rem;padding-right:.5rem}.subs-panel .subs-sync button.value{min-width:4.2rem}.subs-title{font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.subs-note{font-size:.82rem;line-height:1.45;color:var(--ink-2)}.subs-sep{align-self:stretch;height:1px;margin:.3rem 0;background:#ffffff24}.subs-progress{align-self:stretch;height:.35rem;border-radius:.2rem;background:#ffffff29;overflow:hidden}.subs-progress .fill{height:100%;background:var(--accent, #7aa2f7);transition:width .4s ease}.scrub{position:relative;height:1.5rem;display:flex;align-items:center;cursor:pointer;touch-action:none}.scrub .track{position:relative;width:100%;height:4px;border-radius:2px;background:#ffffff38}.scrub .fill{position:absolute;inset:0 auto 0 0;border-radius:2px;background:var(--accent)}.scrub .handle{position:absolute;top:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--accent);transform:translateY(-50%)}.scrub.previewing .fill,.scrub.previewing .handle{background:var(--warn)}.bar{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.bar .time{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--ink-2)}.bar .spacer{flex:1}.bar .title{font-size:.85rem;color:var(--ink-2);overflow-wrap:anywhere}.group{display:flex;gap:.25rem;align-items:center}.group>.label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-right:.15rem}.group button{padding:.25rem .5rem;font-size:.8rem}.preview-flag{position:absolute;top:-1.9rem;transform:translate(-50%);background:var(--warn);color:#201800;font-family:var(--mono);font-size:.78rem;font-weight:600;padding:.1rem .4rem;border-radius:2px;white-space:nowrap}.spinner{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-2);font-size:.9rem;pointer-events:none}