.main-view{font-family:Arial,sans-serif;padding:1rem;max-width:480px;margin:0 auto;text-align:center}#bpm-display-container{cursor:pointer;border-radius:50%;width:120px;height:120px;background-color:#2866eb;margin:1rem auto;display:flex;justify-content:center;align-items:center;color:#fff;-webkit-user-select:none;user-select:none;box-shadow:0 0 10px #2866eb}#bpm-display output{font-size:2.5rem;font-weight:700;display:block;line-height:1}#bpm-display label{font-size:1rem;display:block}#graph-container canvas{width:100%;height:100px;background-color:#f0f0f0;border-radius:8px;box-shadow:inset 0 0 5px #ccc}.debug-view{margin-top:2rem}.feeds{display:flex;gap:1rem;justify-content:center}video{width:120px;height:120px;border-radius:10px;background:#000}canvas{border-radius:10px;background:#fff}.visually-hidden{width:0;height:0;opacity:0;position:absolute;pointer-events:none}