.free-speaking{display:grid;gap:16px}.free-speaking>*{margin:0}.free-speaking-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.free-speaking-steps li{position:relative;padding-top:14px;color:var(--language-color-muted-ink,#475569);font-size:.8rem;font-weight:600}.free-speaking-steps li:before{content:"";position:absolute;inset:0 0 auto;height:6px;border-radius:999px;background:var(--language-color-hairline,#E2E8F0)}.free-speaking-steps li[data-state=done]:before{background:var(--language-brand-300,#ADC3F4)}.free-speaking-steps li[data-state=current]{color:var(--language-color-ink,#0F172A)}.free-speaking-steps li[data-state=current]:before{background:var(--language-color-action,#2454BF)}.free-speaking-prompt{padding:16px 18px;border:1px solid var(--language-color-border,#e2e8f0);border-left:4px solid var(--language-color-action,#2454bf);border-radius:var(--language-radius-md,12px);background:var(--language-color-canvas,#F8FAFC)}.free-speaking-prompt p{margin:0;color:var(--language-color-ink,#0F172A);font-size:1.05rem;line-height:1.7}.free-speaking-timer{display:flex;align-items:center;gap:clamp(16px,4vw,32px);padding:clamp(16px,3vw,24px);border:1px solid var(--language-brand-200,#d6e1fa);border-radius:var(--language-radius-lg,16px);background:var(--language-brand-50,#F3F6FE)}.free-speaking-timer[data-kind=prepare]{border-color:#F5D9A8;background:#FFF8EB}.free-speaking-timer [role=timer]{display:grid;gap:12px;justify-items:start;margin:0;font-variant-numeric:tabular-nums}.free-speaking-checklist{display:grid;gap:8px;margin:0;padding:0;list-style:none}@media (max-width:600px){.free-speaking-timer{flex-direction:column;text-align:center}.free-speaking-timer [role=timer]{justify-items:center}.free-speaking-steps li{font-size:.72rem}}