.drill-card.svelte-1ouyd6d{border-radius:var(--radius-xl);flex-direction:column;gap:2rem;max-width:520px;padding:2.5rem 2rem;position:relative;width:100%}.drill-card.svelte-1ouyd6d,.mock-badge.svelte-1ouyd6d{align-items:center;display:flex}.mock-badge.svelte-1ouyd6d{background:var(--color-bg-hover);border:1px dashed var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:.7rem;font-weight:600;gap:.35rem;padding:.25rem .75rem}.icon-inline.svelte-1ouyd6d{display:inline-block;flex-shrink:0;height:14px;vertical-align:middle;width:14px}.drill-target.svelte-1ouyd6d{text-align:center;width:100%}.drill-label.svelte-1ouyd6d{color:var(--color-text-muted);display:block;font-size:.8rem;font-weight:600;letter-spacing:.06em;margin-bottom:.75rem;text-transform:uppercase}.target-text.svelte-1ouyd6d{color:var(--color-text);font-size:1.5rem;font-weight:500;line-height:1.6}.drill-translation.svelte-1ouyd6d{color:var(--color-text-secondary);font-size:1rem;font-style:italic;margin-top:.5rem}.level-badge.svelte-1ouyd6d{background:#615ed626;border:1px solid oklch(.55 .18 280/.3);border-radius:var(--radius-sm);color:var(--color-primary);font-size:.75rem;font-weight:700;padding:.25rem .65rem;position:absolute;right:1.5rem;top:1rem}.btn-hear-sentence.svelte-1ouyd6d{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:.35rem;justify-content:center;margin-bottom:1rem;margin-top:1.5rem;padding:.4rem .8rem;transition:all var(--transition-fast)}.btn-hear-sentence.svelte-1ouyd6d:hover:not(:disabled){background:#615ed61a;border-color:var(--color-primary);color:var(--color-primary)}.btn-hear-sentence.svelte-1ouyd6d:disabled{cursor:not-allowed;opacity:.6}.drill-score.svelte-1ouyd6d{align-items:center;display:flex;flex-direction:column;gap:.25rem}.score-value.svelte-1ouyd6d{font-size:3rem;font-weight:800;line-height:1}.score-label.svelte-1ouyd6d{font-size:.9rem;font-weight:500}.score-breakdown.svelte-1ouyd6d{color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:1rem;margin-top:.5rem}.score-detail.svelte-1ouyd6d{align-items:center;cursor:help;display:inline-flex;gap:.25rem}.score-excellent.svelte-1ouyd6d .score-label:where(.svelte-1ouyd6d),.score-excellent.svelte-1ouyd6d .score-value:where(.svelte-1ouyd6d){color:var(--color-success)}.score-good.svelte-1ouyd6d .score-label:where(.svelte-1ouyd6d),.score-good.svelte-1ouyd6d .score-value:where(.svelte-1ouyd6d){color:var(--color-accent)}.score-needs-work.svelte-1ouyd6d .score-label:where(.svelte-1ouyd6d),.score-needs-work.svelte-1ouyd6d .score-value:where(.svelte-1ouyd6d){color:var(--color-error)}.drill-controls.svelte-1ouyd6d{gap:1rem}.drill-controls.svelte-1ouyd6d,.processing.svelte-1ouyd6d{align-items:center;display:flex;flex-direction:column}.processing.svelte-1ouyd6d{color:var(--color-text-muted);font-size:.9rem;gap:.75rem}.spinner.svelte-1ouyd6d{animation:svelte-1ouyd6d-spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:36px;width:36px}@keyframes svelte-1ouyd6d-spin{to{transform:rotate(1turn)}}.result-actions.svelte-1ouyd6d{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.btn-action.svelte-1ouyd6d{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all var(--transition-base)}.btn-next.svelte-1ouyd6d{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text)}.btn-next.svelte-1ouyd6d:hover{background:var(--color-bg-hover);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.btn-retry.svelte-1ouyd6d{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-retry.svelte-1ouyd6d:hover{background:var(--color-bg-hover);border-color:var(--color-text-muted);color:var(--color-text)}.error-display.svelte-1ouyd6d{background:var(--color-error-bg);border-radius:var(--radius-md);color:var(--color-error);font-size:.85rem;max-width:400px;padding:.75rem 1.25rem;text-align:center}.phoneme-tip.svelte-1ouyd6d{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-xl);max-width:420px;padding:1.25rem 1.5rem;width:100%}.tip-header.svelte-1ouyd6d{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.tip-badge.svelte-1ouyd6d{color:var(--color-accent);font-size:.8rem;font-weight:700}.tip-category.svelte-1ouyd6d{font-size:.8rem;font-style:italic}.tip-category.svelte-1ouyd6d,.tip-dismiss.svelte-1ouyd6d{color:var(--color-text-muted)}.tip-dismiss.svelte-1ouyd6d{background:none;border:none;cursor:pointer;font-size:.85rem;margin-left:auto;padding:.25rem;transition:color var(--transition-fast)}.tip-dismiss.svelte-1ouyd6d:hover{color:var(--color-text)}.tip-body.svelte-1ouyd6d{color:var(--color-text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:1rem}.tip-audio-actions.svelte-1ouyd6d{display:flex;flex-wrap:wrap;gap:.5rem}.btn-audio.svelte-1ouyd6d{align-items:center;background:#615ed61a;border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:.4rem;padding:.5rem .85rem;transition:all var(--transition-fast)}.btn-audio.svelte-1ouyd6d:hover{background:#615ed633}.btn-audio-yours.svelte-1ouyd6d{background:#e185281a;border-color:var(--color-accent);color:var(--color-accent)}.btn-audio-yours.svelte-1ouyd6d:hover{background:#e1852833}.practice-selector.svelte-6ly9zg{align-items:center;display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:680px;width:100%}.section-title.svelte-6ly9zg{color:var(--color-text);font-size:1.2rem;font-weight:700;text-align:center}.section-subtitle.svelte-6ly9zg{color:var(--color-text-secondary);font-size:.95rem;font-weight:600;margin-top:.5rem;text-align:center}.mode-tabs.svelte-6ly9zg{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);width:100%}.mode-tab.svelte-6ly9zg{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.2rem;padding:.75rem .5rem;transition:all var(--transition-fast)}.mode-tab.svelte-6ly9zg:hover{background:#615ed60d}.mode-tab.active.svelte-6ly9zg,.mode-tab.svelte-6ly9zg:hover{border-color:var(--color-primary)}.mode-tab.active.svelte-6ly9zg{background:#615ed61f}.mode-svg.svelte-6ly9zg{color:var(--color-text-muted);height:24px;width:24px}.mode-tab.active.svelte-6ly9zg .mode-svg:where(.svelte-6ly9zg){color:var(--color-primary)}.mode-label.svelte-6ly9zg{color:var(--color-text);font-size:.85rem;font-weight:700}.mode-desc.svelte-6ly9zg{color:var(--color-text-muted);font-size:.65rem}.mode-stats.svelte-6ly9zg{text-align:center}.stats-text.svelte-6ly9zg{color:var(--color-text-muted);font-size:.8rem}.stats-text.svelte-6ly9zg strong:where(.svelte-6ly9zg){color:var(--color-text)}.difficulty-row.svelte-6ly9zg{align-items:center;display:flex;gap:.75rem;justify-content:center}.diff-label.svelte-6ly9zg{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.diff-pills.svelte-6ly9zg{display:flex;gap:.35rem}.diff-pill.svelte-6ly9zg{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:600;padding:.3rem .7rem;transition:all var(--transition-fast)}.diff-pill.active.svelte-6ly9zg,.diff-pill.svelte-6ly9zg:hover{border-color:var(--color-primary)}.diff-pill.active.svelte-6ly9zg{background:var(--color-primary);color:#fff}.category-grid.svelte-6ly9zg{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));width:100%}.category-card.svelte-6ly9zg{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.35rem;padding:.65rem .75rem;text-align:left;transition:all var(--transition-fast)}.category-card.svelte-6ly9zg:hover{background:#615ed60d;border-color:var(--color-primary);transform:translateY(-1px)}.cat-name.svelte-6ly9zg{color:var(--color-text);font-size:.8rem;font-weight:600;line-height:1.2}.cat-mastery-bar.svelte-6ly9zg{background:var(--color-border);border-radius:2px;height:4px;overflow:hidden}.cat-mastery-fill.svelte-6ly9zg{border-radius:2px;height:100%;transition:width .5s ease}.cat-pct.svelte-6ly9zg{font-size:.7rem;font-weight:700}@media(max-width:480px){.category-grid.svelte-6ly9zg{grid-template-columns:repeat(2,1fr)}.mode-tab.svelte-6ly9zg{padding:.6rem .3rem}.mode-desc.svelte-6ly9zg{display:none}}.nav-bar.svelte-lvofot{align-items:center;display:flex;margin-bottom:.5rem;max-width:520px;min-height:2rem;padding:0 2rem;width:100%}.back-btn.svelte-lvofot{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:.3rem .6rem;transition:all var(--transition-base)}.back-btn.svelte-lvofot:hover{background:var(--color-bg-hover);color:var(--color-text)}.loading-drills.svelte-lvofot{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:1rem;padding:3rem}.spinner.svelte-lvofot{animation:svelte-lvofot-spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:36px;width:36px}@keyframes svelte-lvofot-spin{to{transform:rotate(1turn)}}