.hidden{display:none!important}:root{--surface-base:oklch(8% .008 250);--surface-raised:oklch(14% .006 250);--text-primary:oklch(93% .008 250);--text-secondary:oklch(66% .008 250);--text-tertiary:oklch(50% .006 250);--accent:oklch(93% .008 250);--track:oklch(22% .005 250);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--bar-h:3px;--bar-h-active:6px;--scrubber:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--surface-base);width:100%;height:100%;color:var(--text-primary);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;overflow:hidden}#app{cursor:none;width:100%;height:100%;position:relative}#app.controls-visible{cursor:default}:where(button,[role=button],[role=slider]):focus-visible{outline-offset:3px;outline:2px solid oklch(93% .008 250)}#connection-status{z-index:100;min-height:44px;color:var(--text-primary);letter-spacing:.02em;background:oklch(14% .01 250/.96);border:1px solid oklch(100% 0 0/.12);border-radius:999px;align-items:center;gap:10px;padding:0 18px;font-size:.875rem;display:flex;position:fixed;top:18px;right:22px;box-shadow:0 8px 24px oklch(0% 0 0/.28)}.connection-status-dot{background:oklch(72% .15 65);border-radius:50%;width:8px;height:8px}#player-container{width:100%;height:100%;position:absolute;inset:0}#player-container canvas,#player-container video,#player-container audio{object-fit:contain;width:100%!important;height:100%!important}@font-face{font-family:Drive-In CJK;src:url(/api/fonts/cjk)format("collection");font-display:swap}#subtitle-overlay{z-index:12;text-align:center;pointer-events:none;position:absolute;top:calc(100% - 80px - 6rem);left:10%;right:10%}#subtitle-overlay:empty{display:none!important}#subtitle-overlay span{color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#000000b3;border-radius:4px;padding:4px 10px;font-family:Drive-In CJK,Noto Sans CJK SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:1.6rem;font-weight:500;line-height:2;display:inline}#btn-center-play{z-index:22;cursor:pointer;opacity:0;pointer-events:none;width:72px;height:72px;transition:opacity .25s var(--ease-out-quart), background-color .15s;-webkit-tap-highlight-color:transparent;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#app.controls-visible #btn-center-play,#btn-center-play:focus-visible,#btn-center-play.buffering{opacity:1;pointer-events:auto}#btn-center-play:active{background:#ffffff26}#btn-center-play #center-play{display:none}#btn-center-play #center-pause,#btn-center-play.paused #center-play{display:block}#btn-center-play.paused #center-pause,#btn-center-play.buffering #center-play,#btn-center-play.buffering #center-pause{display:none}#btn-center-play.buffering #center-spinner{display:block}#playback-notice{z-index:24;color:oklch(93% .04 75);text-align:center;overflow-wrap:anywhere;pointer-events:none;background:oklch(15% .02 70/.94);border:1px solid oklch(78% .13 75/.5);border-radius:12px;width:fit-content;max-width:min(680px,100% - 48px);margin-inline:auto;padding:12px 18px;font-size:clamp(.875rem,1.8vw,1rem);line-height:1.4;position:absolute;inset:auto 24px 112px;box-shadow:0 10px 30px oklch(0% 0 0/.35)}#seek-indicator-left,#seek-indicator-right{z-index:15;opacity:0;pointer-events:none;color:#fff;white-space:nowrap;background:#0000008c;border-radius:8px;padding:12px 20px;font-size:1.4rem;font-weight:600;position:absolute;top:50%}#seek-indicator-left{left:20%;transform:translate(-50%,-50%)}#seek-indicator-right{right:20%;transform:translate(50%,-50%)}#seek-indicator-left.flash{animation:seek-flash-left 2s var(--ease-out-expo) forwards}#seek-indicator-right.flash{animation:seek-flash-right 2s var(--ease-out-expo) forwards}@keyframes seek-flash-left{0%{opacity:0;transform:translate(-50%,-50%)scale(1.3)}10%{opacity:.95;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}@keyframes seek-flash-right{0%{opacity:0;transform:translate(50%,-50%)scale(1.3)}10%{opacity:.95;transform:translate(50%,-50%)scale(1)}to{opacity:0;transform:translate(50%,-50%)scale(.9)}}#controls{z-index:20;opacity:0;pointer-events:none;transition:opacity .25s var(--ease-out-quart);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}#app.controls-visible #controls,#controls:focus-within{opacity:1;pointer-events:auto}#controls-top{background:linear-gradient(oklch(0% 0 0/.55) 0%,oklch(0% 0 0/.2) 50%,#0000 100%);align-items:center;gap:12px;padding:28px 40px 56px;display:flex}#btn-back{appearance:none;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:8px;transition:background-color .15s;display:flex}#btn-back:hover{background:#000000b3}#btn-back:active{background:#ffffff1f}#media-title{letter-spacing:.02em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:.9375rem;font-weight:400;overflow:hidden}#controls-bottom{background:linear-gradient(#0000 0%,oklch(0% 0 0/.2) 40%,oklch(0% 0 0/.6) 100%);padding:40px 24px 16px}#progress-wrap{cursor:pointer;touch-action:none;align-items:center;height:28px;display:flex;position:relative}#progress-bar{width:100%;height:var(--bar-h);background:var(--track);transition:height .15s var(--ease-out-quart);position:relative;overflow:hidden}#progress-wrap:hover #progress-bar,#progress-wrap.dragging #progress-bar{height:var(--bar-h-active)}#progress-played{background:var(--accent);width:0%;position:absolute;inset:0}#progress-scrubber{width:var(--scrubber);height:var(--scrubber);background:var(--text-primary);transition:transform .12s var(--ease-out-quart);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%)scale(.7)}#progress-wrap:hover #progress-scrubber,#progress-wrap.dragging #progress-scrubber{transform:translate(-50%,-50%)scale(1)}#controls-row{align-items:center;gap:8px;margin-top:4px;display:flex}#controls-row button{appearance:none;color:var(--text-primary);cursor:pointer;background:#00000059;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:8px;transition:background-color .15s;display:flex}#controls-row button:hover{background:#0000008c}#controls-row button:active{background:#ffffff1a}#controls-row button svg{display:block}#btn-volume #icon-vol-off,#btn-volume.muted #icon-vol-on{display:none}#btn-volume.muted #icon-vol-off{display:block}#time-display{font-variant-numeric:tabular-nums;letter-spacing:.03em;white-space:nowrap;background:#00000059;border-radius:20px;align-items:center;height:40px;padding:0 14px;font-size:.8125rem;font-weight:500;display:inline-flex}#time-current{color:var(--text-primary)}#time-sep{color:var(--text-primary);margin:0 2px}#time-duration{color:var(--text-primary)}#btn-live-edge{color:#ff3b30;letter-spacing:.08em;width:auto;height:32px;margin-left:8px;padding:0 4px;font-size:.75rem;font-weight:800}#btn-live-edge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}#btn-live-edge:disabled{opacity:1}#controls-spacer{flex:1}#btn-subs.active{color:var(--accent)}#subs-panel{z-index:25;scrollbar-width:none;-ms-overflow-style:none;background:oklch(0% 0 0/.85);border-radius:12px;min-width:200px;max-height:380px;padding:8px 0;position:absolute;bottom:88px;right:40px;overflow:hidden auto}#subs-panel::-webkit-scrollbar{width:0;height:0;display:none}#subs-list button{appearance:none;color:oklch(70% .005 250);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:0;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:.875rem;transition:background-color .1s;display:flex}#subs-list button:before{content:"";flex-shrink:0;width:18px;height:18px}#subs-list button:hover{background:oklch(100% 0 0/.1)}#subs-list button:active{background:oklch(100% 0 0/.15)}#subs-list button.active{color:var(--text-primary)}#subs-list button.active:before{content:"✓";color:var(--text-primary);justify-content:center;align-items:center;font-size:.875rem;display:flex}#subs-list button span{display:block}#subs-list button small{color:var(--text-tertiary);margin-top:2px;font-size:.75rem;display:block}#audio-panel{z-index:25;scrollbar-width:none;-ms-overflow-style:none;background:oklch(0% 0 0/.85);border-radius:12px;min-width:260px;max-height:380px;padding:8px 0;position:absolute;bottom:88px;right:80px;overflow:hidden auto}#audio-panel::-webkit-scrollbar{width:0;height:0;display:none}#audio-list button{appearance:none;color:oklch(70% .005 250);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:0;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:.875rem;transition:background-color .1s;display:flex}#audio-list button:before{content:"";flex-shrink:0;width:18px;height:18px}#audio-list button:hover{background:oklch(100% 0 0/.1)}#audio-list button:active{background:oklch(100% 0 0/.15)}#audio-list button.active{color:var(--text-primary)}#audio-list button.active:before{content:"✓";color:var(--text-primary);justify-content:center;align-items:center;font-size:.875rem;display:flex}#audio-list button span{display:block}#audio-list button small{color:var(--text-tertiary);margin-top:2px;font-size:.75rem;display:block}#center-spinner{border:3px solid #ffffff26;border-top-color:#fffc;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin;display:none}@keyframes spin{to{transform:rotate(360deg)}}#overlay{background:var(--surface-base);transition:opacity .35s var(--ease-out-quart);z-index:30;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#overlay.hidden{opacity:0;pointer-events:none}#status-screen{text-align:center}#status-screen h1{letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:300}#status-text{color:var(--text-secondary);letter-spacing:.02em;font-size:.9375rem;font-weight:400}#status-actions{justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}#status-actions button{appearance:none;min-width:148px;min-height:52px;color:var(--text-primary);cursor:pointer;transition:transform .1s var(--ease-out-quart), background-color .12s;-webkit-tap-highlight-color:transparent;background:oklch(100% 0 0/.07);border:1px solid oklch(100% 0 0/.14);border-radius:999px;padding:0 20px;font:600 .9375rem/1 system-ui,sans-serif}#status-actions #btn-take-over{background:var(--text-primary);color:var(--surface-base);border-color:#0000}#status-actions button:active{transform:scale(.97)}#home-toolbar{z-index:4;background:linear-gradient(to bottom, color-mix(in oklch, var(--surface-base) 96%, transparent), color-mix(in oklch, var(--surface-base) 82%, transparent) 72%, transparent);justify-content:space-between;align-items:center;gap:32px;min-height:104px;padding:20px 32px;display:flex;position:absolute;inset:0 0 auto}.home-identity{flex-shrink:0;align-items:baseline;gap:12px;display:flex}.home-wordmark{letter-spacing:.14em;font-size:1.125rem;font-weight:500}.home-tagline{color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}#browse-screen{scrollbar-width:thin;scrollbar-color:oklch(30% 0 0) transparent;padding:112px 0 0;position:absolute;inset:0;overflow-y:auto}#browse-screen::-webkit-scrollbar{width:4px}#browse-screen::-webkit-scrollbar-thumb{background:oklch(30% 0 0);border-radius:4px}#browse-screen.hidden{display:none}#browse-screen.episodes-open{padding-top:88px}#browse-screen.episodes-open>.browse-section:not(#episodes-section){display:none}#overlay:has(#browse-screen.episodes-open) #home-toolbar{min-height:88px;padding-block:16px}.browse-section{margin-bottom:16px}.browse-section:last-child{margin-bottom:0;padding-bottom:0}.browse-section:first-child{padding-top:8px}@media (width<=760px){#home-toolbar{min-height:80px;padding:16px 20px}.home-tagline{display:none}#browse-screen{padding-top:88px}#browse-screen.episodes-open{padding-top:80px}#overlay:has(#browse-screen.episodes-open) #home-toolbar{min-height:80px;padding:16px 20px}}.browse-section.hidden{display:none}.browse-header{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:10px;padding:0 32px;font-size:1rem;font-weight:600;display:flex}#episodes-section>.browse-header{z-index:3;background:var(--surface-base);margin-bottom:0;padding:8px 32px 6px;position:sticky;top:0}#episodes-section .season-header{top:42px}.browse-header button{appearance:none;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;align-items:center;min-width:48px;min-height:48px;margin:-6px;padding:6px;display:flex}.browse-header button:active{background:oklch(100% 0 0/.08)}.browse-header .queue-clear{color:var(--text-tertiary);margin-left:4px}.browse-row-wrap{padding:0 32px;position:relative}.browse-row{scrollbar-width:none;scroll-snap-type:x proximity;scroll-behavior:smooth;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.browse-row::-webkit-scrollbar{display:none}.browse-arrow{cursor:pointer;z-index:2;opacity:0;pointer-events:none;width:48px;color:var(--text-primary);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:24px}.browse-row-wrap:hover .browse-arrow{opacity:1;pointer-events:auto}.browse-arrow:active{opacity:1}.browse-arrow.left{background:linear-gradient(to right, var(--surface-base) 50%, transparent);padding-left:8px;left:0}.browse-arrow.right{background:linear-gradient(to left, var(--surface-base) 50%, transparent);padding-right:8px;right:0}.browse-arrow svg{filter:drop-shadow(0 0 4px oklch(0% 0 0/.5))}.browse-card{cursor:pointer;-webkit-tap-highlight-color:transparent;scroll-snap-align:start;flex-shrink:0;width:200px;transition:opacity .15s;position:relative}.browse-card:has(.browse-card-primary:active){opacity:.7}.browse-card-primary,.episode-card-primary{z-index:1;appearance:none;width:100%;height:100%;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;position:absolute;inset:0}.browse-card-primary:focus-visible,.episode-card-primary:focus-visible{outline:3px solid var(--text-primary);outline-offset:4px}.browse-card-thumb{aspect-ratio:16/9;background:oklch(14% .006 250);border-radius:4px;width:100%;margin-bottom:8px;position:relative;overflow:hidden}.browse-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.browse-card-thumb-empty{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.browse-card-thumb-empty svg{opacity:.15}.browse-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;font-size:.875rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.browse-card-meta{color:var(--text-tertiary);letter-spacing:.01em;margin-top:3px;font-size:.8125rem}.browse-card-delete{color:#fff;cursor:pointer;z-index:5;background:oklch(0% 0 0/.6);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:none;position:absolute;top:-7px;left:-7px}.browse-card-delete svg{width:14px;height:14px}.edit-mode .browse-card-delete{display:flex}.browse-card.deleted{opacity:.3}.browse-card.deleted .browse-card-delete{display:none}.browse-card-undo{appearance:none;z-index:6;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:none;position:absolute;inset:0}.browse-card.deleted .browse-card-undo{pointer-events:auto;display:flex}.browse-card-undo svg{fill:#fff;opacity:.7;filter:drop-shadow(0 1px 3px oklch(0% 0 0/.5));width:22px;height:22px}.browse-card-queue{width:30px;height:30px;color:var(--text-primary);cursor:pointer;z-index:4;opacity:0;-webkit-tap-highlight-color:transparent;background:oklch(0% 0 0/.7);border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,background-color .15s;display:flex;position:absolute;bottom:6px;right:6px}.browse-card:hover .browse-card-queue,.browse-card:focus-within .browse-card-queue,.episode-card:hover .browse-card-queue,.episode-card:focus-within .browse-card-queue,.browse-card-queue:active{opacity:1}.browse-card-queue:active{background:oklch(100% 0 0/.14)}.browse-card.poster{width:130px}.browse-card.poster .browse-card-thumb{aspect-ratio:2/3}.queue-card .browse-card-thumb{outline-offset:-1px;outline:1px solid oklch(100% 0 0/.08)}.queue-position{min-width:24px;height:24px;color:var(--text-primary);font-variant-numeric:tabular-nums;background:oklch(0% 0 0/.72);border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:.75rem;font-weight:600;display:flex;position:absolute;bottom:6px;left:6px}.queue-remove{width:40px;height:40px;color:var(--text-primary);cursor:pointer;z-index:4;opacity:0;-webkit-tap-highlight-color:transparent;background:oklch(0% 0 0/.64);border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px}.queue-card:hover .queue-remove,.queue-card:focus-within .queue-remove,.queue-remove:active{opacity:1}.playlist-card .playlist-card-thumb{outline-offset:-1px;background:linear-gradient(135deg,oklch(24% .012 250),oklch(11% .006 250));outline:1px solid oklch(100% 0 0/.08)}.playlist-card .playlist-card-thumb img{opacity:.72;filter:saturate(.9)}.playlist-card-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.playlist-card-icon svg{opacity:.22}.playlist-play-badge{width:28px;height:28px;color:var(--text-primary);background:oklch(0% 0 0/.72);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:6px;left:6px}@media (hover:none){.queue-remove,.browse-card-queue{opacity:1}.browse-card-queue{width:48px;height:48px;bottom:8px;right:8px}.browse-card-delete,.queue-remove{width:48px;height:48px}.browse-card-delete{inset:-8px auto auto -8px}.queue-remove{top:8px;bottom:auto;right:8px}.browse-card-queue svg{width:20px;height:20px}}.watched-badge{background:oklch(0% 0 0/.6);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:4px;right:4px}.watched-badge svg{fill:#fff;width:14px;height:14px}.browse-card-progress-track{background:oklch(0% 0 0/.5);width:100%;height:3px;position:absolute;bottom:0;left:0}.browse-card-progress{background:var(--text-primary);height:3px;position:absolute;bottom:0;left:0}.episodes-grid{padding:0 32px}.season-header{z-index:2;letter-spacing:.04em;color:var(--text-secondary);background:var(--surface-base);padding:10px 0 8px;font-size:.8125rem;font-weight:500;position:sticky}.season-header:first-child{padding-top:6px}.season-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px 16px;display:grid}.episode-card{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s;position:relative}.episode-card:has(.episode-card-primary:active){opacity:.7}.episode-card-thumb{aspect-ratio:16/9;background:oklch(14% .006 250);border-radius:4px;width:100%;margin-bottom:8px;position:relative;overflow:hidden}.episode-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.episode-thumb-empty{color:var(--text-tertiary);background:var(--surface-raised);letter-spacing:.02em;flex-direction:column;gap:8px;font-size:.75rem}.episode-thumb-empty svg{opacity:.28}.episode-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;font-size:.875rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.episode-card-meta{color:var(--text-tertiary);margin-top:3px;font-size:.8125rem}@media (hover:none) and (width>=761px){.season-grid{gap:24px 18px}.episode-card-title{font-size:1rem}.episode-card-meta,#episodes-section .season-header{font-size:.875rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=520px){#status-actions{flex-direction:column;width:min(280px,100vw - 40px);margin-inline:auto}#status-actions button{width:100%}}@media (height<=520px) and (orientation:landscape){#controls-top{padding:max(10px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 40px max(20px, env(safe-area-inset-left))}#media-title{max-width:52%;font-size:.875rem}#controls-bottom{background:linear-gradient(#0000 0%,oklch(0% 0 0/.5) 30%,oklch(0% 0 0/.82) 100%);min-height:72px;padding:0;position:relative}#progress-wrap{right:max(20px, env(safe-area-inset-right));bottom:0;left:max(20px, env(safe-area-inset-left));height:22px;position:absolute}#controls-row{right:max(16px, env(safe-area-inset-right));bottom:18px;left:max(20px, env(safe-area-inset-left));margin:0;position:absolute}#subtitle-overlay{inset:auto 8% 92px}#subtitle-overlay span{font-size:clamp(1rem,4vh,1.25rem);line-height:1.55}#playback-notice{max-width:min(620px,100% - 40px);inset:auto 20px 86px}#subs-panel,#audio-panel{max-height:calc(100vh - 92px);bottom:76px}}@media (prefers-reduced-transparency:reduce){#connection-status,#playback-notice,#subs-panel,#audio-panel,#controls-top,#controls-bottom{-webkit-backdrop-filter:none;backdrop-filter:none}#connection-status,#playback-notice,#subs-panel,#audio-panel{background:var(--surface-raised)}}@media (prefers-contrast:more){:root{--text-primary:oklch(98% .004 250);--text-secondary:oklch(82% .006 250);--text-tertiary:oklch(68% .006 250);--track:oklch(40% .005 250)}:where(button,[role=button],[role=slider]):focus-visible{outline-width:3px}}