*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#e3f2fd;line-height:1.6}#app{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:20px}.video-player-container{container-type:inline-size;container-name:player-container;width:100%;max-width:1080px;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}@supports not (aspect-ratio: 16/9){.video-player-container{position:relative;height:0;padding-bottom:56.25%}.video-player-container .player{position:absolute;top:0;left:0;width:100%;height:100%}}@media(max-width:768px){.control-button{padding:8px!important}.volume-slider{width:60px!important}}@media(prefers-contrast:more){.video-player{border:2px solid #fff}.control-button{border:1px solid #fff}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}