.live-play-dot{position:absolute;z-index:24;top:50%;left:50%;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;font:700 0.55rem/1 system-ui,sans-serif;color:#0b0b0d;border:3px solid #fff;box-shadow:0 0 0 2px rgba(0,0,0,.55),0 0 16px 4px currentColor;animation:140ms ease-out live-play-pop}.live-play-dot.is-live{background:#4fc3f7;color:#4fc3f7}.live-play-dot.is-hit{background:#34d27b;color:#34d27b}.live-play-dot.is-near{background:#ff9f2e;color:#ff9f2e}.live-play-dot.is-wrong{background:#ff4d4d;color:#ff4d4d}.live-play-dot.is-focus{background:0 0;color:#ffe066;border:3px solid #ffe066}.live-play-dot.is-alternative{width:16px;height:16px;background:0 0;border:2px dashed rgba(79,195,247,.8);box-shadow:none;color:transparent}@keyframes live-play-pop{from{transform:translate(-50%,-50%) scale(.6);opacity:.4}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.inst-btn.listen-btn.is-listening{color:#ff5a5a;border-color:rgba(255,90,90,.7);animation:1.4s ease-in-out infinite live-listen-pulse}.instrument-controls:has(> .inst-listen-status:not([hidden])){position:relative}.inst-listen-status{position:absolute;z-index:120;left:calc(100% + 6px);bottom:4px;pointer-events:none;max-width:150px;padding:3px 8px;border-radius:999px;background:rgba(8,26,36,.92);border:1px solid rgba(79,195,247,.55);color:#cdeefc;font-size:.72rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inst-listen-status[data-state=error]{background:rgba(40,10,10,.92);border-color:rgba(255,77,77,.5);color:#ffd0d0}.inst-listen-status[hidden]{display:none}@keyframes live-listen-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,90,90,.45)}50%{box-shadow:0 0 0 5px rgba(255,90,90,0)}}@media (prefers-reduced-motion:reduce){.inst-btn.listen-btn.is-listening,.live-play-dot{animation:none}}.inst-btn.listen-btn[hidden]{display:none!important}