.tone-pitch-svg.svelte-1ijzi5a{width:100%;height:60px;overflow:visible}.pitch-line-bg.svelte-1ijzi5a{opacity:.15}.pitch-line-fg.svelte-1ijzi5a{opacity:1}.tone-card.svelte-tftmhm{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:12px;padding:1.25rem;transition:all .2s ease}.tone-card.svelte-tftmhm:hover{background:var(--color-card-hover);border-color:var(--color-accent);box-shadow:0 4px 12px #f0503314}.tone-card.playing.svelte-tftmhm{border-color:var(--color-accent);box-shadow:0 4px 16px #f0503326}.tone-header.svelte-tftmhm{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.tone-example.svelte-tftmhm{font-size:2.5rem;font-weight:600;color:var(--color-accent);line-height:1}.tone-name.svelte-tftmhm{text-align:right}.tone-name-viet.svelte-tftmhm{display:block;font-size:.9rem;font-weight:600;font-style:italic;color:var(--color-accent)}.tone-name-eng.svelte-tftmhm{display:block;font-size:.8rem;color:var(--color-text-tertiary)}.tone-pitch.svelte-tftmhm{margin:.75rem 0}.play-button.svelte-tftmhm{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#f0503314;border:1px solid transparent;border-radius:99px;color:var(--color-accent);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.play-button.svelte-tftmhm:hover:not(:disabled){background:#f0503326;transform:translateY(-1px)}.play-button.svelte-tftmhm:active:not(:disabled){transform:translateY(0)}.play-button.svelte-tftmhm:disabled{cursor:default;opacity:.8;background:#f050331a}.play-icon.svelte-tftmhm{width:18px;height:18px}.tone-description.svelte-tftmhm{margin-top:.75rem;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.tone-meaning.svelte-tftmhm{margin-top:.5rem;font-size:.8rem;color:var(--color-text-tertiary)}.meaning-label.svelte-tftmhm{font-weight:600}@media (max-width: 560px){.tone-card.svelte-tftmhm{padding:1rem}.tone-example.svelte-tftmhm{font-size:2rem}.tone-name-viet.svelte-tftmhm{font-size:.85rem}.tone-name-eng.svelte-tftmhm{font-size:.75rem}.play-button.svelte-tftmhm{padding:.5rem 1rem;font-size:.8rem}.tone-description.svelte-tftmhm{display:none}.tone-meaning.svelte-tftmhm{margin-top:.75rem;font-size:.75rem;text-align:center}}.tone-chart.svelte-8exgfg{scroll-margin-top:2rem}.tone-grid.svelte-8exgfg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media (max-width: 900px){.tone-grid.svelte-8exgfg{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.tone-grid.svelte-8exgfg{grid-template-columns:repeat(2,1fr);gap:.75rem}}.tones-page.svelte-13hh9i7.svelte-13hh9i7{padding:2rem 0 0}.hero.svelte-13hh9i7.svelte-13hh9i7{text-align:center;max-width:720px;margin:0 auto 2.5rem}.hero.svelte-13hh9i7 h1.svelte-13hh9i7{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem}.hero-subtitle.svelte-13hh9i7.svelte-13hh9i7{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.6}.hero-subtitle.svelte-13hh9i7 a.svelte-13hh9i7{color:var(--color-accent);text-decoration:underline}.content-section.svelte-13hh9i7.svelte-13hh9i7{max-width:720px;margin:3rem auto}.content-section.svelte-13hh9i7 h2.svelte-13hh9i7{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.content-section.svelte-13hh9i7 h3.svelte-13hh9i7{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:1.5rem 0 .5rem}.content-section.svelte-13hh9i7 p.svelte-13hh9i7{font-size:1.05rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:1rem}.content-section.svelte-13hh9i7 ul.svelte-13hh9i7{margin:1rem 0;padding-left:1.5rem;color:var(--color-text-secondary)}.content-section.svelte-13hh9i7 li.svelte-13hh9i7{margin-bottom:.5rem;line-height:1.6}.diacritic-grid.svelte-13hh9i7.svelte-13hh9i7{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.diacritic-item.svelte-13hh9i7.svelte-13hh9i7{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:12px;padding:1rem;text-align:center;display:flex;flex-direction:column;gap:.25rem}.diacritic-item.svelte-13hh9i7 .mark.svelte-13hh9i7{font-size:2rem;font-weight:700;color:var(--color-accent);line-height:1.2}.diacritic-item.svelte-13hh9i7 .label.svelte-13hh9i7{font-size:.9rem;font-weight:600;color:var(--color-text-primary);text-transform:capitalize}.diacritic-item.svelte-13hh9i7 .sub.svelte-13hh9i7{font-size:.75rem;color:var(--color-text-tertiary)}.diacritic-note.svelte-13hh9i7.svelte-13hh9i7{margin-top:1.5rem;font-size:.95rem;color:var(--color-text-tertiary);font-style:italic}.practice-grid.svelte-13hh9i7.svelte-13hh9i7{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.practice-item.svelte-13hh9i7.svelte-13hh9i7{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:12px;padding:1rem}.practice-tone.svelte-13hh9i7.svelte-13hh9i7{display:block;font-size:.85rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.practice-words.svelte-13hh9i7.svelte-13hh9i7{font-size:1rem;color:var(--color-text-secondary);line-height:1.5}@media (max-width: 560px){.practice-grid.svelte-13hh9i7.svelte-13hh9i7{grid-template-columns:1fr}}.tips-grid.svelte-13hh9i7.svelte-13hh9i7{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.tip-card.svelte-13hh9i7.svelte-13hh9i7{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:12px;padding:1.25rem;text-align:center}.tip-card.svelte-13hh9i7 h3.svelte-13hh9i7{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.tip-card.svelte-13hh9i7 p.svelte-13hh9i7{font-size:.85rem;color:var(--color-text-secondary);margin:0;line-height:1.5}@media (max-width: 560px){.tips-grid.svelte-13hh9i7.svelte-13hh9i7{grid-template-columns:1fr}}.dialect-intro.svelte-13hh9i7.svelte-13hh9i7{margin-bottom:1.5rem}.dialect-grid.svelte-13hh9i7.svelte-13hh9i7{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}.dialect-card.svelte-13hh9i7.svelte-13hh9i7{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:12px;padding:1.25rem;text-align:center}.dialect-card.svelte-13hh9i7 h3.svelte-13hh9i7{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.dialect-tones.svelte-13hh9i7.svelte-13hh9i7{font-size:2rem;font-weight:700;color:var(--color-accent);margin-bottom:.75rem}.dialect-card.svelte-13hh9i7 p.svelte-13hh9i7{font-size:.9rem;margin-bottom:1rem}.dialect-tag.svelte-13hh9i7.svelte-13hh9i7{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .75rem;border-radius:99px;background:#f050331a;color:var(--color-accent)}.dialect-merge.svelte-13hh9i7.svelte-13hh9i7{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:.75rem;font-size:.9rem}.merge-tone.svelte-13hh9i7.svelte-13hh9i7{font-weight:600;font-style:italic;color:var(--color-text-primary)}.merge-plus.svelte-13hh9i7.svelte-13hh9i7,.merge-arrow.svelte-13hh9i7.svelte-13hh9i7{color:var(--color-text-tertiary)}.merge-result.svelte-13hh9i7.svelte-13hh9i7{font-weight:700;color:var(--color-accent)}.dialect-tip.svelte-13hh9i7.svelte-13hh9i7{color:var(--color-text-secondary);margin-top:1.5rem}@media (max-width: 560px){.dialect-grid.svelte-13hh9i7.svelte-13hh9i7{grid-template-columns:1fr}}.cta-section.svelte-13hh9i7.svelte-13hh9i7{text-align:center;background:var(--color-card);border:3px solid var(--color-accent);padding:2.5rem;border-radius:1rem;margin:3rem auto;max-width:640px}.cta-section.svelte-13hh9i7 h2.svelte-13hh9i7{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem}.cta-section.svelte-13hh9i7 p.svelte-13hh9i7{color:var(--color-text-secondary);margin-bottom:1.5rem}.cta-buttons.svelte-13hh9i7.svelte-13hh9i7{display:flex;justify-content:center}.cta-section.svelte-13hh9i7 a.svelte-13hh9i7{color:var(--color-accent);text-decoration:underline}.cta-extra.svelte-13hh9i7.svelte-13hh9i7{margin-top:1.25rem;font-size:.95rem;color:var(--color-text-tertiary)}.faq-section.svelte-13hh9i7 details.svelte-13hh9i7{border-bottom:1px solid var(--color-card-border);padding:1rem 0}.faq-section.svelte-13hh9i7 summary.svelte-13hh9i7{cursor:pointer;font-weight:500;color:var(--color-text-primary);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-section.svelte-13hh9i7 summary.svelte-13hh9i7::-webkit-details-marker{display:none}.faq-section.svelte-13hh9i7 summary.svelte-13hh9i7:after{content:"+";font-size:1.25rem;color:var(--color-text-tertiary);transition:transform .2s}.faq-section.svelte-13hh9i7 details[open] summary.svelte-13hh9i7:after{content:"−"}.faq-section.svelte-13hh9i7 details p.svelte-13hh9i7{margin-top:.75rem;padding-left:0}@media (max-width: 640px){.hero.svelte-13hh9i7 h1.svelte-13hh9i7{font-size:2rem}.cta-section.svelte-13hh9i7.svelte-13hh9i7{padding:2rem 1.5rem}.diacritic-grid.svelte-13hh9i7.svelte-13hh9i7{grid-template-columns:repeat(2,1fr)}}