:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--player-bg:#17181c;--player-video-bg:#000;--player-surface:#292c2ff0;--player-surface-strong:#333335;--player-text:#f4f4f5;--player-muted:#b8b8c1;--player-accent:#e11d74;--player-accent-hover:#ef378a;--player-accent-soft:#e11d7433;--player-border:#ffffff1f;--player-radius:11px;--player-control-bg:#191a1ebd;--player-control-hover:#ffffff1f;--player-shadow:0 12px 34px #00000061;--player-transition:.16s cubic-bezier(.2, .7, .2, 1);font-family:Rubik,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html,body,.player-page,.player-shell{width:100%;min-width:0;height:100%;min-height:0}html,body{background:var(--player-bg);margin:0;overflow:hidden}button,input{font:inherit}button{border:0}.player-shell [hidden]{display:none}.player-shell{isolation:isolate;background:var(--player-video-bg);color:var(--player-text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:0;position:relative;overflow:hidden}.player-shell.controls-hidden:not(.is-paused){cursor:none}.player-media{background:var(--player-video-bg);object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.player-scrim{z-index:1;pointer-events:none;opacity:1;transition:opacity var(--player-transition);background:linear-gradient(0deg,#000000c7 0,#0000004d 15%,#0000 37%),radial-gradient(circle,#0000 45%,#0000001f 100%);position:absolute;inset:0}.player-shell.controls-hidden:not(.is-paused) .player-scrim{opacity:0}.control-button,.center-play,.retry-button,.settings-row,.settings-back,.settings-option{appearance:none;color:var(--player-text);cursor:pointer}.control-button{min-width:40px;height:40px;transition:color var(--player-transition), background var(--player-transition), transform var(--player-transition);background:0 0;border-radius:9px;flex:none;place-items:center;padding:0;display:inline-grid}.control-button:hover,.control-button:focus-visible{color:#fff;background:var(--player-control-hover)}.control-button:active,.center-play:active,.retry-button:active{transform:scale(.94)}.control-button:focus-visible,.center-play:focus-visible,.retry-button:focus-visible,.settings-row:focus-visible,.settings-back:focus-visible,.settings-option:focus-visible,.timeline:focus-visible,.volume-slider-wrap input:focus-visible{outline:2px solid var(--player-accent-hover);outline-offset:2px}.control-button svg,.center-play svg,.retry-button svg,.settings-panel svg,.premium-dialog svg,.seek-feedback svg,.error-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.play-toggle svg,.center-play svg{fill:currentColor;stroke:none}.seek-button svg text,.seek-feedback svg text{fill:currentColor;stroke:none;text-anchor:middle;font-family:inherit;font-size:6px;font-weight:800}.center-play{z-index:3;background:var(--player-control-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;width:clamp(52px,6vw,68px);height:clamp(52px,6vw,68px);transition:opacity var(--player-transition), background var(--player-transition), transform var(--player-transition);border:1px solid #fff3;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 28px #00000052}.center-play svg{width:30px;height:30px;margin-inline-start:3px}.player-shell.is-paused:not(.has-error) .center-play{opacity:1;pointer-events:auto}.center-play:hover,.center-play:focus-visible{background:var(--player-accent);transform:translate(-50%,-50%)scale(1.06)}.center-play:active{transform:translate(-50%,-50%)scale(.96)}.icon-pause,.icon-muted,.icon-exit-fullscreen,.player-shell:not(.is-paused) .play-toggle .icon-play,.player-shell.is-muted .volume-toggle .icon-volume,.player-shell.is-fullscreen .fullscreen-toggle .icon-enter-fullscreen{display:none}.player-shell:not(.is-paused) .play-toggle .icon-pause,.player-shell.is-muted .volume-toggle .icon-muted,.player-shell.is-fullscreen .fullscreen-toggle .icon-exit-fullscreen{display:block}.player-controls{z-index:5;padding:0 max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));opacity:1;transition:opacity var(--player-transition), transform var(--player-transition);position:absolute;bottom:0;left:0;right:0;transform:translateY(0)}.player-shell.controls-hidden .player-controls{opacity:0;pointer-events:none;transform:translateY(9px)}.control-row,.control-group{align-items:center;display:flex}.control-row{justify-content:space-between;gap:14px;min-width:0}.control-group{gap:3px;min-width:0}.control-group-right{justify-content:flex-end}.seek-button svg{width:22px;height:22px}.time-display{min-width:92px;color:var(--player-text);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;margin-inline-start:6px;font-size:.78rem;display:flex}.time-display span{color:var(--player-muted);opacity:.62}.quality-shortcut{width:auto;min-width:50px;color:var(--player-text);letter-spacing:.02em;padding-inline:9px;font-size:.72rem;font-weight:700}.settings-toggle[aria-expanded=true],.quality-shortcut[aria-expanded=true]{color:#fff;background:var(--player-accent-soft)}.timeline-wrap{cursor:pointer;touch-action:none;align-items:center;height:24px;margin-bottom:2px;display:flex;position:relative}.timeline{width:100%;height:4px;transition:height var(--player-transition);border-radius:999px;outline:none;position:relative}.timeline-wrap:hover .timeline,.timeline-wrap.is-scrubbing .timeline,.timeline:focus-visible{height:7px}.timeline>span{inset-block:0;pointer-events:none;border-radius:999px;display:block;position:absolute;left:0}.timeline-remaining{background:#ffffff38;right:0}.timeline-buffered{background:#ffffff6b;width:0}.timeline-played{background:linear-gradient(90deg, var(--player-accent), var(--player-accent-hover));width:0}.timeline-thumb{background:var(--player-accent-hover);opacity:0;width:13px;height:13px;transition:opacity var(--player-transition), transform var(--player-transition);margin-left:-6px;top:50%;bottom:auto;right:auto;transform:translateY(-50%)scale(.75);box-shadow:0 0 0 3px #e11d7429}.timeline-wrap:hover .timeline-thumb,.timeline-wrap.is-scrubbing .timeline-thumb,.timeline:focus-visible .timeline-thumb{opacity:1;transform:translateY(-50%)scale(1)}.time-tooltip{min-width:44px;color:var(--player-text);background:var(--player-surface);border:1px solid var(--player-border);box-shadow:var(--player-shadow);font-variant-numeric:tabular-nums;text-align:center;pointer-events:none;border-radius:7px;padding:5px 8px;font-size:.72rem;position:absolute;bottom:23px;left:0;transform:translate(-50%)}.volume-control{align-items:center;display:flex}.volume-slider-wrap{opacity:0;width:0;transition:width var(--player-transition), opacity var(--player-transition);align-items:center;display:grid;overflow:hidden}.volume-control:hover .volume-slider-wrap,.volume-control:focus-within .volume-slider-wrap{opacity:1;width:76px}.volume-slider-wrap input{appearance:none;cursor:pointer;background:0 0;width:68px;height:18px;margin:0 6px 0 2px}.volume-slider-wrap input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--player-text) var(--volume-level,100%), #ffffff3d var(--volume-level,100%));border-radius:999px;height:4px}.volume-slider-wrap input::-moz-range-track{background:#ffffff3d;border-radius:999px;height:4px}.volume-slider-wrap input::-moz-range-progress{background:var(--player-text);border-radius:999px;height:4px}.volume-slider-wrap input::-webkit-slider-thumb{appearance:none;background:var(--player-text);border-radius:50%;width:12px;height:12px;margin-top:-4px}.volume-slider-wrap input::-moz-range-thumb{background:var(--player-text);border:0;border-radius:50%;width:12px;height:12px}.settings-panel{z-index:8;right:max(16px, env(safe-area-inset-right));bottom:calc(max(12px, env(safe-area-inset-bottom)) + 64px);width:min(290px,100% - 32px);max-height:min(410px,100% - 86px);color:var(--player-text);background:var(--player-surface);border:1px solid var(--player-border);border-radius:var(--player-radius);box-shadow:var(--player-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overscroll-behavior:contain;animation:menu-in var(--player-transition) both;position:absolute;overflow:auto}@keyframes menu-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-heading,.settings-back{border-bottom:1px solid var(--player-border);min-height:44px;padding:0 14px;font-size:.8rem;font-weight:700}.settings-heading{color:var(--player-muted);align-items:center;display:flex}.settings-row,.settings-option,.settings-back{text-align:start;background:0 0;width:100%}.settings-row{min-height:54px;transition:background var(--player-transition);grid-template-columns:30px minmax(0,1fr) auto 18px;align-items:center;gap:9px;padding:7px 12px;font-size:.84rem;display:grid}.settings-row:hover,.settings-row:focus-visible,.settings-option:hover,.settings-option:focus-visible,.settings-back:hover,.settings-back:focus-visible{background:var(--player-control-hover)}.settings-row-icon{width:30px;height:30px;color:var(--player-muted);background:#ffffff0f;border-radius:8px;place-items:center;display:grid}.settings-row-icon svg{width:17px;height:17px}.settings-value{max-width:96px;color:var(--player-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.settings-chevron{width:16px;height:16px;color:var(--player-muted);transform:scaleX(-1)}.settings-back{align-items:center;gap:8px;display:flex}.settings-back svg{width:18px;height:18px;transform:scaleX(-1)}.settings-options{padding:6px}.settings-option{min-height:41px;transition:color var(--player-transition), background var(--player-transition);border-radius:8px;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:8px;padding:7px 10px;font-size:.82rem;display:grid;position:relative}.settings-option small{color:var(--player-muted);letter-spacing:.04em;font-size:.66rem}.quality-badges{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.quality-badges b{color:inherit;font-size:inherit;font-weight:800}.premium-badge{color:#f6c453;align-items:center;gap:4px;display:inline-flex}.premium-badge svg{width:13px;height:13px}.settings-option.is-premium:not(.is-selected){background:linear-gradient(90deg,#f6c4530d,#0000 70%)}.settings-option>svg{width:18px;height:18px;color:var(--player-accent-hover);opacity:0}.settings-option.is-selected{color:#fff;background:var(--player-accent-soft)}.settings-option.is-selected>svg{opacity:1}.loading-state{z-index:4;min-height:44px;color:var(--player-text);border:1px solid var(--player-border);background:var(--player-control-bg);-webkit-backdrop-filter:blur(9px);pointer-events:none;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:9px 15px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000047}.loading-spinner{border:3px solid #ffffff3d;border-top-color:var(--player-accent-hover);border-radius:50%;flex:none;width:21px;height:21px;animation:.72s linear infinite loading-spin}.loading-label{font-size:clamp(.78rem,2.8vw,.9rem);font-weight:700;line-height:1.35}@keyframes loading-spin{to{transform:rotate(360deg)}}.seek-feedback{z-index:4;width:72px;height:72px;color:var(--player-text);background:var(--player-control-bg);border:1px solid var(--player-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;border-radius:50%;place-items:center;gap:3px;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)scale(.86)}.seek-feedback-back{left:25%}.seek-feedback-forward{left:75%}.seek-feedback svg{width:25px;height:25px}.seek-feedback span{font-size:.68rem;font-weight:700}.seek-feedback.is-active{animation:.56s cubic-bezier(.2,.7,.2,1) both seek-pop}@keyframes seek-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.78)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.94)}}.error-state{z-index:9;width:min(360px,100% - 32px);color:var(--player-text);background:var(--player-surface);border:1px solid var(--player-border);border-radius:var(--player-radius);box-shadow:var(--player-shadow);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;align-items:center;padding:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-icon{width:38px;height:38px;color:var(--player-accent-hover);background:var(--player-accent-soft);border-radius:50%;place-items:center;margin-bottom:10px;display:grid}.error-state strong{margin-bottom:5px;font-size:1rem}.error-state>span{color:var(--player-muted);font-size:.8rem;line-height:1.7}.retry-button{background:var(--player-accent);min-height:38px;transition:background var(--player-transition), transform var(--player-transition);border-radius:9px;align-items:center;gap:7px;margin-top:14px;padding:0 14px;font-size:.8rem;font-weight:700;display:inline-flex}.retry-button:hover,.retry-button:focus-visible{background:var(--player-accent-hover)}.premium-dialog{z-index:10;width:min(360px,100% - 32px);color:var(--player-text);background:radial-gradient(circle at 50% 0, #f6c45321, transparent 45%), var(--player-surface);border-radius:var(--player-radius);box-shadow:var(--player-shadow);text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #f6c45338;flex-direction:column;align-items:center;padding:24px 22px 22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.premium-close{width:34px;height:34px;color:var(--player-muted);background:0 0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:9px;left:9px}.premium-close:hover,.premium-close:focus-visible{color:#fff;background:var(--player-control-hover)}.premium-crown{color:#f6c453;background:#f6c4531a;border-radius:50%;place-items:center;width:46px;height:46px;margin-bottom:12px;display:grid}.premium-crown svg{width:24px;height:24px}.premium-dialog strong{margin-bottom:6px;font-size:1rem}.premium-dialog>span{color:var(--player-muted);font-size:.82rem;line-height:1.7}.premium-action{color:#fff;background:var(--player-accent);min-height:40px;transition:background var(--player-transition), transform var(--player-transition);border-radius:9px;justify-content:center;align-items:center;margin-top:16px;padding:0 18px;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex}.premium-action:hover,.premium-action:focus-visible{background:var(--player-accent-hover);transform:translateY(-1px)}.premium-close:focus-visible,.premium-action:focus-visible{outline:2px solid var(--player-accent-hover);outline-offset:2px}.player-shell.has-premium-dialog .player-controls,.player-shell.is-static-state .player-controls,.player-shell.is-static-state .center-play{opacity:0;pointer-events:none}:-webkit-any(.player-shell:fullscreen,.player-shell:-webkit-full-screen){background:var(--player-video-bg);width:100%;height:100%}:is(.player-shell:fullscreen,.player-shell:fullscreen){background:var(--player-video-bg);width:100%;height:100%}.player-shell.is-fullscreen .player-controls{padding-bottom:max(18px, env(safe-area-inset-bottom))}@media (width<=700px){.player-controls{padding-right:max(10px, env(safe-area-inset-right));padding-bottom:max(8px, env(safe-area-inset-bottom));padding-left:max(10px, env(safe-area-inset-left))}.control-row{gap:7px}.control-group{gap:0}.control-button{min-width:38px;height:38px}.volume-control{display:none}.time-display{min-width:76px;margin-inline-start:2px;font-size:.68rem}.quality-shortcut{min-width:45px;padding-inline:6px;font-size:.67rem}.timeline-wrap{height:22px;margin-bottom:0}.timeline,.timeline-wrap:hover .timeline{height:5px}.timeline-wrap.is-scrubbing .timeline{height:8px}.time-tooltip{display:none}.settings-panel{right:max(10px, env(safe-area-inset-right));bottom:calc(max(8px, env(safe-area-inset-bottom)) + 58px);width:min(278px,100% - 20px);max-height:min(360px,100% - 74px)}.center-play{width:54px;height:54px}.center-play svg{width:25px;height:25px}.seek-feedback{width:62px;height:62px}}@media (width<=430px){.pip-toggle{display:none}.control-button{min-width:36px;height:36px}.control-button svg{width:20px;height:20px}.quality-shortcut{min-width:42px;padding-inline:4px}.time-display{min-width:73px;font-size:.65rem}}@media (width<=360px){.settings-toggle{display:none}.time-display{min-width:68px;font-size:.61rem}}@media (height<=430px){.player-controls{padding-bottom:max(6px, env(safe-area-inset-bottom))}.timeline-wrap{height:17px}.control-button{min-width:36px;height:34px}.center-play{width:50px;height:50px}.settings-panel{bottom:calc(max(6px, env(safe-area-inset-bottom)) + 48px);max-height:calc(100% - 58px)}}@media (hover:none) and (pointer:coarse){.control-button:hover,.settings-row:hover,.settings-option:hover,.settings-back:hover{background:0 0}.settings-toggle[aria-expanded=true],.quality-shortcut[aria-expanded=true],.settings-option.is-selected{background:var(--player-accent-soft)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:1ms;animation-duration:1ms;animation-iteration-count:1}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
