.beat-dot{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:.5rem;border:3px solid #065f46;background:linear-gradient(135deg,#064e3b,#065f46);color:#6ee7b7;font-weight:900;font-size:1.5rem;font-family:Impact,sans-serif;transition:all .3s ease;box-shadow:inset 0 2px 6px #0006,0 2px 8px #0000004d}.beat-dot-active{background:linear-gradient(135deg,#059669,#10b981);border-color:#34d399;color:#fff;box-shadow:0 0 20px #10b98199,inset 0 2px 6px #34d3994d}.beat-dot-current{transform:scale(1.25);box-shadow:0 0 30px #10b981cc,inset 0 2px 8px #34d39966}.beat-dot-action{background:linear-gradient(135deg,#eab308,#fbbf24);border-color:#fde047;color:#78350f}.beat-dot-action.beat-dot-current{box-shadow:0 0 40px #fbbf24,inset 0 2px 8px #fde04780}