.tone-practice-meter{width:100%;height:6px;accent-color:var(--jade)}.tone-practice{gap:var(--sp-4);flex-direction:column;width:100%;display:flex}.tone-practice-header{gap:var(--sp-1);flex-direction:column;display:flex}.tone-practice-progress{color:var(--ink-secondary);font-variant-numeric:tabular-nums;margin:0;font-size:.8125rem}.tone-practice-prompt{overflow-wrap:anywhere;margin:0;font-size:1.0625rem;font-weight:700}.tone-contour{box-sizing:border-box;border:1px solid var(--hairline);border-radius:var(--radius-content);background:var(--paper-deep);width:100%;min-height:5rem;padding:var(--sp-4);justify-content:center;align-items:center;display:flex;overflow:hidden}.tone-contour[hidden]{display:none}.tone-contour__drawing{width:100%;max-width:15rem;height:auto;display:block}.tone-contour__grid{stroke:var(--hairline);stroke-width:1px}.tone-contour__line{fill:none;stroke:var(--jade);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.tone-hint{color:var(--ink-secondary);overflow-wrap:anywhere;margin:0;font-size:.8125rem;font-weight:400}.tone-interference{border-left:3px solid var(--coral);background:var(--coral-soft);padding:var(--sp-2) var(--sp-4);color:var(--ink-secondary);overflow-wrap:anywhere;margin:0;font-size:.8125rem}.tone-choices{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tone-choice{box-sizing:border-box;min-height:2.75rem;padding:var(--sp-2) var(--sp-4);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;overflow-wrap:anywhere;font-size:1.0625rem;font-weight:700;transition:background .15s,border-color .15s,opacity .15s}.tone-choice:hover:not(:disabled){background:var(--paper-deep);border-color:var(--jade)}.tone-choice[aria-pressed=true]{border-color:var(--jade);background:var(--jade-soft);color:var(--jade-ink)}.tone-choice:disabled{cursor:default;opacity:.6}.tone-choice:disabled[aria-pressed=true]{opacity:1}.tone-feedback{gap:var(--sp-1);flex-direction:column;min-height:1.5rem;display:flex}.tone-feedback__line{overflow-wrap:anywhere;margin:0}.tone-feedback--correct{color:var(--jade-ink);font-weight:700}.tone-feedback--incorrect{border-left:4px solid var(--coral);background:var(--coral-soft);padding:var(--sp-2) var(--sp-4)}.tone-feedback--incorrect .tone-feedback__line:first-child,.tone-feedback--incorrect strong{font-weight:700}.tone-feedback--complete{text-align:center;padding:var(--sp-6) var(--sp-4);background:var(--jade-soft)}.tone-complete-text{color:var(--ink-secondary);margin:0;font-size:.9375rem;font-weight:600}.tone-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.tone-action{box-sizing:border-box;min-height:2.75rem;padding:var(--sp-2) var(--sp-4);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;overflow-wrap:anywhere;flex:auto;font-size:.9375rem;font-weight:700}.tone-action:hover:not(:disabled){background:var(--paper-deep)}.tone-action:disabled{opacity:.5;cursor:default}.tone-action--submit,.tone-action--next,.tone-action--restart{border-color:var(--jade);background:var(--jade);color:var(--paper)}.tone-action--submit:hover:not(:disabled),.tone-action--next:hover:not(:disabled),.tone-action--restart:hover:not(:disabled){background:var(--jade-ink);border-color:var(--jade-ink)}.tone-action--retry{border-color:var(--coral-deep);color:var(--coral-deep)}.tone-action--retry:hover:not(:disabled){background:var(--coral-soft)}@media (width<=374px){.tone-choice{padding-inline:var(--sp-2);font-size:1rem}.tone-action{padding-inline:var(--sp-2);font-size:.875rem}}.learning-next-step[data-astro-cid-omk4roa7]{min-height:44px;color:var(--jade-ink);text-underline-offset:3px;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.learning-next-step[data-astro-cid-omk4roa7]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.tone-page[data-astro-cid-omk4roa7]{overflow-wrap:anywhere;min-width:0;max-width:40rem;margin:0 auto}.page-title[data-astro-cid-omk4roa7]{margin:0 0 var(--sp-3);font-family:var(--font-serif-ja);letter-spacing:.01em;overflow-wrap:anywhere;font-size:28px;font-weight:700;line-height:1.3}.page-subtitle[data-astro-cid-omk4roa7]{margin:0 0 var(--sp-10);color:var(--ink-secondary);overflow-wrap:anywhere;font-size:13.5px;line-height:1.8}.empty-fallback[data-astro-cid-omk4roa7]{background:var(--paper-deep);border-radius:var(--radius-content);padding:var(--sp-5);text-align:center;color:var(--ink-secondary);overflow-wrap:anywhere;font-size:13.5px;line-height:1.8}.empty-fallback[data-astro-cid-omk4roa7] p[data-astro-cid-omk4roa7]{margin:0}