.watch-page{display:flex;align-items:center;justify-content:center;gap:52px;min-height:100dvh;overflow:hidden}.desktop-rail{width:218px;flex-shrink:0;align-self:stretch;padding:42px 0;display:flex;flex-direction:column}.rail-copy{margin:42px 0 34px;font-size:24px;line-height:1.5;color:#d3d4da}.desktop-rail nav{display:flex;flex-direction:column;gap:8px}.rail-item{display:flex;align-items:center;gap:14px;min-height:50px;padding:12px 16px;border-radius:12px;border:0;background:transparent;color:var(--muted);font-size:15px;text-align:left}.rail-item.active{background:var(--surface);color:var(--text)}.rail-item.active svg{color:var(--accent)}.rail-item:hover{background:var(--surface-hover);color:var(--text)}.rail-help{margin-top:auto;padding-top:48px;color:#a4a6b0;font-size:12px;line-height:2}.viewer{width:min(420px,calc((100dvh - 48px)*.489));height:calc(100dvh - 48px);flex-shrink:0;position:relative;overflow:hidden;background:#101114;border-radius:16px}.feed{height:calc(100% - 80px);overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain;position:relative;outline-offset:-3px}.feed::-webkit-scrollbar{display:none}.video-item,.ad-item{height:100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden;background:#15171b}.video-item video,.video-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-item[data-wide=true] video{object-fit:contain}.video-cover{object-position:50% 46%}.video-cover.hidden{visibility:hidden}.video-item::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0005 0%,#0000 22%),linear-gradient(0deg,#000d 0%,#0009 18%,#0000 48%)}.play-surface{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;z-index:2;display:flex;justify-content:center;align-items:center}.pause-cue{display:none;width:64px;height:64px;border-radius:50%;background:#101114aa;place-items:center}.pause-cue svg{width:30px;height:30px}.video-item[data-paused=true] .pause-cue{display:grid}.viewer-header{position:absolute;top:0;left:0;right:0;z-index:12;display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 18px;pointer-events:none}.viewer-header>*{pointer-events:auto}.viewer-header .brand{font-size:20px;line-height:1}.viewer-header nav{display:flex;align-items:center;gap:22px}.top-tab{position:relative;border:0;background:transparent;min-height:44px;font-size:17px;color:#d1d1d5;padding:0 3px}.top-tab.active{font-weight:700;color:#fff}.top-tab.active::after{content:'';position:absolute;height:3px;width:25px;bottom:3px;left:50%;transform:translateX(-50%);border-radius:3px;background:var(--accent)}.viewer-header .icon-button svg{width:24px;height:24px}.video-info{position:absolute;bottom:44px;left:18px;right:70px;z-index:4;pointer-events:none}.video-source{font-size:11px;color:#c7c8cd;margin-bottom:4px;text-shadow:0 1px 4px #000}.video-title{font-size:20px;font-weight:700;line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.video-description{font-size:12px;line-height:1.7;margin-top:7px;color:#ededf2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.swipe-hint{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#c2c4c9;font-size:11px;margin-bottom:18px}.swipe-hint svg{width:17px;height:17px;background:#10111477;border-radius:50%;padding:2px}.video-actions{position:absolute;right:10px;bottom:92px;z-index:6;display:flex;flex-direction:column;gap:22px}.video-action{border:0;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:48px;min-height:56px;font-size:11px;text-shadow:0 1px 4px #000;padding:4px}.video-action svg{width:28px;height:28px}.video-action.saved{color:var(--accent)}.video-action.saved svg{fill:var(--accent)}.seek{position:absolute;bottom:12px;left:18px;width:calc(100% - 36px);z-index:7;height:24px;background:transparent;cursor:pointer}.seek::-webkit-slider-runnable-track{height:3px;background:#ffffff55;border-radius:3px}.seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:9px;height:9px;background:#fff;border-radius:50%;margin-top:-3px}.seek{-webkit-appearance:none;appearance:none}.seek::-moz-range-track{height:3px;background:#ffffff55}.seek::-moz-range-thumb{border:0;background:white;width:9px;height:9px}.bottom-nav{height:80px;background:#101114;display:flex;justify-content:space-around;align-items:flex-start;padding:12px 16px 8px;position:absolute;bottom:0;left:0;right:0;z-index:25}.bottom-nav>button,.bottom-nav>a{position:relative;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;min-width:60px;min-height:48px;padding:0}.bottom-nav svg{width:24px;height:24px}.bottom-nav .active{color:#fff}.bottom-nav .active::after{content:'';width:5px;height:5px;background:var(--accent);border-radius:50%;position:absolute;bottom:-7px;left:calc(50% - 2.5px)}.desktop-info{width:230px;align-self:stretch;padding:48px 0;display:flex;flex-direction:column}.info-top{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.live-mark{width:6px;height:6px;border-radius:50%;background:var(--accent)}.desktop-info h2{font-size:26px;margin-top:44px;line-height:1.6;overflow-wrap:anywhere}.desktop-info>p{font-size:14px;color:var(--muted);margin-top:16px;line-height:1.9;overflow-wrap:anywhere}.info-details{font-size:12px;line-height:2;color:var(--muted);margin-top:28px}.info-bottom{margin-top:auto;padding-top:40px}.info-bottom p{font-size:14px}.info-bottom span{display:block;color:#a4a6b0;font-size:11px;margin-top:7px}.feed-state{position:absolute;inset:0 0 80px;z-index:10;background:#101114;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 32px;text-align:center}.feed-state h2{font-size:20px;margin-top:24px}.feed-state p{font-size:13px;color:var(--muted);margin-top:12px;max-width:260px;overflow-wrap:anywhere}.feed-state .button{margin-top:24px;font-size:14px}.state-icon{width:68px;height:68px;display:grid;place-items:center;background:var(--surface);border-radius:16px;color:var(--accent)}.state-icon svg{width:28px;height:28px}.text-setting{font-size:13px;color:var(--muted);margin-top:18px;text-decoration:underline}.tool-panel{position:absolute;inset:0 0 80px;z-index:20;background:#101114;padding:20px 22px;overflow:auto}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.panel-head h2{font-size:22px}.category-list{display:flex;flex-wrap:wrap;gap:12px}.category-chip{border:1px solid var(--rule);border-radius:10px;background:var(--surface);padding:10px 18px;min-height:44px;font-size:14px}.category-chip.active{border-color:var(--accent);color:var(--accent)}.panel-help{font-size:13px;margin-top:28px}.search-row{display:flex;gap:10px}.search-row input{min-width:0;flex:1;border:1px solid #454853;background:#1b1d22;color:#fff;border-radius:10px;padding:12px}.search-row .button{padding:10px 16px}.media-error{position:absolute;z-index:8;top:38%;left:20px;right:20px;text-align:center;background:#101114e8;border-radius:12px;padding:20px;display:none}.video-item[data-error=true] .media-error{display:block}.media-error p{font-size:13px;color:var(--muted);margin-bottom:16px}.media-error .button{font-size:13px;min-height:44px}.episode-select{pointer-events:auto;margin-top:10px;font-size:12px;border:1px solid #ffffff55;color:#fff;background:#101114bf;border-radius:8px;padding:6px 8px;max-width:100%;min-height:36px}.ad-item{display:flex;flex-direction:column;justify-content:center;padding:80px 22px 36px;background:#15171b}.ad-item .advert{background:transparent;border-radius:0}.ad-item .ad-label{margin:0 0 14px}.ad-item .ad-link{display:block;padding:0}.ad-item .ad-image{max-width:100%;width:100%;max-height:50vh;object-fit:contain;border-radius:12px;margin-bottom:24px}.ad-item h3{font-size:24px}.ad-item .button{align-self:flex-start;margin-top:28px;font-size:14px}.ad-item .ad-copy p{line-height:1.8}.loading-more{position:absolute;left:50%;bottom:110px;z-index:14;transform:translateX(-50%);background:#101114dc;border-radius:8px;padding:8px 14px;font-size:12px;white-space:nowrap}
@media(max-width:1150px){.watch-page{gap:40px}.desktop-info{display:none}.desktop-rail{width:200px}.viewer{max-width:440px}}
.video-item[data-wide=true] video{object-fit:cover}.video-item[data-fit=contain] video{object-fit:contain}.fit-button{display:none;position:absolute;right:16px;top:80px;z-index:6;min-height:44px;padding:8px 12px;background:#101114a8;border:1px solid #ffffff55;border-radius:10px;font-size:12px;color:#fff}.video-item[data-wide=true] .fit-button{display:block}
@media(max-width:720px){.watch-page{display:block;height:100dvh;min-height:0}.desktop-rail,.desktop-info{display:none}.viewer{width:100%;height:100dvh;max-width:none;border-radius:0}.feed{height:calc(100% - 80px - env(safe-area-inset-bottom))}.bottom-nav{height:calc(80px + env(safe-area-inset-bottom));padding-bottom:calc(8px + env(safe-area-inset-bottom))}.feed-state,.tool-panel{bottom:calc(80px + env(safe-area-inset-bottom))}.viewer-header{padding-top:calc(12px + env(safe-area-inset-top))}.video-info{bottom:44px}.video-title{font-size:21px}.video-source{font-size:12px}.video-description{font-size:13px}.video-actions{bottom:96px}.video-action svg{width:30px;height:30px}.swipe-hint{margin-bottom:20px}.viewer-header .brand{font-size:22px}.feed:focus-visible{outline-offset:-4px}}
@media(max-height:620px){.swipe-hint{display:none}.video-description{-webkit-line-clamp:1}.video-info{bottom:42px}.video-actions{gap:12px;bottom:70px}.video-title{font-size:18px}.viewer-header{padding-top:8px}}
.desktop-info .info-top{margin-top:12px}.desktop-info h2{margin-top:0}