.practice-top-bar.svelte-qomnmm{display:flex;align-items:center;justify-content:space-between;padding:2.2rem 1.8rem 1.4rem}.icon-button.ghost.svelte-qomnmm{background:transparent;box-shadow:none;width:2.75rem;height:2.75rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#11243f}.icon-button.ghost.svelte-qomnmm:hover{background:#11243f14}.prompt.svelte-qomnmm{text-align:center;display:flex;flex-direction:column;gap:.4rem}.prompt.svelte-qomnmm h2:where(.svelte-qomnmm){margin:0;font-size:2.4rem;font-weight:800;color:#101827}.prompt.svelte-qomnmm p:where(.svelte-qomnmm){margin:0;font-size:1.05rem;color:#5a6476}.player.svelte-qomnmm{margin-top:2.2rem;display:flex;align-items:center;justify-content:center;gap:1.4rem}.play.svelte-qomnmm{border:none;width:66px;height:66px;border-radius:50%;background:linear-gradient(135deg,#1a72ff,#0c52d4);color:#fff;box-shadow:0 16px 34px #1052d447;cursor:pointer;display:flex;align-items:center;justify-content:center}.waveform.svelte-qomnmm{display:flex;align-items:center;height:60px;gap:6px;color:#1052d459}.waveform.svelte-qomnmm div:where(.svelte-qomnmm){width:5px;border-radius:999px;background:currentColor;animation:svelte-qomnmm-wave 1.2s ease-in-out infinite}@keyframes svelte-qomnmm-wave{0%,to{height:6px}50%{height:100%}}.record.svelte-qomnmm{margin:2.6rem auto 0;width:110px;height:110px;border-radius:50%;border:none;background:linear-gradient(135deg,#ff2f54,#c60028);color:#fff;box-shadow:0 24px 48px #c6002859;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.record.svelte-qomnmm:hover{transform:translateY(-3px)}.score.svelte-qomnmm{margin-top:2.8rem;display:flex;flex-direction:column;gap:.6rem}.score.svelte-qomnmm .meta:where(.svelte-qomnmm){display:flex;justify-content:space-between;font-size:.95rem;color:#60697a;font-weight:600}.score.svelte-qomnmm .meta:where(.svelte-qomnmm) strong:where(.svelte-qomnmm){color:#0c52d4}.meter.svelte-qomnmm{height:.9rem;border-radius:999px;background:#1052d433;overflow:hidden}.meter.svelte-qomnmm .fill:where(.svelte-qomnmm){height:100%;background:linear-gradient(90deg,#0c52d4,#1a72ff);border-radius:inherit}.secondary.svelte-qomnmm{margin-top:2.4rem;width:100%;padding:.9rem 1.2rem;border-radius:16px;border:none;background:#1052d414;color:#0c52d4;font-weight:700;font-size:.98rem;cursor:pointer}