:root{color:#fbfbfb;background:#070707;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% 30%,#12151a 0,#070707 65%);margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}#app{place-items:center;min-height:100vh;padding:clamp(12px,3vw,36px);display:grid}.player-shell{aspect-ratio:16/9;width:min(100%,1120px);box-shadow:none;background:#070707;border:0;border-radius:0;position:relative;overflow:hidden}.player-stage{background-color:#070707;background-image:url(/widget/backgrounds/gradient.webp),url(/widget/backgrounds/pitch.webp);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:100%,100%;position:absolute;inset:0;overflow:hidden}.player-video{z-index:1;object-fit:contain;background:0 0;width:100%;height:100%;display:block;position:relative}.player-shell:not(.has-started) .player-video{object-fit:cover}.ui-scrim{z-index:4;pointer-events:none;opacity:1;height:30%;transition:opacity .35s;position:absolute;left:0;right:0}.ui-scrim-top{background:linear-gradient(#070707ad,#0000);top:0}.ui-scrim-bottom{background:linear-gradient(#0000,#070707e0);bottom:0}.top-controls{z-index:7;display:flex;position:absolute;top:8px;right:8px}.icon-button{color:#fbfbfb;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.icon-button:hover{background:#ffffff1a}.icon-button img{object-fit:contain;width:26px;height:26px}.pip-button{width:52px;height:52px}.pip-button img{width:28px;height:28px}.center-state{z-index:5;pointer-events:none;opacity:1;place-content:center;transition:opacity .35s;display:grid;position:absolute;inset:0}.center-state button{pointer-events:auto}.primary-play{isolation:isolate;cursor:pointer;background:0 0;border:0;place-items:center;width:92px;height:92px;padding:0;transition:transform .18s;display:grid;position:relative}.primary-play:before{z-index:0;content:"";border:2px dashed #ffffff29;border-radius:50%;position:absolute;inset:0}.primary-play:after{z-index:1;content:"";-webkit-backdrop-filter:blur(8px);background-color:#0707078f;background-image:linear-gradient(#74fa7752 0%,#74fa7700 100%),linear-gradient(#74fa770a,#74fa770a);background-clip:padding-box;border-radius:50%;position:absolute;inset:10px}.primary-play:hover{transform:scale(1.04)}.primary-border{z-index:2;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(#74fa77b3,#74fa7700);border-radius:50%;padding:1px;position:absolute;inset:10px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.play-badge,.pause-badge{z-index:3;object-fit:contain;width:24px;height:24px;position:relative}.play-badge{opacity:.98;width:20px;height:20px}.pause-badge{display:none}.player-shell[data-playback=loading] .primary-play:before,.player-shell[data-playback=buffering] .primary-play:before{border-color:#74fa77;animation:1.9s linear infinite loading-ring;box-shadow:0 0 9px #74fa774d}.player-shell[data-playback=loading] .play-badge,.player-shell[data-playback=buffering] .play-badge,.player-shell[data-playback=playing] .play-badge{display:none}.player-shell[data-playback=loading] .pause-badge,.player-shell[data-playback=buffering] .pause-badge,.player-shell[data-playback=playing] .pause-badge{display:block}@keyframes loading-ring{to{transform:rotate(360deg)}}.ad-overlay{z-index:5;border:1px solid color-mix(in srgb, var(--ad-accent,#74fa77) 72%, white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0d0e13e6;background-position:50%;background-size:cover;border-radius:16px;width:min(360px,88%);min-height:118px;padding:16px 18px;position:absolute;bottom:17%;right:3%;box-shadow:0 16px 40px #0000007a}.ad-label{color:var(--ad-accent,#74fa77);letter-spacing:.1em;margin-bottom:10px;font-size:10px;font-weight:800;display:block}.ad-overlay strong{-webkit-line-clamp:var(--ad-lines,2);font-size:18px;font-weight:var(--ad-font-weight,700);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ad-overlay p{color:#d1d3d6;margin:7px 0 0;line-height:1.35}.controls{z-index:6;opacity:1;align-items:center;gap:8px;min-height:76px;padding:28px 18px 14px;transition:opacity .35s,transform .35s;display:flex;position:absolute;bottom:0;left:0;right:0}.controls-hidden .controls,.controls-hidden .top-controls,.controls-hidden .center-state,.controls-hidden .ui-scrim{pointer-events:none;opacity:0}.controls-hidden .controls{transform:translateY(8px)}.quality-popover{z-index:8;width:155px;height:calc(36px * var(--quality-count,1) + 6px);visibility:hidden;opacity:0;transform-origin:bottom;pointer-events:none;-webkit-backdrop-filter:blur(8px);background-color:#0707078f;background-image:linear-gradient(#ffffff0a,#ffffff0a);border-radius:20px;flex-direction:column;gap:4px;max-height:calc(100% - 16px);padding:4px 5px;transition:opacity .2s,transform .2s,visibility 0s linear .2s;display:flex;position:absolute;bottom:3px;left:50%;right:auto;overflow-y:auto;transform:translateY(8px)scale(.96)}.quality-open .quality-popover{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.quality-list{flex-direction:column;gap:4px;display:flex}.quality-option{box-sizing:border-box;color:#fff;letter-spacing:-.02em;font-variant-numeric:proportional-nums lining-nums;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:24px;flex:0 0 32px;justify-content:flex-start;align-items:center;width:145px;min-height:32px;padding:0 12px;font-family:Geist,Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:20px;display:flex}.quality-option.is-selected{background:#74fa771f;border-color:#74fa77;justify-content:space-between;padding:0 4px 0 11px}.quality-check{box-sizing:border-box;background:linear-gradient(#74fa7752 0%,#74fa7700 100%),#74fa770a;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;display:grid}.quality-check svg{fill:none;stroke:#74fa77;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:8px;height:6px;display:block;overflow:visible}.volume-popover{width:52px;height:180px;box-shadow:none;visibility:hidden;opacity:0;transform-origin:bottom;pointer-events:none;-webkit-backdrop-filter:blur(8px);background-color:#0707078f;background-image:linear-gradient(#ffffff0a,#ffffff0a);border:0;border-radius:26px;place-items:center;padding:12px;transition:opacity .22s,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s;display:grid;position:absolute;bottom:72px;left:14px;transform:translateY(12px)scale(.88)}.volume-open .volume-popover{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.volume{appearance:none;background:linear-gradient(to right, #74fa77 0 var(--volume-progress,100%), #ffffff3d var(--volume-progress,100%) 100%);cursor:pointer;border:0;border-radius:999px;width:142px;height:4px;position:absolute;top:calc(50% - 2px);left:calc(50% - 73px);transform:rotate(-90deg)}.volume::-webkit-slider-thumb{appearance:none;background:#74fa77;border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #74fa77bf}.volume::-moz-range-thumb{background:#74fa77;border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #74fa77bf}.time{color:#f2f2f2;font-variant-numeric:tabular-nums;min-width:82px;font-size:12px;font-weight:600}.seek{appearance:none;background:linear-gradient(to right, #74fa77 0 var(--seek-progress,0%), #ffffff40 var(--seek-progress,0%) 100%);cursor:pointer;border:0;border-radius:999px;flex:1;min-width:36px;height:4px}.seek::-webkit-slider-thumb{appearance:none;background:#74fa77;border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #74fa77bf}.seek::-moz-range-thumb{background:#74fa77;border:0;border-radius:50%;width:14px;height:14px}.live-indicator{color:#dfffe0;letter-spacing:.05em;-webkit-backdrop-filter:blur(12px)saturate(140%);background:linear-gradient(#74fa7761,#1b5b2a47);border:1px solid #74fa773d;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff2b}.live-indicator[hidden]{display:none}.live-indicator[hidden]~.cast-button{margin-left:auto}.player-shell:not(.has-started) .settings-button,.player-shell:not(.has-selectable-quality) .settings-button{display:none}.live-indicator b{background:#74fa77;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #74fa77}.player-shell:fullscreen{background:#070707;border:0;border-radius:0;width:100vw;max-width:none}.player-shell:fullscreen .player-stage{aspect-ratio:auto;height:100vh}@media (max-width:620px){#app{padding:0}.player-shell{border-left:0;border-right:0;border-radius:0;width:100%}.player-stage{border-radius:0}.top-controls{top:4px;right:4px}.controls{gap:2px;min-height:76px;padding:30px 6px 8px}.icon-button{width:44px;height:44px}.time{min-width:48px;font-size:10px}.seek{min-width:28px}.volume-popover{bottom:72px;left:2px}.live-indicator{padding:7px 8px;font-size:10px}.ad-overlay{bottom:20%;right:4%}}