.page-header.svelte-1ijoukq{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border-default)}.eyebrow.svelte-1ijoukq{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-fg-muted);margin-bottom:var(--space-xs)}h1.svelte-1ijoukq{font-size:var(--text-display);font-weight:var(--font-bold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.lead.svelte-1ijoukq{font-size:var(--text-body-lg);color:var(--color-fg-secondary);line-height:var(--leading-relaxed);max-width:65ch}.section.svelte-1ijoukq{margin-bottom:var(--space-2xl)}h2.svelte-1ijoukq{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}h4.svelte-1ijoukq{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-xs)}.section-description.svelte-1ijoukq{font-size:var(--text-body);color:var(--color-fg-secondary);margin-bottom:var(--space-lg);max-width:65ch}.section-description.svelte-1ijoukq code:where(.svelte-1ijoukq){font-family:var(--font-mono);font-size:var(--text-body-sm);background:var(--color-bg-surface);padding:2px 6px;border-radius:var(--radius-sm)}p.svelte-1ijoukq{font-size:var(--text-body);color:var(--color-fg-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-md);max-width:65ch}code.svelte-1ijoukq{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-fg-primary)}.principles-grid.svelte-1ijoukq{display:grid;gap:var(--space-md);margin:var(--space-lg) 0}@media(min-width:640px){.principles-grid.svelte-1ijoukq{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.principles-grid.svelte-1ijoukq{grid-template-columns:repeat(4,1fr)}}.principle-card.svelte-1ijoukq{padding:var(--space-md);background:var(--color-bg-surface);border-radius:var(--radius-lg)}.principle-card.svelte-1ijoukq p:where(.svelte-1ijoukq){font-size:var(--text-body-sm);margin:0}.principle-card.svelte-1ijoukq code:where(.svelte-1ijoukq){font-size:var(--text-caption);background:var(--color-bg-subtle);padding:2px 6px;border-radius:var(--radius-sm)}.duration-grid.svelte-1ijoukq{display:flex;flex-direction:column;gap:var(--space-sm)}.duration-item.svelte-1ijoukq{display:flex;gap:var(--space-md);padding:var(--space-sm);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:border-color var(--duration-micro) var(--ease-standard)}.duration-item.svelte-1ijoukq:hover,.duration-item.active.svelte-1ijoukq{border-color:var(--color-border-emphasis)}.duration-visual.svelte-1ijoukq{width:120px;height:40px;background:var(--color-bg-subtle);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.duration-bar.svelte-1ijoukq{width:100%;height:100%;background:var(--color-fg-muted);transform:translate(-100%);transition-property:transform;transition-timing-function:var(--ease-standard)}.duration-bar.animating.svelte-1ijoukq{transform:translate(0)}.duration-info.svelte-1ijoukq{flex:1}.duration-header.svelte-1ijoukq{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:4px}.duration-value.svelte-1ijoukq{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-fg-muted)}.duration-description.svelte-1ijoukq{font-size:var(--text-body-sm);color:var(--color-fg-secondary);margin:0 0 4px}.duration-use.svelte-1ijoukq{font-size:var(--text-caption);color:var(--color-fg-muted);margin:0}.easing-grid.svelte-1ijoukq{display:grid;gap:var(--space-md)}@media(min-width:768px){.easing-grid.svelte-1ijoukq{grid-template-columns:repeat(3,1fr)}}.easing-item.svelte-1ijoukq{padding:var(--space-md);background:var(--color-bg-surface);border-radius:var(--radius-lg)}.easing-visual.svelte-1ijoukq{height:60px;background:var(--color-bg-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-sm);position:relative;overflow:hidden}.easing-ball.svelte-1ijoukq{width:24px;height:24px;background:var(--color-fg-primary);border-radius:var(--radius-full);position:absolute;top:50%;left:12px;transform:translateY(-50%);transition:left 1s}.easing-item.svelte-1ijoukq:hover .easing-ball:where(.svelte-1ijoukq){left:calc(100% - 36px)}.easing-curve.svelte-1ijoukq{height:60px;margin-bottom:var(--space-sm)}.curve-svg.svelte-1ijoukq{width:100%;height:100%;color:var(--color-fg-muted)}.easing-info.svelte-1ijoukq code:where(.svelte-1ijoukq){display:block;font-size:var(--text-caption);margin-bottom:4px}.easing-description.svelte-1ijoukq{font-size:var(--text-body-sm);color:var(--color-fg-secondary);margin:0 0 4px}.easing-use.svelte-1ijoukq{font-size:var(--text-caption);color:var(--color-fg-muted);margin:0}.view-transitions.svelte-1ijoukq{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.transition-row.svelte-1ijoukq{display:grid;grid-template-columns:100px 80px 1fr;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-surface);border-radius:var(--radius-md);align-items:center}.transition-row.featured.svelte-1ijoukq{background:var(--color-bg-subtle);border:1px solid var(--color-border-emphasis)}.property-name.svelte-1ijoukq{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-fg-primary)}.property-speed.svelte-1ijoukq{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-fg-muted)}.property-character.svelte-1ijoukq{font-size:var(--text-body-sm);color:var(--color-fg-secondary)}.gradient-note.svelte-1ijoukq{padding:var(--space-sm);background:var(--color-bg-surface);border-radius:var(--radius-md);font-size:var(--text-body-sm)}.antipatterns.svelte-1ijoukq{display:flex;flex-direction:column;gap:var(--space-sm)}.antipattern.svelte-1ijoukq{display:flex;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-error-muted);border:1px solid var(--color-error-border);border-radius:var(--radius-md)}.antipattern-icon.svelte-1ijoukq{color:var(--color-error);font-weight:var(--font-bold);flex-shrink:0}.antipattern-content.svelte-1ijoukq strong:where(.svelte-1ijoukq){display:block;color:var(--color-fg-primary);margin-bottom:4px}.antipattern-content.svelte-1ijoukq p:where(.svelte-1ijoukq){font-size:var(--text-body-sm);color:var(--color-fg-secondary);margin:0}.antipattern-content.svelte-1ijoukq code:where(.svelte-1ijoukq){font-size:var(--text-caption);background:var(--color-bg-surface);padding:2px 6px;border-radius:var(--radius-sm)}