[data-tool="tap-tempo"] .tap-tempo-intro{margin:0 0 14px;font-size:1.02rem;line-height:1.4;color:#405874}[data-tool="tap-tempo"] .tap-tempo-layout{display:flex;flex-wrap:wrap;gap:14px}[data-tool="tap-tempo"] .tap-tempo-card{border:1px solid #d8e1ee;border-radius:10px;background:#f8fbff;padding:18px}[data-tool="tap-tempo"] .tap-tempo-card-result{flex:1 1 280px;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}[data-tool="tap-tempo"] .tap-tempo-status{margin:0 0 10px;font-size:0.95rem;font-weight:700;color:#5c7088}[data-tool="tap-tempo"] .tap-tempo-status.is-running{color:#2f5f92;animation:tapTempoStatusBlink 2.1s ease-in-out infinite}[data-tool="tap-tempo"] .tap-tempo-status.is-idle{animation:none}[data-tool="tap-tempo"] .tap-tempo-bpm-value{margin:0;font-size:clamp(3rem,7.2vw,5.1rem);line-height:0.95;font-weight:900;color:#16a34a}@keyframes tapTempoStatusBlink{0%,100%{opacity:1}50%{opacity:0.45}}[data-tool="tap-tempo"] .tap-tempo-bpm-label{margin:8px 0 0;font-size:1.08rem;font-weight:800;letter-spacing:0.02em;color:#2f4f6f}[data-tool="tap-tempo"] .tap-tempo-card-actions{flex:1 1 280px;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}[data-tool="tap-tempo"] .tap-tempo-hit{min-width:180px;min-height:74px;font-size:2rem;font-weight:900;line-height:1;cursor:pointer;transform:translateY(0);transition:transform 0.14s ease,box-shadow 0.14s ease,filter 0.14s ease;box-shadow:0 3px 0 rgba(18,45,86,0.25),0 7px 14px rgba(18,45,86,0.14)}[data-tool="tap-tempo"] .tap-tempo-hit:hover,[data-tool="tap-tempo"] .tap-tempo-hit:focus-visible{transform:translateY(-1px);box-shadow:0 4px 0 rgba(18,45,86,0.28),0 10px 18px rgba(18,45,86,0.18);filter:brightness(1.02)}[data-tool="tap-tempo"] .tap-tempo-hit:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(18,45,86,0.30),0 3px 7px rgba(18,45,86,0.18);filter:brightness(0.98)}[data-tool="tap-tempo"] .tap-tempo-reset{min-width:140px;min-height:40px;font-size:1rem;font-weight:800;cursor:pointer}@media (max-width:780px){[data-tool="tap-tempo"] .tap-tempo-card-result,[data-tool="tap-tempo"] .tap-tempo-card-actions{flex-basis:100%;min-height:170px}}