*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;width:100%;overflow:hidden}body{margin:0;background-color:#fff}.pulsehead-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:fixed;top:0;left:0;pointer-events:none}.reference-lines{position:absolute;width:100%;height:100%;pointer-events:none}.reference-line{position:absolute;width:100%;height:1px;background-color:#ccc;left:0}.reference-line.upper{top:calc(50% - 100px)}.reference-line.lower{top:calc(50% + 100px)}.trail-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.pulsehead{width:40px;height:40px;border-radius:50%;background-color:gray;transform:translateY(100px);opacity:0}.pulsehead.flashing{background-color:#00f;animation:glow-explosion .2s ease-out}.pulsehead:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;background-color:#fff;transform:translate(-50%,-50%);opacity:0;transition:opacity .05s ease-in-out}.pulsehead.flashing:after{opacity:1}@keyframes glow-explosion{0%{box-shadow:0 0 #0000ffb3}50%{box-shadow:0 0 40px 15px #0000ff80}to{box-shadow:0 0 60px 20px #00f0}}#root{margin:0;padding:0;width:100vw;height:100vh}.controls{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;pointer-events:auto}.control-panel{background:#ffffffe6;border:1px solid #ccc;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;align-items:center;box-shadow:0 2px 8px #0000001a}.play-pause-btn{background:#f0f0f0;border:1px solid #ccc;border-radius:6px;padding:8px 16px;font-size:16px;cursor:pointer;transition:background-color .2s}.play-pause-btn:hover{background:#e0e0e0}.play-pause-btn:active{background:#d0d0d0}.bpm-control{display:flex;flex-direction:column;align-items:center;gap:8px}.bpm-control label{font-size:14px;font-weight:500;color:#333}.bpm-slider{width:150px;height:4px;background:#ddd;outline:none;border-radius:2px;cursor:pointer}.bpm-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:gray;border-radius:50%;cursor:pointer}.bpm-slider::-moz-range-thumb{width:16px;height:16px;background:gray;border-radius:50%;cursor:pointer;border:none}.vocals-container{position:fixed;top:20px;left:20px;z-index:100}.vocals-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none}.vocals-checkbox{width:16px;height:16px;cursor:pointer}