/* LIVE player chrome, independent of the replay player. */
.yt-live-player{position:relative!important;display:block!important;isolation:isolate;aspect-ratio:16/9!important;height:auto!important;min-height:220px!important;max-height:none!important;flex:none!important;overflow:hidden;border-radius:12px!important;background:#000;color:#fff;scroll-margin-top:82px;outline:0;font-family:Arial,Helvetica,sans-serif}
.yt-live-player video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;touch-action:pan-y;background:#000}
.yt-live-player:after{display:none!important}.yt-live-player [hidden]{display:none!important}.yt-live-player button{font:inherit;touch-action:manipulation}.yt-live-player button:active{transform:scale(.96)}
.yt-live-player button:focus-visible,.yt-live-player input:focus-visible{outline:2px solid #fff;outline-offset:-2px}.yt-live-player:focus-visible{outline:2px solid #ffffffb0;outline-offset:3px;box-shadow:none}
.yl-brand{position:absolute;z-index:2;top:16px;right:18px;color:#fff9;font-size:13px;font-weight:800;letter-spacing:.06em;pointer-events:none;text-shadow:0 1px 5px #000}
.yt-live-player .yl-controls{z-index:9;padding:35px 12px 5px;background:linear-gradient(transparent,#0009 42%,#000c);transform:none;opacity:0;transition:opacity 160ms ease;pointer-events:none}
.yt-live-player.controls-visible .yl-controls,.yt-live-player:not(.is-playing) .yl-controls,.yt-live-player.yl-menu-open .yl-controls{opacity:1;pointer-events:auto}
.yl-control-row{display:flex;align-items:center;gap:2px;height:46px;min-width:0}.yl-spacer{flex:1;min-width:4px}
.yl-icon{position:relative;display:inline-grid;place-items:center;flex:none;width:44px;min-width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background-color 130ms ease,transform 130ms cubic-bezier(.23,1,.32,1)}
.yl-icon svg,.yl-center-play svg,.yl-feedback svg,.yl-menu svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.yl-volume{display:flex;align-items:center;flex:none;border-radius:24px}.yl-volume input{appearance:none;-webkit-appearance:none;width:0;min-width:0;max-width:72px;height:4px;padding:0;margin:0;opacity:0;border:0;border-radius:0;background:linear-gradient(to right,#fff 0 var(--yl-volume,100%),#ffffff45 var(--yl-volume,100%) 100%);cursor:pointer;transition:opacity 130ms ease}
.yl-volume:hover input,.yl-volume:focus-within input{width:64px;margin:0 10px 0 2px;opacity:1}.yl-volume input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:0}.yl-volume input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.yl-live-button{display:flex;align-items:center;flex:none;gap:7px;height:44px;margin:0 4px;padding:0 7px;border:0;background:transparent;color:#fff;font-size:12px!important;font-weight:600!important;letter-spacing:.15px;cursor:pointer;white-space:nowrap}.yl-live-button i{width:8px;height:8px;border-radius:50%;background:#ff0033}.yl-live-button.is-behind{color:#fff9}.yl-live-button.is-behind i{background:#aaa}
.yl-live-track{position:relative;height:4px;margin:0 3px 1px;background:linear-gradient(90deg,#ff0033,#ff0033 80%,#ff2791);border-radius:2px;pointer-events:none}.yl-live-track i{position:absolute;right:-2px;top:-4px;width:12px;height:12px;border-radius:50%;background:#ff2791;opacity:0}.yt-live-player.controls-visible .yl-live-track i{opacity:1}
.yl-center-play{position:absolute;left:50%;top:50%;z-index:6;display:grid;place-items:center;transform:translate(-50%,-50%);width:64px;height:64px;border:0;border-radius:50%;background:#0009;color:#fff;cursor:pointer;opacity:0;pointer-events:none}.yl-center-play svg{width:36px;height:36px}.yt-live-player:not(.is-playing) .yl-center-play{opacity:1;pointer-events:auto}.yt-live-player .yl-center-play:active{transform:translate(-50%,-50%) scale(.96)}
.yl-feedback{position:absolute;z-index:8;left:50%;top:50%;display:grid;place-items:center;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#0008;color:#fff;pointer-events:none}.yl-feedback svg{width:34px;height:34px}.yt-live-player.yl-idle.is-playing{cursor:none}
.yt-live-player .live-player-state{z-index:5;padding:24px;background:#0009;backdrop-filter:none;gap:12px;pointer-events:none}.yt-live-player .live-player-state strong{font-size:17px;font-weight:600;letter-spacing:0}.yt-live-player .live-player-state p{font-size:12px;line-height:1.45;max-width:320px;color:#ffffffc0}.yt-live-player .live-player-state button{min-height:40px;padding:0 18px;color:#111;font-size:13px;font-weight:600;pointer-events:auto}.yt-live-player .live-player-state.is-paused{display:none!important}.yt-live-player .live-player-state.is-error,.yt-live-player .live-player-state.is-ended{background:#000b}
.yt-live-player .live-state-orbit{position:relative;width:36px;height:36px;display:block}.yt-live-player .live-state-orbit:before{content:"";position:absolute;inset:0;width:auto;height:auto;border:3px solid #ffffff35;border-top-color:#fff;border-radius:50%;animation:yl-spin .8s linear infinite;transform:none}.yt-live-player .live-state-orbit:after,.yt-live-player .live-state-orbit i{display:none!important}
@keyframes yl-spin{to{transform:rotate(360deg)}}
.yt-live-player .player-loading{background:#0008;padding:20px;gap:10px}.yt-live-player .player-loading p{font-size:13px}.yt-live-player .player-loading button{width:64px;height:64px;padding:17px;background:#0008;border:0;border-radius:50%;color:#fff}.yt-live-player .player-loading svg{fill:currentColor;width:30px;height:30px}.yt-live-player[data-live-state="connecting"] #player-start,.yt-live-player[data-live-state="preparing"] #player-start,.yt-live-player[data-live-state="error"] #player-start{display:none}
.yt-live-player .live-autoplay-sound{left:14px;right:auto;top:14px;z-index:8;display:flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:0;border-radius:20px;background:#ffffffed;color:#111;font-size:12px;font-weight:600;backdrop-filter:none}.yt-live-player .live-autoplay-sound svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.yl-menu{position:absolute;z-index:11;right:12px;bottom:62px;width:300px;max-width:calc(100% - 24px);max-height:calc(100% - 82px);overflow-y:auto;overscroll-behavior:contain;padding:6px 0;border-radius:12px;background:#202020f5;color:#fff;box-shadow:0 4px 24px #0008;font-size:13px;transform-origin:bottom right;scrollbar-width:thin;scrollbar-color:#666 transparent}
.yl-menu-title{padding:10px 16px 12px;font-size:14px;font-weight:600}.yl-menu-row,.yl-menu-option,.yl-menu-back{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 16px;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.yl-menu-row>span{flex:1}.yl-menu-row strong{font-size:12px;font-weight:500;color:#eee}.yl-menu-row>svg{width:18px;height:18px}.yl-menu-option svg,.yl-check-space{width:20px;height:20px;flex:none}.yl-menu-option small{margin-left:auto;color:#ff4971;font-size:10px;font-weight:700}.yl-menu-back{border-bottom:1px solid #ffffff20;margin-bottom:4px;font-weight:600}.yl-menu-back svg{width:20px;height:20px}.yl-menu-note{padding:10px 16px;color:#ccc;font-size:11px;line-height:1.4}.yl-switch{position:relative;width:32px;height:18px;flex:none;border-radius:10px;background:#666}.yl-switch:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff}.yl-switch.is-on{background:#ff0033}.yl-switch.is-on:before{left:16px}.yl-menu-open [data-yl-settings]{background:#ffffff25}
.live-room:has(.yt-live-player){grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;--live-room-height:auto}
.live-room:has(.yt-live-player) .live-video-column{display:block;height:auto;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.live-room:has(.yt-live-player) .live-chat{height:clamp(420px,40vw,620px);border-radius:12px}.live-room:has(.yt-live-player) .live-video-meta{padding:16px 0 0}.live-room:has(.yt-live-player) .live-video-meta h1{font-size:20px;letter-spacing:-.4px}.live-room:has(.yt-live-player) .live-now{background:transparent;padding:0;color:var(--text);font-size:11px}.live-room:has(.yt-live-player) .live-now i{background:#ff0033;box-shadow:none}
.profile-page:has(.profile-panel:not([hidden]) .yt-live-player)>.channel-overview{display:none}.profile-page:has(.profile-panel:not([hidden]) .yt-live-player)>.channel-hero{padding:16px 18px;gap:14px;min-height:0}.profile-page:has(.profile-panel:not([hidden]) .yt-live-player)>.channel-hero>.avatar{width:52px;height:52px;flex:none}.profile-page:has(.profile-panel:not([hidden]) .yt-live-player) .profile-identity h1{font-size:20px;line-height:1.25}.profile-page:has(.profile-panel:not([hidden]) .yt-live-player) .profile-identity .channel-live-badge{display:none}.profile-page:has(.profile-panel:not([hidden]) .yt-live-player)>.profile-tabs{margin-top:16px}
.yt-live-player:fullscreen{width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important}.yt-live-player:fullscreen .yl-controls{padding:60px max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom))}.yt-live-player:fullscreen .yl-menu{right:max(24px,env(safe-area-inset-right));bottom:85px;max-height:calc(100% - 130px)}
@media(hover:hover) and (pointer:fine){.yl-icon:hover{background:#ffffff20}.yl-menu-row:hover,.yl-menu-option:hover,.yl-menu-back:hover{background:#ffffff16}.yl-volume:hover{background:#ffffff15}.yl-live-button:hover{color:#fff}}
@media(min-width:1001px){body.live-cinema-mode .app-shell{grid-template-columns:minmax(0,1fr)!important}body.live-cinema-mode #sidebar{display:none!important}body.live-cinema-mode #main-content{grid-column:1!important;width:100%!important;box-sizing:border-box;margin-left:0!important}body.live-cinema-mode .profile-page>.channel-hero,body.live-cinema-mode .profile-page>.channel-overview,body.live-cinema-mode .profile-page>.profile-tabs{display:none}body.live-cinema-mode .live-room{grid-template-columns:minmax(0,1fr)!important;max-width:1500px;margin-inline:auto}body.live-cinema-mode .live-video-column .yt-live-player{height:calc(100dvh - 140px)!important;max-height:900px!important;aspect-ratio:auto!important}body.live-cinema-mode .live-chat{height:420px!important;width:100%;max-width:100%}}
@media(max-width:1000px){.live-room:has(.yt-live-player){grid-template-columns:1fr;gap:18px}.yl-icon[data-yl-cinema]{display:none}.live-room:has(.yt-live-player) .live-chat{height:460px}}
@media(max-width:720px){.yt-live-player{border-radius:10px!important;min-height:220px!important;scroll-margin-top:72px}.yt-live-player .yl-controls{padding:32px 6px 4px}.yl-control-row{gap:0;height:44px}.yl-icon{width:44px;min-width:44px}.yl-icon[data-yl-pip]{display:none}.yl-volume input{display:none!important}.yl-live-button{margin:0;padding:0 4px;font-size:11px!important}.yl-brand{top:12px;right:12px;font-size:11px}.yl-menu{right:8px;bottom:58px;max-width:calc(100% - 16px);max-height:calc(100% - 70px)}.yl-menu-title{padding:7px 14px 9px}.yl-menu-row,.yl-menu-option,.yl-menu-back{padding-inline:14px}.yt-live-player.controls-visible .yl-center-play{opacity:1;pointer-events:auto}.yt-live-player .yl-feedback{display:none!important}.yt-live-player .live-player-state strong{font-size:16px}.yt-live-player .live-player-state p{font-size:11px}.yt-live-player .live-autoplay-sound{top:10px;left:10px;min-height:32px;font-size:11px}.live-room:has(.yt-live-player){gap:12px}.live-room:has(.yt-live-player) .live-video-meta{padding:13px 3px 0}.live-room:has(.yt-live-player) .live-video-meta h1{font-size:18px}.live-room:has(.yt-live-player) .live-chat{border:1px solid var(--line);border-radius:12px}.profile-page:has(.profile-panel:not([hidden]) .yt-live-player)>.channel-hero{padding:14px 12px;gap:10px}.profile-page:has(.profile-panel:not([hidden]) .yt-live-player) .profile-identity h1{font-size:17px}.profile-page:has(.profile-panel:not([hidden]) .yt-live-player)>.channel-hero>.avatar{width:44px;height:44px}.profile-page:has(.profile-panel:not([hidden]) .yt-live-player) .creator-recorder-state{display:none}.profile-page:has(.profile-panel:not([hidden]) .yt-live-player) .profile-history-link{display:none}}
@media(prefers-reduced-motion:reduce){.yt-live-player .yl-controls,.yt-live-player button,.yt-live-player input{transition:none}.yt-live-player button:active{transform:none}.yt-live-player .yl-center-play:active{transform:translate(-50%,-50%)}.yt-live-player .live-state-orbit:before{animation-duration:1.6s}}

.yt-live-player[data-live-state="connecting"] .yl-center-play,.yt-live-player[data-live-state="preparing"] .yl-center-play,.yt-live-player[data-live-state="error"] .yl-center-play,.yt-live-player[data-live-state="ended"] .yl-center-play{display:none}

.yl-watermark-center{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;opacity:.18;pointer-events:none;user-select:none;color:#fff}.yl-watermark-center img{width:clamp(28px,4vw,52px);height:auto;filter:grayscale(1) brightness(0) invert(1)}.yl-watermark-center strong{font-size:clamp(22px,3.6vw,42px);font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:.03em;text-shadow:0 1px 3px #0004}.yl-watermark-url{position:absolute;z-index:3;left:16px;bottom:72px;color:#fff9;font-size:13px;font-weight:600;letter-spacing:.02em;pointer-events:none;user-select:none;text-shadow:0 1px 3px #0008}@media(max-width:720px){.yl-watermark-center{gap:7px}.yl-watermark-center img{width:28px}.yl-watermark-center strong{font-size:23px}.yl-watermark-url{left:12px;bottom:65px;font-size:11px}}

.yt-live-player .yl-watermark-center{font-size:var(--yl-mark-size,22px);gap:.25em}.yt-live-player .yl-watermark-center img{width:1.5em}.yt-live-player .yl-watermark-center strong{font-size:1em}.yt-live-player .yl-watermark-url{left:var(--yl-url-left,16px)}

.yt-live-player{width:100%;max-width:100%}
