.video-player{position:relative;background:#000}.video-container{position:relative;width:100%;background:#000}.video{width:100%;height:auto;display:block;max-height:70vh;cursor:pointer}.controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px 15px 15px;opacity:0;transition:opacity .3s ease}.video-container:hover .controls{opacity:1}.progress-bar{position:relative;width:100%;height:6px;background:#ffffff4d;border-radius:3px;margin-bottom:15px;cursor:pointer;overflow:hidden}.progress-filled{position:absolute;top:0;left:0;height:100%;background:#f47725;border-radius:3px;pointer-events:none;transition:width .1s ease}.progress-slider{position:absolute;top:50%;left:0;width:100%;height:6px;transform:translateY(-50%);opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#f47725;cursor:pointer}.progress-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#f47725;cursor:pointer;border:none}.controls-bottom{display:flex;align-items:center;justify-content:space-between}.controls-left{display:flex;align-items:center;gap:15px}.controls-right{display:flex;align-items:center}.control-btn{background:none;border:none;color:#fff;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease;opacity:.9}.control-btn:hover{opacity:1;transform:scale(1.1)}.volume-control{display:flex;align-items:center;gap:8px}.volume-slider{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none}.time{color:#fff;font-size:.9rem;font-weight:500;min-width:100px}@media (max-width: 768px){.volume-control{display:none}.time{font-size:.8rem;min-width:80px}.controls{padding:15px 10px 10px}}.app{width:100%}.container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a;overflow:hidden;animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{background:#94cd39;color:#fff;padding:30px;text-align:center}.header h1{font-size:2.5rem;margin-bottom:10px;font-weight:700}.header p{font-size:1.1rem;opacity:.9;font-weight:300}.footer{background:#000;padding:20px;text-align:center;color:#fff;font-size:.9rem}.footer a{color:#f47725;text-decoration:none;font-weight:600;transition:color .3s ease}.footer a:hover{color:#94cd39}@media (max-width: 768px){.header h1{font-size:1.8rem}.header p{font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBvcGFjaXR5PSIwLjMiPgogICAgPGNpcmNsZSBjeD0iMzAiIGN5PSIzMCIgcj0iMiIgZmlsbD0iIzk0Y2QzOSIvPgogICAgPGNpcmNsZSBjeD0iMCIgY3k9IjAiIHI9IjEiIGZpbGw9IiNmNDc3MjUiLz4KICAgIDxjaXJjbGUgY3g9IjYwIiBjeT0iMCIgcj0iMSIgZmlsbD0iI2Y0NzcyNSIvPgogICAgPGNpcmNsZSBjeD0iMCIgY3k9IjYwIiByPSIxIiBmaWxsPSIjZjQ3NzI1Ii8+CiAgICA8Y2lyY2xlIGN4PSI2MCIgY3k9IjYwIiByPSIxIiBmaWxsPSIjZjQ3NzI1Ii8+CiAgPC9nPgo8L3N2Zz4=);background-repeat:repeat;min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;max-width:1200px;padding:20px}