body,html{color:#fff;background:radial-gradient(circle,#0a0a1a 0%,#000 100%);width:100%;height:100%;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}#canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#ui-container{z-index:10;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding-top:40px;display:flex;position:absolute;top:0;left:0}#start-overlay{z-index:50;pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}#start-overlay h2{letter-spacing:2px;font-weight:400;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.music-player{pointer-events:auto;-webkit-backdrop-filter:blur(24px);background:#14141e66;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:20px;width:max-content;max-width:90vw;padding:16px 24px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff0d}.music-player:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0009,inset 0 0 0 1px #ffffff1a}.album-art{background:linear-gradient(135deg,#2a2a4a,#101020);border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden;box-shadow:0 4px 15px #00000080}.album-art svg{color:#ffffff80;width:30px;height:30px}.album-art img{object-fit:cover;width:100%;height:100%}.track-info{flex-direction:column;justify-content:center;min-width:150px;display:flex}.track-name{letter-spacing:.5px;margin-bottom:4px;font-size:16px;font-weight:700}.artist-name{color:#fff9;margin-bottom:10px;font-size:12px;font-weight:400}.progress-container{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-bar{background:#fff;border-radius:2px;width:0%;height:100%;transition:width .1s linear;box-shadow:0 0 10px #ffffff80}.controls{align-items:center;gap:15px;margin-left:10px;display:flex}.control-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.control-btn svg{width:20px;height:20px}.control-btn:hover{color:#fff;background:#ffffff1a}.play-btn{color:#fff;background:#ffffff1a;padding:12px}.play-btn svg{width:24px;height:24px}.play-btn:hover{color:#000;background:#fff;transform:scale(1.05)}.play-btn:active{transform:scale(.95)}