.rests-board{box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;margin:0 auto;padding:12px;font-family:inherit;display:flex}.rests-header{justify-content:space-between;align-items:center;width:100%;display:flex}.rests-progress-badge{color:#1b1726;background:#a6ddcb40;border:1px solid #a6ddcb80;border-radius:9999px;padding:4px 12px;font-size:.95rem;font-weight:700}.dark .rests-progress-badge{color:#e2e8f0;background:#a6ddcb26}.rests-sound-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.dark .rests-sound-btn{color:#cbd5e1;background:#1e293b;border-color:#475569}.rests-sound-btn:hover{background:#f1f5f9}.dark .rests-sound-btn:hover{background:#334155}.rests-sound-icon{width:20px;height:18px}.rests-legend{color:#475569;justify-content:center;align-items:center;gap:20px;font-size:.82rem;display:flex}.dark .rests-legend{color:#94a3b8}.rests-legend-item{align-items:center;gap:6px;display:flex}.rests-legend-icon{width:22px;height:22px}.rests-track-container{box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;width:100%;padding:24px 8px 16px;transition:border-color .1s;display:flex;position:relative}.dark .rests-track-container{background:#0f172a;border-color:#334155}.rests-track-container.flashing{border-color:#a6ddcb;box-shadow:0 0 20px #a6ddcb99}.rests-flash-box{opacity:.2;width:28px;height:28px;transition:opacity 50ms,transform 50ms;position:absolute;top:8px;right:12px}.rests-flash-box.active{opacity:1;transform:scale(1.15)}.rests-beats-row{grid-template-columns:repeat(8,1fr);gap:4px;width:100%;margin-top:10px;display:grid;position:relative}.rests-beat-cell{flex-direction:column;align-items:center;display:flex;position:relative}.rests-beat-icon{width:36px;height:36px;transition:transform .1s}.dark .rests-beat-icon circle[stroke=\#1B1726]{stroke:#f1f5f9}.dark .rests-beat-icon circle[fill=\#1B1726]{fill:#a6ddcb}.rests-beat-cell.hit-correct .rests-beat-icon{filter:drop-shadow(0 0 6px #10b981);transform:scale(1.2)}.rests-beat-cell.hit-wrong .rests-beat-icon{filter:drop-shadow(0 0 6px #ef4444);transform:scale(1.2)}.rests-beat-cell.missed .rests-beat-icon{opacity:.35}.rests-beat-number{color:#94a3b8;margin-top:4px;font-size:.72rem;font-weight:600}.rests-playhead-track{pointer-events:none;width:100%;height:20px;position:absolute;top:4px;left:0}.rests-playhead{width:28px;height:20px;transition:left 40ms linear;position:absolute;top:0;transform:translate(-50%)}.rests-feedback-msg{text-align:center;height:24px;font-size:.95rem;font-weight:700}.rests-feedback-msg.correct{color:#10b981}.rests-feedback-msg.wrong{color:#ef4444}.rests-feedback-msg.hint{color:#64748b}.rests-tap-button{color:#1b1726;letter-spacing:.05em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#a6ddcb 0%,#7ec4af 100%);border:3px solid #1b1726;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:96px;font-size:1.25rem;font-weight:800;transition:transform 50ms,box-shadow 50ms;display:flex;transform:translateY(0);box-shadow:0 6px #1b1726}.dark .rests-tap-button{background:linear-gradient(135deg,#4ade80 0%,#2dd4bf 100%);border-color:#f1f5f9;box-shadow:0 6px #0f172a}.rests-tap-button:active,.rests-tap-button.active{transform:translateY(4px);box-shadow:0 2px #1b1726}.dark .rests-tap-button:active,.dark .rests-tap-button.active{box-shadow:0 2px #0f172a}.rests-tap-subtext{opacity:.8;font-size:.75rem;font-weight:600}.rests-action-btn{color:#1b1726;cursor:pointer;background:#a6ddcb;border:2px solid #1b1726;border-radius:12px;padding:12px 28px;font-size:1rem;font-weight:700;transition:all .1s;box-shadow:0 4px #1b1726}.rests-action-btn:active{transform:translateY(2px);box-shadow:0 2px #1b1726}.rests-summary-card{box-sizing:border-box;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;width:100%;padding:20px}.dark .rests-summary-card{background:#1e293b;border-color:#334155}.rests-score-hero{color:#0f172a;margin:8px 0;font-size:2.4rem;font-weight:900}.dark .rests-score-hero{color:#f8fafc}.rests-metrics-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.rests-metric-box{background:#f1f5f9;border-radius:10px;padding:8px}.dark .rests-metric-box{background:#0f172a}.rests-metric-val{font-size:1.2rem;font-weight:800}.rests-metric-label{color:#64748b;margin-top:2px;font-size:.75rem}@media (prefers-reduced-motion:reduce){.rests-track-container,.rests-flash-box,.rests-beat-icon{transition:none!important}.rests-flash-box.active,.rests-beat-cell.hit-correct .rests-beat-icon,.rests-beat-cell.hit-wrong .rests-beat-icon{transform:none}}@media (max-height:430px){.rests-board{gap:10px;padding:8px}.rests-track-container{padding:12px 8px 10px}.rests-tap-button{height:64px}}