/* Floating controls for the selected C player design. */
.watch-b-screening{border-color:#65424e;background:#090709}
.watch-b-player{background:#050505}
.watch-b-player::after{inset:45% 0 0;background:linear-gradient(transparent,rgba(5,4,6,.67));opacity:0;transition:opacity .65s ease}
.watch-b-player.is-ready::after{opacity:0}
.watch-b-player.is-ready.controls-visible::after,.watch-b-player.is-ready:focus-within::after{opacity:1}
.watch-b-topline{top:25px;left:28px;right:28px;opacity:0;transition:opacity .65s ease;text-transform:none}
.watch-b-topline span:first-child{overflow:hidden;max-width:80%;white-space:nowrap;text-overflow:ellipsis}
.watch-b-topline span:only-child{padding:0;border:0;background:none}
.watch-b-player.controls-visible .watch-b-topline,.watch-b-player:focus-within .watch-b-topline{opacity:1}
.watch-b-player.is-ready .watch-b-center-play{width:64px;height:64px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;opacity:0;pointer-events:none;transition:opacity .65s ease,transform .25s ease}
.watch-b-player.is-ready.controls-visible:not(.is-playing) .watch-b-center-play,.watch-b-player.is-ready:focus-within:not(.is-playing) .watch-b-center-play{opacity:1;pointer-events:auto}
@media(hover:hover) and (pointer:fine){.watch-b-player.is-ready.controls-visible.is-playing .watch-b-center-play,.watch-b-player.is-ready.is-playing:focus-within .watch-b-center-play{opacity:1;pointer-events:auto}}
.watch-b-player.is-ready .watch-b-center-play:hover{background:transparent;transform:translate(-50%,-50%) scale(1.08)}
.watch-c-play-toggle{--watch-icon:#fff;display:grid;place-items:center;cursor:pointer;user-select:none;fill:var(--watch-icon)}
.watch-c-play-toggle svg{display:block;width:39px;height:39px;fill:var(--watch-icon);animation:watch-c-icon-fill .3s ease both}
.watch-c-play-toggle .watch-c-pause-icon{display:none}
.watch-b-player.is-playing .watch-c-play-toggle .watch-c-play-icon{display:none}
.watch-b-player.is-playing .watch-c-play-toggle .watch-c-pause-icon{display:block}
@keyframes watch-c-icon-fill{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1);opacity:1}100%{transform:scale(1);opacity:1}}
.watch-b-player.is-ready .watch-c-controls{left:25px;right:25px;bottom:23px;align-items:center;gap:12px;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .65s ease,transform .65s ease}
.watch-b-player.is-ready.controls-visible .watch-c-controls,.watch-b-player.is-ready:focus-within .watch-c-controls{opacity:1;pointer-events:auto;transform:translateY(0)}
.watch-c-controls>input[data-watch-seek]{height:18px;flex:none;accent-color:var(--mint)}
.watch-c-controls>input[data-watch-seek]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--mint) var(--watch-progress,0%),rgba(255,255,255,.65) var(--watch-progress,0%))}
.watch-c-controls>input[data-watch-seek]::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4.5px}
.watch-c-control-dock{display:inline-flex;flex:0 1 auto;align-self:center;min-height:54px;padding:8px 15px;gap:17px;border:1px solid rgba(255,255,255,.27);border-radius:999px;background:rgba(27,21,27,.91);box-shadow:0 15px 37px rgba(0,0,0,.58);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.watch-b-control-row.watch-c-control-dock button{display:grid;place-items:center;min-width:0;min-height:0;padding:0;background:transparent;color:#eee7ea;font-size:12px}
.watch-b-control-row.watch-c-control-dock button:hover{color:var(--mint)}
.watch-b-control-row.watch-c-control-dock .watch-c-dock-play{flex:none;width:36px;height:36px;border-radius:50%;background:#a83f5e;color:#fff;--watch-icon:#fff}
.watch-b-control-row.watch-c-control-dock .watch-c-dock-play:hover{background:#bb4c6c;color:#fff}
.watch-c-dock-play svg{width:19px;height:19px}
.watch-b-control-row.watch-c-control-dock [data-watch-time]{font-size:12px;font-variant-numeric:tabular-nums;color:#f0e9ec}
.watch-c-divider{flex:none;width:1px;height:23px;background:#705d68}
.watch-c-volume{display:flex;align-items:center;gap:8px}
.watch-c-volume button svg,.watch-c-fullscreen svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.watch-c-volume .watch-c-volume-off{display:none}
.watch-c-volume.is-muted .watch-c-volume-wave{display:none}
.watch-c-volume.is-muted .watch-c-volume-off{display:block}
.watch-b-player .watch-c-volume input[data-watch-volume]{width:78px;height:6px;margin:0;border:0;border-radius:999px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--mint) var(--watch-volume,100%),#5a5157 var(--watch-volume,100%));cursor:pointer;transition:height .15s ease}
.watch-b-player .watch-c-volume input[data-watch-volume]:hover,.watch-b-player .watch-c-volume input[data-watch-volume]:focus-visible{height:10px}
.watch-b-player .watch-c-volume input[data-watch-volume]::-webkit-slider-runnable-track{height:100%;border-radius:inherit;background:transparent}
.watch-b-player .watch-c-volume input[data-watch-volume]::-webkit-slider-thumb{width:0;height:0;margin:0;border:0;background:transparent;box-shadow:none;appearance:none;-webkit-appearance:none}
.watch-b-player .watch-c-volume input[data-watch-volume]::-moz-range-track{height:100%;background:transparent}
.watch-b-player .watch-c-volume input[data-watch-volume]::-moz-range-thumb{width:0;height:0;border:0;background:transparent}
.watch-c-speed{position:relative}
.watch-b-control-row.watch-c-control-dock [data-watch-speed-button]{display:flex;align-items:center;gap:5px;padding:5px 6px;white-space:nowrap;font-size:12px}
.watch-c-speed-menu{position:absolute;right:-45px;bottom:56px;z-index:8;width:181px;padding:12px;border:1px solid #68525e;border-radius:13px;background:rgba(35,27,35,.98);box-shadow:0 18px 42px rgba(0,0,0,.7)}
.watch-c-speed-menu[hidden]{display:none}
.watch-c-speed-menu>span{display:block;padding:2px 5px 9px;color:#c2b3bc;font-size:11px}
.watch-c-speed-menu>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.watch-b-control-row.watch-c-control-dock .watch-c-speed-menu button{min-height:33px;border-radius:7px;background:#382d36;color:#e8dfe3;font-size:11px}
.watch-b-control-row.watch-c-control-dock .watch-c-speed-menu button:hover{background:#58404d;color:#fff}
.watch-b-control-row.watch-c-control-dock .watch-c-speed-menu button.is-active{background:#ae4162;color:#fff;font-weight:700}
.watch-b-loading{display:flex;align-items:center;flex-direction:column;gap:9px;min-width:205px;padding:16px 20px;border-color:#66515d;border-radius:12px;background:rgba(27,21,27,.94);font-size:13px;font-weight:600;box-shadow:0 16px 37px rgba(0,0,0,.55)}
.watch-c-loading-dots{display:inline-flex;gap:3px;margin-left:5px;vertical-align:middle}
.watch-c-loading-dots i{width:4px;height:4px;border-radius:50%;background:var(--mint);animation:watch-c-blink 1.5s infinite}
.watch-c-loading-dots i:nth-child(2){animation-delay:.3s}.watch-c-loading-dots i:nth-child(3){animation-delay:.6s}
.watch-c-loading-track{display:block;width:180px;height:18px;padding:4px;border-radius:999px;background:#121013;box-shadow:inset -2px 2px 4px rgba(0,0,0,.8);overflow:hidden}
.watch-c-loading-bar{display:block;width:0;height:10px;border-radius:inherit;background:linear-gradient(90deg,#aa395b,#88e7d2);animation:watch-c-loading 4s ease-out infinite}
@keyframes watch-c-blink{0%,100%{opacity:0}50%{opacity:1}}
@keyframes watch-c-loading{0%{width:0}80%,100%{width:100%}}
.watch-c-toolbar-actions{display:flex;align-items:center;gap:12px}
.watch-c-favorite-group{display:flex;align-items:center;gap:2px;color:#f1dce4;font-size:12px}
.heart-container.watch-c-favorite{--heart-color:rgb(255,91,137);position:relative;display:block;width:44px;height:44px;flex:none;transition:transform .3s}
.watch-c-favorite:hover{transform:scale(1.08)}
.watch-c-favorite .checkbox{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:20;cursor:pointer}
.watch-c-favorite .svg-container{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:50%}
.watch-c-favorite .svg-outline,.watch-c-favorite .svg-filled{position:absolute;width:25px;height:25px;color:var(--heart-color);stroke:var(--heart-color);stroke-width:1.7}
.watch-c-favorite .svg-outline{fill:none}
.watch-c-favorite .svg-filled{display:none;fill:var(--heart-color)}
.watch-c-favorite .svg-celebrate{position:absolute;display:none;width:42px;height:42px;fill:none;stroke:var(--heart-color);stroke-width:1.8}
.watch-c-favorite .checkbox:checked~.svg-container .svg-outline{display:none}
.watch-c-favorite .checkbox:checked~.svg-container .svg-filled{display:block;animation:keyframes-svg-filled 1s}
.watch-c-favorite.is-celebrating .checkbox:checked~.svg-container .svg-celebrate{display:block;animation:keyframes-svg-celebrate .5s forwards}
.watch-c-favorite .checkbox:focus-visible~.svg-container{outline:2px solid var(--mint);outline-offset:2px}
.watch-c-favorite.is-pending{opacity:.55;pointer-events:none}
@keyframes keyframes-svg-filled{0%{transform:scale(0)}25%{transform:scale(1.2)}50%{transform:scale(1);filter:brightness(1.5)}100%{transform:scale(1);filter:none}}
@keyframes keyframes-svg-celebrate{0%{transform:scale(0);opacity:0}50%{opacity:1;filter:brightness(1.5)}100%{transform:scale(1.4);opacity:0}}
.watch-b-player:has(.watch-b-ended:not([hidden])) .watch-b-topline,.watch-b-player:has(.watch-b-ended:not([hidden])) .watch-c-controls,.watch-b-player:has(.watch-b-ended:not([hidden])) .watch-b-center-play{opacity:0;pointer-events:none}
@media (hover:none),(pointer:coarse){.watch-b-player.is-ready::after{opacity:1}.watch-b-player .watch-b-topline{opacity:1}.watch-b-player.is-ready .watch-c-controls{opacity:1;pointer-events:auto;transform:none}.watch-b-player.is-ready:not(.is-playing) .watch-b-center-play{opacity:1;pointer-events:auto}}
@media(max-width:760px){.watch-b-player.is-ready .watch-b-center-play{width:43px;height:43px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(20,15,20,.78);box-shadow:0 9px 24px rgba(0,0,0,.4)}.watch-b-player.is-ready .watch-b-center-play:hover{background:rgba(20,15,20,.78)}.watch-b-center-play svg{width:22px;height:22px}.watch-b-topline{top:9px;left:10px;right:10px;font-size:8px}.watch-b-player.is-ready .watch-c-controls{left:10px;right:10px;bottom:7px;gap:3px}.watch-c-controls>input[data-watch-seek]{height:12px}.watch-c-control-dock{min-height:35px;max-width:100%;gap:7px;padding:4px 8px}.watch-b-control-row.watch-c-control-dock .watch-c-dock-play{width:26px;height:26px}.watch-c-dock-play svg{width:15px;height:15px}.watch-b-control-row.watch-c-control-dock [data-watch-time]{font-size:9px}.watch-c-divider{height:17px}.watch-b-control-row.watch-c-control-dock [data-watch-mute]{display:grid}.watch-c-volume{gap:0}.watch-c-volume button svg,.watch-c-fullscreen svg{width:16px;height:16px}.watch-b-player .watch-c-volume input[data-watch-volume]{display:none}.watch-b-control-row.watch-c-control-dock [data-watch-speed-button]{padding:3px 2px;font-size:9px}.watch-c-speed-menu{right:-30px;bottom:38px;width:146px;padding:8px}.watch-c-speed-menu>span{font-size:10px}.watch-b-control-row.watch-c-control-dock .watch-c-speed-menu button{min-height:27px;font-size:10px}.watch-c-loading-track{width:140px}.watch-b-loading{min-width:164px;padding:12px 14px;font-size:11px}}
@media(max-width:760px){.watch-b-player.is-ready::after{opacity:1}.watch-b-player .watch-b-topline{opacity:1}.watch-b-player.is-ready .watch-c-controls{opacity:1;pointer-events:auto;transform:none}.watch-b-player.is-ready:not(.is-playing) .watch-b-center-play{opacity:1;pointer-events:auto}}
@media(max-width:760px){.heart-container.watch-c-favorite{width:38px;height:38px}.watch-c-favorite .svg-outline,.watch-c-favorite .svg-filled{width:22px;height:22px}.watch-c-favorite-group{font-size:11px}}
@media(max-width:380px){.watch-c-control-dock{gap:5px}.watch-b-control-row.watch-c-control-dock [data-watch-time]{font-size:8px}}
@media(prefers-reduced-motion:reduce){.watch-b-player .watch-c-play-toggle svg,.watch-c-loading-dots i,.watch-c-loading-bar,.watch-c-favorite svg{animation:none}.watch-b-player .watch-c-controls,.watch-b-player .watch-b-topline,.watch-b-player::after{transition:none}}

/* Keep the central glyph legible against bright video without a desktop ring. */
.watch-b-player.is-ready .watch-b-center-play{width:84px;height:84px;background:radial-gradient(circle,rgba(9,7,10,.48) 0%,rgba(9,7,10,.23) 43%,transparent 72%)}
.watch-b-player.is-ready .watch-b-center-play:hover{background:radial-gradient(circle,rgba(9,7,10,.6) 0%,rgba(9,7,10,.28) 44%,transparent 74%)}
.watch-b-player .watch-b-center-play svg{width:56px;height:56px;fill:#fff;stroke:#100c10;stroke-width:1.4;stroke-linejoin:round;paint-order:stroke fill;filter:drop-shadow(0 2px 5px rgba(0,0,0,.95)) drop-shadow(0 0 12px rgba(0,0,0,.65))}
@media(max-width:760px){.watch-b-player.is-ready .watch-b-center-play{width:56px;height:56px;border:1px solid rgba(255,255,255,.86);border-radius:50%;background:rgba(17,13,18,.78);box-shadow:0 7px 24px rgba(0,0,0,.68),inset 0 0 0 1px rgba(0,0,0,.32)}.watch-b-player.is-ready .watch-b-center-play:hover{background:rgba(17,13,18,.84)}.watch-b-player .watch-b-center-play svg{width:32px;height:32px;stroke-width:1.2}}