@layer theme,base,theory-ui,chord-practice-ui,guitar-ui;@layer page{:root[data-page=rhythm-reading] .reading-card{margin-bottom:24px}:root[data-page=rhythm-reading] .level-label{color:var(--muted);margin:10px 0 0;font-weight:600}:root[data-page=rhythm-reading] .vex-stage{background:linear-gradient(180deg, #fffdf9 0%, var(--staff) 100%);border-radius:16px;justify-content:center;margin-top:14px;padding:8px 4px;display:flex;overflow-x:auto}:root[data-page=rhythm-reading] .beat-dots{justify-content:center;gap:14px;display:flex}:root[data-page=rhythm-reading] .beat-dot{background:#ffffff14;border:2px solid #ffffff29;border-radius:50%;width:22px;height:22px;transition:background 90ms,transform 90ms,border-color 90ms}:root[data-page=rhythm-reading] .beat-dot.is-downbeat{width:28px;height:28px}:root[data-page=rhythm-reading] .beat-dot.is-active{background:var(--accent);border-color:var(--accent-strong);transform:scale(1.15)}:root[data-page=rhythm-reading] .beat-dots.phase-count .beat-dot.is-active{background:#6facff;border-color:#4a8ef0}:root[data-page=rhythm-reading] .beat-dots.phase-go .beat-dot.is-active{background:var(--accent);border-color:var(--accent-strong)}:root[data-page=rhythm-reading] .reading-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:18px;display:flex}:root[data-page=rhythm-reading] .reading-start-btn{cursor:pointer;font:inherit;border:none}:root[data-page=rhythm-reading] .reading-answer-buttons{margin-top:20px}:root[data-page=rhythm-reading] .note-button.is-tapped{transform:scale(.94)}:root[data-page=rhythm-reading] .note-results{justify-content:center;gap:10px;min-height:40px;margin-top:4px;display:flex}:root[data-page=rhythm-reading] .note-result-chip{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;font-weight:800;display:flex}:root[data-page=rhythm-reading] .note-result-chip.is-hit{color:#9df1d5;background:#4ecca32e}:root[data-page=rhythm-reading] .note-result-chip.is-partial{color:#ffe2bd;background:#ffb04f2e}:root[data-page=rhythm-reading] .note-result-chip.is-miss{color:#ffb7c2;background:#e945602e}@media (width<=760px){:root[data-page=rhythm-reading] .reading-controls{flex-direction:column}}}