body{margin:0;padding:0;background-color:#000;color:#ff2d55;font-family:DotGothic16,monospace;overflow:hidden;-webkit-user-select:none;user-select:none}#canvas-container{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:0}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#header{padding:20px;background:#000000e6;border-bottom:1px solid #ff2d55;display:flex;justify-content:space-between;align-items:center;pointer-events:auto}#controls button{background:transparent;border:1px solid #ff2d55;color:#ff2d55;padding:5px 15px;margin-left:10px;cursor:pointer;font-family:inherit;font-weight:700;transition:all .2s}#controls button:hover{background:#ff2d55;color:#000}#progress-container{position:absolute;top:80px;left:20px;right:20px;height:4px;background:#ff2d5533;border:1px solid rgba(255,45,85,.4)}#progress-bar{width:0%;height:100%;background:#ff2d55;box-shadow:0 0 10px #ff2d55}#time-display{position:absolute;top:10px;right:0;font-size:12px}#lyric-box{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:80%;text-align:center;background:#000000b3;padding:15px;border-left:5px solid #ff2d55;border-right:5px solid #ff2d55;pointer-events:auto}#current-lyric{font-size:24px;letter-spacing:1px;text-shadow:0 0 5px #ff2d55}#meta{font-size:14px;letter-spacing:2px}#overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#000c;padding:20px;border:1px solid #ff2d55}#media{position:fixed;bottom:0;right:0;opacity:.5;z-index:100}#media.disabled{display:none}