.demo-grid[data-astro-cid-igyj6x3t]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.demo-card[data-astro-cid-igyj6x3t]{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.demo-stage[data-astro-cid-igyj6x3t]{height:48px;background:var(--bg-canvas);border-radius:var(--radius-md);border:1px solid var(--border-subtle);position:relative;overflow:hidden}.demo-ball[data-astro-cid-igyj6x3t]{width:24px;height:24px;background:var(--fg-accent);border-radius:var(--radius-pill);position:absolute;top:50%;left:var(--space-3);transform:translateY(-50%);transition-property:left;transition-timing-function:var(--ease-standard)}.demo-ball[data-astro-cid-igyj6x3t].playing{left:calc(100% - 24px - var(--space-3))}.demo-meta[data-astro-cid-igyj6x3t]{display:flex;flex-direction:column;gap:var(--space-1)}.demo-top[data-astro-cid-igyj6x3t]{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.demo-top[data-astro-cid-igyj6x3t] code[data-astro-cid-igyj6x3t]{font-size:var(--fs-13);color:var(--fg-accent)}.demo-ms[data-astro-cid-igyj6x3t]{font-size:var(--fs-13);font-family:var(--font-mono);color:var(--fg-2);background:var(--bg-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs)}.demo-use[data-astro-cid-igyj6x3t]{font-size:var(--fs-13);color:var(--fg-3);margin:0;line-height:var(--lh-relaxed)}.easing-list[data-astro-cid-igyj6x3t]{display:flex;flex-direction:column;gap:var(--space-4)}.easing-row[data-astro-cid-igyj6x3t]{display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:var(--space-6);padding:var(--space-5);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.easing-stage[data-astro-cid-igyj6x3t]{height:48px;background:var(--bg-canvas);border-radius:var(--radius-md);border:1px solid var(--border-subtle);position:relative;overflow:hidden;flex-shrink:0}.easing-ball[data-astro-cid-igyj6x3t]{width:24px;height:24px;background:var(--fg-accent);border-radius:var(--radius-pill);position:absolute;top:50%;left:var(--space-3);transform:translateY(-50%);transition-property:left;transition-duration:var(--dur-base)}.easing-ball[data-astro-cid-igyj6x3t].playing{left:calc(100% - 24px - var(--space-3))}.easing-info[data-astro-cid-igyj6x3t]{display:flex;flex-direction:column;gap:var(--space-1)}.easing-top[data-astro-cid-igyj6x3t]{display:flex;align-items:center;gap:var(--space-3)}.easing-top[data-astro-cid-igyj6x3t] code[data-astro-cid-igyj6x3t]{font-size:var(--fs-13);color:var(--fg-accent)}.easing-label[data-astro-cid-igyj6x3t]{font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--fg-2);background:var(--bg-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs)}.easing-curve[data-astro-cid-igyj6x3t]{font-size:var(--fs-12);font-family:var(--font-mono);color:var(--fg-3)}.easing-use[data-astro-cid-igyj6x3t]{font-size:var(--fs-13);color:var(--fg-3)}.play-btn[data-astro-cid-igyj6x3t]{font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-semibold);padding:var(--space-2) var(--space-4);background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--fg-2);cursor:pointer;flex-shrink:0;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);align-self:center}.play-btn[data-astro-cid-igyj6x3t]:hover{background:var(--bg-accent-soft);color:var(--fg-accent);border-color:var(--border-accent)}.rules-list[data-astro-cid-igyj6x3t]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.rule-card[data-astro-cid-igyj6x3t]{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5)}.rule-card[data-astro-cid-igyj6x3t] h3[data-astro-cid-igyj6x3t]{font-size:var(--fs-14);font-weight:var(--fw-semibold);margin:0 0 var(--space-2);color:var(--fg-1)}.rule-card[data-astro-cid-igyj6x3t] p[data-astro-cid-igyj6x3t]{font-size:var(--fs-14);color:var(--fg-2);line-height:var(--lh-relaxed);margin:0}@media(max-width:640px){.demo-grid[data-astro-cid-igyj6x3t],.easing-row[data-astro-cid-igyj6x3t],.rules-list[data-astro-cid-igyj6x3t]{grid-template-columns:1fr}}