.phonetic[data-astro-cid-dhem5fzz],.phonetic__tok[data-astro-cid-dhem5fzz]{unicode-bidi:isolate}.phonetic[data-astro-cid-dhem5fzz][data-script-dir=rtl][dir=ltr]{line-height:2}.demo-hero[data-astro-cid-gofmyyhf]{inline-size:min(100%,280px);margin-inline:auto}.demo-hero[data-astro-cid-gofmyyhf] .demo-hero__phone{transform:rotate(-3deg)}[dir=rtl] .demo-hero[data-astro-cid-gofmyyhf] .demo-hero__phone{transform:rotate(3deg)}@media(max-width:56rem){.demo-hero[data-astro-cid-gofmyyhf]{inline-size:min(56vw,220px)}}.modes[data-astro-cid-gofmyyhf]{margin-top:var(--space-10);position:relative}.modes__input[data-astro-cid-gofmyyhf]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.modes__tabs[data-astro-cid-gofmyyhf]{display:inline-flex;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-1);gap:var(--space-1);flex-wrap:wrap}.modes__tabs[data-astro-cid-gofmyyhf] label[data-astro-cid-gofmyyhf]{cursor:pointer;padding:var(--space-2) var(--space-5);min-height:var(--layout-hit-target);display:inline-flex;align-items:center;border-radius:var(--radius-full);font-weight:700;color:var(--color-text-secondary);transition:background-color .15s ease,color .15s ease}.modes__input--cantar[data-astro-cid-gofmyyhf]:checked~.modes__tabs[data-astro-cid-gofmyyhf] label[data-astro-cid-gofmyyhf][for=mode-cantar],.modes__input--practicar[data-astro-cid-gofmyyhf]:checked~.modes__tabs[data-astro-cid-gofmyyhf] label[data-astro-cid-gofmyyhf][for=mode-practicar],.modes__input--reto[data-astro-cid-gofmyyhf]:checked~.modes__tabs[data-astro-cid-gofmyyhf] label[data-astro-cid-gofmyyhf][for=mode-reto]{background:var(--color-brand-ink);color:var(--color-neutral-100)}.modes__input--cantar[data-astro-cid-gofmyyhf]:focus-visible~.modes__tabs[data-astro-cid-gofmyyhf] label[data-astro-cid-gofmyyhf][for=mode-cantar],.modes__input--practicar[data-astro-cid-gofmyyhf]:focus-visible~.modes__tabs[data-astro-cid-gofmyyhf] label[data-astro-cid-gofmyyhf][for=mode-practicar],.modes__input--reto[data-astro-cid-gofmyyhf]:focus-visible~.modes__tabs[data-astro-cid-gofmyyhf] label[data-astro-cid-gofmyyhf][for=mode-reto]{outline:3px solid var(--color-focus);outline-offset:2px}.modes__panel[data-astro-cid-gofmyyhf]{display:none;margin-top:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);align-items:start}.modes__input--cantar[data-astro-cid-gofmyyhf]:checked~.modes__panel--cantar[data-astro-cid-gofmyyhf],.modes__input--practicar[data-astro-cid-gofmyyhf]:checked~.modes__panel--practicar[data-astro-cid-gofmyyhf],.modes__input--reto[data-astro-cid-gofmyyhf]:checked~.modes__panel--reto[data-astro-cid-gofmyyhf]{display:grid}.modes__explain[data-astro-cid-gofmyyhf] h3[data-astro-cid-gofmyyhf]{font-size:var(--text-display-m-size);line-height:var(--text-display-m-lh);letter-spacing:var(--text-display-m-ls)}.modes__explain[data-astro-cid-gofmyyhf] p[data-astro-cid-gofmyyhf]{color:var(--color-text-secondary);margin:0;max-width:34rem}.player[data-astro-cid-gofmyyhf]{background:var(--color-brand-ink);color:var(--color-neutral-100);border-radius:var(--radius-lg);padding:var(--space-6);max-width:28rem;width:100%;box-shadow:0 24px 48px -24px var(--color-brand-ink)}.player__top[data-astro-cid-gofmyyhf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.player__mode[data-astro-cid-gofmyyhf]{font-weight:700;color:var(--color-tint-beat-highlight)}.player__stamp[data-astro-cid-gofmyyhf],.player__segment-label[data-astro-cid-gofmyyhf]{font-family:var(--font-mono);font-size:var(--text-mono-size);color:var(--color-neutral-400)}.player__segment-label[data-astro-cid-gofmyyhf]{margin:0 0 var(--space-2)}.player__line[data-astro-cid-gofmyyhf]{font-family:var(--font-display);font-size:var(--text-display-m-size);line-height:var(--text-display-m-lh);letter-spacing:var(--text-display-m-ls);font-weight:var(--text-display-m-weight);margin:0 0 var(--space-2);display:flex;flex-wrap:wrap;gap:0 var(--space-2)}.k-word[data-astro-cid-gofmyyhf]{border-radius:var(--radius-xs);padding-inline:var(--space-1);margin-inline:calc(-1 * var(--space-1))}.k-word--on[data-astro-cid-gofmyyhf]{background:var(--color-tint-beat-highlight);color:var(--color-beat-shade-deep)}.player__translation[data-astro-cid-gofmyyhf]{color:var(--color-neutral-400);font-size:var(--text-body-l-size);line-height:var(--text-body-l-lh);margin:0 0 var(--space-2)}.player[data-astro-cid-gofmyyhf] .player__phonetic{font-family:var(--font-mono);font-size:var(--text-mono-size);line-height:var(--text-mono-lh);color:var(--color-tint-info-soft);margin:0}.player[data-astro-cid-gofmyyhf] .player__phonetic strong{font-weight:700;color:var(--color-tint-beat-highlight)}.player__gap[data-astro-cid-gofmyyhf]{display:inline-block;border-block-end:2px dashed var(--color-neutral-400);margin-inline:.15em}.player__gap[data-astro-cid-gofmyyhf]>span[data-astro-cid-gofmyyhf]{visibility:hidden}.player__gap-note[data-astro-cid-gofmyyhf]{margin:var(--space-5) 0 0;font-family:var(--font-mono);font-size:var(--text-mono-size);color:var(--color-neutral-400)}.player__hidden-layer[data-astro-cid-gofmyyhf]{font-family:var(--font-mono);font-size:var(--text-mono-size);color:var(--color-neutral-400);border:1px dashed var(--color-neutral-800);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-4)}.player__hidden-layer[data-astro-cid-gofmyyhf] span[data-astro-cid-gofmyyhf]{color:var(--color-brand-beat)}.player__feedback[data-astro-cid-gofmyyhf]{position:relative;min-height:calc(var(--space-16) + var(--space-2));display:grid}.player__feedback-msg[data-astro-cid-gofmyyhf]{grid-area:1 / 1;margin:0;align-self:start;background:var(--color-neutral-800);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-display);font-weight:var(--text-display-m-weight);color:var(--color-tint-beat-highlight);opacity:0}.player__feedback-msg[data-astro-cid-gofmyyhf]:first-child{opacity:1}.voice__inner[data-astro-cid-gofmyyhf]{--voice: 100;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-12);align-items:start}.voice-positions[data-astro-cid-gofmyyhf]{margin:var(--space-8) 0 0;display:grid;gap:var(--space-3)}.voice-positions__item[data-astro-cid-gofmyyhf]{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent}.voice-positions__item--active[data-astro-cid-gofmyyhf]{background:var(--color-bg);border-color:var(--color-brand-rhythm)}.voice-positions__item[data-astro-cid-gofmyyhf] dt[data-astro-cid-gofmyyhf]{font-family:var(--font-mono);font-size:var(--text-mono-size);color:var(--color-brand-rhythm);font-weight:700}.voice-positions__item[data-astro-cid-gofmyyhf] dd[data-astro-cid-gofmyyhf]{margin:0;color:var(--color-text-secondary)}.voice-demo[data-astro-cid-gofmyyhf]{background:var(--color-brand-ink);color:var(--color-neutral-100);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);position:sticky;top:var(--space-6);box-shadow:0 24px 48px -24px var(--color-brand-ink)}.voice-demo__meters[data-astro-cid-gofmyyhf]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);align-items:end;height:8rem;margin-bottom:var(--space-6)}.voice-demo__meter[data-astro-cid-gofmyyhf]{display:grid;justify-items:center;gap:var(--space-2);align-content:end;height:100%}.voice-demo__bar[data-astro-cid-gofmyyhf]{width:var(--space-8);border-radius:var(--radius-sm);min-height:var(--space-2);transition:height .2s ease}.voice-demo__bar--singer[data-astro-cid-gofmyyhf]{background:var(--color-brand-beat);height:calc(var(--voice) * .06rem)}.voice-demo__bar--kid[data-astro-cid-gofmyyhf]{background:var(--color-brand-rhythm);height:calc((100 - var(--voice)) * .06rem)}.voice-demo__who[data-astro-cid-gofmyyhf]{font-family:var(--font-mono);font-size:var(--text-mono-size);color:var(--color-neutral-400)}.voice-demo__control[data-astro-cid-gofmyyhf]{display:flex;align-items:center;gap:var(--space-3)}.voice-demo__control[data-astro-cid-gofmyyhf] label[data-astro-cid-gofmyyhf]{font-size:var(--text-body-s-size);font-weight:600;color:var(--color-neutral-400);white-space:nowrap}.voice-demo__control[data-astro-cid-gofmyyhf] input[data-astro-cid-gofmyyhf]{flex:1;min-width:0;accent-color:var(--color-brand-beat);cursor:pointer;min-height:var(--layout-hit-target);margin:0}.voice-demo__control[data-astro-cid-gofmyyhf] output[data-astro-cid-gofmyyhf]{font-family:var(--font-mono);font-size:var(--text-mono-size);min-width:3.5ch;text-align:end;font-variant-numeric:tabular-nums}.voice-demo__hint[data-astro-cid-gofmyyhf]{margin:var(--space-4) 0 0;font-size:var(--text-body-s-size);line-height:var(--text-body-s-lh);color:var(--color-neutral-400)}@media(prefers-reduced-motion:no-preference){.k-word--loop3[data-astro-cid-gofmyyhf]{animation:k-on 6s infinite;animation-delay:calc(var(--i) * 2s)}.k-word--loop4[data-astro-cid-gofmyyhf],.k-word--loop4b[data-astro-cid-gofmyyhf]{animation:k-on 8s infinite;animation-delay:calc(var(--i) * 2s)}@keyframes k-on{0%,24%{background-color:var(--color-tint-beat-highlight);color:var(--color-beat-shade-deep)}26%,to{background-color:transparent;color:inherit}}.player__feedback-msg[data-astro-cid-gofmyyhf],.player__feedback-msg[data-astro-cid-gofmyyhf]:first-child{animation:f-cycle 12s infinite;animation-delay:calc(var(--f) * 3s);opacity:0}@keyframes f-cycle{0%,22%{opacity:1}25%,to{opacity:0}}}@media(max-width:56rem){.modes__panel[data-astro-cid-gofmyyhf]{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.player[data-astro-cid-gofmyyhf]{max-width:none}.voice__inner[data-astro-cid-gofmyyhf]{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.voice-demo[data-astro-cid-gofmyyhf]{position:static}}