.phrase-practice{max-width:960px;margin:0 auto;padding:28px clamp(16px,3vw,32px) 72px;color:var(--ink);min-height:65vh}.phrase-back{display:inline-flex;min-height:44px;align-items:center;color:var(--blue)}.phrase-practice>header{padding-block:22px}.phrase-practice>header h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.4}.phrase-practice>header p{max-width:720px;color:var(--muted);line-height:1.9}.phrase-eyebrow{font-size:.75rem;color:var(--muted);letter-spacing:.06em}.phrase-stats{display:flex;gap:12px;flex-wrap:wrap;margin-block:16px}.phrase-stats span{background:var(--light);border-radius:999px;padding:8px 14px;font-size:.85rem}.phrase-modes{display:flex;gap:8px;flex-wrap:wrap;margin-block:20px}.phrase-light,.phrase-modes button,.phrase-options button,.phrase-primary,.phrase-word-bank button{font:inherit;min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);padding:9px 15px}.phrase-modes button[aria-pressed=true]{background:var(--light);border-color:var(--blue);font-weight:700}.phrase-question{display:grid;gap:18px;border:1px solid var(--border);border-radius:18px;padding:clamp(18px,3vw,30px);background:var(--surface);box-shadow:0 8px 28px #18334a0d}.phrase-question-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.85rem}.phrase-question-meta>a{margin-inline-start:auto;color:var(--blue)}.phrase-level{padding:3px 9px;border-radius:8px;background:var(--light);color:var(--blue);font-weight:700}.phrase-prompt{font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.9;margin:8px 0}.phrase-hint{color:var(--muted);margin:0}.phrase-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:10px}.phrase-options button{text-align:start;line-height:1.7}.phrase-options button.is-correct{border-color:#2e8952;background:#eaf7ee;color:#17552e}.phrase-options button.is-wrong{border-color:#be5656;background:#fff0f0;color:#8a2d2d}.phrase-built{min-height:64px;border:1px dashed var(--border);border-radius:12px;padding:14px;line-height:1.9;direction:ltr;text-align:left;font-size:1.2rem}.phrase-word-bank{display:flex;flex-wrap:wrap;gap:8px;direction:ltr}.phrase-word-bank button{font-size:1rem}.phrase-primary{background:var(--primary-bg);color:var(--primary-ink);border-color:var(--primary-bg);font-weight:700}.phrase-light,.phrase-primary{justify-self:start}.phrase-light:disabled,.phrase-primary:disabled{opacity:.55}.phrase-feedback{padding:14px;border-radius:10px;line-height:1.9;margin:0}.phrase-feedback.is-correct{background:#eaf7ee;color:#17552e}.phrase-feedback.is-wrong{background:#fff0f0;color:#8a2d2d}.phrase-practice a:focus-visible,.phrase-practice button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:600px){.phrase-practice{padding-inline:14px}.phrase-question{padding:18px}.phrase-question-meta>a{margin-inline-start:0}.phrase-options{grid-template-columns:1fr}}html[data-theme=dark] .phrase-feedback.is-correct,html[data-theme=dark] .phrase-options button.is-correct{background:#173a27;color:#c0edcc}html[data-theme=dark] .phrase-feedback.is-wrong,html[data-theme=dark] .phrase-options button.is-wrong{background:#451f23;color:#ffd0d0}.phrase-audio{font-weight:650}.phrase-audio-error{margin:0;padding:10px 12px;border-radius:9px;background:#fff3f0;color:#a53325;line-height:1.6}