.duration-list.svelte-4xxbxu{display:flex;flex-direction:column;gap:1px;border:var(--elevation-border);border-radius:var(--radius-md);overflow:hidden}.duration-row.svelte-4xxbxu{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-bottom:var(--elevation-border)}.duration-row.svelte-4xxbxu:last-child{border-bottom:none}.duration-demo.svelte-4xxbxu{flex-shrink:0;width:120px;height:8px;background:var(--color-surface-tertiary);border-radius:var(--radius-pill);overflow:hidden}.duration-bar.svelte-4xxbxu{width:0%;height:100%;background:var(--color-accent);border-radius:var(--radius-pill);transition-property:width}.duration-row.svelte-4xxbxu:hover .duration-bar:where(.svelte-4xxbxu){width:100%}.duration-meta.svelte-4xxbxu{display:flex;flex-direction:column;gap:2px;flex:1}.token-name.svelte-4xxbxu{font-size:var(--type-caption-size);color:var(--color-text)}.easing-grid.svelte-4xxbxu{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.easing-card.svelte-4xxbxu{border:var(--elevation-border);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column}.easing-demo.svelte-4xxbxu{width:100%;height:40px;background:var(--color-surface-secondary);border-radius:var(--radius-sm);position:relative;overflow:hidden}.easing-dot.svelte-4xxbxu{width:24px;height:24px;background:var(--color-accent);border-radius:var(--radius-circle);position:absolute;top:8px;left:8px;transition-property:transform}.easing-card.svelte-4xxbxu:hover .easing-dot:where(.svelte-4xxbxu){transform:translate(calc(100% + 60px))}.interactive-grid.svelte-4xxbxu{display:flex;flex-wrap:wrap;gap:var(--space-md)}.motion-button.svelte-4xxbxu{font-family:var(--button-font);letter-spacing:var(--button-tracking);height:var(--button-md-height);padding:0 var(--button-md-padding-x);border:none;border-radius:var(--button-radius);background:var(--color-accent);cursor:pointer;transition-property:background-color,transform;transition-timing-function:var(--easing-default)}.motion-instant.svelte-4xxbxu{transition-duration:var(--duration-instant)}.motion-fast.svelte-4xxbxu{transition-duration:var(--duration-fast)}.motion-normal.svelte-4xxbxu{transition-duration:var(--duration-normal)}.motion-slow.svelte-4xxbxu{transition-duration:var(--duration-slow)}.motion-dramatic.svelte-4xxbxu{transition-duration:var(--duration-dramatic)}.motion-button.svelte-4xxbxu:hover{background:var(--color-accent-hover);transform:scale(1.05)}.motion-button.svelte-4xxbxu:active{transform:scale(.97)}.rules-grid.svelte-4xxbxu{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.rule-card.svelte-4xxbxu{border:var(--elevation-border);border-radius:var(--radius-md);padding:var(--space-lg)}.rule-do.svelte-4xxbxu{border-left:3px solid var(--color-success)}.rule-dont.svelte-4xxbxu{border-left:3px solid var(--color-destructive)}.rule-list.svelte-4xxbxu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.rule-list.svelte-4xxbxu li:where(.svelte-4xxbxu){padding-left:var(--space-md);position:relative}.rule-list.svelte-4xxbxu li:where(.svelte-4xxbxu):before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:var(--radius-circle);background:var(--color-text-muted)}.rule-list.svelte-4xxbxu code:where(.svelte-4xxbxu){font-size:var(--type-label-size)}