@layer ds.base{:root{--ds-palette-obsidian: oklch(.25 .02 250);--ds-palette-platinum: oklch(.95 .005 250);--ds-palette-sapphire: oklch(.55 .21 260);--ds-palette-ruby: oklch(.55 .22 25);--ds-palette-amber: oklch(.75 .18 75);--ds-palette-emerald: oklch(.52 .19 155);--ds-palette-white: oklch(1 0 0);--ds-palette-black: oklch(0 0 0)}}@layer ds.base{:root{--ds-space-0: 0;--ds-space-2: .125rem;--ds-space-4: .25rem;--ds-space-6: .375rem;--ds-space-8: .5rem;--ds-space-12: .75rem;--ds-space-16: 1rem;--ds-space-20: 1.25rem;--ds-space-24: 1.5rem;--ds-space-32: 2rem;--ds-space-40: 2.5rem;--ds-space-48: 3rem;--ds-space-64: 4rem;--ds-space-80: 5rem;--ds-size-24: 1.5rem;--ds-size-32: 2rem;--ds-size-40: 2.5rem;--ds-size-48: 3rem;--ds-radius-4: .25rem;--ds-radius-6: .375rem;--ds-radius-8: .5rem;--ds-radius-12: .75rem;--ds-radius-full: 9999px;--ds-text-12-16-regular: 400 .75rem/1rem var(--ds-font-sans);--ds-text-12-16-medium: 500 .75rem/1rem var(--ds-font-sans);--ds-text-14-20-regular: 400 .875rem/1.25rem var(--ds-font-sans);--ds-text-14-20-medium: 500 .875rem/1.25rem var(--ds-font-sans);--ds-text-16-20-regular: 400 1rem/1.25rem var(--ds-font-sans);--ds-text-16-24-regular: 400 1rem/1.5rem var(--ds-font-sans);--ds-text-16-24-medium: 500 1rem/1.5rem var(--ds-font-sans);--ds-text-18-28-medium: 500 1.125rem/1.75rem var(--ds-font-sans);--ds-text-20-28-semibold: 600 1.25rem/1.75rem var(--ds-font-sans);--ds-text-24-32-medium: 500 1.5rem/2rem var(--ds-font-sans);--ds-text-30-36-bold: 700 1.875rem/2.25rem var(--ds-font-sans);--ds-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--ds-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}}@layer ds.theme{:root,[data-ds-theme=light]{--ds-palette-obsidian: oklch(.25 .02 250);--ds-palette-platinum: oklch(.95 .005 250);--ds-palette-sapphire: oklch(.55 .21 260);--ds-palette-ruby: oklch(.55 .22 25);--ds-palette-amber: oklch(.75 .18 75);--ds-palette-emerald: oklch(.52 .19 155);--ds-palette-white: oklch(1 0 0);--ds-palette-black: oklch(0 0 0);--ds-bg-primary: var(--ds-palette-platinum);--ds-bg-secondary: oklch(from var(--ds-palette-platinum) calc(l + .03) c h);--ds-fg-primary: oklch(from var(--ds-palette-obsidian) .3 .03 h);--ds-fg-secondary: oklch(from var(--ds-fg-primary) l c h / .7);--ds-fg-tertiary: oklch(from var(--ds-fg-primary) l c h / .5);--ds-fg-quaternary: oklch(from var(--ds-fg-primary) l c h / .3);--ds-fg-primary-inverted: var(--ds-palette-platinum);--ds-fg-static-white: oklch(from var(--ds-palette-platinum) 1 0 h);--ds-fg-static-black: oklch(from var(--ds-palette-obsidian) .25 min(c, .03) h);--ds-fg-accent: oklch(from var(--ds-palette-sapphire) .48 min(c, .23) h);--ds-fg-success: oklch(from var(--ds-palette-emerald) .48 min(c, .23) h);--ds-fg-warning: oklch(from var(--ds-palette-amber) .48 min(c, .23) h);--ds-fg-danger: oklch(from var(--ds-palette-ruby) .48 min(c, .23) h);--ds-fill-neutral1: oklch(from var(--ds-palette-platinum) calc(l + .016) calc(c - .001) h);--ds-fill-neutral2: var(--ds-palette-platinum);--ds-fill-neutral3: oklch(from var(--ds-palette-platinum) calc(l - .017) calc(c + .001) h);--ds-fill-neutral4: oklch(from var(--ds-palette-platinum) calc(l - .034) calc(c + .002) h);--ds-fill-neutral5: oklch(from var(--ds-palette-platinum) calc(l - .032) calc(c + .003) h);--ds-fill-neutral6: oklch(from var(--ds-palette-platinum) calc(l - .048) calc(c + .004) h);--ds-fill-accent: var(--ds-palette-sapphire);--ds-fill-success: var(--ds-palette-emerald);--ds-fill-warning: var(--ds-palette-amber);--ds-fill-danger: var(--ds-palette-ruby);--ds-fill-tint-accent: oklch(from var(--ds-fg-accent) l c h / .12);--ds-fill-tint-success: oklch(from var(--ds-fg-success) l c h / .12);--ds-fill-tint-warning: oklch(from var(--ds-fg-warning) l c h / .12);--ds-fill-tint-danger: oklch(from var(--ds-fg-danger) l c h / .12);--ds-border-neutral: oklch(from var(--ds-fg-primary) l c h / .15);--ds-border-strong: oklch(from var(--ds-fg-primary) l c h / .3);--ds-border-focus: var(--ds-fg-accent)}}@layer ds.theme{[data-ds-theme=dark]{--ds-palette-obsidian: oklch(.25 .02 250);--ds-palette-platinum: oklch(.95 .005 250);--ds-palette-sapphire: oklch(.55 .21 260);--ds-palette-ruby: oklch(.55 .22 25);--ds-palette-amber: oklch(.75 .18 75);--ds-palette-emerald: oklch(.52 .19 155);--ds-palette-white: oklch(1 0 0);--ds-palette-black: oklch(0 0 0);--ds-bg-primary: oklch(from var(--ds-palette-obsidian) .15 .01 h);--ds-bg-secondary: oklch(from var(--ds-palette-obsidian) .2 .015 h);--ds-fg-primary: oklch(from var(--ds-palette-platinum) .93 .01 h);--ds-fg-secondary: oklch(from var(--ds-fg-primary) l c h / .7);--ds-fg-tertiary: oklch(from var(--ds-fg-primary) l c h / .5);--ds-fg-quaternary: oklch(from var(--ds-fg-primary) l c h / .3);--ds-fg-primary-inverted: oklch(from var(--ds-palette-obsidian) .15 c h);--ds-fg-static-white: oklch(from var(--ds-palette-platinum) 1 0 h);--ds-fg-static-black: oklch(from var(--ds-palette-obsidian) .25 min(c, .03) h);--ds-fg-accent: oklch(from var(--ds-palette-sapphire) .75 min(c, .23) h);--ds-fg-success: oklch(from var(--ds-palette-emerald) .75 min(c, .23) h);--ds-fg-warning: oklch(from var(--ds-palette-amber) .75 min(c, .23) h);--ds-fg-danger: oklch(from var(--ds-palette-ruby) .75 min(c, .23) h);--ds-fill-neutral1: oklch(from var(--ds-palette-obsidian) .18 .012 h);--ds-fill-neutral2: oklch(from var(--ds-palette-obsidian) .2 .015 h);--ds-fill-neutral3: oklch(from var(--ds-palette-obsidian) .23 .018 h);--ds-fill-neutral4: oklch(from var(--ds-palette-obsidian) .26 .02 h);--ds-fill-neutral5: oklch(from var(--ds-palette-obsidian) .29 .022 h);--ds-fill-neutral6: oklch(from var(--ds-palette-obsidian) .32 .025 h);--ds-fill-accent: var(--ds-palette-sapphire);--ds-fill-success: var(--ds-palette-emerald);--ds-fill-warning: var(--ds-palette-amber);--ds-fill-danger: var(--ds-palette-ruby);--ds-fill-tint-accent: oklch(from var(--ds-fg-accent) l c h / .15);--ds-fill-tint-success: oklch(from var(--ds-fg-success) l c h / .15);--ds-fill-tint-warning: oklch(from var(--ds-fg-warning) l c h / .15);--ds-fill-tint-danger: oklch(from var(--ds-fg-danger) l c h / .15);--ds-border-neutral: oklch(from var(--ds-fg-primary) l c h / .15);--ds-border-strong: oklch(from var(--ds-fg-primary) l c h / .3);--ds-border-focus: var(--ds-fg-accent)}}@layer ds.theme{[data-ds-theme=acme]{--ds-palette-charcoal: oklch(.22 .015 30);--ds-palette-cream: oklch(.96 .01 80);--ds-palette-coral: oklch(.55 .2 30);--ds-palette-mint: oklch(.52 .15 160);--ds-palette-gold: oklch(.78 .15 85);--ds-palette-crimson: oklch(.55 .22 15);--ds-palette-white: oklch(1 0 0);--ds-palette-black: oklch(0 0 0);--ds-bg-primary: var(--ds-palette-cream);--ds-bg-secondary: oklch(from var(--ds-palette-cream) calc(l + .03) c h);--ds-fg-primary: oklch(from var(--ds-palette-charcoal) .3 .03 h);--ds-fg-secondary: oklch(from var(--ds-fg-primary) l c h / .7);--ds-fg-tertiary: oklch(from var(--ds-fg-primary) l c h / .5);--ds-fg-quaternary: oklch(from var(--ds-fg-primary) l c h / .3);--ds-fg-primary-inverted: var(--ds-palette-cream);--ds-fg-static-white: oklch(from var(--ds-palette-cream) 1 0 h);--ds-fg-static-black: oklch(from var(--ds-palette-charcoal) .25 min(c, .03) h);--ds-fg-accent: oklch(from var(--ds-palette-coral) .48 min(c, .23) h);--ds-fg-success: oklch(from var(--ds-palette-mint) .48 min(c, .23) h);--ds-fg-warning: oklch(from var(--ds-palette-gold) .48 min(c, .23) h);--ds-fg-danger: oklch(from var(--ds-palette-crimson) .48 min(c, .23) h);--ds-fill-neutral1: oklch(from var(--ds-palette-cream) calc(l + .016) calc(c - .001) h);--ds-fill-neutral2: var(--ds-palette-cream);--ds-fill-neutral3: oklch(from var(--ds-palette-cream) calc(l - .017) calc(c + .001) h);--ds-fill-neutral4: oklch(from var(--ds-palette-cream) calc(l - .034) calc(c + .002) h);--ds-fill-neutral5: oklch(from var(--ds-palette-cream) calc(l - .032) calc(c + .003) h);--ds-fill-neutral6: oklch(from var(--ds-palette-cream) calc(l - .048) calc(c + .004) h);--ds-fill-accent: var(--ds-palette-coral);--ds-fill-success: var(--ds-palette-mint);--ds-fill-warning: var(--ds-palette-gold);--ds-fill-danger: var(--ds-palette-crimson);--ds-fill-tint-accent: oklch(from var(--ds-fg-accent) l c h / .12);--ds-fill-tint-success: oklch(from var(--ds-fg-success) l c h / .12);--ds-fill-tint-warning: oklch(from var(--ds-fg-warning) l c h / .12);--ds-fill-tint-danger: oklch(from var(--ds-fg-danger) l c h / .12);--ds-border-neutral: oklch(from var(--ds-fg-primary) l c h / .15);--ds-border-strong: oklch(from var(--ds-fg-primary) l c h / .3);--ds-border-focus: var(--ds-fg-accent)}}@layer ds.components{:root,[data-ds-theme]{--ds-button-accent-bg: var(--ds-fill-accent);--ds-button-accent-bg-hover: oklch(from var(--ds-button-accent-bg) calc(l - .04) c h);--ds-button-accent-bg-active: oklch(from var(--ds-button-accent-bg) calc(l - .08) c h);--ds-button-accent-fg: var(--ds-fg-static-white);--ds-button-accent-subtle-bg: var(--ds-fill-tint-accent);--ds-button-accent-subtle-bg-hover: oklch(from var(--ds-button-accent-subtle-bg) l c h / .18);--ds-button-accent-subtle-bg-active: oklch(from var(--ds-button-accent-subtle-bg) l c h / .24);--ds-button-accent-subtle-fg: var(--ds-fg-accent);--ds-button-neutral-bg: var(--ds-fill-neutral3);--ds-button-neutral-bg-hover: oklch(from var(--ds-button-neutral-bg) calc(l - .04) c h);--ds-button-neutral-bg-active: oklch(from var(--ds-button-neutral-bg) calc(l - .08) c h);--ds-button-neutral-fg: var(--ds-fg-primary);--ds-button-neutral-subtle-bg: var(--ds-fill-neutral1);--ds-button-neutral-subtle-bg-hover: oklch(from var(--ds-button-neutral-subtle-bg) calc(l - .04) c h);--ds-button-neutral-subtle-bg-active: oklch(from var(--ds-button-neutral-subtle-bg) calc(l - .08) c h);--ds-button-neutral-subtle-fg: var(--ds-fg-primary);--ds-button-ghost-bg: transparent;--ds-button-ghost-bg-hover: var(--ds-fill-neutral3);--ds-button-ghost-bg-active: var(--ds-fill-neutral4);--ds-button-ghost-fg: var(--ds-fg-primary);--ds-button-danger-bg: var(--ds-fill-danger);--ds-button-danger-bg-hover: oklch(from var(--ds-button-danger-bg) calc(l - .04) c h);--ds-button-danger-bg-active: oklch(from var(--ds-button-danger-bg) calc(l - .08) c h);--ds-button-danger-fg: var(--ds-fg-static-white);--ds-button-danger-subtle-bg: var(--ds-fill-tint-danger);--ds-button-danger-subtle-bg-hover: oklch(from var(--ds-button-danger-subtle-bg) l c h / .18);--ds-button-danger-subtle-bg-active: oklch(from var(--ds-button-danger-subtle-bg) l c h / .24);--ds-button-danger-subtle-fg: var(--ds-fg-danger);--ds-button-focus-ring: var(--ds-border-focus)}}@layer ds.components{:root,[data-ds-theme]{--ds-input-bg: var(--ds-bg-primary);--ds-input-fg: var(--ds-fg-primary);--ds-input-placeholder: var(--ds-fg-tertiary);--ds-input-border: var(--ds-border-neutral);--ds-input-border-hover: var(--ds-border-strong);--ds-input-border-error: var(--ds-fg-danger);--ds-input-focus-ring: var(--ds-border-focus)}}@layer ds.components{:root,[data-ds-theme]{--ds-select-bg: var(--ds-bg-primary);--ds-select-fg: var(--ds-fg-primary);--ds-select-placeholder: var(--ds-fg-tertiary);--ds-select-border: var(--ds-border-neutral);--ds-select-border-hover: var(--ds-border-strong);--ds-select-border-error: var(--ds-fg-danger);--ds-select-focus-ring: var(--ds-border-focus);--ds-select-chevron-fg: var(--ds-fg-secondary)}}@layer ds.components{:root,[data-ds-theme]{--ds-checkbox-fg: var(--ds-fg-primary);--ds-checkbox-box-bg: var(--ds-bg-primary);--ds-checkbox-box-border: var(--ds-border-neutral);--ds-checkbox-box-bg-checked: var(--ds-fill-accent);--ds-checkbox-box-border-checked: var(--ds-fill-accent);--ds-checkbox-check-fg: var(--ds-fg-static-white);--ds-checkbox-focus-ring: var(--ds-border-focus)}}@layer ds.components{:root,[data-ds-theme]{--ds-switch-fg: var(--ds-fg-primary);--ds-switch-track-bg: var(--ds-fill-neutral4);--ds-switch-track-bg-checked: var(--ds-fill-accent);--ds-switch-thumb-bg: var(--ds-fg-static-white);--ds-switch-focus-ring: var(--ds-border-focus)}}@layer ds.components{:root,[data-ds-theme]{--ds-tag-neutral-bg: var(--ds-fill-neutral3);--ds-tag-neutral-fg: var(--ds-fg-primary);--ds-tag-accent-bg: var(--ds-fill-accent);--ds-tag-accent-fg: var(--ds-fg-static-white);--ds-tag-success-bg: var(--ds-fill-success);--ds-tag-success-fg: var(--ds-fg-static-white);--ds-tag-warning-bg: var(--ds-fill-warning);--ds-tag-warning-fg: var(--ds-fg-static-black);--ds-tag-danger-bg: var(--ds-fill-danger);--ds-tag-danger-fg: var(--ds-fg-static-white);--ds-tag-neutral-subtle-bg: var(--ds-fill-neutral2);--ds-tag-neutral-subtle-fg: var(--ds-fg-secondary);--ds-tag-accent-subtle-bg: var(--ds-fill-tint-accent);--ds-tag-accent-subtle-fg: var(--ds-fg-accent);--ds-tag-success-subtle-bg: var(--ds-fill-tint-success);--ds-tag-success-subtle-fg: var(--ds-fg-success);--ds-tag-warning-subtle-bg: var(--ds-fill-tint-warning);--ds-tag-warning-subtle-fg: var(--ds-fg-warning);--ds-tag-danger-subtle-bg: var(--ds-fill-tint-danger);--ds-tag-danger-subtle-fg: var(--ds-fg-danger);--ds-tag-focus-ring: var(--ds-border-focus)}}@layer ds.components{:root,[data-ds-theme]{--ds-tooltip-bg: var(--ds-fg-primary);--ds-tooltip-fg: var(--ds-bg-primary)}}@layer ds.utilities{.ds-gap-0{gap:var(--ds-space-0)}.ds-gap-2{gap:var(--ds-space-2)}.ds-gap-4{gap:var(--ds-space-4)}.ds-gap-6{gap:var(--ds-space-6)}.ds-gap-8{gap:var(--ds-space-8)}.ds-gap-12{gap:var(--ds-space-12)}.ds-gap-16{gap:var(--ds-space-16)}.ds-gap-20{gap:var(--ds-space-20)}.ds-gap-24{gap:var(--ds-space-24)}.ds-gap-32{gap:var(--ds-space-32)}.ds-gap-40{gap:var(--ds-space-40)}.ds-gap-48{gap:var(--ds-space-48)}.ds-gap-64{gap:var(--ds-space-64)}.ds-gap-80{gap:var(--ds-space-80)}.ds-p-0{padding:var(--ds-space-0)}.ds-px-0{padding-inline:var(--ds-space-0)}.ds-py-0{padding-block:var(--ds-space-0)}.ds-p-2{padding:var(--ds-space-2)}.ds-px-2{padding-inline:var(--ds-space-2)}.ds-py-2{padding-block:var(--ds-space-2)}.ds-p-4{padding:var(--ds-space-4)}.ds-px-4{padding-inline:var(--ds-space-4)}.ds-py-4{padding-block:var(--ds-space-4)}.ds-p-6{padding:var(--ds-space-6)}.ds-px-6{padding-inline:var(--ds-space-6)}.ds-py-6{padding-block:var(--ds-space-6)}.ds-p-8{padding:var(--ds-space-8)}.ds-px-8{padding-inline:var(--ds-space-8)}.ds-py-8{padding-block:var(--ds-space-8)}.ds-p-12{padding:var(--ds-space-12)}.ds-px-12{padding-inline:var(--ds-space-12)}.ds-py-12{padding-block:var(--ds-space-12)}.ds-p-16{padding:var(--ds-space-16)}.ds-px-16{padding-inline:var(--ds-space-16)}.ds-py-16{padding-block:var(--ds-space-16)}.ds-p-20{padding:var(--ds-space-20)}.ds-px-20{padding-inline:var(--ds-space-20)}.ds-py-20{padding-block:var(--ds-space-20)}.ds-p-24{padding:var(--ds-space-24)}.ds-px-24{padding-inline:var(--ds-space-24)}.ds-py-24{padding-block:var(--ds-space-24)}.ds-p-32{padding:var(--ds-space-32)}.ds-px-32{padding-inline:var(--ds-space-32)}.ds-py-32{padding-block:var(--ds-space-32)}.ds-p-40{padding:var(--ds-space-40)}.ds-px-40{padding-inline:var(--ds-space-40)}.ds-py-40{padding-block:var(--ds-space-40)}.ds-p-48{padding:var(--ds-space-48)}.ds-px-48{padding-inline:var(--ds-space-48)}.ds-py-48{padding-block:var(--ds-space-48)}.ds-p-64{padding:var(--ds-space-64)}.ds-px-64{padding-inline:var(--ds-space-64)}.ds-py-64{padding-block:var(--ds-space-64)}.ds-p-80{padding:var(--ds-space-80)}.ds-px-80{padding-inline:var(--ds-space-80)}.ds-py-80{padding-block:var(--ds-space-80)}.ds-m-0{margin:var(--ds-space-0)}.ds-mx-0{margin-inline:var(--ds-space-0)}.ds-my-0{margin-block:var(--ds-space-0)}.ds-m-2{margin:var(--ds-space-2)}.ds-mx-2{margin-inline:var(--ds-space-2)}.ds-my-2{margin-block:var(--ds-space-2)}.ds-m-4{margin:var(--ds-space-4)}.ds-mx-4{margin-inline:var(--ds-space-4)}.ds-my-4{margin-block:var(--ds-space-4)}.ds-m-6{margin:var(--ds-space-6)}.ds-mx-6{margin-inline:var(--ds-space-6)}.ds-my-6{margin-block:var(--ds-space-6)}.ds-m-8{margin:var(--ds-space-8)}.ds-mx-8{margin-inline:var(--ds-space-8)}.ds-my-8{margin-block:var(--ds-space-8)}.ds-m-12{margin:var(--ds-space-12)}.ds-mx-12{margin-inline:var(--ds-space-12)}.ds-my-12{margin-block:var(--ds-space-12)}.ds-m-16{margin:var(--ds-space-16)}.ds-mx-16{margin-inline:var(--ds-space-16)}.ds-my-16{margin-block:var(--ds-space-16)}.ds-m-20{margin:var(--ds-space-20)}.ds-mx-20{margin-inline:var(--ds-space-20)}.ds-my-20{margin-block:var(--ds-space-20)}.ds-m-24{margin:var(--ds-space-24)}.ds-mx-24{margin-inline:var(--ds-space-24)}.ds-my-24{margin-block:var(--ds-space-24)}.ds-m-32{margin:var(--ds-space-32)}.ds-mx-32{margin-inline:var(--ds-space-32)}.ds-my-32{margin-block:var(--ds-space-32)}.ds-m-40{margin:var(--ds-space-40)}.ds-mx-40{margin-inline:var(--ds-space-40)}.ds-my-40{margin-block:var(--ds-space-40)}.ds-m-48{margin:var(--ds-space-48)}.ds-mx-48{margin-inline:var(--ds-space-48)}.ds-my-48{margin-block:var(--ds-space-48)}.ds-m-64{margin:var(--ds-space-64)}.ds-mx-64{margin-inline:var(--ds-space-64)}.ds-my-64{margin-block:var(--ds-space-64)}.ds-m-80{margin:var(--ds-space-80)}.ds-mx-80{margin-inline:var(--ds-space-80)}.ds-my-80{margin-block:var(--ds-space-80)}.ds-text-12-16-regular{font:var(--ds-text-12-16-regular)}.ds-text-12-16-medium{font:var(--ds-text-12-16-medium)}.ds-text-14-20-regular{font:var(--ds-text-14-20-regular)}.ds-text-14-20-medium{font:var(--ds-text-14-20-medium)}.ds-text-16-20-regular{font:var(--ds-text-16-20-regular)}.ds-text-16-24-regular{font:var(--ds-text-16-24-regular)}.ds-text-16-24-medium{font:var(--ds-text-16-24-medium)}.ds-text-18-28-medium{font:var(--ds-text-18-28-medium)}.ds-text-20-28-semibold{font:var(--ds-text-20-28-semibold)}.ds-text-24-32-medium{font:var(--ds-text-24-32-medium)}.ds-text-30-36-bold{font:var(--ds-text-30-36-bold)}}._button_z2dvw_3{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-6);border:none;border-radius:var(--ds-radius-8);cursor:pointer;font-family:var(--ds-font-sans);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,color .15s ease}._button_z2dvw_3:focus-visible{outline:2px solid var(--ds-button-focus-ring);outline-offset:2px}._button_z2dvw_3:disabled{opacity:.4;cursor:not-allowed}._size24_z2dvw_31{height:var(--ds-size-24);padding-inline:var(--ds-space-8);font:var(--ds-text-12-16-medium)}._size32_z2dvw_37{height:var(--ds-size-32);padding-inline:var(--ds-space-12);font:var(--ds-text-14-20-medium)}._size40_z2dvw_43{height:var(--ds-size-40);padding-inline:var(--ds-space-16);font:var(--ds-text-16-24-medium)}._size48_z2dvw_49{height:var(--ds-size-48);padding-inline:var(--ds-space-20);font:var(--ds-text-18-28-medium)}._accent_z2dvw_58{background:var(--ds-button-accent-bg);color:var(--ds-button-accent-fg)}._accent_z2dvw_58:hover:not(:disabled){background:var(--ds-button-accent-bg-hover)}._accent_z2dvw_58:active:not(:disabled){background:var(--ds-button-accent-bg-active)}._accentSubtle_z2dvw_70{background:var(--ds-button-accent-subtle-bg);color:var(--ds-button-accent-subtle-fg)}._accentSubtle_z2dvw_70:hover:not(:disabled){background:var(--ds-button-accent-subtle-bg-hover)}._accentSubtle_z2dvw_70:active:not(:disabled){background:var(--ds-button-accent-subtle-bg-active)}._neutral_z2dvw_82{background:var(--ds-button-neutral-bg);color:var(--ds-button-neutral-fg)}._neutral_z2dvw_82:hover:not(:disabled){background:var(--ds-button-neutral-bg-hover)}._neutral_z2dvw_82:active:not(:disabled){background:var(--ds-button-neutral-bg-active)}._neutralSubtle_z2dvw_94{background:var(--ds-button-neutral-subtle-bg);color:var(--ds-button-neutral-subtle-fg)}._neutralSubtle_z2dvw_94:hover:not(:disabled){background:var(--ds-button-neutral-subtle-bg-hover)}._neutralSubtle_z2dvw_94:active:not(:disabled){background:var(--ds-button-neutral-subtle-bg-active)}._ghost_z2dvw_106{background:var(--ds-button-ghost-bg);color:var(--ds-button-ghost-fg)}._ghost_z2dvw_106:hover:not(:disabled){background:var(--ds-button-ghost-bg-hover)}._ghost_z2dvw_106:active:not(:disabled){background:var(--ds-button-ghost-bg-active)}._danger_z2dvw_118{background:var(--ds-button-danger-bg);color:var(--ds-button-danger-fg)}._danger_z2dvw_118:hover:not(:disabled){background:var(--ds-button-danger-bg-hover)}._danger_z2dvw_118:active:not(:disabled){background:var(--ds-button-danger-bg-active)}._dangerSubtle_z2dvw_130{background:var(--ds-button-danger-subtle-bg);color:var(--ds-button-danger-subtle-fg)}._dangerSubtle_z2dvw_130:hover:not(:disabled){background:var(--ds-button-danger-subtle-bg-hover)}._dangerSubtle_z2dvw_130:active:not(:disabled){background:var(--ds-button-danger-subtle-bg-active)}._iconButton_65tfx_3{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--ds-radius-8);cursor:pointer;padding:0;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,color .15s ease}._iconButton_65tfx_3:focus-visible{outline:2px solid var(--ds-button-focus-ring);outline-offset:2px}._iconButton_65tfx_3:disabled{opacity:.4;cursor:not-allowed}._size24_65tfx_29{width:var(--ds-size-24);height:var(--ds-size-24)}._size32_65tfx_34{width:var(--ds-size-32);height:var(--ds-size-32)}._size40_65tfx_39{width:var(--ds-size-40);height:var(--ds-size-40)}._size48_65tfx_44{width:var(--ds-size-48);height:var(--ds-size-48)}._accent_65tfx_52{background:var(--ds-button-accent-bg);color:var(--ds-button-accent-fg)}._accent_65tfx_52:hover:not(:disabled){background:var(--ds-button-accent-bg-hover)}._accent_65tfx_52:active:not(:disabled){background:var(--ds-button-accent-bg-active)}._neutral_65tfx_64{background:var(--ds-button-neutral-bg);color:var(--ds-button-neutral-fg)}._neutral_65tfx_64:hover:not(:disabled){background:var(--ds-button-neutral-bg-hover)}._neutral_65tfx_64:active:not(:disabled){background:var(--ds-button-neutral-bg-active)}._ghost_65tfx_76{background:var(--ds-button-ghost-bg);color:var(--ds-button-ghost-fg)}._ghost_65tfx_76:hover:not(:disabled){background:var(--ds-button-ghost-bg-hover)}._ghost_65tfx_76:active:not(:disabled){background:var(--ds-button-ghost-bg-active)}._danger_65tfx_88{background:var(--ds-button-danger-bg);color:var(--ds-button-danger-fg)}._danger_65tfx_88:hover:not(:disabled){background:var(--ds-button-danger-bg-hover)}._danger_65tfx_88:active:not(:disabled){background:var(--ds-button-danger-bg-active)}._input_11tbz_3{display:block;width:100%;border:1px solid var(--ds-input-border);border-radius:var(--ds-radius-8);background:var(--ds-input-bg);color:var(--ds-input-fg);font-family:var(--ds-font-sans);padding-inline:var(--ds-space-8);transition:border-color .15s ease,outline .15s ease}._input_11tbz_3::placeholder{color:var(--ds-input-placeholder)}._input_11tbz_3:hover:not(:disabled):not(:focus){border-color:var(--ds-input-border-hover)}._input_11tbz_3:focus{outline:2px solid var(--ds-input-focus-ring);outline-offset:-1px;border-color:transparent}._input_11tbz_3:disabled{opacity:.4;cursor:not-allowed}._size24_11tbz_38{height:var(--ds-size-24);font:var(--ds-text-12-16-regular)}._size32_11tbz_43{height:var(--ds-size-32);font:var(--ds-text-14-20-regular)}._size40_11tbz_48{height:var(--ds-size-40);font:var(--ds-text-16-24-regular)}._size48_11tbz_53{height:var(--ds-size-48);font:var(--ds-text-18-28-medium)}._error_11tbz_60{border-color:var(--ds-input-border-error)}._error_11tbz_60:hover:not(:disabled):not(:focus){border-color:var(--ds-input-border-error)}._select_1uzyh_3{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ds-select-border);border-radius:var(--ds-radius-8);background-color:var(--ds-select-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--ds-space-8) center;color:var(--ds-select-fg);font-family:var(--ds-font-sans);padding-inline-start:var(--ds-space-8);padding-inline-end:var(--ds-space-24);cursor:pointer;transition:border-color .15s ease,outline .15s ease}._select_1uzyh_3:hover:not(:disabled):not(:focus){border-color:var(--ds-select-border-hover)}._select_1uzyh_3:focus{outline:2px solid var(--ds-select-focus-ring);outline-offset:-1px;border-color:transparent}._select_1uzyh_3:disabled{opacity:.4;cursor:not-allowed}._size24_1uzyh_40{height:var(--ds-size-24);font:var(--ds-text-12-16-regular)}._size32_1uzyh_45{height:var(--ds-size-32);font:var(--ds-text-14-20-regular)}._size40_1uzyh_50{height:var(--ds-size-40);font:var(--ds-text-16-24-regular)}._size48_1uzyh_55{height:var(--ds-size-48);font:var(--ds-text-18-28-medium)}._error_1uzyh_62{border-color:var(--ds-select-border-error)}._error_1uzyh_62:hover:not(:disabled):not(:focus){border-color:var(--ds-select-border-error)}._label_d9wcc_3{display:inline-flex;align-items:center;gap:var(--ds-space-8);cursor:pointer;-webkit-user-select:none;user-select:none;font:var(--ds-text-14-20-regular);color:var(--ds-checkbox-fg)}._disabled_d9wcc_13{opacity:.4;cursor:not-allowed}._input_d9wcc_20{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._indicator_d9wcc_34{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:1px solid var(--ds-checkbox-box-border);border-radius:var(--ds-radius-4);background:var(--ds-checkbox-box-bg);transition:background-color .15s ease,border-color .15s ease}._input_d9wcc_20:checked+._indicator_d9wcc_34{background:var(--ds-checkbox-box-bg-checked);border-color:var(--ds-checkbox-box-border-checked)}._input_d9wcc_20:checked+._indicator_d9wcc_34:after{content:"";display:block;width:4px;height:8px;border:solid var(--ds-checkbox-check-fg);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-.5px,-.5px)}._input_d9wcc_20:focus-visible+._indicator_d9wcc_34{outline:2px solid var(--ds-checkbox-focus-ring);outline-offset:2px}._text_d9wcc_74{color:var(--ds-checkbox-fg)}._label_vrys7_3{display:inline-flex;align-items:center;gap:var(--ds-space-8);cursor:pointer;-webkit-user-select:none;user-select:none;font:var(--ds-text-14-20-regular);color:var(--ds-switch-fg)}._disabled_vrys7_13{opacity:.4;cursor:not-allowed}._input_vrys7_20{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._track_vrys7_34{position:relative;display:inline-flex;align-items:center;width:36px;height:20px;flex-shrink:0;border-radius:var(--ds-radius-full);background:var(--ds-switch-track-bg);transition:background-color .15s ease}._input_vrys7_20:checked+._track_vrys7_34{background:var(--ds-switch-track-bg-checked)}._input_vrys7_20:focus-visible+._track_vrys7_34{outline:2px solid var(--ds-switch-focus-ring);outline-offset:2px}._thumb_vrys7_58{position:absolute;width:16px;height:16px;border-radius:var(--ds-radius-full);background:var(--ds-switch-thumb-bg);left:2px;transition:left .15s ease;box-shadow:0 1px 2px #00000029}._input_vrys7_20:checked+._track_vrys7_34 ._thumb_vrys7_58{left:18px}._text_vrys7_75{color:var(--ds-switch-fg)}._tag_15rx0_3{display:inline-flex;align-items:center;gap:var(--ds-space-4);height:24px;padding-inline:var(--ds-space-8);border-radius:var(--ds-radius-full);font:var(--ds-text-12-16-medium);white-space:nowrap;-webkit-user-select:none;user-select:none}._dismiss_15rx0_17{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:none;color:inherit;cursor:pointer;opacity:.7;margin-inline-start:var(--ds-space-2);margin-inline-end:calc(-1 * var(--ds-space-4));border-radius:var(--ds-radius-full)}._dismiss_15rx0_17:hover{opacity:1}._dismiss_15rx0_17:focus-visible{outline:2px solid var(--ds-tag-focus-ring);outline-offset:2px}._neutral_15rx0_43{background:var(--ds-tag-neutral-bg);color:var(--ds-tag-neutral-fg)}._accent_15rx0_48{background:var(--ds-tag-accent-bg);color:var(--ds-tag-accent-fg)}._success_15rx0_53{background:var(--ds-tag-success-bg);color:var(--ds-tag-success-fg)}._warning_15rx0_58{background:var(--ds-tag-warning-bg);color:var(--ds-tag-warning-fg)}._danger_15rx0_63{background:var(--ds-tag-danger-bg);color:var(--ds-tag-danger-fg)}._neutralSubtle_15rx0_70{background:var(--ds-tag-neutral-subtle-bg);color:var(--ds-tag-neutral-subtle-fg)}._accentSubtle_15rx0_75{background:var(--ds-tag-accent-subtle-bg);color:var(--ds-tag-accent-subtle-fg)}._successSubtle_15rx0_80{background:var(--ds-tag-success-subtle-bg);color:var(--ds-tag-success-subtle-fg)}._warningSubtle_15rx0_85{background:var(--ds-tag-warning-subtle-bg);color:var(--ds-tag-warning-subtle-fg)}._dangerSubtle_15rx0_90{background:var(--ds-tag-danger-subtle-bg);color:var(--ds-tag-danger-subtle-fg)}._wrapper_1ikbm_3{position:relative;display:inline-flex}._tooltip_1ikbm_10{position:absolute;z-index:1000;padding:var(--ds-space-4) var(--ds-space-8);border-radius:var(--ds-radius-6);background:var(--ds-tooltip-bg);color:var(--ds-tooltip-fg);font:var(--ds-text-12-16-regular);white-space:nowrap;pointer-events:none}._top_1ikbm_24{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--ds-space-4)}._bottom_1ikbm_31{top:100%;left:50%;transform:translate(-50%);margin-top:var(--ds-space-4)}._left_1ikbm_38{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--ds-space-4)}._right_1ikbm_45{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--ds-space-4)}:root{--promo-container: 1120px;--promo-pad-x: clamp(20px, 5vw, 48px);--promo-section-gap: clamp(72px, 12vh, 136px);--promo-display: clamp(2.625rem, 1.2rem + 6vw, 4.75rem);--promo-h2: clamp(1.625rem, 1.1rem + 2.4vw, 2.375rem);--promo-hairline: color-mix(in oklab, var(--ds-fg-primary) 12%, transparent);--promo-hairline-faint: color-mix(in oklab, var(--ds-fg-primary) 6%, transparent);--promo-shadow-1: 0 1px 2px color-mix(in oklab, var(--ds-fg-primary) 7%, transparent), 0 12px 32px color-mix(in oklab, var(--ds-fg-primary) 7%, transparent);--promo-ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ds-bg-primary);color:var(--ds-fg-primary);font:var(--ds-text-16-24-regular);-webkit-font-smoothing:antialiased;transition:background-color .25s var(--promo-ease)}h1,h2,h3,p{margin:0}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ds-border-focus);outline-offset:2px}code,pre{font-family:var(--ds-font-mono)}section{scroll-margin-top:88px}.container{max-width:var(--promo-container);margin-inline:auto;padding-inline:var(--promo-pad-x)}.annot{font:var(--ds-text-12-16-regular);font-family:var(--ds-font-mono);letter-spacing:.03em;color:var(--ds-fg-tertiary)}.annot--accent{color:var(--ds-fg-accent)}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--promo-hairline-faint);background:color-mix(in oklab,var(--ds-bg-primary) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-header .container{display:flex;align-items:center;gap:var(--ds-space-24);height:64px}.wordmark{display:flex;align-items:baseline;gap:var(--ds-space-8);text-decoration:none}.wordmark-mark{display:grid;place-items:center;width:var(--ds-size-32);height:var(--ds-size-32);border-radius:var(--ds-radius-8);background:var(--ds-fill-accent);color:var(--ds-fg-static-white);font:var(--ds-text-14-20-medium);font-family:var(--ds-font-mono);align-self:center}.wordmark-sub{font:var(--ds-text-12-16-medium);font-family:var(--ds-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ds-fg-secondary)}.site-nav{display:flex;gap:var(--ds-space-20);margin-inline-start:auto}.site-nav a{font:var(--ds-text-14-20-medium);color:var(--ds-fg-secondary);text-decoration:none;transition:color .15s}.site-nav a:hover{color:var(--ds-fg-primary)}.theme-switch{display:flex;gap:var(--ds-space-4);padding:var(--ds-space-4);border:1px solid var(--promo-hairline-faint);border-radius:var(--ds-radius-8)}.hero{position:relative;overflow:hidden;padding-block:clamp(72px,14vh,148px) var(--promo-section-gap)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--promo-hairline-faint) 1px,transparent 1px),linear-gradient(90deg,var(--promo-hairline-faint) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(120% 90% at 50% 0%,black 20%,transparent 78%);mask-image:radial-gradient(120% 90% at 50% 0%,black 20%,transparent 78%);pointer-events:none}.hero:after{content:"";position:absolute;top:-40%;inset-inline:-10%;height:80%;background:radial-gradient(50% 60% at 70% 30%,color-mix(in oklab,var(--ds-fill-accent) 16%,transparent),transparent 70%);pointer-events:none}.hero .container{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,72px);align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--ds-space-8);margin-bottom:var(--ds-space-24)}.hero-eyebrow:before{content:"";width:24px;height:1px;background:var(--ds-fg-accent)}.hero h1{font-size:var(--promo-display);line-height:1.02;font-weight:700;letter-spacing:-.03em;text-wrap:balance}.hero h1 em{font-style:normal;color:var(--ds-fg-accent)}.hero-lede{margin-top:var(--ds-space-24);max-width:52ch;font:var(--ds-text-18-28-medium);font-weight:400;color:var(--ds-fg-secondary);text-wrap:pretty}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--ds-space-12);margin-top:var(--ds-space-32)}.hero-stats{display:flex;flex-wrap:wrap;gap:var(--ds-space-8) var(--ds-space-20);margin-top:var(--ds-space-40);padding-top:var(--ds-space-20);border-top:1px solid var(--promo-hairline-faint)}.formula-card{border:1px solid var(--promo-hairline);border-radius:var(--ds-radius-12);background:var(--ds-bg-secondary);box-shadow:var(--promo-shadow-1);overflow:hidden}.formula-card-head{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-12) var(--ds-space-20);border-bottom:1px solid var(--promo-hairline-faint)}.formula-card pre{margin:0;padding:var(--ds-space-20);font:var(--ds-text-14-20-regular);font-family:var(--ds-font-mono);color:var(--ds-fg-primary);overflow-x:auto}.formula-card pre .tok{color:var(--ds-fg-accent)}.formula-card pre .fn{color:var(--ds-fg-success)}.derive{padding:var(--ds-space-16) var(--ds-space-20) var(--ds-space-20);border-top:1px dashed var(--promo-hairline);display:grid;gap:var(--ds-space-12)}.derive-row{display:flex;gap:var(--ds-space-8)}.derive-swatch{flex:1;display:grid;place-items:end start;height:64px;padding:var(--ds-space-8);border-radius:var(--ds-radius-6);color:var(--ds-fg-static-white)}.derive-swatch span{font:var(--ds-text-12-16-medium);font-family:var(--ds-font-mono);opacity:.9}.derive-swatch--base{background:oklch(from var(--ds-fill-accent) calc(l + var(--delta, 0)) c h)}.derive-swatch--hover{background:oklch(from var(--ds-fill-accent) calc(l + var(--delta, 0) - .04) c h)}.derive-swatch--active{background:oklch(from var(--ds-fill-accent) calc(l + var(--delta, 0) - .08) c h)}.derive-controls{display:flex;align-items:center;gap:var(--ds-space-12)}.derive-controls input[type=range]{flex:1;accent-color:var(--ds-fill-accent)}.section{padding-block:0 var(--promo-section-gap)}.section-head{max-width:62ch;margin-bottom:clamp(32px,5vh,56px)}.section-head .annot{display:block;margin-bottom:var(--ds-space-12)}.section-head h2{font-size:var(--promo-h2);line-height:1.1;font-weight:700;letter-spacing:-.02em;text-wrap:balance}.section-head .lede{margin-top:var(--ds-space-16);color:var(--ds-fg-secondary);text-wrap:pretty}.card{border:1px solid var(--promo-hairline-faint);border-radius:var(--ds-radius-12);background:var(--ds-bg-secondary);padding:var(--ds-space-24)}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ds-space-16)}.principle h3{font:var(--ds-text-16-24-medium);margin-block:var(--ds-space-40) var(--ds-space-8);text-wrap:balance}.principle p{font:var(--ds-text-14-20-regular);color:var(--ds-fg-secondary)}.principle code{font-size:.85em;color:var(--ds-fg-accent);background:var(--ds-fill-tint-accent);padding:1px 5px;border-radius:var(--ds-radius-4)}.playground{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ds-space-16)}.playground .card h3{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ds-space-12);font:var(--ds-text-14-20-medium);font-family:var(--ds-font-mono);color:var(--ds-fg-secondary);margin-bottom:var(--ds-space-20)}.sb-link{font:var(--ds-text-12-16-medium);font-family:var(--ds-font-mono);color:var(--ds-fg-accent);text-decoration:none;white-space:nowrap}.sb-link:hover{text-decoration:underline}.pg-index{margin-top:var(--ds-space-24)}.pg-index a{color:var(--ds-fg-secondary);text-underline-offset:3px}.pg-index a:hover{color:var(--ds-fg-accent)}.pg-buttons{grid-column:span 7}.pg-controls{grid-column:span 5;display:flex;flex-direction:column}.pg-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-12)}.pg-row+.pg-row{margin-top:var(--ds-space-20)}.pg-row>input[type=text],.pg-row>input:not([type]){flex:1;width:auto;min-width:0}.pg-sizes{display:flex;align-items:flex-end;gap:var(--ds-space-16);margin-top:var(--ds-space-32);padding-top:var(--ds-space-20);border-top:1px dashed var(--promo-hairline-faint)}.pg-size{display:grid;gap:var(--ds-space-8);justify-items:center}.pg-stack{display:grid;gap:var(--ds-space-16)}.pg-note{margin-top:auto;padding-top:var(--ds-space-20)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-16)}.theme-card{margin:0;display:grid;gap:var(--ds-space-8)}.theme-card-ui{border:1px solid var(--promo-hairline);border-radius:var(--ds-radius-12);background:var(--ds-bg-primary);color:var(--ds-fg-primary);padding:var(--ds-space-20);display:grid;gap:var(--ds-space-16);box-shadow:var(--promo-shadow-1)}.theme-card-ui header{display:flex;justify-content:space-between;align-items:center;font:var(--ds-text-16-24-medium)}.theme-card-ui p{font:var(--ds-text-14-20-regular);color:var(--ds-fg-secondary)}.theme-card-ui .row{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-12);flex-wrap:wrap}.theming-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ds-space-16);margin-top:var(--ds-space-16)}.code-block{border:1px solid var(--promo-hairline-faint);border-radius:var(--ds-radius-12);background:var(--ds-bg-secondary);overflow:hidden}.code-block-head{padding:var(--ds-space-8) var(--ds-space-16);border-bottom:1px solid var(--promo-hairline-faint)}.code-block pre{margin:0;padding:var(--ds-space-16) var(--ds-space-20);font:var(--ds-text-12-16-regular);font-family:var(--ds-font-mono);line-height:1.7;overflow-x:auto}.check-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--ds-space-16);align-content:center}.check-list li{display:flex;gap:var(--ds-space-12);font:var(--ds-text-14-20-regular);color:var(--ds-fg-secondary)}.check-list li strong{color:var(--ds-fg-primary);font-weight:500}.check-list svg{flex-shrink:0;margin-top:2px;color:var(--ds-fg-success)}.pipeline-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-16)}.pipeline-grid .card>p{font:var(--ds-text-14-20-regular);color:var(--ds-fg-secondary);margin-bottom:var(--ds-space-20)}.var-list{display:grid;gap:1px;background:var(--promo-hairline-faint);border:1px solid var(--promo-hairline-faint);border-radius:var(--ds-radius-8);overflow:hidden}.var-row{display:flex;align-items:center;gap:var(--ds-space-12);padding:var(--ds-space-8) var(--ds-space-12);background:var(--ds-bg-primary);font:var(--ds-text-12-16-regular);font-family:var(--ds-font-mono);min-width:0}.var-row .dot{width:14px;height:14px;border-radius:var(--ds-radius-4);border:1px solid var(--promo-hairline)}.var-row .val{margin-inline-start:auto;color:var(--ds-fg-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.playground>.card,.pipeline-grid>.card,.roadmap-grid>.card,.theming-cols>*,.footer-grid>*,.var-list{min-width:0}.roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-16)}.roadmap-foot{margin-top:var(--ds-space-24);max-width:70ch}.updates-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--ds-space-12)}.update{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--ds-space-24)}.update-meta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-space-8)}.update h3{font:var(--ds-text-16-24-medium);margin-bottom:var(--ds-space-8)}.update p{font:var(--ds-text-14-20-regular);color:var(--ds-fg-secondary);max-width:70ch}.update-link{display:inline-block;margin-top:var(--ds-space-12);font:var(--ds-text-14-20-medium);color:var(--ds-fg-accent);text-decoration:none}.update-link:hover{text-decoration:underline}.site-footer{border-top:1px solid var(--promo-hairline-faint);background:var(--ds-bg-secondary);padding-block:var(--ds-space-64)}.footer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ds-space-32);align-items:start}.footer-links{display:flex;flex-wrap:wrap;gap:var(--ds-space-8) var(--ds-space-24);margin-top:var(--ds-space-32)}.footer-links a{font:var(--ds-text-14-20-medium);color:var(--ds-fg-secondary);text-decoration:none}.footer-links a:hover{color:var(--ds-fg-accent)}.footer-note{margin-top:var(--ds-space-40);padding-top:var(--ds-space-20);border-top:1px solid var(--promo-hairline-faint);display:flex;justify-content:space-between;gap:var(--ds-space-16);flex-wrap:wrap}@keyframes promo-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:promo-rise .7s var(--promo-ease) both;animation-delay:var(--rise, 0s)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise{animation:none}body{transition:none}}@media(max-width:960px){.hero .container{grid-template-columns:1fr}.principles-grid{grid-template-columns:repeat(2,1fr)}.pg-buttons,.pg-controls{grid-column:span 12}.theme-grid,.theming-cols,.pipeline-grid,.roadmap-grid,.footer-grid{grid-template-columns:1fr}}@media(max-width:720px){.site-nav{display:none}.update{grid-template-columns:1fr;gap:var(--ds-space-12)}.update-meta{flex-direction:row;align-items:center}.site-header .container{justify-content:space-between}.principles-grid{grid-template-columns:1fr}.pg-sizes{flex-wrap:wrap}}