.whep-player-wrapper{--ctrl-btn-size:clamp(34px, 2.6vw, 42px);--ctrl-icon-size:clamp(26px, 2.2vw, 36px);--meta-font-size:clamp(13px, 1.05vw, 16px);--volume-track-width:clamp(78px, 8vw, 108px);background:#182238;border:1px solid #ffffff14;border-radius:10px;width:100%;max-width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden;box-shadow:0 18px 44px #00000059}.whep-player-video{background:#05070f;width:100%;height:auto;display:block}.whep-offline-overlay{color:#ffffffd1;letter-spacing:.4px;z-index:6;pointer-events:none;background:radial-gradient(circle,#080c1875,#080c18b8);justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex;position:absolute;inset:0}.whep-player-live-badge{z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#161925b8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;display:flex;position:absolute;top:12px;left:12px}.whep-player-live-badge .live-dot{background:#ff4e5f;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite live-pulse;box-shadow:0 0 8px #ff4e5fe6}.whep-player-live-badge.live-disconnected .live-dot{background:#666;animation:none}.whep-player-live-badge .live-text{color:#fff;letter-spacing:.5px;font-size:12px;font-weight:500}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.whep-player-quality-badge{color:#fffffff2;z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#161925b8;border:1px solid #ffffff24;border-radius:999px;padding:4px 9px;font-size:11px;position:absolute;top:12px;right:12px}.whep-player-controls{height:calc(var(--ctrl-btn-size) + 2px);z-index:10;opacity:0;background:linear-gradient(#18223800 0%,#18223833 48%,#1822386b 100%);grid-template-rows:auto 1fr;align-items:end;gap:4px;padding:2px 4px;transition:opacity .24s;display:grid;position:absolute;bottom:0;left:0;right:0}.whep-timeline-wrap{flex-direction:column;gap:7px;display:flex}.whep-timeline-track{background:#fff3;border-radius:999px;height:5px;position:relative;overflow:hidden}.whep-timeline-buffered{background:#ffffff61;border-radius:999px;width:0;transition:width .2s;position:absolute;top:0;bottom:0;left:0}.whep-timeline-played{background:linear-gradient(90deg,#38b6ff 0%,#66a4ff 35%,#f25fa8 100%);border-radius:999px;width:0;transition:width .2s;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 12px #66a4ff73}.whep-timeline-meta{justify-content:space-between;align-items:center;display:flex}.whep-meta-time{color:#ffffffd1;font-size:var(--meta-font-size);font-variant-numeric:tabular-nums;margin-right:8px}.whep-meta-live{color:#ffffffeb;font-size:var(--meta-font-size);align-items:center;gap:8px;margin-right:6px;display:inline-flex}.whep-meta-live .live-dot{background:#ff4e5f;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px #ff4e5fe0}.whep-meta-live.is-offline{color:#ced4ded1}.whep-meta-live.is-offline .live-dot{box-shadow:none;background:#7d8797}.whep-controls-row{align-items:center;gap:10px;min-width:0;display:flex}.whep-player-wrapper:hover .whep-player-controls{opacity:1}.whep-player-wrapper:fullscreen .whep-player-controls{opacity:0}.whep-player-wrapper:fullscreen:hover .whep-player-controls{opacity:1}.whep-ctrl-btn{width:var(--ctrl-btn-size);height:var(--ctrl-btn-size);color:#fffffff0;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:0;transition:color .2s;display:flex}.whep-ctrl-btn:hover{color:#fff;background:0 0}.whep-ctrl-btn svg{width:var(--ctrl-icon-size);height:var(--ctrl-icon-size);transition:transform .2s,filter .2s,opacity .2s;display:block}.whep-ctrl-btn:hover svg{filter:drop-shadow(0 2px 8px #6db3ff59);opacity:1;transform:translateY(-1px)scale(1.03)}.whep-ctrl-spacer{flex:1;min-width:4px}.whep-volume-wrap{align-items:center;gap:10px;min-width:0;padding-right:4px;display:flex}.whep-volume-range{width:var(--volume-track-width);appearance:none;background:linear-gradient(90deg,#60a8fff2,#83bfffcc);border-radius:999px;outline:none;min-width:42px;height:5px}.whep-volume-range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#89c1ff;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 2px #22345a8c}.whep-volume-range::-moz-range-track{background:linear-gradient(90deg,#60a8fff2,#83bfffcc);border-radius:999px;height:5px}.whep-volume-range::-moz-range-thumb{cursor:pointer;background:#89c1ff;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 2px #22345a8c}.whep-player-wrapper.vjs-16-9{height:0;padding-top:56.25%}.whep-player-wrapper.vjs-16-9 .whep-player-video{width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=768px){.whep-player-wrapper{--ctrl-btn-size:clamp(32px, 7.6vw, 38px);--ctrl-icon-size:clamp(24px, 5.9vw, 30px);--meta-font-size:clamp(11px, 2.4vw, 13px);--volume-track-width:clamp(46px, 9vw, 72px)}.whep-player-controls{height:calc(var(--ctrl-btn-size) + 10px);gap:3px;padding:2px 3px}.whep-offline-overlay{font-size:15px}}@media (width<=560px){.whep-meta-time{display:none}.whep-meta-live{margin-right:2px}}@media (hover:none) and (pointer:coarse){.whep-player-controls{opacity:1}}