.layers4[data-astro-cid-hgcy3hfr]{counter-reset:layer;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}.layers4__item[data-astro-cid-hgcy3hfr]{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-8) var(--space-5) var(--space-6);border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border);border-block-start:6px solid var(--layer-tone, var(--color-brand-beat))}.layers4__item--translation[data-astro-cid-hgcy3hfr]{--layer-tone: var(--color-brand-rhythm)}.layers4__item--phonetic[data-astro-cid-hgcy3hfr]{--layer-tone: var(--color-semantic-amber)}.layers4__item--ipa[data-astro-cid-hgcy3hfr]{--layer-tone: var(--color-brand-wave)}.layers4__item[data-astro-cid-hgcy3hfr]{counter-increment:layer}.layers4__n[data-astro-cid-hgcy3hfr]:before{content:counter(layer)}.layers4__n[data-astro-cid-hgcy3hfr]{position:absolute;inset-block-start:calc(var(--space-4) * -1);inset-inline-start:var(--space-5);display:grid;place-items:center;inline-size:2.25rem;block-size:2.25rem;border-radius:var(--radius-full);background:var(--color-brand-ink);color:var(--color-base-white);font-family:var(--font-display);font-weight:800}.layers4__sample[data-astro-cid-hgcy3hfr]{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);font-weight:600;min-block-size:3.5rem;display:flex;align-items:center}.layers4__sample--target[data-astro-cid-hgcy3hfr]{font-family:var(--font-display);font-weight:800;font-size:var(--text-body-l-size);color:var(--color-brand-ink)}.layers4__sample--phonetic[data-astro-cid-hgcy3hfr]{font-family:var(--font-mono);color:var(--color-tint-amber-soft-text)}.layers4__sample--ipa[data-astro-cid-hgcy3hfr]{font-family:var(--font-mono);color:var(--color-text-secondary)}.layers4__item[data-astro-cid-hgcy3hfr] h3[data-astro-cid-hgcy3hfr]{margin:0;font-size:var(--text-body-l-size)}.layers4__item[data-astro-cid-hgcy3hfr] p[data-astro-cid-hgcy3hfr]:last-child{margin:0;color:var(--color-text-secondary)}.lesson[data-astro-cid-hgcy3hfr]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-4);position:relative}.lesson__step[data-astro-cid-hgcy3hfr]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}.lesson__icon[data-astro-cid-hgcy3hfr]{display:grid;place-items:center;inline-size:4rem;block-size:4rem;margin-block-end:var(--space-2);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 6px 0 var(--color-beat-shade-shadow)}.lesson__step[data-astro-cid-hgcy3hfr] h3[data-astro-cid-hgcy3hfr]{margin:0;font-size:var(--text-body-l-size)}.lesson__step[data-astro-cid-hgcy3hfr] p[data-astro-cid-hgcy3hfr]{margin:0;color:var(--color-text-secondary);font-size:var(--text-body-s-size)}.spiral__stats[data-astro-cid-hgcy3hfr]{margin-block-start:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr))}.spiral__stats[data-astro-cid-hgcy3hfr]>div[data-astro-cid-hgcy3hfr]{padding:var(--space-5) var(--space-3);background:var(--color-bg)}.spiral__stats[data-astro-cid-hgcy3hfr] dd[data-astro-cid-hgcy3hfr]{font-size:var(--text-display-l-size)}.spiral__stats[data-astro-cid-hgcy3hfr] dt[data-astro-cid-hgcy3hfr]{font-size:var(--text-body-s-size)}.feedback__cta[data-astro-cid-hgcy3hfr]{margin:var(--space-8) 0 0}.bubbles[data-astro-cid-hgcy3hfr]{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}.bubbles__item[data-astro-cid-hgcy3hfr]{justify-self:start;max-inline-size:22rem;padding:var(--space-4) var(--space-6);border-radius:calc(var(--radius-lg) * 1.5);border-end-start-radius:var(--radius-xs);background:var(--color-base-white);color:var(--color-brand-ink);font-family:var(--font-display);font-weight:700;font-size:var(--text-body-l-size)}.bubbles__item--1[data-astro-cid-hgcy3hfr],.bubbles__item--3[data-astro-cid-hgcy3hfr]{justify-self:end;border-end-start-radius:calc(var(--radius-lg) * 1.5);border-end-end-radius:var(--radius-xs);background:var(--color-brand-beat)}@media(max-width:56rem){.layers4[data-astro-cid-hgcy3hfr]{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--space-8)}.lesson[data-astro-cid-hgcy3hfr]{display:flex;flex-wrap:wrap;justify-content:center;row-gap:var(--space-8)}.lesson__step[data-astro-cid-hgcy3hfr]{flex:0 0 calc(50% - var(--space-2))}}@media(max-width:36rem){.layers4[data-astro-cid-hgcy3hfr],.spiral__stats[data-astro-cid-hgcy3hfr]{grid-template-columns:minmax(0,1fr)}}