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