:root{font-family:system-ui,sans-serif;color-scheme:dark;color:#fff;background-color:#000}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{min-height:100vh}.player-container{width:100%;height:100vh;background-color:#000;overflow:hidden}.control-overlay{position:absolute;inset:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:100}.control-overlay.visible{opacity:1}.control-icon{width:120px;height:120px;background-color:#0009;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff}.control-icon svg{width:60px;height:60px}