.guide-list.svelte-2ky3uf{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:780px;width:100%}.list-title.svelte-2ky3uf{color:var(--color-text);font-size:1.3rem;font-weight:700}.list-subtitle.svelte-2ky3uf{color:var(--color-text-muted);font-size:.85rem;margin-top:-.75rem;text-align:center}.guide-grid.svelte-2ky3uf{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));width:100%}.guide-card.svelte-2ky3uf{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:.4rem;padding:.85rem 1rem;position:relative;text-align:left;transition:all var(--transition-fast)}.guide-card.svelte-2ky3uf:hover{background:#615ed60f;border-color:var(--color-primary);transform:translateY(-2px)}.card-header.svelte-2ky3uf{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.card-title.svelte-2ky3uf{color:var(--color-text);font-size:.9rem;font-weight:700}.card-ipa.svelte-2ky3uf{display:flex;flex-shrink:0;gap:.25rem}.ipa-chip.svelte-2ky3uf{background:#615ed626;border-radius:var(--radius-sm);color:var(--color-primary);font-size:.65rem;font-weight:600;padding:.15rem .4rem;white-space:nowrap}.card-subtitle.svelte-2ky3uf{font-size:.75rem;line-height:1.4}.card-arrow.svelte-2ky3uf,.card-subtitle.svelte-2ky3uf{color:var(--color-text-muted)}.card-arrow.svelte-2ky3uf{bottom:.6rem;font-size:.85rem;position:absolute;right:.85rem;transition:transform var(--transition-fast)}.guide-card.svelte-2ky3uf:hover .card-arrow:where(.svelte-2ky3uf){color:var(--color-primary);transform:translate(3px)}.guide-detail.svelte-2ky3uf{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:640px;width:100%}.back-btn.svelte-2ky3uf{align-items:center;align-self:flex-start;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:.3rem;padding:.3rem 0;transition:color var(--transition-fast)}.back-btn.svelte-2ky3uf:hover{color:var(--color-text)}.back-btn.svelte-2ky3uf svg:where(.svelte-2ky3uf){height:16px;width:16px}.detail-header.svelte-2ky3uf{text-align:center}.detail-title.svelte-2ky3uf{color:var(--color-text);font-size:1.5rem;font-weight:800;margin-bottom:.25rem}.detail-subtitle.svelte-2ky3uf{color:var(--color-text-muted);font-size:.9rem;margin-bottom:.75rem}.ipa-badges.svelte-2ky3uf{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.ipa-badge.svelte-2ky3uf{background:#615ed61f;border:1px solid oklch(.55 .18 280/.25);border-radius:var(--radius-full);color:var(--color-primary);font-size:.85rem;font-weight:700;padding:.25rem .7rem}.section-label.svelte-2ky3uf{color:var(--color-text);font-size:.95rem;font-weight:700;margin-bottom:.5rem}.diagram-section.svelte-2ky3uf{align-items:center;display:flex;flex-direction:column}.diagram-wrapper.svelte-2ky3uf{display:flex;gap:1rem;justify-content:center;overflow-x:auto;padding-bottom:.5rem;width:100%}.mouth-diagram.svelte-2ky3uf{border:1px solid var(--color-border);border-radius:var(--radius-lg);flex:0 0 auto;max-height:280px;max-width:100%;-o-object-fit:contain;object-fit:contain}.steps-list.svelte-2ky3uf{display:flex;flex-direction:column;gap:.6rem;list-style:none;padding:0}.step-item.svelte-2ky3uf{align-items:flex-start;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:.65rem;padding:.6rem .75rem}.step-num.svelte-2ky3uf{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:22px;justify-content:center;width:22px}.step-text.svelte-2ky3uf{color:var(--color-text-secondary);font-size:.82rem;line-height:1.5}.example-grid.svelte-2ky3uf{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.example-card.svelte-2ky3uf{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:.2rem;padding:.65rem .75rem;text-align:left;transition:all var(--transition-fast)}.example-card.svelte-2ky3uf:hover:not(:disabled){background:#615ed60d;border-color:var(--color-primary)}.example-card.svelte-2ky3uf:disabled{opacity:.7}.example-top.svelte-2ky3uf{align-items:center;display:flex;gap:.4rem}.speaker-icon.svelte-2ky3uf{color:var(--color-primary);flex-shrink:0;height:16px;width:16px}.example-word.svelte-2ky3uf{color:var(--color-text);font-size:.9rem;font-weight:700}.example-ipa.svelte-2ky3uf{font-size:.7rem;font-style:italic}.example-ipa.svelte-2ky3uf,.example-note.svelte-2ky3uf{color:var(--color-text-muted)}.example-note.svelte-2ky3uf{font-size:.65rem;line-height:1.3}.pairs-desc.svelte-2ky3uf{color:var(--color-text-muted);font-size:.8rem;margin-bottom:.5rem}.pairs-grid.svelte-2ky3uf{flex-direction:column}.pair-row.svelte-2ky3uf,.pairs-grid.svelte-2ky3uf{display:flex;gap:.5rem}.pair-btn.svelte-2ky3uf,.pair-row.svelte-2ky3uf{align-items:center}.pair-btn.svelte-2ky3uf{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;flex:1;font-family:inherit;font-size:.85rem;font-weight:600;gap:.4rem;padding:.55rem .75rem;transition:all var(--transition-fast)}.pair-btn.svelte-2ky3uf:hover:not(:disabled){background:#615ed60d;border-color:var(--color-primary)}.pair-icon.svelte-2ky3uf{color:var(--color-primary);flex-shrink:0;height:14px;width:14px}.pair-vs.svelte-2ky3uf{color:var(--color-text-muted);font-size:.7rem;font-weight:600}.mistake-card.svelte-2ky3uf{align-items:flex-start;background:#ef4b6714;border:1px solid oklch(.65 .2 15/.2);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.85rem 1rem}.mistake-icon.svelte-2ky3uf{color:oklch(.7 .2 30);flex-shrink:0;height:20px;margin-top:.1rem;width:20px}.mistake-card.svelte-2ky3uf p:where(.svelte-2ky3uf){color:var(--color-text-secondary);font-size:.82rem;line-height:1.5;margin:0}.sentence-list.svelte-2ky3uf{display:flex;flex-direction:column;gap:.4rem}.sentence-btn.svelte-2ky3uf{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;gap:.5rem;padding:.55rem .75rem;text-align:left;transition:all var(--transition-fast)}.sentence-btn.svelte-2ky3uf:hover:not(:disabled){background:#615ed60d;border-color:var(--color-primary)}.speaker-icon-sm.svelte-2ky3uf{color:var(--color-primary);flex-shrink:0;height:14px;width:14px}@media(max-width:600px){.example-grid.svelte-2ky3uf,.guide-grid.svelte-2ky3uf{grid-template-columns:repeat(2,1fr)}.detail-title.svelte-2ky3uf{font-size:1.25rem}}@media(max-width:400px){.guide-grid.svelte-2ky3uf{grid-template-columns:1fr}}.loading.svelte-41yz06{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:1rem;padding:3rem 0}.spinner.svelte-41yz06{animation:svelte-41yz06-spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:32px;width:32px}@keyframes svelte-41yz06-spin{to{transform:rotate(1turn)}}