body.video-page-open main.page-wrap>:not(#video-page){display:none!important}
.watch-page{padding:25px 0 45px}
.watch-back{display:inline-block;margin-bottom:22px;color:#9aa6b8;font-size:12px}
.watch-back:hover{color:#fff}
.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:30px;align-items:start}
.watch-primary{min-width:0}
.watch-player{position:relative;overflow:hidden;border:1px solid #282e38;border-radius:10px;background:#000}
#watch-video{display:block;width:100%;aspect-ratio:16/9;max-height:78dvh;background:#000;object-fit:contain}
.watch-play-retry{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;border:1px solid #ffffff66;border-radius:28px;padding:13px 20px;background:#12151de8;color:white;font-weight:650}
.watch-play-retry svg{fill:currentColor}
.watch-transport{position:absolute;inset:auto 0 0;z-index:3;padding:24px 12px 7px;background:linear-gradient(transparent,#000c 45%);color:#fff}
.watch-transport [data-watch-seek]{display:block;width:100%;height:16px;margin:0;appearance:none;background:transparent;cursor:pointer;accent-color:#ff2548}
.watch-transport [data-watch-seek]::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:linear-gradient(to right,#ff2548 var(--watch-progress,0%),#ffffff66 var(--watch-progress,0%))}
.watch-transport [data-watch-seek]::-moz-range-track{height:4px;border-radius:3px;background:#ffffff66}
.watch-transport [data-watch-seek]::-moz-range-progress{height:4px;background:#ff2548}
.watch-transport [data-watch-seek]::-webkit-slider-thumb{appearance:none;margin-top:-4px;width:12px;height:12px;border-radius:50%;background:#ff2548}
.watch-transport [data-watch-seek]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#ff2548}
.watch-transport-row{display:flex;align-items:center;gap:8px;min-width:0}
.watch-transport button,.watch-exit-expanded{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:7px;border:0;border-radius:6px;background:transparent;color:#fff;cursor:pointer}
.watch-transport button:hover,.watch-exit-expanded:hover{background:#ffffff22}
.watch-transport svg,.watch-exit-expanded svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.watch-transport [data-watch-toggle] svg{fill:currentColor}
.watch-transport [data-watch-time]{font-size:12px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.watch-volume{display:flex;align-items:center;gap:3px;margin-left:auto}
.watch-volume input{width:70px;accent-color:#fff}
.watch-transport :focus-visible,.watch-exit-expanded:focus-visible{outline:2px solid #fff;outline-offset:2px}
.watch-exit-expanded{display:none;position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:6;background:#111d}
body.watch-expanded{overflow:hidden}
.watch-player:fullscreen,.watch-player.is-expanded{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:0;border-radius:0;background:#000}
.watch-player.is-expanded{position:fixed;inset:0;z-index:10000;width:100vw;height:100dvh}
.watch-player:fullscreen #watch-video,.watch-player.is-expanded #watch-video{width:100%;height:100%;max-height:none;aspect-ratio:auto}
.watch-player:fullscreen .watch-exit-expanded,.watch-player.is-expanded .watch-exit-expanded{display:grid}
.watch-player:fullscreen .watch-transport,.watch-player.is-expanded .watch-transport{padding-bottom:max(8px,env(safe-area-inset-bottom))}
@media(max-width:600px){.watch-volume input{display:none}.watch-transport{padding:19px 7px 3px}.watch-transport-row{gap:4px}.watch-transport button{width:40px;height:40px;flex-basis:40px}.watch-transport [data-watch-time]{font-size:11px}}
.watch-playback-message,.watch-status,.watch-comment-message{color:#b9c6d8;font-size:12px;line-height:1.65;margin:12px 0}
#watch-title{font-size:clamp(21px,2.1vw,29px);line-height:1.3;letter-spacing:-.025em;margin:21px 0 17px;overflow-wrap:anywhere}
#watch-title:focus{outline:none}
.watch-below-title{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.watch-channel{display:flex;align-items:center;gap:18px;min-width:0}
.watch-channel-link{display:flex;align-items:center;gap:12px;min-width:0;border:0;background:none;padding:0;text-align:left}
.watch-channel-link img{width:46px;height:46px;object-fit:cover;border-radius:50%;background:#1a1e27;border:1px solid #303743;flex-shrink:0}
.watch-channel-link>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.watch-channel-link strong{font-size:14px;font-weight:650;overflow-wrap:anywhere}
.watch-channel-link small{font-size:11px;color:#8e9aab}
.watch-follow{min-height:37px;padding:9px 17px;font-size:12px;border-radius:20px;white-space:nowrap}
.watch-follow.is-following{background:#252d39;border-color:#3b4758;color:#d8e1ed}
.watch-follow:disabled{opacity:.65}
.watch-follow-retry{display:block;margin-top:12px}
.watch-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.watch-actions>button,.watch-actions>[data-watch-admin-download]{display:flex;align-items:center;gap:8px;border:1px solid #303846;border-radius:20px;padding:10px 14px;background:#1c232e;color:#e0e6f0;font-size:11px;font-weight:600;white-space:nowrap;text-decoration:none}
.watch-actions>button:hover,.watch-actions>[data-watch-admin-download]:hover{background:#2b3544}
.watch-actions>[data-watch-admin-download]{white-space:normal;max-width:100%}
.watch-actions>[data-watch-admin-download]:focus-visible{outline:2px solid var(--red-light);outline-offset:3px}
.watch-actions>button.is-selected{color:#ffc4ce;border-color:#83404d}
.watch-actions svg{width:17px;height:17px;flex-shrink:0}
.watch-actions [aria-pressed=true] svg{fill:#ff647333}
.watch-share-field{display:flex;flex-direction:column;gap:8px;margin-top:16px;color:#aebacf;font-size:12px}
.watch-share-field input{width:100%;border:1px solid #384354;border-radius:5px;padding:12px;color:#e5eaf2;background:#141a24;font-size:12px}
.watch-description{padding:20px 22px;margin:24px 0 30px;border:1px solid #262f3c;border-radius:9px;background:#151b25}
.watch-description h2{font-size:13px;margin:0 0 11px}
.watch-description p{margin:0;color:#b0bccd;font-size:13px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}
.watch-description .watch-description-meta{color:#7f8da2;font-size:11px;margin-top:14px}
.watch-comments h2{font-size:19px;letter-spacing:-.02em;margin-bottom:22px}
.watch-comments h2>span{font-size:13px;color:#91a0b4;margin-left:5px;font-variant-numeric:tabular-nums}
#watch-comment-form>label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}
#watch-comment-text{display:block;resize:vertical;min-height:94px;max-height:320px;width:100%;border:1px solid #343e4e;border-radius:8px;background:#111720;color:#eef2f8;font:inherit;font-size:13px;line-height:1.7;padding:13px 15px}
#watch-comment-text:focus-visible{outline:2px solid var(--red-light);outline-offset:3px}
.watch-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:11px}
.watch-composer-footer p{margin:0;font-size:10px;color:#8291a6}
.watch-composer-footer .button{font-size:11px;min-height:35px;padding:9px 14px}
.watch-comments-empty{padding:27px 0;color:#8393a8;font-size:13px;line-height:1.7}
.watch-comments-error{font-size:12px;line-height:1.7;color:#ffc0c8;margin:17px 0 8px}
#watch-comments-list{margin-top:24px;display:grid;gap:24px}
.watch-comment{display:flex;align-items:flex-start;gap:12px;min-width:0;outline-offset:5px}
.watch-comment-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#2a3445;color:#d9e2f1;font-size:13px;font-weight:650;flex-shrink:0}
.watch-comment-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.watch-comment-body{min-width:0;padding-top:1px}
.watch-comment-byline{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}
.watch-comment-byline strong{font-size:12px;overflow-wrap:anywhere}
.watch-comment-byline time{font-size:10px;color:#7c8ca3}
.watch-comment-body>p{font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;color:#c5d0e0}
.watch-comment-delete{background:none;border:0;padding:5px 0;margin-top:5px;font-size:10px;color:#8f9fb5}
.watch-comment-delete:hover{color:#ff8a9c}
.watch-comments-more{display:block;margin:26px auto 0;font-size:12px}
.watch-suggestions h2{font-size:15px;font-weight:650;margin:0 0 18px}
.watch-recommendations{display:grid;gap:15px}
.watch-recommendation.card-open{position:static;display:grid;grid-template-columns:155px minmax(0,1fr);gap:12px;width:100%;height:auto;padding:0;border:0;background:none;text-align:left;align-items:start}
.watch-recommendation.card-open:after{display:none}
.watch-recommendation-image{position:relative;display:block;width:100%;aspect-ratio:16/9;border:1px solid #283140;border-radius:7px;overflow:hidden;background:#151d28}
.watch-recommendation-image>img{display:block;width:100%;height:100%;object-fit:cover}
.watch-recommendation-duration{position:absolute;bottom:5px;right:5px;background:#070b13df;color:#e9eff8;border-radius:3px;padding:3px 4px;font-size:9px;font-weight:650;font-variant-numeric:tabular-nums}
.watch-recommendation-copy{padding-top:3px;display:flex;flex-direction:column;gap:8px;min-width:0}
.watch-recommendation-copy strong{font-size:12px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}
.watch-recommendation-copy small{color:#8798b0;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
@media(min-width:1500px){.watch-layout{grid-template-columns:minmax(0,1fr) 390px;gap:36px}.watch-recommendation.card-open{grid-template-columns:175px minmax(0,1fr)}}
@media(max-width:1100px){.watch-layout{grid-template-columns:minmax(0,1fr) 280px;gap:22px}.watch-recommendation.card-open{grid-template-columns:125px minmax(0,1fr);gap:9px}.watch-channel{gap:12px}.watch-actions{margin-top:2px}.watch-channel-link strong{font-size:13px}}
@media(max-width:850px){.watch-layout{grid-template-columns:minmax(0,1fr);gap:38px}.watch-suggestions{border-top:1px solid #2c3542;padding-top:25px}.watch-recommendations{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.watch-recommendation.card-open{grid-template-columns:135px minmax(0,1fr)}}
@media(max-width:600px){.watch-page{padding-top:16px}.watch-back{font-size:11px;margin-bottom:17px}.watch-player{border-radius:6px}.watch-below-title{gap:17px}.watch-channel{width:100%;justify-content:space-between}.watch-channel-link{gap:10px}.watch-channel-link img{width:40px;height:40px}.watch-channel-link strong{font-size:12px}.watch-channel-link small{font-size:10px}.watch-follow{min-height:34px;padding:8px 12px;font-size:11px}.watch-actions{gap:10px}.watch-actions>button{font-size:11px;padding:9px 14px}#watch-title{font-size:22px;margin:17px 0 15px}.watch-description{padding:16px 17px;margin:21px 0 27px}.watch-description p{font-size:12px}.watch-comments h2{font-size:18px}.watch-composer-footer{flex-wrap:wrap;gap:10px}.watch-composer-footer .button{margin-left:auto}.watch-recommendations{grid-template-columns:minmax(0,1fr);gap:16px}.watch-recommendation.card-open{grid-template-columns:44% minmax(0,1fr);gap:13px}.watch-recommendation-copy strong{font-size:13px}.watch-recommendation-copy small{font-size:11px}.watch-comment-body>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.watch-recommendation img{transition:none}}
.watch-measured-views { color:#d1d3db; font-size:.9rem; margin:.35rem 0 1rem; }
.watch-credit-lock { display:grid; place-content:center; justify-items:center; gap:1rem; min-height:300px; padding:2rem; background:#111217; color:#fff; text-align:center; }
.watch-credit-lock strong { font-size:2rem; color:#f3d98a; }
.watch-credit-lock[hidden],.watch-teaser-label[hidden]{display:none}
.watch-player:has(.watch-credit-lock.has-premium-preview:not([hidden])) #watch-video{display:none}
.watch-credit-lock.has-premium-preview{position:relative;z-index:4;grid-template-columns:minmax(0,1fr);align-content:start;gap:24px;padding:clamp(12px,2vw,24px);min-height:0;background:linear-gradient(130deg,#13141e,#090a0f 75%)}
.watch-premium-stills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;min-width:0}
.watch-premium-stills img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:10px;border:1px solid #ffffff24;background:#090a0f}
.watch-premium-stills:focus-visible{outline:2px solid #ff687b;outline-offset:4px}
.watch-premium-copy{width:min(100%,440px);min-width:0;text-align:center}
.watch-premium-copy .watch-premium-kicker{font-size:10px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:#ff687b;margin:0 0 10px}
.watch-premium-copy h2{font-size:clamp(20px,2.3vw,32px);letter-spacing:-.035em;line-height:1.1;margin:0 0 10px}
.watch-premium-hint{font-size:12px;line-height:1.6;color:#afb4c3;margin:0 0 15px}
.watch-premium-price{display:flex;justify-content:center;align-items:baseline;gap:8px;margin:0 0 15px}
.watch-premium-price span{font-size:11px;font-weight:650;color:#d5d7e0}
.watch-premium-copy .button{width:100%;min-height:42px;font-size:12px}
.watch-premium-replay{display:block;margin:12px auto 0;padding:5px 8px;border:0;background:none;color:#c6cbd7;text-decoration:underline;text-underline-offset:4px;font-size:11px}
.watch-teaser-label{position:absolute;top:12px;left:12px;z-index:2;pointer-events:none;padding:6px 10px;background:#090a0fbd;color:#fff;border:1px solid #ffffff25;border-radius:20px;font-size:10px;font-weight:650;backdrop-filter:blur(8px)}
@media(max-width:600px),(hover:none) and (pointer:coarse){.watch-credit-lock.has-premium-preview{gap:18px;padding:10px 6px 20px}.watch-premium-stills{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.watch-premium-stills img{border-radius:6px}.watch-premium-copy{padding:0 8px}.watch-premium-copy h2{font-size:24px}.watch-premium-price{margin-bottom:13px}.watch-premium-hint{margin-bottom:12px}.watch-premium-copy .watch-premium-kicker{margin-bottom:6px}.watch-premium-copy .button{font-size:13px}}
.watch-player:fullscreen .watch-credit-lock.has-premium-preview,.watch-player.is-expanded .watch-credit-lock.has-premium-preview{position:absolute;inset:0;overflow:auto;align-content:start;padding-top:max(64px,env(safe-area-inset-top))}
/* Keep all four stills clear: only a small lock sits at their intersection. */
.watch-credit-lock.has-premium-preview{gap:16px;padding:8px 8px 18px;align-content:start}
.watch-credit-lock.has-premium-preview>.watch-premium-stills{position:relative;gap:6px}
.watch-credit-lock.has-premium-preview>.watch-premium-copy{width:min(100%,440px);padding:0 8px}
.watch-credit-lock.has-premium-preview .watch-premium-copy [data-watch-unlock]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 12px;min-height:54px;padding:14px 16px;border:1px solid #ffe0a0;border-radius:10px;background:linear-gradient(115deg,#ffe2a1,#dbb464);color:#201708;box-shadow:0 3px 15px #d4a94d24;font-weight:750;font-size:14px;line-height:1.4}
.watch-credit-lock.has-premium-preview .watch-premium-copy [data-watch-unlock]:hover{background:linear-gradient(115deg,#fff0c9,#f0ca7a)}
.watch-premium-quick-unlock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:grid;justify-items:center;align-content:center;gap:3px;width:84px;min-height:62px;padding:2px;border:0;background:none;color:#ffe2a1;cursor:pointer;font-size:12px;font-weight:650;line-height:1.2;text-shadow:0 1px 3px #000}
.watch-premium-quick-unlock svg{box-sizing:border-box;display:block;width:36px;height:36px;padding:7px;border:1px solid #e4c38280;border-radius:50%;background:#090a10e8;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.watch-premium-quick-unlock>span{padding:2px 5px;white-space:nowrap;border-radius:4px;background:#090a10c9}
.watch-premium-quick-unlock:hover svg{background:#30291a;border-color:#ffe2a1}
.watch-premium-quick-unlock:focus-visible{outline:2px solid #ffe2a1;outline-offset:2px;border-radius:6px}
.watch-premium-copy .watch-unlock-price{display:flex;justify-content:center;align-items:baseline;gap:5px;margin:10px 0 0;color:#f3d98a;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.watch-premium-copy .watch-unlock-price strong{font-size:18px;font-weight:750;color:inherit}
.watch-credit-lock.has-premium-preview .watch-premium-hint{margin:10px 0 0;color:#d0d2dc;font-size:12px;line-height:1.45}
.watch-credit-lock.has-premium-preview .watch-premium-replay{margin:7px auto 0;padding:4px 8px;font-size:11px}
@media(max-width:600px){.watch-credit-lock.has-premium-preview{padding:5px 5px 16px;gap:14px}.watch-credit-lock.has-premium-preview .watch-premium-copy [data-watch-unlock]{gap:4px 10px;padding:13px 12px;font-size:14px}}
.watch-premium-offer{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:20px;margin:24px 0;padding:16px;border:1px solid #ad88494f;border-radius:12px;background:linear-gradient(135deg,#26201688,#111217 65%)}
.watch-premium-offer[hidden]{display:none}
.watch-premium-offer .watch-premium-stills{gap:8px}
.watch-premium-offer .watch-premium-stills img{border-color:#c7a45b36}
.watch-premium-offer .watch-premium-kicker{color:#eacb86}
.watch-premium-offer .watch-premium-price strong{font-size:28px;line-height:1;color:#f3d98a;font-variant-numeric:tabular-nums}
@media(min-width:1101px){.watch-premium-offer{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);align-items:center;gap:22px}.watch-premium-offer .watch-premium-copy h2{font-size:25px}}
@media(max-width:600px),(hover:none) and (pointer:coarse){.watch-premium-offer{gap:16px;padding:8px 6px 16px;margin:20px 0;border-radius:9px}.watch-premium-offer .watch-premium-stills{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.watch-premium-offer .watch-premium-stills img{border-radius:6px}}