.watch-mode{background:#000;overflow:hidden;overscroll-behavior:none}
.watch-mode>.header{display:none}
.watch-mode main{max-width:none;padding:0}
.watch-player{height:100vh;height:100dvh;max-width:1200px;margin:auto;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.watch-top{display:flex;align-items:center;gap:14px;padding:12px 20px;min-height:62px;z-index:5}
.watch-back{display:flex;align-items:center;gap:10px;font-size:30px;min-height:44px}.watch-back span{font-size:17px}
.speed-control{margin-left:auto;display:flex;align-items:center;font-size:24px;gap:5px}
.speed-control select{background:#000;color:#fff;border:0;font-size:16px;min-height:44px}
.watch-more{position:relative}.watch-more summary{font-size:26px;cursor:pointer;list-style:none;padding:4px 12px}.watch-more summary::-webkit-details-marker{display:none}
.watch-settings{position:absolute;right:0;top:48px;width:210px;background:#202020;border:1px solid #444;border-radius:12px;padding:14px;display:grid;gap:10px;box-shadow:0 10px 30px #0009}
.watch-settings label{display:grid;gap:8px}.watch-settings select{padding:9px;background:#303030;color:#fff;border:0;border-radius:6px}
.watch-player .screen{flex:1;min-height:0;height:auto;border:0;border-radius:0;touch-action:pan-x pinch-zoom}
.watch-bottom{padding:0 16px 10px}.swipe-hint{text-align:center;font-size:11px;margin:5px 0 10px;color:#888}
#open-episodes{width:100%;display:flex;align-items:center;justify-content:space-between;background:#1c1c1c;padding:16px;font-size:15px}
.watch-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.watch-navigation button{background:transparent;color:#aaa;font-size:12px;padding:10px}.watch-navigation span{color:#777;font-size:11px}
dialog.episode-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:680px;max-height:68vh;max-height:68dvh;padding:8px 20px max(20px,env(safe-area-inset-bottom));border:0;border-radius:22px 22px 0 0;background:#1c1c1c;overflow:hidden}
dialog.episode-sheet[open]{display:flex;flex-direction:column}dialog.episode-sheet::backdrop{background:#0005}
.sheet-handle{width:34px;height:4px;border-radius:4px;background:#444;margin:0 auto 20px;flex-shrink:0}
.sheet-heading{display:flex;align-items:center;gap:14px}.sheet-heading img{width:48px;height:64px;object-fit:cover;border-radius:5px}.sheet-heading>div{min-width:0;flex:1}.sheet-heading h2{font-size:18px;line-height:1.5}.sheet-heading p{margin:6px 0 0;font-size:12px}.sheet-heading button{align-self:flex-start;font-size:24px;background:none;padding:4px 10px}
.episode-sheet h3{font-size:17px;margin:20px 0 12px}.episode-groups{display:flex;gap:8px;overflow-x:auto;flex-shrink:0;padding:3px 0 8px}.episode-groups button{white-space:nowrap;background:none;color:#888;padding:10px 12px}.episode-groups button[aria-pressed=true]{color:#fff;background:#303030}
.episode-sheet .episodes{grid-template-columns:repeat(6,minmax(0,1fr));overflow-y:auto;overscroll-behavior:contain;max-height:none;margin-top:8px;gap:8px;min-height:0}.episode-sheet .episode{padding:18px 2px;background:#2c2c2c;font-size:14px}.episode-sheet .episode.current{background:var(--accent);color:#1a2314}
@media(max-width:760px) and (orientation:portrait){dialog.episode-sheet{height:62vh;height:62dvh;max-height:62dvh}.sheet-open .watch-player{height:38vh;height:38dvh}.sheet-open .watch-bottom{display:none}}
@media(max-width:380px){.watch-top{padding:8px 12px}.episode-sheet .episodes{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(orientation:landscape) and (max-height:500px){.watch-top{min-height:44px;padding:0 16px}.swipe-hint,.watch-navigation{display:none}.watch-bottom{padding:4px 16px}#open-episodes{padding:8px}.episode-sheet .episode{padding:10px}.sheet-heading img{display:none}.sheet-handle{margin-bottom:6px}.episode-sheet h3{display:none}}
.loading-back{padding:16px 20px}.watch-loading{height:70dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}