.cd-scope .sd-progress-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;margin:.5rem 0 .75rem}.cd-scope .sd-note-pill{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:.3rem .55rem;border-radius:6px;font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;background:#f4f4f4;border:1.5px solid #ddd;color:#aaa;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .18s ease}.cd-scope .sd-note-pill.pending{background:#fafafa;border-color:#e8e8e8;color:#bbb}.cd-scope .sd-note-pill.current{background:#fff3e0;border-color:#e65100;color:#e65100;animation:sd-current-pulse 1.1s ease-in-out infinite}.cd-scope .sd-note-pill.correct{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.cd-scope .sd-note-pill.revealed{background:#fff1f1;border-color:var(--cd-red);color:var(--cd-red)}.cd-scope .sd-note-pill .sd-step{font-size:.58rem;letter-spacing:.08em;color:inherit;opacity:.6;margin-right:.3rem}@keyframes sd-current-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.cd-scope .sd-next-up{text-align:center;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#888;margin:.25rem 0 .5rem}.cd-scope .sd-next-up .sd-next-note{display:inline-block;margin-left:.4rem;padding:.15rem .55rem;border-radius:5px;background:#fff3e0;color:#e65100;border:1px solid #e65100;letter-spacing:0;text-transform:none;font-size:.9rem}.cd-scope .sd-played-row{display:flex;justify-content:center;align-items:center;gap:.35rem;margin-top:.75rem;flex-wrap:wrap}.cd-scope .sd-played-pill{display:inline-flex;padding:.18rem .55rem;border-radius:6px;font-size:.7rem;font-weight:700;border:1.5px solid #4caf50;background:#e8f5e9;color:#2e7d32}.cd-scope .sd-played-pill.non-ascending{border-color:#e65100;background:#fff3e0;color:#e65100}.cd-scope .sd-played-pill.wrong{border-color:var(--cd-red);background:#ffebee;color:var(--cd-red)}.cd-scope .sd-scale-bar{height:4px;background:#f0f0f0;border-radius:3px;overflow:hidden;margin:.4rem 0 .8rem}.cd-scope .sd-scale-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#2e7d32);border-radius:3px;transition:width .2s ease}