.vjs-live-player{isolation:isolate;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#000;border-radius:1rem;width:100%;height:100%;font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden}.vjs-live-player video{object-fit:contain;width:100%;height:100%;display:block}.vjs-surface{-webkit-backdrop-filter:blur(16px)saturate(120%);background-color:#000000b8;border-top:1px solid #ffffff14}.vjs-controls{z-index:20;opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#0006 40%,#000000d1 100%);flex-direction:column;gap:8px;padding:32px 14px 12px;transition:opacity .35s,transform .35s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.vjs-controls--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.vjs-progress-row{cursor:pointer;background:#fff3;border-radius:100px;width:100%;height:4px;transition:height .2s;position:relative}.vjs-progress-row:hover{height:6px}.vjs-progress-fill{pointer-events:none;background:#03969c;border-radius:100px;height:100%;transition:width .1s linear;position:relative}.vjs-progress-thumb{opacity:0;background:#fff;border-radius:50%;width:10px;height:10px;transition:opacity .2s;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:0 1px 4px #0006}.vjs-progress-row:hover .vjs-progress-thumb{opacity:1}.vjs-buttons-row{color:#fff;align-items:center;gap:2px;display:flex}.vjs-buttons-row--right{align-items:center;gap:2px;margin-left:auto;display:flex}.vjs-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .2s,transform .15s;display:flex}.vjs-btn svg{width:20px;height:20px}.vjs-btn:hover{background:#ffffff1f;transform:scale(1.08)}.vjs-btn:active{transform:scale(.95)}.vjs-btn--play svg{width:24px;height:24px}.vjs-btn--recording{color:#ef4444;background:#ef444426}.vjs-btn--recording:hover{background:#ef444440}.vjs-play-overlay{z-index:10;-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#000000a6;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:background .2s,transform .2s;display:flex;position:absolute}.vjs-play-overlay svg{width:32px;height:32px;margin-left:3px}.vjs-play-overlay:hover{background:#ffffff2e;transform:scale(1.08)}.vjs-live-badge{letter-spacing:.5px;cursor:default;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .3s;display:flex}.vjs-live-badge--live{color:#fff;background:#e11d48}.vjs-live-badge--behind{color:#aaa;cursor:pointer;background:#ffffff1f}.vjs-live-badge--behind:hover{background:#fff3}.vjs-live-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.vjs-live-dot--on{background:#fff;animation:2s infinite vjsLivePulse}.vjs-live-dot--off{background:#666}@keyframes vjsLivePulse{0%,to{opacity:1}50%{opacity:.4}}.vjs-volume-group{align-items:center;display:flex;position:relative}.vjs-volume-popover{-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;z-index:50;background:#000000d1;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:8px;max-height:calc(100vh - 120px);margin-bottom:-8px;padding:14px 12px 18px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(4px)}.vjs-volume-group:hover .vjs-volume-popover,.vjs-volume-popover--visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}@media (max-height:400px){.vjs-volume-popover{opacity:0;pointer-events:none;border-radius:8px;flex-direction:row;padding:6px 10px;position:relative;bottom:auto;left:auto;transform:none}.vjs-volume-group:hover .vjs-volume-popover,.vjs-volume-popover--visible{transform:none}.vjs-volume-slider-vertical{writing-mode:horizontal-tb;width:80px;height:4px}.vjs-volume-slider-fill{height:100%;width:var(--vol,100%);bottom:auto;left:0}.vjs-volume-slider-input{writing-mode:horizontal-tb;direction:ltr}}.vjs-volume-slider-vertical{cursor:pointer;background:#fff3;border-radius:100px;width:6px;height:80px;position:relative;overflow:visible}.vjs-volume-slider-fill{pointer-events:none;background:#03969c;border-radius:100px;width:100%;transition:height .1s;position:absolute;bottom:0;left:0}.vjs-volume-slider-thumb{pointer-events:none;background:#fff;border:2px solid #03969c;border-radius:50%;width:14px;height:14px;transition:bottom .1s;position:absolute;left:50%;transform:translate(-50%,50%);box-shadow:0 1px 4px #0000004d}.vjs-volume-slider-input{opacity:0;cursor:pointer;appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:26px;height:100%;margin:0;position:absolute;top:0;left:-10px}.vjs-volume-label{color:#fff;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.vjs-recording-indicator{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef4444e6;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;transition:opacity .3s;display:flex;position:absolute;bottom:76px;left:16px}.vjs-recording-indicator .vjs-recording-dot{background:#fff;border-radius:50%;width:10px;height:10px;animation:1s infinite vjsBlink}.vjs-recording-indicator span{color:#fff;font-size:13px;font-weight:700}@keyframes vjsBlink{0%,to{opacity:1}50%{opacity:0}}.vjs-live-label{z-index:5;color:#fff;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#e11d48e6;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:800;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:16px;left:16px}.vjs-settings-menu{z-index:100;background:#18181b;border:1px solid #ffffff1a;border-radius:16px;min-width:220px;max-width:280px;max-height:min(60vh,400px);padding:6px;position:absolute;bottom:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 8px 32px #00000080}.vjs-settings-section{padding:8px}.vjs-settings-label{color:#adadb8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.vjs-settings-item{color:#efeff1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:14px;transition:background .2s;display:flex}.vjs-settings-item:hover{background:#ffffff0d}.vjs-settings-item__desc{color:#71717a;margin-top:2px;font-size:11px}.vjs-toggle{border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .3s;position:relative}.vjs-toggle--on{background:#016a6e}.vjs-toggle--off{background:#fff3}.vjs-toggle__thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .3s;position:absolute;top:2px}.vjs-toggle--on .vjs-toggle__thumb{left:18px}.vjs-toggle--off .vjs-toggle__thumb{left:2px}.vjs-buffering-overlay{z-index:8;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vjs-buffering-overlay svg{color:#ffffffb3;width:48px;height:48px}@media (max-width:640px){.vjs-btn{width:44px;height:44px}.vjs-btn svg{width:20px;height:20px}.vjs-btn--play svg{width:22px;height:22px}.vjs-controls{gap:4px;padding:20px 8px 8px}.vjs-buttons-row{gap:0}.vjs-play-overlay{width:60px;height:60px}.vjs-play-overlay svg{width:26px;height:26px}.vjs-live-label{padding:4px 10px;font-size:11px;top:10px;left:10px}.vjs-live-badge{padding:4px 8px;font-size:10px}.vjs-volume-popover{border-radius:8px;flex-direction:row;gap:6px;padding:4px 8px;position:relative;bottom:auto;left:auto;transform:none!important}.vjs-volume-slider-vertical{width:60px;height:4px}.vjs-volume-slider-fill{height:100%;bottom:auto;left:0}.vjs-volume-slider-input{writing-mode:horizontal-tb;direction:ltr}.vjs-mobile-hidden{display:none!important}.vjs-settings-menu{min-width:200px;max-width:min(90vw,260px)}}