.keyout[data-astro-cid-rvwmhd2c]{gap:var(--s5);flex-direction:column;display:flex}.keyout__headline[data-astro-cid-rvwmhd2c]{gap:var(--s8);flex-wrap:wrap;display:flex}.keyout__main[data-astro-cid-rvwmhd2c]{gap:var(--s1);flex-direction:column;display:flex}.keyout__label[data-astro-cid-rvwmhd2c]{font-size:var(--t-small);color:var(--ink-2)}.keyout__value[data-astro-cid-rvwmhd2c]{letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem);font-weight:600;line-height:1.1}.keyout__second[data-astro-cid-rvwmhd2c]{font-size:var(--t-ui);color:var(--ink-2);max-width:var(--prose);margin:0}.keyout__chart[data-astro-cid-rvwmhd2c]{gap:var(--s2);flex-direction:column;display:flex}.chroma[data-astro-cid-rvwmhd2c]{grid-template-columns:repeat(12,1fr);align-items:end;gap:3px;height:92px;display:grid}.chroma__bar{justify-content:flex-end;align-items:center;gap:var(--s1);flex-direction:column;height:100%;display:flex}.chroma__fill{border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--cat-soft);width:100%;min-height:2px;transition:height var(--dur) var(--ease)}.chroma__bar[data-in-key=true] .chroma__fill{background:var(--cat-vivid)}.chroma__bar[data-tonic=true] .chroma__fill{background:var(--cat)}.chroma__name{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px}.chroma__bar[data-tonic=true] .chroma__name{color:var(--ink);font-weight:600}@media (prefers-reduced-motion:reduce){.chroma__fill{transition:none}}