.page-header.svelte-8a9qkz{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border-default)}.eyebrow.svelte-8a9qkz{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-8a9qkz{font-size:var(--text-display);font-weight:var(--font-bold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.lead.svelte-8a9qkz{font-size:var(--text-body-lg);color:var(--color-fg-secondary);line-height:var(--leading-relaxed);max-width:65ch}.section.svelte-8a9qkz{margin-bottom:var(--space-2xl)}h2.svelte-8a9qkz{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}h4.svelte-8a9qkz{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-xs)}.section-description.svelte-8a9qkz{font-size:var(--text-body);color:var(--color-fg-secondary);margin-bottom:var(--space-lg);max-width:65ch}p.svelte-8a9qkz{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-8a9qkz{font-family:var(--font-mono);font-size:var(--text-body-sm);background:var(--color-bg-surface);padding:2px 6px;border-radius:var(--radius-sm)}.phi-scale.svelte-8a9qkz{padding:var(--space-md);background:var(--color-bg-surface);border-radius:var(--radius-lg);margin:var(--space-lg) 0;overflow-x:auto}.scale-formula.svelte-8a9qkz{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-body-sm)}.formula-item.svelte-8a9qkz code:where(.svelte-8a9qkz){color:var(--color-fg-primary)}.formula-arrow.svelte-8a9qkz{color:var(--color-fg-muted)}.spacing-grid.svelte-8a9qkz{display:flex;flex-direction:column;gap:var(--space-sm)}.spacing-item.svelte-8a9qkz{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);align-items:center}.spacing-visual.svelte-8a9qkz{width:120px;height:120px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-subtle);border-radius:var(--radius-md)}.spacing-box.svelte-8a9qkz{background:var(--color-fg-muted);border-radius:var(--radius-sm);max-width:100%;max-height:100%}.spacing-info.svelte-8a9qkz{flex:1;min-width:0}.spacing-header.svelte-8a9qkz{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:4px}.spacing-token.svelte-8a9qkz{font-family:var(--font-mono);font-size:var(--text-body);color:var(--color-fg-primary);background:transparent;padding:0}.spacing-ratio.svelte-8a9qkz{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-fg-muted)}.spacing-values.svelte-8a9qkz{display:flex;gap:var(--space-sm);margin-bottom:4px}.spacing-rem.svelte-8a9qkz{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-fg-secondary)}.spacing-px.svelte-8a9qkz{font-size:var(--text-body-sm);color:var(--color-fg-muted)}.spacing-description.svelte-8a9qkz{font-size:var(--text-caption);color:var(--color-fg-tertiary);margin:0}.harmony-demo.svelte-8a9qkz{display:flex;justify-content:center;padding:var(--space-md);background:var(--color-bg-surface);border-radius:var(--radius-lg)}.harmony-outer.svelte-8a9qkz,.harmony-middle.svelte-8a9qkz,.harmony-inner.svelte-8a9qkz,.harmony-core.svelte-8a9qkz{border:1px solid var(--color-border-emphasis);border-radius:var(--radius-md);position:relative}.harmony-outer.svelte-8a9qkz{padding:var(--space-xl);background:var(--color-bg-subtle)}.harmony-middle.svelte-8a9qkz{padding:var(--space-lg);background:var(--color-bg-surface)}.harmony-inner.svelte-8a9qkz{padding:var(--space-md);background:var(--color-bg-subtle)}.harmony-core.svelte-8a9qkz{padding:var(--space-sm);background:var(--color-fg-muted);min-width:80px;min-height:40px}.harmony-label.svelte-8a9qkz{position:absolute;top:4px;left:8px;font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-fg-muted)}.harmony-core.svelte-8a9qkz .harmony-label:where(.svelte-8a9qkz){color:var(--color-bg-pure)}.radius-grid.svelte-8a9qkz{display:grid;gap:var(--space-sm)}@media(min-width:640px){.radius-grid.svelte-8a9qkz{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.radius-grid.svelte-8a9qkz{grid-template-columns:repeat(3,1fr)}}.radius-item.svelte-8a9qkz{padding:var(--space-sm);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.radius-preview.svelte-8a9qkz{width:80px;height:80px;background:var(--color-fg-muted);margin-bottom:var(--space-sm)}.radius-info.svelte-8a9qkz{display:flex;flex-direction:column;gap:2px}.radius-info.svelte-8a9qkz code:where(.svelte-8a9qkz){font-size:var(--text-body-sm);background:transparent;padding:0;color:var(--color-fg-primary)}.radius-value.svelte-8a9qkz{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-fg-muted)}.radius-use.svelte-8a9qkz{font-size:var(--text-caption);color:var(--color-fg-tertiary)}.guidelines.svelte-8a9qkz{display:grid;gap:var(--space-md)}@media(min-width:640px){.guidelines.svelte-8a9qkz{grid-template-columns:repeat(2,1fr)}}.guideline.svelte-8a9qkz{padding:var(--space-md);background:var(--color-bg-surface);border-radius:var(--radius-lg)}.guideline.svelte-8a9qkz p:where(.svelte-8a9qkz){margin:0;font-size:var(--text-body-sm)}.guideline.svelte-8a9qkz code:where(.svelte-8a9qkz){font-size:var(--text-caption)}