.yt-player-root{--yt-red:red;--yt-red-hover:#c00;--yt-white:#fff;--yt-icon:#eaeaea;--yt-icon-dim:#ffffffb3;--yt-track-bg:#ffffff40;--yt-track-buffered:#ffffff73;--yt-panel-bg:#1c1c1cf7;--yt-panel-hover:#ffffff1a;--yt-font:"Roboto", "Arial", sans-serif;aspect-ratio:16/9;width:100%;font-family:var(--yt-font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#000;border-radius:12px;position:relative;overflow:hidden}.yt-player-root video,.yt-player-root [data-media-provider]{-o-object-fit:contain;object-fit:contain;background:#000;width:100%;height:100%}.yt-player-root.theater{aspect-ratio:21/9;border-radius:0}.yt-player-root:fullscreen video,.yt-player-root:fullscreen [data-media-provider]{object-fit:contain}.yt-player-root:-webkit-full-screen video{object-fit:contain}.yt-player-root:-webkit-full-screen [data-media-provider]{object-fit:contain}.yt-top-bar{pointer-events:none;opacity:0;z-index:5;background:linear-gradient(#000000a6 0%,#0000 100%);padding:18px 20px 40px;transition:opacity .18s;position:absolute;top:0;left:0;right:0}.yt-player-root.controls-visible .yt-top-bar{opacity:1}.yt-title{color:var(--yt-white);text-shadow:0 1px 3px #0009;white-space:nowrap;text-overflow:ellipsis;max-width:80%;font-size:15px;font-weight:500;overflow:hidden}.yt-center-icon{width:68px;height:68px;color:var(--yt-white);opacity:0;pointer-events:none;z-index:6;background:#0009;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.yt-center-icon.pulse{animation:.55s cubic-bezier(.2,.9,.3,1) yt-pulse}@keyframes yt-pulse{0%{opacity:.9;transform:translate(-50%,-50%)scale(.7)}60%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}.yt-seek-ripple{width:90px;height:90px;color:var(--yt-white);opacity:0;z-index:6;pointer-events:none;background:#0000008c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;top:50%;transform:translateY(-50%)scale(.6)}.yt-seek-ripple.left{left:12%}.yt-seek-ripple.right{right:12%}.yt-seek-ripple.active{animation:.5s ease-out yt-ripple}@keyframes yt-ripple{0%{opacity:0;transform:translateY(-50%)scale(.5)}30%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;transform:translateY(-50%)scale(1)}}.yt-seek-zone{z-index:4;width:30%;position:absolute;top:0;bottom:56px}.yt-seek-zone.left{left:0}.yt-seek-zone.right{right:0}.yt-seek-zone.center{width:40%;left:30%}.yt-settings-backdrop{z-index:6;background:0 0;position:absolute;inset:0}.yt-bottom-gradient{opacity:0;pointer-events:none;z-index:5;background:linear-gradient(#0000 0%,#000000d9 100%);height:130px;transition:opacity .18s;position:absolute;bottom:0;left:0;right:0}.yt-player-root.controls-visible .yt-bottom-gradient{opacity:1}.yt-controls{z-index:7;opacity:0;pointer-events:none;padding:0 12px 8px;transition:opacity .15s,transform .15s;position:absolute;bottom:0;left:0;right:0;transform:translateY(6px)}.yt-player-root.controls-visible .yt-controls{opacity:1;pointer-events:auto;transform:translateY(0)}.yt-scrubber-wrap{cursor:pointer;align-items:center;height:14px;margin-bottom:2px;display:flex;position:relative}.yt-scrubber-track{background:var(--yt-track-bg);border-radius:2px;width:100%;height:3px;transition:height .1s;position:relative;overflow:visible}.yt-scrubber-wrap:hover .yt-scrubber-track{height:5px}.yt-scrubber-buffered{background:var(--yt-track-buffered);border-radius:2px;height:100%;position:absolute;top:0;left:0}.yt-scrubber-played{background:var(--yt-red);border-radius:2px;height:100%;position:absolute;top:0;left:0}.yt-scrubber-thumb{background:var(--yt-red);border-radius:50%;width:12px;height:12px;transition:transform .1s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(.75)}.yt-scrubber-wrap:hover .yt-scrubber-thumb{transform:translate(-50%,-50%)scale(1.2)}.yt-hover-preview{color:#fff;pointer-events:none;white-space:nowrap;background:#1c1c1c;border-radius:3px;padding:2px 6px;font-size:12px;position:absolute;bottom:22px;transform:translate(-50%)}.yt-controls-row{align-items:center;gap:4px;height:40px;display:flex}.yt-controls-row.right{margin-left:auto}.yt-btn{width:40px;height:40px;color:var(--yt-icon);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;transition:color .1s;display:flex}.yt-btn:hover{color:var(--yt-white)}.yt-btn:focus-visible{outline:2px solid var(--yt-white);outline-offset:-2px}.yt-time{color:var(--yt-icon);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:6px;font-size:13px}.yt-spacer{flex:1}.yt-volume-group{align-items:center;display:flex}.yt-volume-slider{align-items:center;width:0;transition:width .15s;display:flex;overflow:hidden}.yt-volume-group:hover .yt-volume-slider,.yt-volume-group:focus-within .yt-volume-slider{width:60px}.yt-volume-track{background:var(--yt-track-bg);cursor:pointer;border-radius:2px;width:52px;height:3px;margin-left:4px;position:relative}.yt-volume-fill{background:var(--yt-white);border-radius:2px;height:100%;position:absolute;top:0;left:0}.yt-volume-thumb{background:var(--yt-red);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.yt-menu{background:var(--yt-panel-bg);min-width:220px;max-height:300px;color:var(--yt-white);z-index:10;border-radius:6px;padding:6px 0;font-size:13px;position:absolute;bottom:48px;right:12px;overflow-y:auto;box-shadow:0 2px 10px #00000080}.yt-menu-item{cursor:pointer;justify-content:space-between;align-items:center;padding:9px 16px;display:flex}.yt-menu-item:hover{background:var(--yt-panel-hover)}.yt-menu-item-left{align-items:center;gap:10px;display:flex}.yt-menu-header{cursor:pointer;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:4px;padding:9px 12px;font-weight:500;display:flex}.yt-check{color:var(--yt-white)}.yt-spinner{z-index:6;width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yt-spinner svg{animation:1.1s linear infinite yt-spin}@keyframes yt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.yt-player-root:not(.controls-visible){cursor:none}
