main{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;gap:24px}.panel-layout{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center}.tap-card{cursor:pointer;border:2px dashed var(--accent);min-height:250px;background:#00a8ff05;transition:background .1s}.tap-card:active{background:var(--accent-dim)}.tap-hint{font-size:14px;color:var(--muted);text-align:center}.bpm-display{font-size:72px;font-weight:800;color:#fff;margin:16px 0}.bpm-label{font-size:16px;font-weight:600;color:var(--accent)}.tap-list{width:100%;max-height:150px;overflow-y:auto;list-style:none;padding:0;margin-bottom:12px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg3)}.tap-list li{padding:8px 12px;border-bottom:1px solid var(--border);font-family:monospace;display:flex;justify-content:space-between}@media(max-width:768px){.panel-layout{grid-template-columns:1fr}}