.bpm-pad{display:grid;place-items:center;gap:var(--sp-2);width:100%;min-height:200px;margin-top:var(--sp-2);padding:var(--sp-5)var(--sp-3);border-radius:var(--rad-md);border:1.5px solid var(--ea-line-2);background:#07080c;color:#e8eaf0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;transition:border-color 80ms,box-shadow 80ms,transform 60ms}.bpm-pad .tl-display{color:#e8eaf0}.bpm-pad:hover{border-color:var(--ea-violet)}.bpm-pad:focus-visible{outline:2px solid var(--ea-violet);outline-offset:2px}.bpm-pad.is-hit{border-color:var(--ea-teal);box-shadow:0 0 0 3px var(--ea-teal-dim),inset 0 0 40px var(--ea-teal-dim);transform:scale(.992)}.bpm-pad__hint{font-size:var(--ea-fs-sm);color:#9aa1b2}.bpm-tapinfo{margin-top:var(--sp-3);gap:var(--sp-4)}.bpm-conf{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3)}.bpm-conf strong{font-family:var(--ea-font-mono);color:#e8eaf0;min-width:3.2em;text-align:right}.bpm-wave{display:grid;gap:6px}.bpm-canvas{width:100%;display:block;background:#07080c;border:1px solid var(--ea-line);border-radius:var(--rad-sm)}.bpm-canvas--detail{height:120px}.bpm-canvas--overview{height:44px;cursor:pointer}.bpm-canvas--overview:focus-visible{outline:2px solid var(--ea-violet);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.bpm-pad{transition:none}.bpm-pad.is-hit{transform:none}}@media(max-width:600px){.bpm-pad{min-height:160px}}