.player,.modal{--text:#fff;--text-2:#c9cbd1;--text-3:#8b8d96;--line:#ffffff1a;--surface:#16161c;--surface-2:#1f1f27;--surface-3:#2a2a34;--card:#1d1d20;--ink:#fff;color:#fff}.player{aspect-ratio:16/9;width:100%;max-height:calc(100svh - var(--header-h) - 24px);border-radius:var(--radius);isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;outline:none;position:relative;overflow:hidden}.is-bare .player{aspect-ratio:auto;border-radius:0;height:100vh;max-height:none}.player.is-fullscreen{border-radius:0;max-height:none}.player video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.player__poster{object-fit:cover;z-index:1;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.player.is-started .player__poster{opacity:0;pointer-events:none}.player__ad{z-index:6}.player__ad[hidden]{display:none}.player__surface{z-index:2;cursor:pointer;position:absolute;inset:0}.player.is-idle .player__surface{cursor:none}.player:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 68%,#000000bf),linear-gradient(#0000008c,#0000 22%);transition:opacity .3s;position:absolute;inset:0}.player.is-idle:after,.player.is-ad:after{opacity:0}.player:not(.is-started):after{background:radial-gradient(circle,#00000026,#0000008c)}.player__center{z-index:4;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.player__big{pointer-events:auto;background:var(--accent);width:clamp(64px,9vw,96px);height:clamp(64px,9vw,96px);color:var(--accent-text);box-shadow:0 12px 40px -8px var(--accent);border-radius:50%;place-items:center;transition:transform .2s,opacity .2s;display:grid}.player__big:hover{transform:scale(1.06)}.player__big svg{width:44%;height:44%;margin-left:6%}.player.is-started:not(.needs-tap) .player__big{opacity:0;pointer-events:none;transform:scale(.8)}.player__spinner{opacity:0;border:4px solid #fff3;border-top-color:#fff;border-radius:50%;grid-area:1/1;width:56px;height:56px;transition:opacity .2s;animation:.9s linear infinite spin}.player.is-loading .player__spinner{opacity:1}.player__big{grid-area:1/1}@keyframes spin{to{transform:rotate(360deg)}}.player__top{z-index:4;color:#ffffffe6;pointer-events:none;padding:clamp(12px,2vw,22px) clamp(14px,2.4vw,28px);font-size:clamp(13px,1.3vw,16px);transition:opacity .3s;position:absolute;top:0;left:0;right:0}.player__top b{font-weight:700}.player:not(.is-fullscreen):not(.is-embed) .player__title{display:none}.player__controls{z-index:5;padding:0 clamp(10px,2vw,22px) clamp(6px,1.2vw,14px);transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0;right:0}.player:not(.is-started) .player__controls,.player.is-ad .player__controls,.player.is-ad .player__top,.player.is-ad .player__panel,.player.is-idle .player__controls,.player.is-idle .player__top{opacity:0;pointer-events:none}.player.is-idle .player__controls{transform:translateY(8px)}.player__progress{cursor:pointer;touch-action:none;align-items:center;height:22px;display:flex;position:relative}.player__track{background:#ffffff40;border-radius:4px;width:100%;height:4px;transition:height .15s;position:relative}.player__progress:hover .player__track,.player.is-scrubbing .player__track{height:6px}.player__buffered,.player__played{border-radius:inherit;width:0;position:absolute;top:0;bottom:0;left:0}.player__buffered{background:#ffffff59}.player__played{background:var(--accent)}.player__knob{background:var(--accent);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:transform .15s;position:absolute;top:50%;left:0;transform:scale(0);box-shadow:0 0 0 3px #00000040}.player__progress:hover .player__knob,.player.is-scrubbing .player__knob{transform:scale(1)}.player__intro-mark{background:#ffffff40;position:absolute;top:0;bottom:0}.player__tip{font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#000000d9;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:700;position:absolute;bottom:26px;transform:translate(-50%)}.player__bar{align-items:center;gap:clamp(2px,.6vw,8px);height:48px;display:flex}.pb{color:#fff;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;transition:background .15s,transform .1s;display:grid}.pb:hover{background:#ffffff1f}.pb:active{transform:scale(.92)}.pb svg{width:26px;height:26px}.pb--text{gap:8px;width:auto;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.pb--text svg{width:22px;height:22px}.pb[hidden],.player .i-pause,.player.is-playing .i-play,.player .i-mute,.player.is-muted .i-vol,.player .i-fs-exit,.player.is-fullscreen .i-fs{display:none}.player.is-playing .i-pause,.player.is-muted .i-mute,.player.is-fullscreen .i-fs-exit{display:block}.player__vol{align-items:center;display:flex}.player__vol input{opacity:0;accent-color:#fff;width:0;transition:width .2s,opacity .2s,margin .2s}.player__vol:hover input,.player__vol:focus-within input{opacity:1;width:84px;margin:0 8px 0 2px}.player__time{font-variant-numeric:tabular-nums;color:#ffffffe6;white-space:nowrap;padding:0 6px;font-size:14px;font-weight:500}.player__spacer{flex:1}@media (width<=560px){.player [data-act=back],.player [data-act=fwd],.player__vol input,.player [data-act=pip],.pb--text span{display:none}.pb--text{justify-content:center;width:44px;padding:0}.player__time{font-size:13px}}.player__menu-wrap{position:relative}.player__menu{backdrop-filter:blur(10px);min-width:210px;max-height:min(340px,60vh);box-shadow:0 20px 50px #0009, inset 0 0 0 1px var(--line);background:#14141af5;border-radius:12px;gap:6px;padding:8px;display:grid;position:absolute;bottom:52px;right:0;overflow-y:auto}.player__menu[hidden]{display:none}.player__menu-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:6px 10px 4px;font-size:12px;font-weight:700}.player__menu-group[hidden]{display:none}.player__menu button{text-align:left;border-radius:8px;justify-content:space-between;gap:12px;width:100%;padding:8px 10px;font-size:14px;display:flex}.player__menu button:hover{background:#ffffff14}.player__menu button[aria-checked=true]{color:var(--accent);font-weight:700}.player__menu button[aria-checked=true]:after{content:"✓"}.player__skip{z-index:5;color:#111;background:#fffffff0;border-radius:10px;height:46px;padding:0 22px;font-weight:700;position:absolute;bottom:clamp(80px,12vw,110px);right:clamp(14px,2.4vw,28px);box-shadow:0 10px 30px #0006}.player__skip[hidden],.player__toast[hidden],.player__next[hidden],.player__end[hidden],.player__error[hidden],.player__adui[hidden]{display:none}.player__toast{z-index:5;backdrop-filter:blur(6px);background:#000000bf;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:flex;position:absolute;top:clamp(56px,7vw,70px);left:clamp(14px,2.4vw,28px)}.player__toast button{color:var(--accent);font-weight:700}.player__flash{z-index:3;opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff2e,#0000 70%);place-items:center;width:38%;font-size:15px;font-weight:700;display:grid;position:absolute;top:0;bottom:0}.player__flash.is-left{opacity:1;left:0}.player__flash.is-right{opacity:1;right:0}.player__flash.is-fade{opacity:0;transition:opacity .5s}.player__next{z-index:5;backdrop-filter:blur(12px);width:min(420px,100% - 28px);box-shadow:0 20px 60px #0009, inset 0 0 0 1px var(--line);background:#0e0e12eb;border-radius:14px;grid-template-columns:140px 1fr;gap:14px;padding:12px;display:grid;position:absolute;bottom:clamp(80px,12vw,110px);right:clamp(14px,2.4vw,28px)}.player__next img,.player__next .img-fallback{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:140px;height:auto}.player__next-kicker{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.player__next-title{margin:4px 0 10px;font-weight:700;line-height:1.25}.player__next-actions{flex-wrap:wrap;gap:8px;display:flex}.player__next .btn--sm{height:36px;padding:0 14px}@media (width<=560px){.player__next{grid-template-columns:1fr}.player__next img,.player__next .img-fallback{display:none}}.player__end{z-index:6;text-align:center;backdrop-filter:blur(6px);background:#050508d1;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.player__end h3{font-family:var(--font-display);margin-bottom:10px;font-size:clamp(20px,3vw,34px)}.player__end p{color:var(--text-2);margin-bottom:20px}.player__end .share{justify-content:center}.player__end-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.player__error{z-index:7;text-align:center;background:#000000d9;place-content:center;gap:14px;display:grid;position:absolute;inset:0}.player__adui{z-index:7;pointer-events:none;position:absolute;inset:0}.player__adui>*{pointer-events:auto}.player__adlabel{pointer-events:none;background:#000000b3;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:700;position:absolute;top:14px;left:14px}.player__adlink{background:#000000b3;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;top:14px;right:14px}.player__adlink[hidden]{display:none}.player__adlink svg{width:16px;height:16px}.player__adskip{background:#000000c7;border:1px solid #ffffff59;border-right:0;min-width:190px;height:50px;padding:0 18px;font-size:15px;font-weight:700;position:absolute;bottom:48px;right:0}.player__adskip:disabled{cursor:default;color:#ffffffb3;font-weight:500}.player__admute{background:#0009;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:14px;left:10px}.player__admute svg{width:22px;height:22px}.player__adbar{pointer-events:none;background:#fff3;height:4px;position:absolute;bottom:0;left:0;right:0}.player__adbar span{background:#ffd24a;width:0;height:100%;display:block}.player-iframe{aspect-ratio:16/9;border-radius:var(--radius);background:#000;width:100%;position:relative;overflow:hidden}.player-iframe iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.player:not(.is-ad-muted) .player__admute .i-mute,.player.is-ad-muted .player__admute .i-vol{display:none}.player:not(.is-ad-muted) .player__admute .i-vol,.player.is-ad-muted .player__admute .i-mute{display:block}.player video::cue{color:#fff;font-family:var(--font);background:#000000b3;font-size:clamp(16px,2.2vw,26px);line-height:1.35}.player__pick{pointer-events:auto;flex-wrap:wrap;gap:8px;display:flex}.player.is-fullscreen .player__pick,.player.is-embed .player__pick{margin-top:10px}.pick{color:#fff;backdrop-filter:blur(8px);background:#0000008c;border-radius:8px;align-items:center;gap:6px;max-width:100%;height:34px;padding:0 10px 0 12px;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff24}.pick[hidden]{display:none}.pick:hover,.pick[aria-expanded=true]{background:#000c}.pick span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.pick svg{opacity:.8;flex:none;width:14px;height:14px}.player__panel{z-index:8;backdrop-filter:blur(10px);width:min(380px,100% - 28px);max-height:calc(100% - clamp(56px,7vw,70px) - 16px);box-shadow:0 20px 50px #0009, inset 0 0 0 1px var(--line);background:#14141af5;border-radius:12px;flex-direction:column;display:flex;position:absolute;top:clamp(56px,7vw,70px);left:clamp(14px,2.4vw,28px)}.player.is-fullscreen .player__toast,.player.is-embed .player__toast{top:clamp(96px,10vw,110px)}.player.is-fullscreen .player__panel,.player.is-embed .player__panel{max-height:calc(100% - clamp(96px,10vw,110px) - 90px);top:clamp(96px,10vw,110px)}.player__panel[hidden]{display:none}.player__panel-head{align-items:center;gap:8px;padding:10px 10px 6px 14px;font-size:14px;display:flex}.player__panel-head b{flex:1}.player__panel-back,.player__panel-close{width:30px;height:30px;color:var(--text-2);border-radius:8px;place-items:center;display:grid}.player__panel-back[hidden]{display:none}.player__panel-back svg{width:16px;height:16px}.player__panel-back:hover,.player__panel-close:hover{color:#fff;background:#ffffff14}.player__panel-list{overscroll-behavior:contain;gap:2px;padding:0 8px 8px;display:grid;overflow-y:auto}.player__panel-list button{text-align:left;border-radius:8px;align-items:baseline;gap:10px;width:100%;padding:9px 10px;font-size:14px;display:flex}.player__panel-list button:hover{background:#ffffff14}.player__panel-list button[aria-checked=true]{color:var(--accent);font-weight:700}.player__panel-list .pick-num{min-width:22px;color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}.player__panel-list button[aria-checked=true] .pick-num{color:var(--accent)}.player__panel-list .pick-name{flex:1;min-width:0}.player__panel-list .pick-meta{color:var(--text-3);flex:none;font-size:12px}.player__panel-list .pick-empty{color:var(--text-3);padding:10px;font-size:14px}@media (width<=600px){.player__pick{flex-wrap:nowrap;gap:6px}.pick{gap:4px;min-width:0;height:30px;padding:0 6px 0 8px;font-size:12px}.pick span{max-width:96px}.pick svg{width:12px;height:12px}.player.is-picking:not(.is-fullscreen){z-index:100}.player:not(.is-fullscreen) .player__panel{z-index:100;width:auto;max-height:70vh;box-shadow:0 0 0 100vmax #0000008c, inset 0 0 0 1px var(--line);background:#16161c;position:fixed;inset:auto 8px 8px}.player.is-fullscreen .player__panel{width:calc(100% - 16px);max-height:calc(100% - 56px);top:48px;left:8px}}
