.modal.playback-modal{flex-direction:column;display:flex}.playback-stack{flex-shrink:0;width:min(880px,95vw);margin:auto}.playback-stack .drama-player{width:100%}.episode-extra{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .35s ease-out,visibility .35s;display:grid}.episode-extra.expanded{visibility:visible;grid-template-rows:1fr}.episode-extra>div{min-height:0;overflow:hidden}.episode-picker .episode-toggle{color:#ff7697;background:#21151c;border:1px solid #ffffff18;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin:8px 0 0;padding:10px;font-size:13px;display:flex}.episode-toggle>span{font-size:22px;line-height:1;transition:transform .35s ease-out}.episode-toggle>span.expanded{transform:rotate(180deg)}.player-recommendations{background:#111;border-radius:12px;min-width:0;margin-top:20px;padding:22px 24px}.recommendation-cards{overscroll-behavior-x:contain;scroll-snap-type:x proximity;grid-auto-columns:calc(20% - 9.6px);grid-auto-flow:column;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.recommendation-cards>.card{scroll-snap-align:start;min-width:0;display:block!important}.recommendation-cards .poster{aspect-ratio:2/3}.recommendation-badges{z-index:3;gap:3px;font-size:9px;display:flex;position:absolute;bottom:7px;left:7px}.recommendation-badges>span{color:#eee;background:#000b;border-radius:3px;padding:3px}@media (width>=1200px){.episode-extra,.episode-extra>div{visibility:visible;display:contents}.episode-picker .episode-toggle{display:none}}@media (width<=1199px){.episode-picker .episode-option{margin-bottom:7px}.episode-picker{scrollbar-gutter:auto}.episode-picker,.drama-details{overflow-anchor:none}}@media (width<=760px){.playback-stack{width:100%}.player-recommendations{padding:18px 12px}.player-recommendations .section-heading h2{font-size:20px}.recommendation-cards{grid-auto-columns:calc(20% - 6.4px);gap:8px}.recommendation-badges{bottom:26px;left:4px}}@media (width<=767px) and (orientation:portrait){.recommendation-cards{grid-auto-columns:calc(33.3333% - 5.33333px)}}@media (prefers-reduced-motion:reduce){.episode-extra,.episode-toggle>span{transition:none}}.player-surface{isolation:isolate;outline:none;position:relative;overflow:hidden}.player-surface>video,.player-surface>img{object-fit:contain;grid-area:1/1;width:100%;height:100%;min-height:0;display:block}.player-controls-layer{z-index:4;pointer-events:none;opacity:1;visibility:visible;transition:opacity .2s,visibility .2s;position:absolute;inset:0}.controls-hidden .player-controls-layer{opacity:0;visibility:hidden;pointer-events:none}.player-surface.controls-hidden{cursor:none}.player-control-button{color:#fff;pointer-events:auto;background:0 0;border:0;border-radius:7px;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:10px;display:grid}.player-control-button svg{width:24px;height:24px;display:block}.player-control-button:hover,.player-speed:hover{background:#ffffff25}.player-controls-layer :focus-visible{outline-offset:-2px;outline:2px solid #fff}.player-back{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));background:#0008;border-radius:50%;position:absolute;box-shadow:0 1px 8px #0004}.player-bottom-controls{padding:24px max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));pointer-events:auto;color:#fff;background:linear-gradient(#0000,#000c);position:absolute;bottom:0;left:0;right:0}.player-seek{width:100%;height:20px;accent-color:var(--accent);cursor:pointer;margin:0;display:block}.player-control-row{align-items:center;gap:4px;min-width:0;display:flex}.player-time{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-right:auto;font-size:12px;overflow:hidden}.player-volume{flex-shrink:0;align-items:center;display:flex}.player-volume input{width:64px;accent-color:var(--accent);margin:0 8px 0 0}.player-speed{color:#fff;cursor:pointer;background:#0008;border:0;border-radius:7px;min-width:58px;max-width:72px;height:44px;padding:0 4px;font-size:13px}.player-speed option{color:#fff;background:#222}.player-surface:-webkit-any(:fullscreen,:-webkit-full-screen,.is-fallback-fullscreen){z-index:1200;background:#000;border-radius:0;width:100%;height:100dvh;max-height:none;margin:0;position:fixed;inset:0}.player-surface:is(:fullscreen,:fullscreen,.is-fallback-fullscreen){z-index:1200;background:#000;border-radius:0;width:100%;height:100dvh;max-height:none;margin:0;position:fixed;inset:0}.playback-modal.player-fullscreen-active{overflow:hidden}.player-fullscreen-active .drama-player{overflow:visible}.short-player-surface .player-bottom-controls{padding-top:0;left:60px}@media (width<=600px){.player-volume input{display:none}.player-time{font-size:11px}.player-speed{font-size:12px}.player-bottom-controls{padding-top:14px}}@media (prefers-reduced-motion:reduce){.player-controls-layer{transition:none}}
