.ex[data-v-a0fdf1d4]{margin:var(--s6) 0;gap:var(--s4);background:var(--film);color:var(--film-ink);padding:var(--s4);border-radius:12px;display:grid}.bar[data-v-a0fdf1d4]{padding:var(--s3) 0;background:#fff;border-radius:4px}.canvas[data-v-a0fdf1d4]{height:90px;display:flex}.c[data-v-a0fdf1d4]{min-width:0;transition:flex .2s var(--ease);background:oklch(72% .09 230);border-radius:2px;flex:1;place-items:center;display:grid}.c b[data-v-a0fdf1d4]{color:#fff;font-size:.85rem}figcaption[data-v-a0fdf1d4]{gap:var(--s3);display:grid}@media (width>=800px){figcaption[data-v-a0fdf1d4]{grid-template-columns:1fr 1fr 1fr}.math[data-v-a0fdf1d4],.note[data-v-a0fdf1d4]{grid-column:1/-1}}label[data-v-a0fdf1d4]{gap:4px;font-weight:600;display:grid}input[type=range][data-v-a0fdf1d4]{accent-color:var(--marigold)}.math[data-v-a0fdf1d4]{margin:0;font-size:1.05rem}.math strong[data-v-a0fdf1d4]{color:var(--marigold)}.note[data-v-a0fdf1d4]{color:oklch(85% .01 80);max-width:70ch;margin:0}