.principle-cards[data-astro-cid-2bykejrr]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--size-16);margin-top:var(--size-20)}.principle-card[data-astro-cid-2bykejrr]{padding:var(--size-16);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-md)}.principle-card[data-astro-cid-2bykejrr] h4[data-astro-cid-2bykejrr]{margin:0 0 var(--size-8);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--foreground-interactive-primary)}.principle-card[data-astro-cid-2bykejrr] p[data-astro-cid-2bykejrr]{margin:0;font-size:var(--font-size-sm);color:var(--foreground-muted)}.duration-grid[data-astro-cid-2bykejrr]{display:flex;flex-direction:column;gap:var(--size-12);margin-top:var(--size-20)}.duration-card[data-astro-cid-2bykejrr]{display:grid;grid-template-columns:200px 1fr;gap:var(--size-20);padding:var(--size-16);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);align-items:center}.duration-demo[data-astro-cid-2bykejrr]{display:flex;align-items:center;gap:var(--size-12)}.demo-track[data-astro-cid-2bykejrr]{flex:1;height:4px;background:var(--background-sunken);border-radius:var(--radius-full);position:relative;overflow:hidden}.demo-dot[data-astro-cid-2bykejrr]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--background-interactive-primary);border-radius:var(--radius-full);animation:slideRight .2s ease-out forwards;animation-play-state:paused}.duration-card[data-astro-cid-2bykejrr]:hover .demo-dot[data-astro-cid-2bykejrr]{animation-play-state:running}@keyframes slideRight{0%{left:0}to{left:calc(100% - 16px)}}.replay-btn[data-astro-cid-2bykejrr]{padding:var(--size-6);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--foreground-muted);cursor:pointer;transition:all var(--motion-duration-fast) var(--motion-easing-ease-out)}.replay-btn[data-astro-cid-2bykejrr]:hover{background:var(--background-sunken);color:var(--foreground-base)}.duration-info[data-astro-cid-2bykejrr]{display:flex;flex-direction:column;gap:var(--size-4)}.duration-info[data-astro-cid-2bykejrr] code[data-astro-cid-2bykejrr]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-sm);color:var(--foreground-interactive-primary)}.duration-value[data-astro-cid-2bykejrr]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground-base)}.duration-desc[data-astro-cid-2bykejrr]{font-size:var(--font-size-sm);color:var(--foreground-muted)}.easing-grid[data-astro-cid-2bykejrr]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--size-16);margin-top:var(--size-20)}.easing-card[data-astro-cid-2bykejrr]{padding:var(--size-16);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-md)}.easing-demo[data-astro-cid-2bykejrr]{margin-bottom:var(--size-12)}.easing-track[data-astro-cid-2bykejrr]{height:4px;background:var(--background-sunken);border-radius:var(--radius-full);position:relative}.easing-dot[data-astro-cid-2bykejrr]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--background-interactive-primary);border-radius:var(--radius-full);transition:left .6s}.easing-card[data-astro-cid-2bykejrr]:hover .easing-dot[data-astro-cid-2bykejrr]{left:calc(100% - 16px)}.easing-curve[data-astro-cid-2bykejrr]{height:60px;margin-bottom:var(--size-12);padding:var(--size-8);background:var(--background-sunken);border-radius:var(--radius-sm)}.curve-svg[data-astro-cid-2bykejrr]{width:100%;height:100%;color:var(--foreground-interactive-primary)}.easing-info[data-astro-cid-2bykejrr]{display:flex;flex-direction:column;gap:var(--size-4)}.easing-info[data-astro-cid-2bykejrr] code[data-astro-cid-2bykejrr]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-xs);color:var(--foreground-interactive-primary)}.easing-desc[data-astro-cid-2bykejrr]{font-size:var(--font-size-sm);color:var(--foreground-muted)}.code-block[data-astro-cid-2bykejrr]{background:var(--background-sunken);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow-x:auto;margin-top:var(--size-12)}.code-block[data-astro-cid-2bykejrr] pre[data-astro-cid-2bykejrr]{margin:0;padding:var(--size-16)}.code-block[data-astro-cid-2bykejrr] code[data-astro-cid-2bykejrr]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-sm);color:var(--foreground-base);line-height:var(--font-line-height-relaxed)}.guidelines-table[data-astro-cid-2bykejrr]{display:flex;flex-direction:column;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;margin-top:var(--size-16)}.guide-row[data-astro-cid-2bykejrr]{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-16);padding:var(--size-12) var(--size-16);border-bottom:1px solid var(--border-default);align-items:center}.guide-row[data-astro-cid-2bykejrr]:last-child{border-bottom:none}.guide-row[data-astro-cid-2bykejrr]:hover{background:var(--background-raised)}.guide-use[data-astro-cid-2bykejrr]{font-weight:var(--font-weight-medium);color:var(--foreground-base)}.guide-row[data-astro-cid-2bykejrr] code[data-astro-cid-2bykejrr]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-sm);color:var(--foreground-interactive-primary)}.a11y-note[data-astro-cid-2bykejrr]{margin-top:var(--size-24);padding:var(--size-20);background:var(--background-system-warning);border-left:3px solid var(--border-system-warning);border-radius:var(--radius-md)}.a11y-note[data-astro-cid-2bykejrr] h4[data-astro-cid-2bykejrr]{margin:0 0 var(--size-8);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.a11y-note[data-astro-cid-2bykejrr] p[data-astro-cid-2bykejrr]{margin:0 0 var(--size-16);font-size:var(--font-size-sm);color:var(--foreground-muted)}.a11y-note[data-astro-cid-2bykejrr] code[data-astro-cid-2bykejrr]{font-family:SF Mono,Monaco,monospace;background:var(--background-base);padding:var(--size-2) var(--size-6);border-radius:var(--radius-sm)}@media(max-width:768px){.duration-card[data-astro-cid-2bykejrr]{grid-template-columns:1fr}.easing-grid[data-astro-cid-2bykejrr]{grid-template-columns:1fr 1fr}}