.drill-count-steps{gap:20px;max-width:1000px;display:grid}.drill-count-steps h2{margin-bottom:18px;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.4}.drill-count-number{text-align:left;max-width:240px;margin:0 auto 20px}.drill-count-panel{text-align:center}button.drill-count-button{touch-action:manipulation;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(100%,360px);min-height:210px;margin:0 auto;padding:24px;display:flex}.drill-count-button strong{font-variant-numeric:tabular-nums;font-size:clamp(4rem,12vw,6rem);line-height:1}.drill-count-button span{font-size:1.1rem}.drill-count-metronome{text-align:left;max-width:650px;margin:16px auto 0}.drill-count-celebration{z-index:10000;pointer-events:none;background:radial-gradient(circle,#589ddf47,#0c2a49b8);place-items:center;animation:2.6s ease-out both drill-celebrate;display:grid;position:fixed;inset:0}.drill-count-celebration strong{color:#145a99;text-align:center;background:#fff;border-radius:24px;max-width:min(90vw,760px);padding:.6em .8em;font-size:clamp(2rem,7vw,4.5rem);line-height:1.1;box-shadow:0 20px 70px #071c3c77}@keyframes drill-celebrate{0%{opacity:0;transform:scale(.85)}15%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.drill-count-celebration{animation:2.6s linear both drill-celebrate-reduced}@keyframes drill-celebrate-reduced{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}}.drill-count-steps .recording-row{flex-wrap:wrap}.drill-count-steps .recording-row audio{max-width:100%}