.main-nav{display:flex;justify-content:center;gap:20px;background:#1e1e1e;padding:15px;margin-bottom:20px;border-bottom:2px solid #6441a5}.nav-item{color:#fff;text-decoration:none;font-weight:700;padding:8px 16px;border-radius:4px;transition:background .3s}.nav-item:hover{background:#333}.router-link-active{background:#6441a5}.home-container[data-v-1904f297]{text-align:center;margin-top:50px;color:#fff}body{font-family:sans-serif;background:#121212;color:#fff;text-align:center;margin:0;padding:0}#video-container{width:80%;margin:auto}video{width:100%;background:#000}.controls{background:#1e1e1e;padding:20px;margin-top:10px;border-radius:8px}button{padding:10px;cursor:pointer;border:none;border-radius:4px;font-weight:700}.btn-set{background:#555;color:#fff}.btn-go{background:#28a745;color:#fff;width:100%;margin-top:10px}.slider-input{width:100px}.range-slider-container{width:90%;margin:30px auto;position:relative;height:50px;padding:0 12px;box-sizing:border-box}.range-slider-container input[type=range]{position:absolute;left:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;background:transparent;pointer-events:none;outline:none;margin:0}.range-slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:24px;width:24px;border-radius:50%;cursor:pointer;pointer-events:auto;border:2px solid white;position:relative;z-index:2}#startSlider::-webkit-slider-thumb{background:#28a745}#endSlider::-webkit-slider-thumb{background:#dc3545}.slider-track{width:calc(100% - 24px);height:10px;background:#444;position:absolute;top:50%;left:12px;transform:translateY(-50%);border-radius:5px;z-index:0}