:root{--bg:#2a2a2a;--black:#000;--white:#fff;--accent:#60a5fa;--accent-dark:#3b82f6;--transition:.2s ease}.vs-wrapper{position:relative;background:var(--black);border-radius:5px;overflow:hidden;user-select:none}.vs-wrapper:has(video){display:flex;justify-content:center;align-items:center;width:100%;height:max-content;min-height:60px}.vs-wrapper video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:var(--black);display:block}.vs-wrapper audio{background:var(--bg)}.vs-wrapper.hide-interface{cursor:none}.vs-wrapper.hide-interface .vs-controls{opacity:0 !important;transform:translateY(8px) !important;pointer-events:none}.vs-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:10px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transform:translateY(8px);transition:opacity var(--transition),transform var(--transition)}.vs-wrapper:hover .vs-controls,.vs-wrapper.paused .vs-controls,.vs-wrapper.audio-mode .vs-controls{opacity:1;transform:translateY(0)}.vs-btn{width:34px;height:34px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;border-radius:8px;transition:background var(--transition);flex-shrink:0}.in-fullscreen{border-radius:0px !important}.vs-btn:hover{background:rgba(255,255,255,.12)}.vs-btn svg{width:20px;height:20px;fill:currentColor}.vs-progress{flex:1;height:5px;background:rgba(255,255,255,.15);border-radius:999px;position:relative;cursor:pointer;transition:height 0.2s ease,transform 0.2s ease}.vs-progress.hover{height:13px;transform:scaleY(1)}.vs-progress-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:var(--accent);border-radius:999px;transition:width 0.05s linear}.vs-progress-hover{position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:12px;height:12px;background:var(--accent-dark);border-radius:50%;opacity:0;transition:transform 0.1s ease,opacity 0.1s ease;pointer-events:none}.vs-progress-hover.visible{transform:translate(-50%,-50%) scale(1);opacity:1}.vs-progress-hover-time{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.9);color:white;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap;margin-bottom:3px;pointer-events:none;opacity:0;animation:showTime 0.1s ease forwards}@keyframes showTime{to{opacity:1}}.vs-volume{width:90px;appearance:none;height:4px;border-radius:999px;background:rgba(255,255,255,.15);outline:none;cursor:pointer}.vs-wrapper.vs-small-screen .vs-volume{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:100px;height:6px;opacity:0;transition:opacity 0.2s ease,transform 0.2s ease;z-index:10;display:none;pointer-events:none}.vs-wrapper.vs-small-screen .vs-volume.visible{opacity:1;display:block;pointer-events:auto}.vs-wrapper.vs-small-screen .vs-volume:hover{opacity:1}.vs-wrapper.vs-small-screen .vs-volume:not(:hover){opacity:1}.vs-wrapper.vs-small-screen .vs-volume::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);margin-top:-5px}.vs-wrapper.vs-small-screen .vs-volume::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent);margin-top:-5px}.vs-wrapper.audio-mode{background:var(--bg);padding:14px}.vs-wrapper.audio-mode .vs-controls{position:relative;opacity:1;transform:none;background:none;padding:0}.vs-wrapper.audio-mode audio{display:none}.displayNone{display:none}