/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.top-4{top:calc(var(--spacing) * 4)}.right-4{right:calc(var(--spacing) * 4)}.z-\[90\]{z-index:90}.z-\[91\]{z-index:91}.z-\[100\]{z-index:100}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.m-4{margin:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-7{margin-block:calc(var(--spacing) * 7)}.my-8{margin-block:calc(var(--spacing) * 8)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-auto{margin-top:auto}.mr-5{margin-right:calc(var(--spacing) * 5)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-\[18px\]{width:18px;height:18px}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-full{height:100%}.max-h-72{max-height:calc(var(--spacing) * 72)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-\[520px\]{min-height:520px}.min-h-\[560px\]{min-height:560px}.min-h-\[570px\]{min-height:570px}.w-11{width:calc(var(--spacing) * 11)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[62ch\]{max-width:62ch}.max-w-\[68ch\]{max-width:68ch}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[620px\]{min-width:620px}.min-w-\[var\(--anchor-width\)\]{min-width:var(--anchor-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.origin-\[var\(--transform-origin\)\]{transform-origin:var(--transform-origin)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize-y{resize:vertical}.list-none{list-style-type:none}.grid-cols-\[1fr_1\.4fr\]{grid-template-columns:1fr 1.4fr}.grid-cols-\[1fr_18px\]{grid-template-columns:1fr 18px}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[24px_1fr\]{grid-template-columns:24px 1fr}.grid-cols-\[28px_1fr\]{grid-template-columns:28px 1fr}.grid-cols-\[28px_1fr_auto\]{grid-template-columns:28px 1fr auto}.grid-cols-\[34px_1fr\]{grid-template-columns:34px 1fr}.grid-cols-\[72px_1fr\]{grid-template-columns:72px 1fr}.grid-cols-\[220px_1fr\]{grid-template-columns:220px 1fr}.grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px * var(--tw-divide-y-reverse));border-bottom-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--border\)\]>:not(:last-child)){border-color:var(--border)}:where(.divide-\[var\(--border-subtle\)\]>:not(:last-child)){border-color:var(--border-subtle)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\[var\(--radius-lg\,14px\)\]{border-radius:var(--radius-lg,14px)}.rounded-\[var\(--radius-md\,10px\)\]{border-radius:var(--radius-md,10px)}.rounded-\[var\(--radius-sm\,6px\)\]{border-radius:var(--radius-sm,6px)}.rounded-\[var\(--radius-xs\,4px\)\]{border-radius:var(--radius-xs,4px)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-\[color-mix\(in_oklab\,var\(--canvas\)_18\%\,transparent\)\]{border-color:var(--canvas)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_oklab\,var\(--canvas\)_18\%\,transparent\)\]{border-color:color-mix(in oklab,var(--canvas) 18%,transparent)}}.border-\[color-mix\(in_oklab\,var\(--canvas\)_35\%\,transparent\)\]{border-color:var(--canvas)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_oklab\,var\(--canvas\)_35\%\,transparent\)\]{border-color:color-mix(in oklab,var(--canvas) 35%,transparent)}}.border-\[color-mix\(in_oklab\,var\(--danger\)_38\%\,var\(--border\)\)\]{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_oklab\,var\(--danger\)_38\%\,var\(--border\)\)\]{border-color:color-mix(in oklab,var(--danger) 38%,var(--border))}}.border-\[var\(--accent\)\]{border-color:var(--accent)}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--border-subtle\)\]{border-color:var(--border-subtle)}.border-\[var\(--ink\)\]{border-color:var(--ink)}.border-transparent{border-color:#0000}.border-l-\[var\(--accent\)\]{border-left-color:var(--accent)}.bg-\[color-mix\(in_oklab\,var\(--danger\)_10\%\,transparent\)\]{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklab\,var\(--danger\)_10\%\,transparent\)\]{background-color:color-mix(in oklab,var(--danger) 10%,transparent)}}.bg-\[color-mix\(in_oklab\,var\(--ink\)_38\%\,transparent\)\]{background-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklab\,var\(--ink\)_38\%\,transparent\)\]{background-color:color-mix(in oklab,var(--ink) 38%,transparent)}}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--ink\)\]{background-color:var(--ink)}.bg-\[var\(--ink-secondary\)\]{background-color:var(--ink-secondary)}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-\[var\(--surface-inset\)\]{background-color:var(--surface-inset)}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.font-\[family-name\:var\(--serif\)\]{font-family:var(--serif)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[\.65rem\]{font-size:.65rem}.text-\[\.66rem\]{font-size:.66rem}.text-\[\.68rem\]{font-size:.68rem}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[\.92\]{--tw-leading:.92;line-height:.92}.leading-\[\.98\]{--tw-leading:.98;line-height:.98}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-\[-\.025em\]{--tw-tracking:-.025em;letter-spacing:-.025em}.tracking-\[-\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[-\.045em\]{--tw-tracking:-.045em;letter-spacing:-.045em}.tracking-\[\.13em\]{--tw-tracking:.13em;letter-spacing:.13em}.tracking-\[\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[color-mix\(in_oklab\,var\(--canvas\)_78\%\,transparent\)\]{color:var(--canvas)}@supports (color:color-mix(in lab, red, red)){.text-\[color-mix\(in_oklab\,var\(--canvas\)_78\%\,transparent\)\]{color:color-mix(in oklab,var(--canvas) 78%,transparent)}}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--canvas\)\]{color:var(--canvas)}.text-\[var\(--danger\)\]{color:var(--danger)}.text-\[var\(--ink\)\]{color:var(--ink)}.text-\[var\(--ink-secondary\)\]{color:var(--ink-secondary)}.text-\[var\(--muted\)\]{color:var(--muted)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-75{opacity:.75}.shadow-\[0_0_0_4px_var\(--accent-soft\)\]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,var(--accent-soft));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_16px_45px_color-mix\(in_oklab\,var\(--ink\)_8\%\,transparent\)\]{--tw-shadow:0 16px 45px var(--tw-shadow-color,var(--ink))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_16px_45px_color-mix\(in_oklab\,var\(--ink\)_8\%\,transparent\)\]{--tw-shadow:0 16px 45px var(--tw-shadow-color,color-mix(in oklab,var(--ink) 8%,transparent))}}.shadow-\[0_16px_45px_color-mix\(in_oklab\,var\(--ink\)_8\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_16px_45px_color-mix\(in_oklab\,var\(--ink\)_9\%\,transparent\)\]{--tw-shadow:0 16px 45px var(--tw-shadow-color,var(--ink))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_16px_45px_color-mix\(in_oklab\,var\(--ink\)_9\%\,transparent\)\]{--tw-shadow:0 16px 45px var(--tw-shadow-color,color-mix(in oklab,var(--ink) 9%,transparent))}}.shadow-\[0_16px_45px_color-mix\(in_oklab\,var\(--ink\)_9\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_16px_45px_color-mix\(in_oklab\,var\(--ink\)_12\%\,transparent\)\]{--tw-shadow:0 16px 45px var(--tw-shadow-color,var(--ink))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_16px_45px_color-mix\(in_oklab\,var\(--ink\)_12\%\,transparent\)\]{--tw-shadow:0 16px 45px var(--tw-shadow-color,color-mix(in oklab,var(--ink) 12%,transparent))}}.shadow-\[0_16px_45px_color-mix\(in_oklab\,var\(--ink\)_12\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_28px_80px_color-mix\(in_oklab\,var\(--ink\)_22\%\,transparent\)\]{--tw-shadow:0 28px 80px var(--tw-shadow-color,var(--ink))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_28px_80px_color-mix\(in_oklab\,var\(--ink\)_22\%\,transparent\)\]{--tw-shadow:0 28px 80px var(--tw-shadow-color,color-mix(in oklab,var(--ink) 22%,transparent))}}.shadow-\[0_28px_80px_color-mix\(in_oklab\,var\(--ink\)_22\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,background-color\,border-color\,transform\]{transition-property:color,background-color,border-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,opacity\]{transition-property:transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-1{transition-delay:1ms}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-\[var\(--muted\)\]::placeholder{color:var(--muted)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}@media (hover:hover){.hover\:border-\[var\(--accent\)\]:hover{border-color:var(--accent)}.hover\:border-\[var\(--border\)\]:hover{border-color:var(--border)}.hover\:border-\[var\(--ink-secondary\)\]:hover{border-color:var(--ink-secondary)}.hover\:bg-\[var\(--accent\)\]:hover{background-color:var(--accent)}.hover\:bg-\[var\(--danger\)\]:hover{background-color:var(--danger)}.hover\:bg-\[var\(--surface\)\]:hover{background-color:var(--surface)}.hover\:bg-\[var\(--surface-inset\)\]:hover{background-color:var(--surface-inset)}.hover\:text-\[var\(--accent\)\]:hover{color:var(--accent)}.hover\:text-\[var\(--ink\)\]:hover{color:var(--ink)}.hover\:text-white:hover{color:var(--color-white)}}.focus-visible\:border-\[var\(--focus\)\]:focus-visible{border-color:var(--focus)}.focus-visible\:shadow-\[0_0_0_3px_color-mix\(in_oklab\,var\(--focus\)_14\%\,transparent\)\]:focus-visible{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--focus))}@supports (color:color-mix(in lab, red, red)){.focus-visible\:shadow-\[0_0_0_3px_color-mix\(in_oklab\,var\(--focus\)_14\%\,transparent\)\]:focus-visible{--tw-shadow:0 0 0 3px var(--tw-shadow-color,color-mix(in oklab,var(--focus) 14%,transparent))}}.focus-visible\:shadow-\[0_0_0_3px_color-mix\(in_oklab\,var\(--focus\)_14\%\,transparent\)\]:focus-visible{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:shadow-none:focus-visible{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--focus\)\]:focus-visible{outline-color:var(--focus)}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.aria-invalid\:border-\[var\(--danger\)\][aria-invalid=true]{border-color:var(--danger)}.aria-selected\:bg-\[var\(--accent-soft\)\][aria-selected=true]{background-color:var(--accent-soft)}.aria-\[current\=page\]\:border-\[var\(--accent\)\][aria-current=page]{border-color:var(--accent)}.aria-\[current\=page\]\:bg-\[var\(--accent-soft\)\][aria-current=page]{background-color:var(--accent-soft)}.aria-\[current\=page\]\:text-\[var\(--ink\)\][aria-current=page]{color:var(--ink)}.data-\[checked\]\:translate-x-5[data-checked]{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[checked\]\:border-\[var\(--accent\)\][data-checked]{border-color:var(--accent)}.data-\[checked\]\:bg-\[var\(--accent\)\][data-checked]{background-color:var(--accent)}.data-\[checked\]\:bg-\[var\(--accent-soft\)\][data-checked]{background-color:var(--accent-soft)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-45[data-disabled]{opacity:.45}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[ending-style\]\:translate-y-2[data-ending-style]{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[ending-style\]\:scale-\[\.98\][data-ending-style]{scale:.98}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[from\=user\]\:ml-auto[data-from=user]{margin-left:auto}.data-\[from\=user\]\:max-w-\[78\%\][data-from=user]{max-width:78%}.data-\[from\=user\]\:rounded-\[var\(--radius-md\,10px\)\][data-from=user]{border-radius:var(--radius-md,10px)}.data-\[from\=user\]\:bg-\[var\(--accent-soft\)\][data-from=user]{background-color:var(--accent-soft)}.data-\[from\=user\]\:p-4[data-from=user]{padding:calc(var(--spacing) * 4)}.data-\[highlighted\]\:bg-\[var\(--accent-soft\)\][data-highlighted]{background-color:var(--accent-soft)}.data-\[selected\]\:text-\[var\(--accent\)\][data-selected]{color:var(--accent)}.data-\[starting-style\]\:translate-y-2[data-starting-style]{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[starting-style\]\:scale-\[\.98\][data-starting-style]{scale:.98}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}.data-\[status\=error\]\:text-\[var\(--danger\)\][data-status=error]{color:var(--danger)}@media (width>=40rem){.sm\:inline{display:inline}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:p-12{padding:calc(var(--spacing) * 12)}}@media (width>=48rem){.md\:grid{display:grid}.md\:grid-cols-\[210px_1fr\]{grid-template-columns:210px 1fr}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@media (width>=64rem){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid-cols-\[1\.08fr_\.92fr\]{grid-template-columns:1.08fr .92fr}.lg\:grid-cols-\[180px_1fr_230px\]{grid-template-columns:180px 1fr 230px}.lg\:flex-col{flex-direction:column}}}:root{--canvas:oklch(96.8% .012 75);--surface:oklch(99.2% .005 75);--surface-inset:oklch(94.4% .012 72);--ink:oklch(23.5% .016 48);--ink-secondary:oklch(39% .018 48);--muted:oklch(55% .018 55);--accent:oklch(58% .145 38);--accent-soft:oklch(91% .05 45);--border:oklch(78% .016 68);--border-subtle:oklch(87% .012 72);--focus:oklch(58% .16 245);--success:oklch(55% .12 145);--warning:oklch(68% .14 75);--danger:oklch(55% .19 28);--syntax-string:oklch(48% .1 145);--syntax-function:oklch(48% .12 255);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--serif:var(--font-fraunces), "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:var(--font-geist-sans), Inter, Arial, sans-serif;--mono:var(--font-plex-mono), var(--font-geist-mono), monospace}:root[data-theme=dark]{--canvas:oklch(19% .012 48);--surface:oklch(23.5% .014 48);--surface-inset:oklch(16% .01 48);--ink:oklch(92% .012 75);--ink-secondary:oklch(76% .014 72);--muted:oklch(64% .015 68);--accent:oklch(70% .13 39);--accent-soft:oklch(33% .06 38);--border:oklch(40% .018 55);--border-subtle:oklch(31% .014 55);--success:oklch(72% .13 145);--warning:oklch(78% .13 75);--danger:oklch(70% .17 28);--syntax-string:oklch(74% .11 145);--syntax-function:oklch(73% .11 255)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);margin:0}button,a{font-family:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:1.2rem;height:1.2rem}.mark{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:2rem;height:2rem}.site-nav{border-bottom:1px solid var(--border-subtle);z-index:50;background:var(--canvas);justify-content:space-between;align-items:center;height:76px;padding:0 clamp(1.25rem,4vw,4.5rem);display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.site-nav{background:color-mix(in oklab, var(--canvas) 92%, transparent)}}.site-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{font-family:var(--serif);align-items:center;gap:.65rem;font-size:1.25rem;font-weight:600;display:flex}.brand em{font-family:var(--mono);color:var(--accent);border:1px solid var(--border);border-radius:99px;padding:.2rem .38rem;font-size:.58rem;font-style:normal}.nav-links{color:var(--ink-secondary);gap:clamp(1.4rem,3vw,2.6rem);font-size:.82rem;display:flex}.nav-links a,.github-link{transition:color .14s}.nav-links a:hover,.github-link:hover{color:var(--accent)}.nav-actions{align-items:center;gap:.75rem;display:flex}.github-link{padding-right:.25rem;font-size:.79rem}.icon-button{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:.4rem;place-items:center;width:37px;height:37px;transition:background .14s,transform .14s;display:grid}.icon-button:hover{background:var(--surface);transform:translateY(-1px)}.menu-button{display:none}.hero{grid-template-columns:minmax(320px,.84fr) minmax(520px,1.16fr);align-items:center;gap:clamp(2rem,6vw,7rem);min-height:calc(100vh - 76px);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,5vw,6.5rem) 4.5rem;display:grid;overflow:hidden}.hero-copy{position:relative}.eyebrow{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-secondary);align-items:center;gap:.7rem;margin:0 0 2rem;font-size:.68rem;display:flex}.eyebrow span{background:var(--accent);width:24px;height:1px}.hero h1{font-family:var(--serif);letter-spacing:-.055em;max-width:750px;margin:0;font-size:clamp(3.8rem,6.4vw,7rem);font-weight:400;line-height:.88}.hero h1 i,.first-principles h2 i{color:var(--accent);font-weight:400}.lede{color:var(--ink-secondary);max-width:540px;margin:2.25rem 0 2rem;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.6rem;display:flex}.primary-button{background:var(--ink);color:var(--canvas);border-radius:.42rem;justify-content:center;align-items:center;gap:.8rem;min-height:48px;padding:0 1.25rem;font-size:.86rem;transition:transform .14s,background .14s;display:inline-flex}.primary-button:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.text-link{border-bottom:1px solid var(--border);padding:.45rem 0;font-size:.82rem}.text-link span{color:var(--accent);margin-left:.4rem}.aside-note{border-left:1px solid var(--accent);font-family:var(--serif);color:var(--muted);margin:clamp(3rem,8vh,6.5rem) 0 0;padding-left:1rem;font-size:.9rem;font-style:italic;line-height:1.45}.hero-demo{min-width:0;position:relative}.hero-demo:before{content:"";border:1px solid var(--border-subtle);z-index:-1;width:140px;height:140px;position:absolute;top:-14%;right:-7%;transform:rotate(16deg)}.workspace{background:var(--surface);border:1px solid var(--border);width:min(100%,780px);min-height:500px;box-shadow:0 28px 65px var(--ink);border-radius:.85rem;grid-template-columns:190px 1fr;margin-left:auto;display:grid}@supports (color:color-mix(in lab, red, red)){.workspace{box-shadow:0 28px 65px color-mix(in oklab, var(--ink) 12%, transparent)}}.workspace{transition:transform .3s;overflow:hidden;transform:rotate(.35deg)}.workspace:hover{transform:rotate(0)}.workspace-sidebar{background:var(--surface-inset);border-right:1px solid var(--border-subtle);flex-direction:column;padding:1.25rem 1rem;display:flex}.workspace-brand{font-family:var(--serif);align-items:center;gap:.55rem;margin-bottom:2.25rem;font-size:.82rem;font-weight:600;display:flex}.workspace-brand .mark{width:1.35rem;height:1.35rem;color:var(--accent)}.workspace nav{gap:.24rem;display:grid}.workspace nav button{text-align:left;color:var(--ink-secondary);cursor:pointer;background:0 0;border:0;border-radius:.35rem;grid-template-columns:20px 1fr auto;align-items:center;gap:.35rem;padding:.65rem .6rem;font-size:.7rem;display:grid}.workspace nav button.active{background:var(--accent-soft);color:var(--ink)}.workspace nav button em{font-family:var(--mono);font-size:.58rem;font-style:normal}.nav-glyph{color:var(--accent);font-size:.9rem}.workspace-foot{border-top:1px solid var(--border-subtle);font-family:var(--mono);color:var(--muted);align-items:center;gap:.5rem;margin-top:auto;padding-top:1rem;font-size:.5rem;display:flex}.presence{background:oklch(65% .14 145);border-radius:50%;width:6px;height:6px}.workspace-main{min-width:0;padding:2rem 2.2rem}.workspace-main header{justify-content:space-between;align-items:flex-start;display:flex}.workspace-kicker{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);margin-bottom:.5rem;font-size:.48rem;display:block}.workspace-main h2{font-family:var(--serif);margin:0;font-size:2rem;font-weight:450}.plain-button{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:.35rem;padding:.5rem .65rem;font-size:.62rem}.plain-button:hover{background:var(--surface-inset)}.plain-button span{color:var(--accent);padding-left:.35rem}.workspace-rule{border-bottom:1px solid var(--border-subtle);font-family:var(--mono);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;padding:2rem 0 .65rem;font-size:.48rem;display:flex}.task-list{display:grid}.task{appearance:none;border:0;border-bottom:1px solid var(--border-subtle);text-align:left;cursor:pointer;background:0 0;grid-template-columns:24px 1fr auto;align-items:center;gap:.7rem;padding:1rem .3rem;transition:background .14s,padding .14s;display:grid}.task:hover{background:var(--surface-inset);padding-left:.65rem;padding-right:.65rem}.task-check{border:1px solid var(--border);border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.task-check .icon{width:11px;height:11px;color:var(--accent);stroke-width:2.5px}.task strong{font-size:.71rem;font-weight:540;display:block}.task small{font-family:var(--mono);color:var(--muted);margin-top:.35rem;font-size:.48rem;display:block}.task.done strong{color:var(--muted);text-decoration:line-through}.task-arrow{color:var(--muted);font-size:.65rem}.workspace blockquote{font-family:var(--serif);color:var(--ink-secondary);max-width:330px;margin:2.1rem 0 0 auto;font-size:.78rem;font-style:italic;line-height:1.45}.demo-label{width:min(100%,780px);font-family:var(--mono);color:var(--muted);letter-spacing:.08em;justify-content:space-between;margin:.8rem 0 0 auto;font-size:.48rem;display:flex}.install-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-inset);justify-content:space-between;align-items:center;min-height:134px;padding:1.6rem clamp(1.25rem,5vw,6.5rem);display:flex}.install-strip>div{gap:.65rem;display:grid}.install-label{font-family:var(--mono);letter-spacing:.13em;color:var(--muted);font-size:.58rem}.install-strip code{font-family:var(--mono);font-size:clamp(.76rem,1.4vw,1rem)}.install-strip code b{color:var(--accent);font-weight:400}.install-strip button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:.35rem;justify-content:center;align-items:center;gap:.45rem;min-width:88px;height:40px;font-size:.7rem;display:flex}.install-strip button:hover{border-color:var(--accent)}.install-strip button .icon{width:15px;height:15px}.first-principles{grid-template-columns:.5fr 1.2fr 1fr;align-items:start;gap:3rem;min-height:70vh;padding:clamp(5rem,11vw,10rem) clamp(1.25rem,10vw,12rem);display:grid}.section-index{font-family:var(--mono);letter-spacing:.12em;color:var(--accent);margin:.65rem 0;font-size:.6rem}.first-principles h2{font-family:var(--serif);letter-spacing:-.04em;margin:0;font-size:clamp(3rem,5vw,5.5rem);font-weight:420;line-height:.95}.first-principles>p:last-child{color:var(--ink-secondary);max-width:390px;margin-top:.75rem;line-height:1.7}.principle-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.principle-grid article{border-right:1px solid var(--border);flex-direction:column;min-height:280px;padding:clamp(2rem,4vw,4rem);display:flex}.principle-grid article:last-child{border-right:0}.principle-grid article>span{font-family:var(--mono);color:var(--accent);font-size:.62rem}.principle-grid h3{font-family:var(--serif);letter-spacing:-.025em;margin:auto 0 1rem;font-size:clamp(1.55rem,2.5vw,2.4rem);font-weight:450}.principle-grid p{max-width:370px;color:var(--ink-secondary);margin:0;font-size:.88rem;line-height:1.65}.components-section,.examples-section{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,5vw,6.5rem)}.section-heading{grid-template-columns:.55fr 1.45fr;gap:2rem;margin-bottom:clamp(3rem,6vw,5rem);display:grid}.section-heading>div{grid-template-columns:1.25fr .7fr;align-items:end;gap:3rem;display:grid}.section-heading h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(3rem,5vw,5.3rem);font-weight:420;line-height:.94}.section-heading h2 i{color:var(--accent);font-weight:400}.section-heading>div>p{color:var(--ink-secondary);max-width:420px;line-height:1.7}.component-docs{border:1px solid var(--border);background:var(--surface);border-radius:.8rem;grid-template-columns:210px 1fr;min-height:780px;display:grid;overflow:hidden}.component-index{background:var(--surface-inset);border-right:1px solid var(--border-subtle);padding:1.5rem 1rem}.component-index>p{font-family:var(--mono);letter-spacing:.12em;color:var(--muted);margin:0 0 1.2rem .55rem;font-size:.55rem}.component-index>button{width:100%;color:var(--ink-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.35rem;justify-content:space-between;padding:.68rem .6rem;font-size:.68rem;display:flex}.component-index>button:hover{color:var(--ink)}.component-index>button.active{background:var(--accent-soft);color:var(--ink)}.component-index>button span{font-family:var(--mono);color:var(--muted);font-size:.52rem}.component-tree{border-top:1px solid var(--border-subtle);gap:.1rem;margin-top:1.1rem;padding-top:1rem;display:grid}.component-tree button{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;padding:.5rem .7rem;font-size:.64rem}.component-tree button:hover{color:var(--ink)}.component-tree button.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.component-tree button.active{background:color-mix(in oklab, var(--accent-soft) 60%, transparent)}}.component-page{min-width:0;padding:clamp(1.4rem,3vw,2.5rem)}.component-page-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem;display:flex}.component-breadcrumb{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;margin-bottom:.65rem;font-size:.5rem}.component-breadcrumb span{color:var(--accent);margin:0 .3rem}.component-page h3{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(2rem,3vw,3.1rem);font-weight:450;line-height:1}.component-page-header p{color:var(--ink-secondary);max-width:560px;margin:.75rem 0 0;font-size:.75rem;line-height:1.55}.micro-label{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;margin-bottom:.4rem;font-size:.48rem;display:block}.stable-badge{font-family:var(--mono);color:oklch(55% .12 145);letter-spacing:.08em;flex:none;padding-top:.5rem;font-size:.52rem}.install-command{border:1px solid var(--border);background:var(--surface-inset);border-radius:.42rem;justify-content:space-between;align-items:center;height:48px;padding-left:.9rem;display:flex;overflow:hidden}.install-command code{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--mono);font-size:.58rem;overflow:hidden}.install-command code span{color:var(--accent)}.install-command button{border:0;border-left:1px solid var(--border);background:var(--surface);cursor:pointer;align-self:stretch;align-items:center;gap:.45rem;padding:0 .85rem;font-size:.58rem;display:flex}.install-command button:hover{background:var(--accent-soft)}.install-command .icon{width:14px;height:14px}.preview-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;height:58px;display:flex}.preview-toolbar [role=tablist]{align-self:stretch;gap:1.3rem;display:flex}.preview-toolbar [role=tab]{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:.3rem .1rem 0;font-size:.66rem}.preview-toolbar [role=tab][aria-selected=true]{border-bottom-color:var(--accent);color:var(--ink)}.state-controls{align-items:center;gap:.75rem;padding-bottom:.65rem;display:flex}.state-controls label{color:var(--ink-secondary);cursor:pointer;align-items:center;gap:.35rem;font-size:.55rem;display:flex}.state-controls input{accent-color:var(--accent)}.state-controls>span{font-family:var(--mono);border:1px solid var(--border-subtle);color:var(--muted);border-radius:.25rem;padding:.3rem .4rem;font-size:.5rem}.component-canvas{background-image:linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);border:1px solid var(--border);background-size:28px 28px;border-top:0;border-radius:0 0 .5rem .5rem;place-items:center;min-height:390px;padding:clamp(1.4rem,5vw,4.8rem);display:grid;overflow:hidden}.production-preview{width:min(100%,680px)}.production-preview.is-compact{width:min(100%,520px);font-size:.9em}.component-canvas.code-view{background:var(--surface-inset);padding:0;display:block}.preview-stack,.field-component,.select-component,.settings-card,.dialog-demo,.command-demo,.surface-showcase,.heading-showcase,.note-preview,.quote-showcase,.timeline-showcase,.metadata-showcase,.message-showcase,.composer-showcase,.reasoning-showcase,.tool-showcase,.sources-showcase,.artifact-showcase{width:min(100%,560px)}.preview-stack{gap:1rem;display:grid}.button-showcase{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;display:flex}.demo-button{cursor:pointer;border:1px solid #0000;border-radius:.38rem;min-height:40px;padding:0 1rem;font-size:.67rem;transition:transform .14s,background .14s}.demo-button:hover:not(:disabled){transform:translateY(-1px)}.demo-button:disabled,.component-canvas :disabled{opacity:.45;cursor:not-allowed}.demo-button.primary{background:var(--ink);color:var(--canvas)}.demo-button.primary:hover:not(:disabled){background:var(--accent);color:#fff}.demo-button.outline{background:var(--surface);border-color:var(--border)}.demo-button.outline:hover:not(:disabled),.demo-button.ghost:hover:not(:disabled){background:var(--surface-inset)}.demo-button.ghost{color:var(--ink-secondary);background:0 0}.demo-button.danger{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.demo-button.danger{background:color-mix(in oklab, var(--accent) 12%, var(--surface))}}.demo-button.danger{color:var(--accent);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.demo-button.danger{border-color:color-mix(in oklab, var(--accent) 45%, var(--border))}}.preview-hint{text-align:center;color:var(--muted);font-family:var(--mono);font-size:.5rem}.is-compact .demo-button{min-height:32px;padding:0 .75rem}.field-component,.select-component{background:var(--surface);border:1px solid var(--border);border-radius:.55rem;gap:.55rem;padding:1.5rem;display:grid}.field-component label,.select-component label{font-size:.68rem;font-weight:600}.field-component input,.select-component select,.inline-dialog input{border:1px solid var(--border);background:var(--canvas);min-height:42px;color:var(--ink);border-radius:.35rem;outline:0;padding:0 .75rem;font-size:.7rem}.field-component input:focus,.select-component select:focus,.inline-dialog input:focus{border-color:var(--focus);box-shadow:0 0 0 2px var(--focus)}@supports (color:color-mix(in lab, red, red)){.field-component input:focus,.select-component select:focus,.inline-dialog input:focus{box-shadow:0 0 0 2px color-mix(in oklab, var(--focus) 18%, transparent)}}.field-component small,.select-component small{color:var(--muted);font-size:.58rem}.field-component.is-compact,.select-component.is-compact{gap:.35rem;padding:1rem}.field-component.is-compact input,.select-component.is-compact select{min-height:34px}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:.55rem;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem;display:flex}.settings-card strong{font-size:.72rem}.settings-card p{color:var(--muted);margin:.35rem 0 0;font-size:.6rem}.settings-card>button{border:1px solid var(--border);background:var(--surface-inset);cursor:pointer;border-radius:99px;flex:none;width:40px;height:23px;padding:2px}.settings-card>button span{background:var(--ink-secondary);border-radius:50%;width:17px;height:17px;transition:transform .18s,background .18s;display:block}.settings-card>button.switch-on{background:var(--accent-soft);border-color:var(--accent)}.settings-card>button.switch-on span{background:var(--accent);transform:translate(17px)}.dialog-demo{place-items:center;min-height:255px;display:grid;position:relative}.inline-dialog{background:var(--surface);border:1px solid var(--border);width:min(100%,450px);height:max-content;box-shadow:0 24px 60px var(--ink);border-radius:.65rem;margin:auto;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.inline-dialog{box-shadow:0 24px 60px color-mix(in oklab, var(--ink) 18%, transparent)}}.inline-dialog{gap:.7rem;padding:1.4rem;display:grid}.dialog-close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.2rem;position:absolute;top:.6rem;right:.7rem}.inline-dialog h4{font-family:var(--serif);margin:0;font-size:1.35rem}.inline-dialog p{color:var(--ink-secondary);margin:0 0 .3rem;font-size:.66rem;line-height:1.5}.inline-dialog label{font-size:.62rem;font-weight:600}.inline-dialog>div{justify-content:flex-end;gap:.4rem;margin-top:.5rem;display:flex}.command-demo{background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 45px var(--ink);border-radius:.6rem}@supports (color:color-mix(in lab, red, red)){.command-demo{box-shadow:0 18px 45px color-mix(in oklab, var(--ink) 10%, transparent)}}.command-demo{overflow:hidden}.command-search{border-bottom:1px solid var(--border-subtle);grid-template-columns:25px 1fr auto;align-items:center;height:54px;padding:0 1rem;display:grid}.command-search>span{color:var(--accent);font-size:1rem}.command-search input{color:var(--ink);background:0 0;border:0;outline:0;font-size:.7rem}.command-demo kbd{font-family:var(--mono);border:1px solid var(--border);color:var(--muted);border-radius:.2rem;padding:.2rem .3rem;font-size:.46rem}.command-demo>p{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);margin:.8rem 1rem .35rem;font-size:.45rem}.command-demo>button{text-align:left;width:calc(100% - 1rem);color:var(--ink-secondary);cursor:pointer;background:0 0;border:0;border-radius:.3rem;grid-template-columns:22px 1fr auto;margin:0 .5rem .2rem;padding:.68rem;font-size:.64rem;display:grid}.command-demo>button:hover{background:var(--accent-soft);color:var(--ink)}.surface-showcase{background:var(--surface);border:1px solid var(--border);border-radius:.55rem;grid-template-columns:1.6fr .7fr;display:grid;overflow:hidden}.surface-showcase section{padding:1.4rem}.surface-showcase h4{font-family:var(--serif);margin:.5rem 0;font-size:1.35rem}.surface-showcase p{color:var(--ink-secondary);font-size:.65rem;line-height:1.5}.surface-showcase .inset{border-left:1px solid var(--border);background:var(--surface-inset);flex-direction:column;justify-content:flex-end;display:flex}.surface-showcase .inset strong{font-family:var(--serif);font-size:2rem;font-weight:450}.surface-showcase .inset span{color:var(--muted);font-size:.55rem}.heading-showcase{background:var(--surface);border-left:2px solid var(--accent);padding:2rem}.heading-showcase>span{font-family:var(--mono);letter-spacing:.1em;color:var(--accent);font-size:.5rem}.heading-showcase h4{font-family:var(--serif);letter-spacing:-.04em;margin:1rem 0;font-size:clamp(2rem,4vw,3.3rem);font-weight:420;line-height:.94}.heading-showcase h4 i{color:var(--accent);font-weight:400}.heading-showcase p{max-width:420px;color:var(--ink-secondary);font-size:.68rem;line-height:1.6}.heading-showcase button{margin-top:.7rem}.note-preview{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);box-shadow:0 12px 30px var(--ink);border-radius:.55rem;grid-template-columns:30px 1fr;gap:1rem;padding:1.4rem;display:grid}@supports (color:color-mix(in lab, red, red)){.note-preview{box-shadow:0 12px 30px color-mix(in oklab, var(--ink) 5%, transparent)}}.note-mark{color:var(--accent)}.note-preview strong{font-family:var(--serif);font-size:1.06rem;font-weight:550}.note-preview p{color:var(--ink-secondary);margin:.55rem 0 .7rem;font-size:.75rem;line-height:1.55}.note-preview a{color:var(--accent);font-size:.66rem}.quote-showcase{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0;padding:2rem}.quote-showcase blockquote{font-family:var(--serif);letter-spacing:-.025em;margin:0;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.22}.quote-showcase figcaption{font-family:var(--mono);color:var(--muted);align-items:center;gap:.5rem;margin-top:1.2rem;font-size:.5rem;display:flex}.quote-showcase figcaption span{background:var(--accent);width:20px;height:1px}.timeline-showcase{margin:0;padding:0;list-style:none}.timeline-showcase li{grid-template-columns:38px 1fr;gap:1rem;padding-bottom:1.35rem;display:grid;position:relative}.timeline-showcase li>span{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--accent);font-family:var(--mono);z-index:1;border-radius:50%;place-items:center;font-size:.45rem;display:grid}.timeline-showcase li:not(:last-child):after{content:"";background:var(--border);width:1px;position:absolute;top:28px;bottom:0;left:14px}.timeline-showcase small{font-family:var(--mono);color:var(--muted);margin:.15rem 0 .3rem;font-size:.45rem;display:block}.timeline-showcase strong{font-family:var(--serif);font-size:.9rem;display:block}.timeline-showcase p{color:var(--ink-secondary);margin:.35rem 0;font-size:.6rem}.metadata-showcase{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;margin:0}.metadata-showcase div{border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr 1.4fr;padding:.8rem 1rem;display:grid}.metadata-showcase div:last-child{border:0}.metadata-showcase dt{color:var(--muted);font-family:var(--mono);font-size:.5rem}.metadata-showcase dd{margin:0;font-size:.65rem}.status-dot{background:oklch(60% .14 145);border-radius:50%;width:6px;height:6px;margin-right:.4rem;display:inline-block}.message-showcase{gap:1.2rem;display:grid}.message-user{background:var(--accent-soft);border-radius:.65rem .65rem .15rem;max-width:72%;margin-left:auto;padding:.8rem 1rem}.message-user span,.message-assistant small{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);font-size:.45rem}.message-user p,.message-assistant p{margin:.35rem 0 0;font-size:.68rem;line-height:1.6}.message-assistant{grid-template-columns:30px 1fr;gap:.8rem;max-width:88%;display:grid}.ai-mark{background:var(--ink);width:28px;height:28px;color:var(--canvas);font-family:var(--serif);border-radius:50%;place-items:center;display:grid}.message-assistant>div{border-left:1px solid var(--accent);padding-left:.9rem}.message-assistant>div>div{gap:.4rem;margin-top:.7rem;display:flex}.message-assistant button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.52rem}.composer-showcase{background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 45px var(--ink);border-radius:.8rem}@supports (color:color-mix(in lab, red, red)){.composer-showcase{box-shadow:0 18px 45px color-mix(in oklab, var(--ink) 8%, transparent)}}.composer-showcase{padding:.8rem}.composer-showcase textarea{resize:none;width:100%;min-height:100px;color:var(--ink);font:.72rem/1.5 var(--sans);background:0 0;border:0;outline:0;padding:.6rem}.composer-showcase>div{color:var(--muted);justify-content:space-between;align-items:center;font-size:.56rem;display:flex}.composer-actions{align-items:center;gap:.55rem;display:flex}.composer-actions kbd{font-family:var(--mono);font-size:.45rem}.composer-actions button{background:var(--ink);width:32px;height:32px;color:var(--canvas);cursor:pointer;border:0;border-radius:.35rem}.sent-state{color:oklch(55% .12 145);margin:.6rem .5rem 0;font-size:.55rem}.reasoning-showcase{background:var(--surface);border:1px solid var(--border);border-radius:.55rem;overflow:hidden}.reasoning-showcase summary{cursor:pointer;align-items:center;gap:.7rem;padding:1rem;font-size:.7rem;list-style:none;display:flex}.reasoning-showcase summary small{color:var(--muted);font-family:var(--mono);margin-left:auto;font-size:.48rem}.reasoning-pulse{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.reasoning-showcase ol{color:var(--ink-secondary);margin:0;padding:0 1.2rem 1.2rem 3rem;font-size:.62rem;line-height:1.7}.tool-showcase{background:var(--surface);border:1px solid var(--border);border-radius:.55rem;overflow:hidden}.tool-showcase header{grid-template-columns:32px 1fr auto;align-items:center;gap:.7rem;padding:.9rem;display:grid}.tool-icon{background:var(--surface-inset);border:1px solid var(--border-subtle);width:30px;height:30px;color:var(--accent);border-radius:.35rem;place-items:center;display:grid}.tool-showcase strong,.tool-showcase small{display:block}.tool-showcase strong{font-size:.67rem}.tool-showcase small{color:var(--muted);margin-top:.25rem;font-size:.5rem}.tool-showcase em{font-family:var(--mono);color:oklch(55% .12 145);font-size:.45rem;font-style:normal}.tool-showcase code{background:var(--surface-inset);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:var(--ink-secondary);font-family:var(--mono);padding:.85rem 1rem;font-size:.55rem;display:block}.tool-showcase p{margin:0;padding:.8rem 1rem;font-size:.58rem}.tool-showcase p span{color:oklch(55% .12 145);margin-right:.5rem}.sources-showcase>p{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);font-size:.5rem}.sources-showcase a{border-top:1px solid var(--border);grid-template-columns:28px 1fr auto;align-items:center;gap:.8rem;padding:.85rem .2rem;display:grid}.sources-showcase a>span{color:var(--accent);font-family:var(--mono);font-size:.48rem}.sources-showcase strong,.sources-showcase small{display:block}.sources-showcase strong{font-family:var(--serif);font-size:.84rem;font-weight:500}.sources-showcase small{color:var(--muted);margin-top:.2rem;font-size:.5rem}.sources-showcase em{color:var(--muted);font-style:normal}.artifact-showcase{background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 45px var(--ink);border-radius:.55rem}@supports (color:color-mix(in lab, red, red)){.artifact-showcase{box-shadow:0 18px 45px color-mix(in oklab, var(--ink) 8%, transparent)}}.artifact-showcase{overflow:hidden}.artifact-showcase header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;height:44px;padding:0 .8rem;display:flex}.artifact-showcase header div{align-items:center;gap:.55rem;display:flex}.artifact-showcase header span{color:var(--accent);font-size:.45rem}.artifact-showcase header strong{font-size:.58rem}.artifact-showcase header small{font-family:var(--mono);color:var(--muted);font-size:.45rem}.artifact-showcase header button{color:var(--muted);background:0 0;border:0}.artifact-body{background:var(--surface-inset);grid-template-columns:38px 1fr;display:grid}.artifact-body aside{border-right:1px solid var(--border-subtle);color:var(--muted);font-family:var(--mono);padding:.85rem .5rem;font-size:.45rem;display:grid}.artifact-body pre{min-height:190px;color:var(--ink-secondary);font:.6rem/1.8 var(--mono);white-space:pre-wrap;margin:0;padding:.9rem 1rem}.code-block{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-inset);width:100%;min-width:0;color:var(--ink);overflow:hidden}.code-block-toolbar{border-bottom:1px solid var(--border-subtle);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding:.55rem .75rem .55rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.code-block-toolbar{background:color-mix(in oklab, var(--surface) 76%, var(--surface-inset))}}.code-block-toolbar>div{align-items:center;gap:.7rem;min-width:0;display:flex}.code-block-language{border:1px solid var(--accent);flex:none}@supports (color:color-mix(in lab, red, red)){.code-block-language{border:1px solid color-mix(in oklab, var(--accent) 35%, var(--border))}}.code-block-language{border-radius:var(--radius-xs);color:var(--accent);font:.47rem var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:.23rem .38rem}.code-block-toolbar strong{min-width:0;color:var(--ink-secondary);font:500 .58rem var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-block-toolbar button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:32px;color:var(--ink-secondary);cursor:pointer;flex:none;align-items:center;gap:.4rem;padding:0 .65rem;font-size:.54rem;transition:border-color .14s,background .14s,color .14s,transform .14s;display:inline-flex}.code-block-toolbar button:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.code-block-toolbar button:hover{border-color:color-mix(in oklab, var(--accent) 48%, var(--border))}}.code-block-toolbar button:hover{background:var(--accent-soft);color:var(--accent);transform:translateY(-1px)}.code-block-toolbar button svg{width:13px;height:13px}.code-block-scroll{tab-size:2;width:100%;max-height:720px;padding:1.25rem 0 1.6rem;overflow:auto;font:.7rem/1.72 var(--mono)!important;background:0 0!important;margin:0!important}.code-block-line{grid-template-columns:54px minmax(max-content,1fr);width:max-content;min-width:100%;padding:.07rem 1.5rem .07rem 0;display:grid!important}.code-block-line:hover{background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.code-block-line:hover{background:color-mix(in oklab, var(--accent-soft) 46%, transparent)}}.code-block-number{z-index:1;border-right:1px solid var(--border-subtle);background:var(--surface-inset);color:var(--muted);padding-right:1rem;position:sticky;left:0}@supports (color:color-mix(in lab, red, red)){.code-block-number{color:color-mix(in oklab, var(--muted) 72%, transparent)}}.code-block-number{text-align:right;-webkit-user-select:none;user-select:none}.code-block-content{white-space:pre;padding-left:1rem}.code-block-scroll[data-line-numbers=false] .code-block-line{grid-template-columns:minmax(max-content,1fr);padding-left:.25rem}.code-block-scroll[data-line-numbers=false] .code-block-content{padding-left:1rem}.component-canvas.code-view .code-block{min-height:inherit;border-radius:inherit;border:0}.component-canvas.code-view .code-block-scroll{max-height:clamp(480px,58vh,660px)}.component-guidance{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);margin-top:1.6rem;display:grid}.component-guidance>div{border-right:1px solid var(--border-subtle);padding:1.1rem}.component-guidance>div:last-child{border:0}.component-guidance span{font-family:var(--mono);color:var(--accent);letter-spacing:.08em;font-size:.48rem}.component-guidance p{color:var(--ink-secondary);margin:.55rem 0 0;font-size:.58rem;line-height:1.55}.component-caption{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;padding-top:.8rem;font-size:.52rem;display:flex}.agent-section{background:var(--ink);color:var(--canvas);grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,10vw,9rem) clamp(1.25rem,7vw,9rem);display:grid}.agent-intro .section-index{color:var(--accent)}.agent-intro h2{font-family:var(--serif);letter-spacing:-.045em;margin:1.8rem 0;font-size:clamp(3.1rem,5vw,5.5rem);font-weight:420;line-height:.93}.agent-intro h2 i{color:var(--accent);font-weight:400}.agent-intro>p:not(.section-index){color:var(--canvas)}@supports (color:color-mix(in lab, red, red)){.agent-intro>p:not(.section-index){color:color-mix(in oklab, var(--canvas) 75%, transparent)}}.agent-intro>p:not(.section-index){max-width:500px;line-height:1.7}.agent-intro .text-link{margin-top:1.6rem;display:inline-block}.rulebook{border:1px solid var(--canvas)}@supports (color:color-mix(in lab, red, red)){.rulebook{border:1px solid color-mix(in oklab, var(--canvas) 25%, transparent)}}.rulebook{background:var(--canvas);border-radius:.65rem}@supports (color:color-mix(in lab, red, red)){.rulebook{background:color-mix(in oklab, var(--canvas) 4%, var(--ink))}}.rulebook{overflow:hidden}.rulebook header,.rulebook footer{border-bottom:1px solid var(--canvas);justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}@supports (color:color-mix(in lab, red, red)){.rulebook header,.rulebook footer{border-bottom:1px solid color-mix(in oklab, var(--canvas) 17%, transparent)}}.rulebook header,.rulebook footer{font-family:var(--mono);color:var(--canvas);font-size:.54rem}@supports (color:color-mix(in lab, red, red)){.rulebook header,.rulebook footer{color:color-mix(in oklab, var(--canvas) 65%, transparent)}}.live-dot{color:oklch(72% .14 145)}.rulebook ol{margin:0;padding:0;list-style:none}.rulebook li{border-bottom:1px solid var(--canvas);grid-template-columns:38px 1fr auto;align-items:center;gap:1rem;padding:1.2rem;display:grid}@supports (color:color-mix(in lab, red, red)){.rulebook li{border-bottom:1px solid color-mix(in oklab, var(--canvas) 12%, transparent)}}.rulebook li>span{font-family:var(--mono);color:var(--accent);font-size:.54rem}.rulebook li p{color:var(--canvas);margin:0}@supports (color:color-mix(in lab, red, red)){.rulebook li p{color:color-mix(in oklab, var(--canvas) 68%, transparent)}}.rulebook li p{font-size:.72rem;line-height:1.5}.rulebook li strong{color:var(--canvas);font-size:.75rem}.rulebook li em{font-family:var(--mono);color:var(--canvas);font-style:normal}@supports (color:color-mix(in lab, red, red)){.rulebook li em{color:color-mix(in oklab, var(--canvas) 55%, transparent)}}.rulebook li em{border:1px solid var(--canvas);font-size:.48rem}@supports (color:color-mix(in lab, red, red)){.rulebook li em{border:1px solid color-mix(in oklab, var(--canvas) 18%, transparent)}}.rulebook li em{border-radius:99px;padding:.25rem .4rem}.rulebook footer{border-bottom:0;flex-wrap:wrap;justify-content:flex-start;gap:.5rem}.rulebook footer code{border:1px solid var(--canvas)}@supports (color:color-mix(in lab, red, red)){.rulebook footer code{border:1px solid color-mix(in oklab, var(--canvas) 17%, transparent)}}.rulebook footer code{border-radius:.25rem;padding:.3rem .4rem}.examples-section{background:var(--surface)}.demo-gallery{border:1px solid var(--border);border-radius:.8rem;overflow:hidden}.demo-tabs{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.demo-tabs button{border:0;border-right:1px solid var(--border);background:var(--surface-inset);height:70px;color:var(--ink-secondary);cursor:pointer;justify-content:center;align-items:center;gap:.7rem;font-size:.76rem;display:flex}.demo-tabs button:last-child{border-right:0}.demo-tabs button span{color:var(--muted);font-family:var(--mono);font-size:.5rem}.demo-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:inset 0 -2px var(--accent)}.demo-panel{grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(2rem,6vw,7rem);min-height:510px;padding:clamp(2rem,5vw,5rem);display:grid}.demo-copy>span{font-family:var(--mono);letter-spacing:.12em;color:var(--accent);font-size:.55rem}.demo-copy h3{font-family:var(--serif);letter-spacing:-.04em;margin:1.4rem 0;font-size:clamp(2.5rem,4vw,4.6rem);font-weight:420;line-height:.95}.demo-copy p{color:var(--ink-secondary);max-width:340px;line-height:1.6}.demo-copy a{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;margin-top:1.5rem;padding-bottom:.4rem;font-size:.72rem;display:inline-flex}.demo-copy a .icon{width:15px}.demo-visual{border:1px solid var(--border);background:var(--canvas);min-height:330px;box-shadow:0 25px 50px var(--ink);border-radius:.65rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.demo-visual{box-shadow:0 25px 50px color-mix(in oklab, var(--ink) 8%, transparent)}}.demo-visual-top{border-bottom:1px solid var(--border-subtle);height:45px;font-family:var(--mono);justify-content:space-between;align-items:center;padding:0 1rem;font-size:.55rem;display:flex}.demo-stat-grid{border:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);margin:1.4rem;display:grid}.demo-stat-grid div{border-right:1px solid var(--border-subtle);flex-direction:column;justify-content:space-between;min-height:84px;padding:.8rem;display:flex}.demo-stat-grid div:last-child{border:0}.demo-stat-grid small{font-family:var(--mono);color:var(--muted);font-size:.45rem}.demo-stat-grid strong{font-family:var(--serif);font-size:1.25rem;font-weight:450}.demo-lines{gap:.8rem;width:55%;margin:2rem 1.4rem;display:grid}.demo-lines i{background:var(--border);height:1px;display:block}.demo-lines i:nth-child(2){width:72%}.demo-lines i:nth-child(3){width:88%}.demo-lines i:nth-child(4){width:48%}.demo-orbit{border:1px solid var(--accent);border-radius:50%;place-items:center;width:200px;height:200px;display:grid;position:absolute;bottom:-45px;right:-36px}.demo-orbit:before,.demo-orbit:after{content:"";border:1px solid var(--border);border-radius:50%;position:absolute}.demo-orbit:before{inset:18px}.demo-orbit:after{inset:42px}.demo-orbit span{font-family:var(--serif);color:var(--accent);z-index:1;font-size:2.4rem}.demo-mybelajar .demo-orbit{border-radius:.5rem;transform:rotate(9deg)}.demo-arena-indo .demo-orbit{border-style:dashed}.manifesto{text-align:center;border-top:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;min-height:76vh;padding:clamp(5rem,10vw,9rem) 1.25rem;display:flex}.manifesto-mark{border:1px solid var(--border);width:68px;height:68px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:2rem;display:grid}.manifesto>p{font-family:var(--mono);letter-spacing:.14em;color:var(--muted);font-size:.55rem}.manifesto h2{font-family:var(--serif);letter-spacing:-.05em;margin:1.5rem 0 2.8rem;font-size:clamp(3.2rem,6.5vw,7rem);font-weight:420;line-height:.92}.manifesto h2 i{color:var(--accent);font-weight:400}.manifesto-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.6rem;display:flex}.site-footer{border-top:1px solid var(--border);background:var(--surface-inset);grid-template-columns:1.6fr .55fr .55fr 1fr;gap:3rem;padding:3.5rem clamp(1.25rem,5vw,6.5rem);display:grid}.site-footer>div:first-child p,.legal{max-width:290px;color:var(--muted);font-size:.65rem;line-height:1.6}.site-footer>div:not(:first-child){flex-direction:column;gap:.65rem;font-size:.7rem;display:flex}.site-footer strong{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);margin-bottom:.4rem;font-size:.52rem}.site-footer a:hover{color:var(--accent)}.legal{align-self:end;margin:0}.section-cta-row{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.install-command code em{color:var(--muted);font-style:normal}.docs-route{min-height:100vh;overflow:hidden}.route-hero{border-bottom:1px solid var(--border);padding:clamp(5rem,10vw,9rem) clamp(1.25rem,10vw,12rem) clamp(4rem,7vw,7rem);position:relative}.route-hero:after{content:"";border:1px solid var(--border-subtle);pointer-events:none;width:220px;height:220px;position:absolute;bottom:-80px;right:7vw;transform:rotate(13deg)}.route-hero h1{font-family:var(--serif);letter-spacing:-.055em;margin:1.5rem 0 2rem;font-size:clamp(4rem,8vw,8rem);font-weight:420;line-height:.87}.route-hero h1 i,.route-section-heading h2 i{color:var(--accent);font-weight:400}.route-hero>p:last-of-type{max-width:650px;color:var(--ink-secondary);font-size:clamp(.95rem,1.3vw,1.15rem);line-height:1.7}.reveal-in{animation:route-reveal .7s var(--ease-enter,cubic-bezier(.22,.8,.2,1)) both}.delay-1{animation-delay:.12s}@keyframes route-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.route-section-heading{grid-template-columns:.5fr 1.5fr;gap:2rem;margin-bottom:3rem;display:grid}.route-section-heading>div{grid-template-columns:1.2fr .75fr;align-items:end;gap:3rem;display:grid}.route-section-heading h2{font-family:var(--serif);letter-spacing:-.04em;margin:0;font-size:clamp(3rem,5vw,5rem);font-weight:420;line-height:.94}.route-section-heading>div>p{color:var(--ink-secondary);line-height:1.65}.docs-endcap{border-top:1px solid var(--border);background:var(--surface-inset);justify-content:space-between;align-items:center;gap:2rem;min-height:240px;padding:4rem clamp(1.25rem,8vw,9rem);display:flex}.docs-endcap p{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.5rem)}.docs-endcap a{color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:.35rem;font-size:.75rem}.catalog-index{padding:clamp(3rem,6vw,6rem) clamp(1.25rem,7vw,8rem)}.catalog-search{border:1px solid var(--border);background:var(--surface);border-radius:.45rem;grid-template-columns:35px 1fr auto;align-items:center;height:54px;margin-bottom:2rem;padding:0 1rem;display:grid}.catalog-search>span{color:var(--accent);font-size:1.1rem}.catalog-search input{color:var(--ink);background:0 0;border:0;outline:0;font-size:.75rem}.catalog-search kbd{font:.5rem var(--mono);color:var(--muted);border:1px solid var(--border-subtle);border-radius:.25rem;padding:.3rem .45rem}.catalog-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.catalog-grid a{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);grid-template-rows:1fr auto;grid-template-columns:30px 1fr;min-height:95px;padding:1.15rem;transition:background .16s,transform .16s;display:grid}.catalog-grid a:hover{background:var(--accent-soft);z-index:1;transform:translateY(-2px)}.catalog-grid a>span{color:var(--accent);font:.5rem var(--mono)}.catalog-grid strong{font-family:var(--serif);font-size:1rem;font-weight:500}.catalog-grid em{color:var(--muted);font:normal .48rem var(--mono);text-transform:uppercase;letter-spacing:.08em;grid-column:2}.catalog-empty{text-align:center;color:var(--muted);border:1px solid var(--border);padding:3rem}.full-workbench{background:var(--surface-inset);border-top:1px solid var(--border);padding:clamp(5rem,9vw,8rem) clamp(1.25rem,5vw,6rem)}.foundation-section{border-bottom:1px solid var(--border);grid-template-columns:.55fr 1.45fr;gap:clamp(2rem,7vw,7rem);padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,9rem);display:grid}.foundation-label>span{font:.55rem var(--mono);color:var(--accent)}.foundation-label h2{font-family:var(--serif);margin:1rem 0;font-size:clamp(2.5rem,4vw,4.5rem);font-weight:420}.foundation-label p{max-width:330px;color:var(--ink-secondary);font-size:.78rem;line-height:1.65}.color-spectral{height:58px;font:.5rem var(--mono);color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:2rem;display:grid}.color-spectral div{background:linear-gradient(90deg, var(--canvas), var(--accent), var(--ink));height:1px}.swatch-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.swatch-grid article{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);padding:1rem}.swatch{aspect-ratio:1.5;border:1px solid var(--border-subtle);margin-bottom:1rem}.swatch-canvas{background:oklch(96.8% .012 75)}.swatch-surface{background:oklch(99.2% .005 75)}.swatch-ink{background:oklch(23.5% .016 48)}.swatch-accent{background:oklch(58% .145 38)}.swatch-moss{background:oklch(55% .12 145)}.swatch-focus{background:oklch(58% .16 245)}.swatch-grid h3{font-family:var(--serif);margin:0 0 .45rem;font-size:1rem}.swatch-grid code,.swatch-grid small{font:.48rem/1.6 var(--mono);color:var(--muted);display:block}.swatch-grid code{color:var(--accent)}.type-specimen{border-top:1px solid var(--border)}.type-specimen article{border-bottom:1px solid var(--border);padding:2rem 0}.type-specimen article>span{font:.5rem var(--mono);letter-spacing:.1em;color:var(--accent)}.type-display p{font-family:var(--serif);letter-spacing:-.05em;margin:1.5rem 0;font-size:clamp(3rem,6vw,6.5rem);line-height:.9}.type-display p i{color:var(--accent)}.type-specimen small{color:var(--muted);font:.5rem var(--mono)}.type-body{grid-template-columns:.5fr 1fr;column-gap:3rem;display:grid}.type-body>span{grid-column:1/-1}.type-body h3{margin:1.2rem 0;font-size:1.2rem}.type-body p{color:var(--ink-secondary);max-width:590px;line-height:1.7}.type-body small{grid-column:2}.type-mono code{color:var(--ink-secondary);font:.68rem/1.9 var(--mono);margin-top:1.2rem;display:block}.shape-showcase{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.shape-showcase>article{aspect-ratio:1;border:1px solid var(--border);background:var(--surface);align-items:flex-end;padding:.8rem;transition:transform .15s,background .15s;display:flex}.shape-showcase>article:hover{background:var(--accent-soft);transform:translateY(-4px)}.shape-showcase article span{font:.5rem var(--mono);color:var(--muted)}.space-ruler{border:1px solid var(--border);grid-column:1/-1;align-items:flex-end;gap:2rem;min-height:130px;padding:1.5rem;display:flex}.space-ruler i{background:var(--accent);opacity:.8;height:70px;display:block}.motion-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.motion-grid article{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);grid-template-rows:1fr auto;min-height:190px;padding:1rem;display:grid;position:relative;overflow:hidden}.motion-grid article>div{place-items:center;display:grid}.motion-grid article>div span{border:1px solid var(--accent);width:42px;height:42px;color:var(--accent);font:.55rem var(--mono);place-items:center;display:grid}.motion-grid article:hover>div span{animation:.65s cubic-bezier(.22,.8,.2,1) both specimen}.motion-grid code{color:var(--ink);font:.58rem var(--mono)}.motion-grid small{color:var(--muted);font:.48rem var(--mono);position:absolute;bottom:1rem;right:1rem}@keyframes specimen{0%{opacity:0;transform:translateY(16px)scale(.96)}55%{opacity:1;transform:translateY(-3px)scale(1)}to{transform:translateY(0)scale(1)}}.token-marquee{border-bottom:1px solid var(--border);background:var(--ink);color:var(--canvas);padding:1.2rem 0;overflow:hidden}.token-marquee div{width:max-content;font:.58rem var(--mono);letter-spacing:.1em;animation:22s linear infinite marquee}@keyframes marquee{to{transform:translate(-35%)}}.block-filter{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.block-filter button{border:1px solid var(--border);background:var(--surface);color:var(--ink-secondary);cursor:pointer;border-radius:99px;padding:.55rem .8rem;font-size:.62rem}.block-filter button.active,.block-filter button:hover{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.blocks-list{gap:4rem;padding:clamp(3rem,6vw,6rem) clamp(1rem,4vw,4rem);display:grid}.block-card{border:1px solid var(--border);background:var(--surface);box-shadow:0 18px 50px var(--ink);border-radius:.75rem;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.block-card{box-shadow:0 18px 50px color-mix(in oklab, var(--ink) 5%, transparent)}}.block-card>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:2rem;padding:1.5rem 1.8rem;display:flex}.block-card>header>div:first-child>span{color:var(--accent);font:.5rem var(--mono);letter-spacing:.1em}.block-card>header h2{font-family:var(--serif);letter-spacing:-.035em;margin:.6rem 0;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:450}.block-card>header p{color:var(--ink-secondary);max-width:570px;margin:0;font-size:.68rem;line-height:1.55}.block-card>header>div:last-child{gap:.4rem;display:flex}.block-card>header button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:.5rem;font-size:.6rem}.block-card>header button.active{color:var(--ink);border-bottom-color:var(--accent)}.block-frame{background-image:linear-gradient(var(--border-subtle) 1px, transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:28px 28px;place-items:center;min-height:620px;padding:clamp(1rem,3vw,3rem);display:grid;overflow:auto}.block-frame.show-code{background:var(--surface-inset);min-height:620px;padding:0;display:block}.block-frame.show-code .code-block{border:0;border-radius:0;min-height:620px}.block-frame.show-code .code-block-scroll{max-height:720px}.block-card>footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;min-height:52px;padding:.65rem 1rem;display:flex}.block-card>footer code{color:var(--muted);font:.48rem var(--mono)}.block-card>footer button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:.32rem;padding:.55rem .75rem;font-size:.58rem}.block-card>footer button:hover{background:var(--accent-soft)}.block-login,.block-sidebar,.block-settings,.block-reader,.block-ai,.block-leaderboard{background:var(--canvas);border:1px solid var(--border);width:min(100%,1050px);min-height:500px;box-shadow:0 24px 60px var(--ink);border-radius:.55rem;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.block-login,.block-sidebar,.block-settings,.block-reader,.block-ai,.block-leaderboard{box-shadow:0 24px 60px color-mix(in oklab, var(--ink) 12%, transparent)}}.block-login,.block-sidebar,.block-settings,.block-reader,.block-ai,.block-leaderboard{animation:.5s cubic-bezier(.22,.8,.2,1) both block-enter}@keyframes block-enter{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}.block-login{grid-template-columns:1.1fr .9fr;display:grid}.block-login>section{background:var(--ink);color:var(--canvas);flex-direction:column;padding:clamp(2rem,5vw,5rem);display:flex}.block-wordmark{border:1px solid var(--canvas);place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.block-wordmark{border:1px solid color-mix(in oklab,var(--canvas) 35%,transparent)}}.block-wordmark{font-family:var(--serif);border-radius:50%}.block-login section>p{color:var(--accent);font:.5rem var(--mono);letter-spacing:.1em;margin-top:auto}.block-login h3{font-family:var(--serif);letter-spacing:-.05em;margin:1rem 0 2rem;font-size:clamp(2.7rem,5vw,5rem);font-weight:420;line-height:.88}.block-login h3 i{color:var(--accent)}.block-login blockquote{border-left:1px solid var(--accent);color:var(--canvas);padding-left:1rem}@supports (color:color-mix(in lab, red, red)){.block-login blockquote{color:color-mix(in oklab,var(--canvas) 65%,transparent)}}.block-login blockquote{font:italic .72rem/1.5 var(--serif);margin:0}.block-login form{flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,5rem);display:flex}.block-login form>p{color:var(--accent);font:.5rem var(--mono);letter-spacing:.1em}.block-login form h4{font-family:var(--serif);margin:.6rem 0 1.7rem;font-size:2rem}.block-login label{margin-bottom:.9rem;font-size:.62rem;font-weight:600}.block-login input{border:1px solid var(--border);background:var(--surface);width:100%;height:40px;color:var(--ink);border-radius:.35rem;margin-top:.4rem;padding:0 .7rem}.block-login form>button{background:var(--ink);height:42px;color:var(--canvas);cursor:pointer;border:0;border-radius:.35rem;margin-top:.5rem}.block-login form small{color:var(--muted);text-align:center;margin-top:1rem;font-size:.48rem}.block-sidebar{grid-template-columns:185px 1fr;transition:grid-template-columns .22s;display:grid}.block-sidebar.collapsed{grid-template-columns:64px 1fr}.block-sidebar>aside{background:var(--surface-inset);border-right:1px solid var(--border);flex-direction:column;padding:1rem .8rem;display:flex;overflow:hidden}.block-sidebar aside header{grid-template-columns:28px 1fr auto;align-items:center;gap:.5rem;display:grid}.block-sidebar aside header>span{border:1px solid var(--border);width:27px;height:27px;font-family:var(--serif);border-radius:.3rem;place-items:center;display:grid}.block-sidebar aside header strong{white-space:nowrap;font-family:var(--serif);font-size:.72rem}.block-sidebar aside header button{color:var(--muted);cursor:pointer;background:0 0;border:0}.block-sidebar aside nav{gap:.2rem;margin-top:2rem;display:grid}.block-sidebar aside nav button{text-align:left;color:var(--ink-secondary);white-space:nowrap;background:0 0;border:0;border-radius:.32rem;grid-template-columns:22px 1fr;gap:.5rem;padding:.6rem;font-size:.6rem;display:grid}.block-sidebar aside nav button.active{background:var(--accent-soft);color:var(--ink)}.block-sidebar aside nav em,.block-sidebar aside footer em{font-style:normal}.block-sidebar aside footer{border-top:1px solid var(--border-subtle);white-space:nowrap;grid-template-columns:25px 1fr;align-items:center;gap:.55rem;margin-top:auto;padding-top:1rem;font-size:.55rem;display:grid}.block-sidebar aside footer span{background:var(--ink);width:24px;height:24px;color:var(--canvas);font:.45rem var(--mono);border-radius:50%;place-items:center;display:grid}.block-sidebar.collapsed aside strong,.block-sidebar.collapsed aside em,.block-sidebar.collapsed aside header button{display:none}.block-sidebar>main{padding:1.5rem;overflow:hidden}.block-sidebar main>header{color:var(--muted);justify-content:space-between;font-size:.55rem;display:flex}.block-sidebar main>header button{border:1px solid var(--border);background:var(--surface);border-radius:.3rem;padding:.5rem .65rem;font-size:.55rem}.block-sidebar main>h3{font-family:var(--serif);margin:2rem 0;font-size:2.2rem;font-weight:450}.block-metrics{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.block-metrics article{border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.block-metrics small,.block-activity>p{font:.45rem var(--mono);color:var(--muted)}.block-metrics strong{font:1.7rem var(--serif)}.block-metrics i{color:var(--accent);font-size:.48rem;font-style:normal}.block-activity{margin-top:2rem}.block-activity>div{border-top:1px solid var(--border-subtle);grid-template-columns:28px 1fr auto;align-items:center;padding:.8rem 0;display:grid}.block-activity span{color:var(--accent);font:.45rem var(--mono)}.block-activity strong{font-size:.6rem}.block-activity small{color:var(--muted);font-size:.48rem}.block-settings{grid-template-columns:210px 1fr;display:grid}.block-settings>aside{background:var(--surface-inset);border-right:1px solid var(--border);padding:1.5rem}.block-settings aside p{font:.5rem var(--mono);color:var(--muted);letter-spacing:.1em}.block-settings aside button{text-align:left;width:100%;color:var(--ink-secondary);background:0 0;border:0;padding:.65rem;font-size:.62rem}.block-settings aside button.active{border-left:2px solid var(--accent);color:var(--accent);background:var(--accent-soft)}.block-settings>main{max-width:650px;padding:3rem}.block-settings main>span{font:.48rem var(--mono);color:var(--accent);letter-spacing:.1em}.block-settings h3{font:2rem var(--serif);margin:.8rem 0}.block-settings main>p{color:var(--ink-secondary);font-size:.68rem}.setting-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:1rem;padding:1.2rem 0;display:flex}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:.68rem}.setting-row small{color:var(--muted);margin-top:.3rem;font-size:.54rem}.setting-row button{border:1px solid var(--border);background:var(--surface-inset);border-radius:99px;width:38px;height:22px;padding:2px}.setting-row button i{background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .18s;display:block}.setting-row button.on{background:var(--accent-soft);border-color:var(--accent)}.setting-row button.on i{background:var(--accent);transform:translate(16px)}.save-setting{background:var(--ink);color:var(--canvas);border:0;border-radius:.35rem;margin-top:1rem;padding:.7rem 1rem;font-size:.6rem}.block-reader{grid-template-columns:175px 1fr 210px;display:grid}.block-reader>aside{background:var(--surface-inset);border-right:1px solid var(--border);flex-direction:column;padding:1.3rem;display:flex}.block-reader aside p,.block-reader>section>p{font:.46rem var(--mono);letter-spacing:.1em;color:var(--muted)}.block-reader aside a{color:var(--muted);padding:.5rem 0;font-size:.55rem}.block-reader aside a.active{color:var(--accent)}.block-reader aside span{font:.45rem var(--mono);color:var(--accent);border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:1rem}.block-reader>article{max-width:650px;padding:3rem clamp(2rem,5vw,4rem)}.block-reader article>span{font:.46rem var(--mono);color:var(--accent);letter-spacing:.1em}.block-reader h3{font:420 clamp(2.7rem,5vw,4.5rem)/.9 var(--serif);letter-spacing:-.045em;margin:1rem 0 1.6rem}.block-reader h3 i{color:var(--accent)}.block-reader article p{font:.66rem/1.7 var(--sans);color:var(--ink-secondary)}.block-reader .reader-lede{font:1rem/1.5 var(--serif);color:var(--ink)}.block-reader blockquote{font:italic 1rem/1.45 var(--serif);border-left:2px solid var(--accent);margin:2rem 0;padding-left:1rem}.block-reader>section{background:var(--surface-inset);border-left:1px solid var(--border);flex-direction:column;justify-content:center;padding:1.5rem;display:flex}.block-reader>section strong{font:1rem/1.35 var(--serif)}.block-reader>section small{color:var(--muted);margin:.7rem 0 1.2rem;font-size:.55rem;line-height:1.5}.block-reader>section a{color:var(--accent);font-size:.55rem}.block-ai{grid-template-columns:1.05fr .95fr;display:grid}.block-ai>main{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.block-ai main>header{border-bottom:1px solid var(--border);grid-template-columns:30px 1fr auto;align-items:center;gap:.7rem;height:58px;padding:0 1rem;display:grid}.block-ai main>header>span{background:var(--ink);width:28px;height:28px;color:var(--canvas);font-family:var(--serif);border-radius:50%;place-items:center;display:grid}.block-ai header strong,.block-ai header small{display:block}.block-ai header strong{font-size:.62rem}.block-ai header small{color:var(--muted);margin-top:.2rem;font-size:.47rem}.block-ai header button{color:var(--muted);background:0 0;border:0}.ai-thread{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem;display:flex}.ai-user{background:var(--accent-soft);border-radius:.6rem .6rem .15rem;align-self:flex-end;max-width:75%;padding:.8rem 1rem;font-size:.62rem;line-height:1.5}.ai-answer{grid-template-columns:28px 1fr;gap:.7rem;max-width:88%;display:grid}.ai-answer>span{border:1px solid var(--border);width:27px;height:27px;font-family:var(--serif);border-radius:50%;place-items:center;display:grid}.ai-answer p{margin:.2rem 0;font-size:.62rem;line-height:1.6}.ai-answer footer{gap:.6rem;margin-top:.7rem;display:flex}.ai-answer footer button,.ai-answer footer a{color:var(--muted);background:0 0;border:0;padding:0;font-size:.48rem}.ai-answer footer a{color:var(--accent);margin-left:auto}.ai-composer{border:1px solid var(--border);background:var(--surface);border-radius:.55rem;margin:1rem;padding:.6rem}.ai-composer textarea{resize:none;width:100%;min-height:55px;color:var(--ink);font:.58rem/1.5 var(--sans);background:0 0;border:0;outline:0}.ai-composer footer{color:var(--muted);justify-content:space-between;align-items:center;font-size:.48rem;display:flex}.ai-composer footer button{background:var(--ink);width:28px;height:28px;color:var(--canvas);border:0;border-radius:.3rem}.block-ai>aside{background:var(--ink);color:var(--canvas);border-left:1px solid var(--border)}.block-ai>aside header{border-bottom:1px solid var(--canvas);height:58px}@supports (color:color-mix(in lab, red, red)){.block-ai>aside header{border-bottom:1px solid color-mix(in oklab,var(--canvas) 18%,transparent)}}.block-ai>aside header{justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.block-ai>aside header span{font:.45rem var(--mono);color:var(--accent)}.block-ai>aside pre{color:var(--canvas);margin:0;padding:2rem}@supports (color:color-mix(in lab, red, red)){.block-ai>aside pre{color:color-mix(in oklab,var(--canvas) 78%,transparent)}}.block-ai>aside pre{font:.58rem/1.9 var(--mono);white-space:pre-wrap}.block-leaderboard{padding:1.8rem}.block-leaderboard>header{justify-content:space-between;align-items:flex-start;display:flex}.block-leaderboard header span{font:.46rem var(--mono);color:var(--accent);letter-spacing:.1em}.block-leaderboard h3{font:2rem var(--serif);margin:.5rem 0}.block-leaderboard header button{border:1px solid var(--border);background:0 0;border-radius:.3rem;padding:.55rem .7rem;font-size:.52rem}.leaderboard-stats{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin:1.5rem 0;display:grid}.leaderboard-stats article{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:1rem}.leaderboard-stats span{font:.44rem var(--mono);color:var(--muted);display:block}.leaderboard-stats strong{font:1.7rem var(--serif);font-weight:450}.table-head,.table-row{grid-template-columns:1.6fr .5fr .9fr .6fr;align-items:center;gap:1rem;display:grid}.table-head{color:var(--muted);font:.44rem var(--mono);border-bottom:1px solid var(--border);padding:.65rem 0}.table-row{border-bottom:1px solid var(--border-subtle);min-height:62px;font-size:.58rem}.table-row>span:first-child{grid-template-columns:28px 1fr;display:grid}.table-row i{font:normal .45rem var(--mono);color:var(--accent)}.table-row b{background:var(--accent);vertical-align:middle;height:3px;margin-right:.45rem;display:inline-block}.table-row .up{color:oklch(55% .12 145)}.table-row .down{color:var(--accent)}.design-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.design-actions button{cursor:pointer;border:0}.design-reader{border:1px solid var(--border);background:var(--surface);max-width:1200px;box-shadow:0 22px 60px var(--ink);border-radius:.65rem;grid-template-columns:220px 1fr;margin:clamp(3rem,7vw,7rem) auto;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.design-reader{box-shadow:0 22px 60px color-mix(in oklab,var(--ink) 7%,transparent)}}.design-reader>aside{background:var(--surface-inset);border-right:1px solid var(--border);flex-direction:column;padding:1.5rem;display:flex}.design-reader aside>p{font:.5rem var(--mono);color:var(--muted);letter-spacing:.1em}.design-reader aside>a{color:var(--ink-secondary);padding:.5rem 0;font-size:.57rem}.design-reader aside>a:hover{color:var(--accent)}.design-reader aside>div{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:1rem}.design-reader aside>div span{color:oklch(55% .12 145);font:.48rem var(--mono);display:block}.design-reader aside>div small{color:var(--muted);margin-top:.5rem;font-size:.5rem;line-height:1.5;display:block}.design-reader>article{min-width:0}.design-reader article>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:58px;padding:0 1rem;display:flex}.design-reader article>header>div:first-child{align-items:center;gap:.6rem;display:flex}.design-reader article>header span{color:var(--accent);font-size:.5rem}.design-reader article>header strong{font-size:.62rem}.design-reader article>header small{color:var(--muted);font:.48rem var(--mono)}.design-reader article>header>div:last-child{gap:.3rem;display:flex}.design-reader article>header button{color:var(--muted);background:0 0;border:0;border-bottom:1px solid #0000;padding:.5rem;font-size:.55rem}.design-reader article>header button.active{color:var(--ink);border-bottom-color:var(--accent)}.design-reader article>header button.design-inline-copy{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-secondary);margin-left:.45rem;padding:.45rem .65rem}.design-reader article>header button.design-inline-copy:hover{background:var(--accent-soft);color:var(--accent)}.design-reader .code-block{border:0;border-radius:0}.design-reader .code-block-scroll{max-height:720px}.rendered-design h1{font:420 clamp(2.5rem,5vw,4.3rem)/.95 var(--serif);letter-spacing:-.04em;margin:0 0 2rem}.rendered-design h2{font:500 1.4rem var(--serif);border-top:1px solid var(--border);margin:3rem 0 1rem;padding-top:1.5rem;scroll-margin-top:100px}.rendered-design p,.rendered-design li{color:var(--ink-secondary);font-size:.72rem;line-height:1.75}.rendered-design li{margin-bottom:.35rem}.agent-install-flow{border-top:1px solid var(--border);padding:clamp(5rem,9vw,9rem) clamp(1.25rem,8vw,9rem)}.agent-install-flow>div{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin:2rem 0;display:grid}.agent-install-flow article{border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;min-height:200px;padding:1.3rem;display:flex}.agent-install-flow article span{color:var(--accent);font:.5rem var(--mono)}.agent-install-flow h3{font:1.4rem var(--serif);margin:auto 0 .7rem}.agent-install-flow article p{color:var(--ink-secondary);font-size:.62rem;line-height:1.5}.agent-install-flow>.code-block{margin-top:0}.agent-install-flow .code-block-scroll{max-height:420px}@media (width<=980px){.hero{grid-template-columns:1fr;padding-top:5.5rem}.hero-demo{margin-top:2rem}.workspace{margin:auto}.demo-label{margin-left:auto;margin-right:auto}.aside-note{margin-top:3rem}.first-principles,.section-heading,.section-heading>div{grid-template-columns:1fr}.component-docs{grid-template-columns:175px 1fr}.agent-section,.demo-panel{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.route-section-heading,.route-section-heading>div{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,1fr)}.foundation-section{grid-template-columns:1fr}.foundation-label p{max-width:540px}.block-reader{grid-template-columns:150px 1fr}.block-reader>section{display:none}.block-ai{grid-template-columns:1fr}.block-ai>aside{border-left:0;border-top:1px solid var(--border);min-height:230px}.design-reader{margin-left:1.5rem;margin-right:1.5rem}}@media (width<=700px){.site-nav{height:64px;padding:0 1rem;position:sticky;top:0}.brand em,.github-link{display:none}.menu-button{display:grid}.nav-links{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:1.25rem;display:none;position:absolute;top:64px;left:0;right:0}.nav-links.open{display:flex}.nav-links a{border-bottom:1px solid var(--border-subtle);padding:.9rem .2rem}.hero{min-height:auto;padding:4.5rem 1rem 3rem;display:block}.hero h1{font-size:clamp(3.5rem,17vw,5.4rem)}.lede{margin-top:1.8rem}.workspace{grid-template-columns:1fr;min-height:440px;transform:none}.workspace-sidebar{display:none}.workspace-main{padding:1.5rem 1.1rem}.demo-label{display:none}.install-strip{align-items:flex-end;gap:1rem}.install-strip code{text-overflow:ellipsis;white-space:nowrap;max-width:255px;display:block;overflow:hidden}.install-strip button{width:44px;min-width:44px;font-size:0}.first-principles{gap:1rem;min-height:auto;padding:6rem 1.25rem}.principle-grid{grid-template-columns:1fr}.principle-grid article{border-right:0;border-bottom:1px solid var(--border);min-height:220px}.principle-grid article:last-child{border-bottom:0}.components-section,.examples-section{padding:5rem 1rem}.section-heading{gap:.5rem}.section-heading>div{gap:1rem}.component-docs{grid-template-columns:1fr;min-height:auto}.component-index{border-right:0;border-bottom:1px solid var(--border-subtle);gap:.3rem;padding:.8rem;display:flex;overflow-x:auto}.component-index>p{display:none}.component-index>button{flex:none;gap:.6rem;width:auto}.component-tree{border-top:0;border-left:1px solid var(--border-subtle);gap:.15rem;margin:0 0 0 .4rem;padding:0 0 0 .5rem;display:flex}.component-tree button{white-space:nowrap;border-bottom:2px solid #0000;border-left:0;flex:none;width:auto}.component-tree button.active{border-left-color:#0000;border-bottom-color:var(--accent)}.component-page{padding:1.2rem}.component-page-header{gap:1rem}.component-page-header p{font-size:.68rem}.install-command button{justify-content:center;width:44px;padding:0;font-size:0}.preview-toolbar{flex-direction:column;align-items:stretch;height:auto;min-height:60px;padding-top:.35rem}.preview-toolbar [role=tablist]{min-height:40px}.state-controls{padding:.55rem 0;overflow-x:auto}.component-canvas{min-height:340px;padding:1.25rem}.component-guidance{grid-template-columns:1fr}.component-guidance>div{border-right:0;border-bottom:1px solid var(--border-subtle)}.component-guidance>div:last-child{border-bottom:0}.surface-showcase{grid-template-columns:1fr}.surface-showcase .inset{border-left:0;border-top:1px solid var(--border)}.message-user{max-width:88%}.component-caption{display:none}.agent-section{padding:5rem 1.25rem}.rulebook li{grid-template-columns:26px 1fr;padding:1rem .8rem}.rulebook li em{display:none}.demo-tabs button{height:58px;font-size:.65rem}.demo-tabs button span{display:none}.demo-panel{min-height:auto;padding:2rem 1.25rem}.demo-visual{min-height:290px}.demo-stat-grid{margin:1rem}.manifesto{min-height:70vh}.site-footer{grid-template-columns:1fr 1fr;gap:2.5rem 1rem}.site-footer>div:first-child,.site-footer .legal{grid-column:1/-1}.route-hero{padding:4.5rem 1.25rem 4rem}.route-hero:after{width:120px;height:120px;right:-30px}.route-hero h1{font-size:clamp(3.8rem,17vw,6rem)}.catalog-index,.full-workbench{padding-left:1rem;padding-right:1rem}.catalog-grid{grid-template-columns:1fr}.docs-endcap{flex-direction:column;align-items:flex-start}.foundation-section{gap:2rem;padding:5rem 1.25rem}.swatch-grid{grid-template-columns:repeat(2,1fr)}.type-body{grid-template-columns:1fr}.type-body small{grid-column:1}.shape-showcase{grid-template-columns:repeat(2,1fr)}.shape-showcase>article:last-of-type{aspect-ratio:2;grid-column:1/-1}.motion-grid{grid-template-columns:repeat(2,1fr)}.block-card>header{flex-direction:column;align-items:flex-start;padding:1.2rem}.block-frame{min-height:520px;padding:.7rem}.block-card>footer code{display:none}.block-card>footer{justify-content:flex-end}.block-login{grid-template-columns:1fr}.block-login>section{min-height:290px}.block-login form{min-height:380px}.block-sidebar{grid-template-columns:58px minmax(550px,1fr);min-width:610px}.block-sidebar aside strong,.block-sidebar aside em,.block-sidebar aside header button{display:none}.block-settings{grid-template-columns:1fr}.block-settings>aside{border-right:0;border-bottom:1px solid var(--border);padding:.7rem;display:flex;overflow-x:auto}.block-settings aside p{display:none}.block-settings aside button{flex:none;width:auto}.block-settings>main{padding:2rem 1.2rem}.block-reader{grid-template-columns:1fr}.block-reader>aside{display:none}.block-reader>article{padding:2.5rem 1.4rem}.block-ai{min-width:560px}.block-leaderboard{min-width:620px}.design-reader{grid-template-columns:1fr;margin:2rem 1rem}.design-reader>aside{display:none}.rendered-design{padding:2rem 1.3rem}.agent-install-flow{padding:5rem 1.25rem}.agent-install-flow>div{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.showcase-home{overflow:clip}.showcase-home-hero{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:end;gap:clamp(2rem,7vw,8rem);width:min(100%,1580px);margin:0 auto;padding:clamp(4rem,8vw,7.5rem) clamp(1.25rem,4vw,4.5rem) clamp(3rem,5vw,4.5rem);display:grid}.showcase-home-hero .eyebrow{margin-bottom:1.6rem}.showcase-home-hero h1{max-width:980px;font:400 clamp(4rem, 7.2vw, 8rem)/.88 var(--serif);letter-spacing:-.06em;margin:0}.showcase-home-hero h1 i{color:var(--accent);font-weight:400}.showcase-home-intro{padding-bottom:.7rem}.showcase-home-intro>p{max-width:480px;color:var(--ink-secondary);margin:0;font-size:clamp(.92rem,1.2vw,1.08rem);line-height:1.65}.showcase-home-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1.8rem;display:flex}.copy-design-button{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;display:inline-flex}.copy-design-button .icon{width:16px;height:16px;color:var(--accent)}.root-showcase .component-showcase-page{margin:0 auto;width:min(100%,1580px)!important;padding:0!important}.root-showcase .showcase-card{animation:.42s both enter-soft}.root-showcase .showcase-card:nth-child(2){animation-delay:50ms}.root-showcase .showcase-card:nth-child(3){animation-delay:.1s}.root-showcase .showcase-card:nth-child(4){animation-delay:.15s}.root-showcase .showcase-card:nth-child(5){animation-delay:.2s}.root-showcase .showcase-card:nth-child(6){animation-delay:.25s}.root-showcase .showcase-card:nth-child(7){animation-delay:.3s}.root-showcase .showcase-card:nth-child(8){animation-delay:.35s}.root-showcase .showcase-card:nth-child(9){animation-delay:.4s}.root-showcase .showcase-card:nth-child(10){animation-delay:.45s}.showcase-home-links{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,1580px);margin:0 auto;display:grid}.showcase-home-links>a{border-right:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:end;gap:.9rem;min-height:150px;padding:1.35rem;transition:background .16s,color .16s;display:grid}.showcase-home-links>a:hover{background:var(--accent-soft)}.showcase-home-links span,.showcase-home-links small{color:var(--muted);font:.48rem var(--mono);letter-spacing:.05em}.showcase-home-links strong{font:500 1.15rem var(--serif);margin-bottom:.35rem;display:block}.showcase-home-links b{color:var(--accent);font-weight:400}.showcase-home-footer{width:min(100%,1580px);color:var(--muted);grid-template-columns:1fr auto auto;align-items:center;gap:2rem;margin:0 auto;padding:2.5rem clamp(1rem,2vw,1.5rem) 3rem;display:grid}.showcase-home-footer p,.showcase-home-footer>span{margin:0;font-size:.58rem}.showcase-home-footer .brand{color:var(--ink)}@media (width<=980px){.showcase-home-hero{grid-template-columns:1fr;gap:2rem}.showcase-home-intro{max-width:650px}.showcase-home-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.showcase-home-hero{padding:3.5rem 1rem 2.5rem}.showcase-home-hero h1{font-size:clamp(3.4rem,17vw,5.5rem)}.showcase-home-intro>p{font-size:.86rem}.showcase-home-actions{flex-direction:column;align-items:stretch;gap:.7rem}.showcase-home-actions .primary-button{width:100%}.copy-design-button{justify-content:center}.root-showcase{padding-left:.7rem;padding-right:.7rem}.showcase-home-links{grid-template-columns:1fr;width:calc(100% - 1.4rem);margin:0 .7rem}.showcase-home-links>a{min-height:110px}.showcase-home-footer{grid-template-columns:1fr;gap:.8rem;padding-left:1rem;padding-right:1rem}}.component-reference-route{background:var(--canvas);min-height:calc(100vh - 76px)}.component-docs-full{background:0 0;border:0;border-radius:0;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 76px);overflow:visible}.component-docs-full .component-index{background:var(--surface-inset);height:calc(100vh - 76px);padding:2rem 1.35rem 4rem;position:sticky;top:76px;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.component-docs-full .component-index{background:color-mix(in oklab, var(--surface-inset) 72%, var(--canvas))}}.component-docs-full .component-index{scrollbar-width:thin}.component-docs-full .component-index>p{margin:2.2rem 0 .8rem .65rem}.docs-section-links{border-bottom:1px solid var(--border-subtle);gap:.18rem;padding-bottom:1.4rem;display:grid}.docs-section-links p{color:var(--muted);font:.52rem var(--mono);letter-spacing:.12em;margin:0 0 .65rem .65rem}.docs-section-links a{color:var(--ink-secondary);border-radius:.38rem;padding:.58rem .65rem;font-size:.67rem;transition:background .14s,color .14s,transform .14s}.docs-section-links a:hover{color:var(--ink);transform:translate(2px)}.docs-section-links a.active{background:var(--accent-soft);color:var(--ink)}.docs-component-group{gap:.12rem;margin-bottom:1.3rem;display:grid}.docs-component-group>span{color:var(--muted);font:.48rem var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:.4rem .65rem}.docs-component-group button{width:100%;color:var(--ink-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.38rem;padding:.55rem .65rem;font-size:.64rem;transition:background .14s,color .14s,transform .14s}.docs-component-group button:hover{color:var(--ink);transform:translate(2px)}.docs-component-group button.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.component-docs-full .component-page-header{margin-bottom:1.6rem}.component-docs-full .component-page-header p{max-width:680px;font-size:.88rem;line-height:1.65}.component-page-actions{align-items:center;gap:.45rem;display:flex}.component-page-actions button{border:1px solid var(--border);background:var(--surface);min-width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:.42rem;justify-content:center;align-items:center;gap:.45rem;padding:0 .8rem;font-size:.58rem;transition:background .14s,transform .14s;display:inline-flex}.component-page-actions button:first-child{min-width:112px}.component-page-actions button:hover:not(:disabled){background:var(--accent-soft);transform:translateY(-1px)}.component-page-actions button:disabled{opacity:.35;cursor:not-allowed}.component-page-actions .icon{width:14px;height:14px}.component-docs-full .preview-toolbar{margin-top:2.2rem}.component-docs-full .preview-toolbar [role=tab]{font-size:.72rem}.component-docs-full .component-canvas{border-top:1px solid var(--border);background-size:34px 34px;border-radius:.75rem;min-height:clamp(480px,58vh,660px);animation:.22s both enter-soft}.component-docs-full .preview-stack,.component-docs-full .field-component,.component-docs-full .select-component,.component-docs-full .settings-card,.component-docs-full .dialog-demo,.component-docs-full .command-demo,.component-docs-full .surface-showcase,.component-docs-full .heading-showcase,.component-docs-full .note-preview,.component-docs-full .quote-showcase,.component-docs-full .timeline-showcase,.component-docs-full .metadata-showcase,.component-docs-full .message-showcase,.component-docs-full .composer-showcase,.component-docs-full .reasoning-showcase,.component-docs-full .tool-showcase,.component-docs-full .sources-showcase,.component-docs-full .artifact-showcase{width:min(100%,680px)}.component-docs-full .component-guidance{border:1px solid var(--border-subtle);border-radius:.55rem;margin-top:2.5rem;overflow:hidden}.component-docs-full .component-guidance>div{padding:1.4rem}.component-docs-full .component-guidance p{font-size:.66rem}.component-installation{border-top:1px solid var(--border);margin-top:clamp(4.5rem,8vw,7rem);padding-top:2.5rem}.component-installation>div:first-child{grid-template-columns:.45fr 1fr;align-items:start;gap:1rem 3rem;margin-bottom:2rem;display:grid}.component-installation>div:first-child .section-index{grid-row:1/3}.component-installation h4{font:420 clamp(2rem, 4vw, 3.4rem)/1 var(--serif);letter-spacing:-.035em;margin:0}.component-installation>div:first-child p{max-width:590px;color:var(--ink-secondary);margin:.7rem 0 0;font-size:.76rem;line-height:1.65}.component-installation>.code-block{margin-top:1rem}@media (width<=980px){.component-docs-full{grid-template-columns:230px minmax(0,1fr)}.component-docs-full .component-page{padding-left:2.25rem;padding-right:2.25rem}.component-page-actions button:first-child{width:40px;min-width:40px;padding:0;font-size:0}}@media (width<=700px){.component-reference-route{min-height:calc(100vh - 64px)}.component-docs-full{min-height:auto;display:block}.component-docs-full .component-index{z-index:8;border-bottom:1px solid var(--border);background:var(--surface);border-right:0;height:auto;padding:.7rem 1rem;display:flex;position:sticky;top:64px;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.component-docs-full .component-index{background:color-mix(in oklab, var(--surface) 94%, transparent)}}.component-docs-full .component-index{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.component-docs-full .docs-section-links,.component-docs-full .component-index>p,.component-docs-full .docs-component-group>span{display:none}.component-docs-full .docs-component-group{flex:none;gap:.25rem;margin:0 .25rem 0 0;display:flex}.component-docs-full .docs-component-group button{white-space:nowrap;flex:none;width:auto;padding:.55rem .7rem}.component-docs-full .docs-component-group button:hover{transform:none}.component-docs-full .component-page{width:100%;padding:3rem 1rem 5rem}.component-docs-full .component-page-header{display:grid}.component-docs-full .component-page>.component-page-header h3{font-size:clamp(3rem,16vw,4.7rem)}.component-page-actions{grid-row:1;justify-self:end}.component-docs-full .preview-toolbar{margin-top:1.5rem}.component-docs-full .component-canvas{min-height:430px}.component-installation>div:first-child{grid-template-columns:1fr}.component-installation>div:first-child .section-index{grid-row:auto}}.component-index>button.docs-showcase-link{border:1px solid var(--border-subtle);background:var(--surface);margin-bottom:.85rem}.component-index>button.docs-showcase-link.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.component-index>button.docs-showcase-link.active{border-color:color-mix(in oklab, var(--accent) 38%, var(--border))}}.component-index>button.docs-showcase-link.active{background:var(--accent-soft);color:var(--accent)}.component-index>button.docs-showcase-link span{color:var(--accent);letter-spacing:.08em}.component-showcase-page{width:min(100%,1440px)!important;padding-left:clamp(1.5rem,3.5vw,4rem)!important;padding-right:clamp(1.5rem,3.5vw,4rem)!important}.showcase-heading{grid-template-columns:1fr auto;align-items:end;gap:4rem;margin-bottom:clamp(2.5rem,5vw,4rem);display:grid}.showcase-heading h2{font:420 clamp(3.7rem, 7vw, 7rem)/.9 var(--serif);letter-spacing:-.055em;margin:.8rem 0 1rem}.showcase-heading h2 i{color:var(--accent);font-weight:400}.showcase-heading p{max-width:680px;color:var(--ink-secondary);margin:0;font-size:.84rem;line-height:1.65}.showcase-heading>div:last-child{grid-template-columns:auto auto;align-items:baseline;gap:.15rem .65rem;padding-bottom:.35rem;display:grid}.showcase-heading>div:last-child strong{font:420 2.2rem var(--serif);color:var(--accent)}.showcase-heading>div:last-child span{color:var(--muted);font:.5rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.showcase-mosaic{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:1rem;display:grid}.showcase-card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:0 16px 40px var(--ink);border-radius:.8rem;padding:1.35rem;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.showcase-card{box-shadow:0 16px 40px color-mix(in oklab, var(--ink) 3%, transparent)}}.showcase-card{transition:transform .18s,border-color .18s,box-shadow .18s}.showcase-card:hover{border-color:var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.showcase-card:hover{border-color:color-mix(in oklab, var(--accent) 28%, var(--border))}}.showcase-card:hover{box-shadow:0 22px 55px var(--ink)}@supports (color:color-mix(in lab, red, red)){.showcase-card:hover{box-shadow:0 22px 55px color-mix(in oklab, var(--ink) 7%, transparent)}}.showcase-card>header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.15rem;display:flex}.showcase-card>header span,.showcase-balance>p{color:var(--muted);font:.47rem var(--mono);letter-spacing:.1em}.showcase-card>header button,.showcase-card>header a{color:var(--accent);cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:.52rem}.showcase-card h3{font:500 1.15rem var(--serif);letter-spacing:-.015em;margin:0}.showcase-card>p,.showcase-card header p{color:var(--ink-secondary);margin:.45rem 0 0;font-size:.65rem;line-height:1.55}.showcase-controls,.showcase-activity,.showcase-goal,.showcase-nav-card,.showcase-balance,.showcase-payout,.showcase-login{grid-column:span 2}.showcase-ai{grid-column:span 4}.showcase-leaderboard,.showcase-editorial{grid-column:span 3}.showcase-button-row{flex-wrap:wrap;gap:.45rem;margin-bottom:1.2rem;display:flex}.showcase-controls>label{gap:.4rem;margin-top:.7rem;display:grid}.showcase-controls>label span,.showcase-goal label,.showcase-payout label{color:var(--ink-secondary);font-size:.58rem;font-weight:600}.showcase-controls input,.showcase-controls textarea,.showcase-goal input,.showcase-payout select,.showcase-ai form input,.showcase-login input{border:1px solid var(--border-subtle);background:var(--surface-inset);width:100%;color:var(--ink);font:.64rem var(--sans);border-radius:.42rem;outline:0;padding:.7rem .8rem}.showcase-controls textarea{resize:vertical;min-height:76px;line-height:1.5}.showcase-controls input:focus,.showcase-controls textarea:focus,.showcase-goal input:focus,.showcase-payout select:focus,.showcase-ai form input:focus,.showcase-login input:focus{border-color:var(--focus);box-shadow:0 0 0 2px var(--focus)}@supports (color:color-mix(in lab, red, red)){.showcase-controls input:focus,.showcase-controls textarea:focus,.showcase-goal input:focus,.showcase-payout select:focus,.showcase-ai form input:focus,.showcase-login input:focus{box-shadow:0 0 0 2px color-mix(in oklab, var(--focus) 15%, transparent)}}.showcase-control-row{align-items:center;gap:.7rem;margin-top:1rem;display:flex}.showcase-control-row label{color:var(--muted);align-items:center;gap:.35rem;font-size:.54rem;display:flex}.showcase-control-row input{accent-color:var(--accent)}.showcase-badge{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.showcase-badge{border:1px solid color-mix(in oklab, var(--accent) 30%, var(--border))}}.showcase-badge{background:var(--accent-soft);color:var(--accent);font:.42rem var(--mono);letter-spacing:.06em;border-radius:99px;padding:.28rem .45rem}.showcase-control-row [role=switch]{border:1px solid var(--border);background:var(--surface-inset);cursor:pointer;border-radius:99px;width:38px;height:22px;margin-left:auto;padding:2px}.showcase-control-row [role=switch] span{background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .18s,background .18s;display:block}.showcase-control-row [role=switch].switch-on{background:var(--accent-soft);border-color:var(--accent)}.showcase-control-row [role=switch].switch-on span{background:var(--accent);transform:translate(16px)}.showcase-activity{min-height:390px}.showcase-bars{grid-template-columns:repeat(5,1fr);align-items:end;gap:.65rem;height:190px;padding-top:1.3rem;display:grid}.showcase-bars button{min-width:0;height:100%;color:var(--muted);cursor:pointer;font:.5rem var(--mono);background:0 0;border:0;flex-direction:column;justify-content:flex-end;gap:.55rem;display:flex}.showcase-bars i{background:var(--ink);border-radius:.35rem .35rem .12rem .12rem;width:100%;min-height:18px}@supports (color:color-mix(in lab, red, red)){.showcase-bars i{background:color-mix(in oklab, var(--ink) 28%, var(--surface-inset))}}.showcase-bars i{transition:height .26s,background .16s}.showcase-bars button:hover i,.showcase-bars button.active i{background:var(--accent)}.showcase-bars button.active span{color:var(--accent)}.showcase-activity-meta{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1.2rem;display:grid}.showcase-activity-meta>div{border:1px solid var(--border-subtle);background:var(--surface-inset);border-radius:.5rem;gap:.3rem;padding:.85rem;display:grid}.showcase-activity-meta span{color:var(--muted);font:.43rem var(--mono);letter-spacing:.08em}.showcase-activity-meta strong{font-family:var(--serif);font-size:.9rem}.showcase-activity-meta small{color:var(--ink-secondary);font-size:.5rem}.showcase-goal form{gap:.75rem;margin-top:1.2rem;display:grid}.showcase-goal form label{gap:.4rem;display:grid}.showcase-goal form>div{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.showcase-goal form>button{width:100%}.showcase-goal form>button:last-child{margin-top:-.35rem}.showcase-mini-brand{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.6rem;padding-bottom:.85rem;display:flex}.showcase-mini-brand span,.showcase-login-mark{background:var(--ink);width:28px;height:28px;color:var(--canvas);font-family:var(--serif);border-radius:.35rem;place-items:center;display:grid}.showcase-mini-brand strong{font-size:.65rem}.showcase-nav-card nav{gap:.2rem;margin-top:.7rem;display:grid}.showcase-nav-card nav button{width:100%;color:var(--ink-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.38rem;grid-template-columns:25px 1fr;align-items:center;padding:.65rem .6rem;font-size:.62rem;display:grid}.showcase-nav-card nav button:hover,.showcase-nav-card nav button.active{background:var(--accent-soft);color:var(--ink)}.showcase-nav-card nav button span{color:var(--accent)}.showcase-nav-card footer{border-top:1px solid var(--border-subtle);color:var(--muted);margin-top:.85rem;padding-top:.8rem;font-size:.48rem}.showcase-big-number{font:420 clamp(3rem, 6vw, 5rem)/1 var(--serif);letter-spacing:-.05em;margin:.35rem 0 0;display:block}.showcase-status{color:var(--accent);font:.46rem var(--mono);letter-spacing:.06em;margin:.6rem 0 1rem;display:inline-block}.showcase-progress{background:var(--surface-inset);border-radius:99px;height:7px;overflow:hidden}.showcase-progress i{background:var(--accent);width:82%;height:100%;animation:.8s both reveal-line;display:block}.showcase-balance dl{margin:1rem 0 0}.showcase-balance dl div{border-top:1px solid var(--border-subtle);justify-content:space-between;gap:1rem;padding:.7rem 0;font-size:.57rem;display:flex}.showcase-balance dt{color:var(--muted)}.showcase-balance dd{margin:0;font-weight:650}.showcase-payout>label{gap:.45rem;margin-top:1.2rem;display:grid}.showcase-range-label,.showcase-range-ends{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.showcase-range-label{margin-top:1.25rem;font-size:.6rem;font-weight:650}.showcase-range-label strong{font:500 1.8rem var(--serif)}.showcase-payout input[type=range]{width:100%;accent-color:var(--accent)}.showcase-range-ends{color:var(--muted);font:.47rem var(--mono)}.showcase-ai{flex-direction:column;min-height:390px;display:flex}.showcase-chat-body{border:1px solid var(--border-subtle);background:var(--surface-inset);border-radius:.55rem;flex:1;align-content:center;gap:1rem;min-height:230px;padding:1.4rem;display:grid}.showcase-chat-empty{text-align:center;justify-items:center;gap:.5rem;display:grid}.showcase-chat-empty>span{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.showcase-chat-empty strong{font-family:var(--serif);font-size:1.15rem}.showcase-chat-empty p{max-width:370px;color:var(--muted);margin:0;font-size:.6rem;line-height:1.5}.showcase-user-message{background:var(--accent-soft);border-radius:.55rem .55rem .1rem;justify-self:end;max-width:72%;padding:.7rem .85rem;font-size:.62rem}.showcase-assistant-message{grid-template-columns:28px 1fr;gap:.75rem;max-width:86%;display:grid}.showcase-assistant-message span{background:var(--ink);width:28px;height:28px;color:var(--canvas);font-family:var(--serif);border-radius:50%;place-items:center;display:grid}.showcase-assistant-message p{border-left:1px solid var(--accent);color:var(--ink-secondary);margin:0;padding-left:.8rem;font-size:.62rem;line-height:1.6}.showcase-ai form{grid-template-columns:1fr 36px;gap:.5rem;margin-top:.7rem;display:grid}.showcase-ai form button{background:var(--ink);color:var(--canvas);cursor:pointer;border:0;border-radius:.4rem}.showcase-login{text-align:center}.showcase-login>header{text-align:left}.showcase-login-mark{border-radius:50%;width:40px;height:40px;margin:1.4rem auto .8rem}.showcase-login>p{max-width:270px;margin:.55rem auto 1rem}.showcase-login form{gap:.55rem;display:grid}.showcase-login form button{background:var(--ink);min-height:40px;color:var(--canvas);cursor:pointer;border:0;border-radius:.4rem;font-size:.62rem}.showcase-table{margin-top:1rem}.showcase-table>div{border-top:1px solid var(--border-subtle);grid-template-columns:28px 1fr auto auto;align-items:center;gap:.8rem;padding:.85rem .2rem;display:grid}.showcase-table span{color:var(--accent);font:.47rem var(--mono)}.showcase-table strong{font-family:var(--serif);font-size:.78rem}.showcase-table em{color:var(--muted);font:normal .52rem var(--mono)}.showcase-table i{color:oklch(55% .12 145);font:normal .5rem var(--mono)}.showcase-editorial blockquote{font:420 clamp(1.5rem, 3vw, 2.4rem)/1.16 var(--serif);letter-spacing:-.025em;margin:1rem 0}.showcase-editorial cite{color:var(--muted);font:normal .48rem var(--mono)}.showcase-note{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--surface-inset);border-radius:.45rem;grid-template-columns:24px 1fr;gap:.65rem;margin-top:1.5rem;padding:1rem;display:grid}.showcase-note>span{color:var(--accent)}.showcase-note p{color:var(--ink-secondary);margin:0;font-size:.58rem;line-height:1.55}.showcase-note strong{color:var(--ink);font-family:var(--serif);font-size:.8rem}.agents-hero{padding-bottom:clamp(3.5rem,7vw,6rem)}.agents-hero-actions{flex-wrap:wrap;align-items:center;gap:1.35rem;margin-top:2rem;display:flex}.agents-hero-actions .primary-button{gap:.55rem}.agents-hero-actions .primary-button svg{width:15px;height:15px}.agent-surface-map{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:.7fr 1.3fr;gap:clamp(2.5rem,8vw,8rem);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,8vw,9rem);display:grid}.agent-surface-intro h2,.agent-install-section h2{font:420 clamp(2.7rem, 5vw, 5.4rem)/.92 var(--serif);letter-spacing:-.045em;margin:1rem 0 1.5rem}.agent-surface-intro h2 i,.agent-install-section h2 i,.agent-prompt-section h2 i{color:var(--accent);font-weight:400}.agent-surface-intro>p:last-child,.agent-install-section>div>p:last-child{max-width:360px;color:var(--ink-secondary);margin:0;font-size:.78rem;line-height:1.7}.agent-resource-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.agent-resource-grid a{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--canvas);flex-direction:column;min-height:150px;padding:1.15rem;transition:background .16s,transform .16s;display:flex;position:relative}.agent-resource-grid a:hover{z-index:1;background:var(--accent-soft);transform:translateY(-2px)}.agent-resource-grid a>span{color:var(--accent);font:.48rem var(--mono);letter-spacing:.1em}.agent-resource-grid strong{font:500 1.2rem var(--serif);margin-top:.7rem}.agent-resource-grid small{max-width:230px;color:var(--ink-secondary);margin-top:.4rem;font-size:.6rem;line-height:1.5}.agent-resource-grid b{color:var(--accent);font:.7rem var(--mono);position:absolute;bottom:1rem;right:1rem}.agent-prompt-section{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,8vw,9rem)}.agent-prompt-section .route-section-heading{margin-bottom:clamp(2.5rem,5vw,4.5rem)}.agent-prompt-list{gap:1.5rem;display:grid}.agent-prompt-card{border:1px solid var(--border);background:var(--surface);min-width:0;overflow:hidden}.agent-prompt-card>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.35rem 1.5rem;display:flex}.agent-prompt-card>header>div>span{color:var(--accent);font:.48rem var(--mono);letter-spacing:.1em}.agent-prompt-card h2{font:500 1.4rem var(--serif);letter-spacing:-.02em;margin:.55rem 0 .3rem}.agent-prompt-card>header p{max-width:560px;color:var(--ink-secondary);margin:0;font-size:.68rem;line-height:1.55}.agent-prompt-card>header button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--canvas);min-height:34px;color:var(--ink-secondary);cursor:pointer;flex:none;align-items:center;gap:.45rem;padding:0 .7rem;font-size:.56rem;transition:background .14s,color .14s,transform .14s;display:inline-flex}.agent-prompt-card>header button:hover{background:var(--accent-soft);color:var(--accent);transform:translateY(-1px)}.agent-prompt-card>header button svg{width:13px;height:13px}.agent-prompt-card>.code-block{border:0;border-radius:0}.agent-prompt-card .code-block-scroll{max-height:360px}.agent-install-section{border-top:1px solid var(--border);background:var(--ink);color:var(--canvas);grid-template-columns:.7fr 1.3fr;align-items:center;gap:clamp(2.5rem,8vw,8rem);padding:clamp(5rem,9vw,9rem) clamp(1.25rem,8vw,9rem);display:grid}.agent-install-section .section-index{color:var(--accent)}.agent-install-section>div>p:last-child{color:var(--canvas)}@supports (color:color-mix(in lab, red, red)){.agent-install-section>div>p:last-child{color:color-mix(in oklab, var(--canvas) 70%, transparent)}}.agent-install-section .code-block{border-color:var(--canvas)}@supports (color:color-mix(in lab, red, red)){.agent-install-section .code-block{border-color:color-mix(in oklab, var(--canvas) 23%, transparent)}}.agent-install-section .code-block{background:var(--canvas)}@supports (color:color-mix(in lab, red, red)){.agent-install-section .code-block{background:color-mix(in oklab, var(--canvas) 5%, var(--ink))}}.agent-install-section .code-block-toolbar{background:var(--canvas)}@supports (color:color-mix(in lab, red, red)){.agent-install-section .code-block-toolbar{background:color-mix(in oklab, var(--canvas) 8%, var(--ink))}}.agent-install-section .code-block-toolbar{border-color:var(--canvas)}@supports (color:color-mix(in lab, red, red)){.agent-install-section .code-block-toolbar{border-color:color-mix(in oklab, var(--canvas) 15%, transparent)}}.agent-install-section .code-block-number{background:var(--canvas)}@supports (color:color-mix(in lab, red, red)){.agent-install-section .code-block-number{background:color-mix(in oklab, var(--canvas) 5%, var(--ink))}}.agent-install-section .code-block-number{border-color:var(--canvas)}@supports (color:color-mix(in lab, red, red)){.agent-install-section .code-block-number{border-color:color-mix(in oklab, var(--canvas) 14%, transparent)}}@media (width<=900px){.agent-surface-map,.agent-install-section{grid-template-columns:1fr;gap:3rem}}@media (width<=700px){.agents-hero-actions{flex-direction:column;align-items:stretch}.agents-hero-actions .primary-button{width:100%}.agent-surface-map,.agent-prompt-section,.agent-install-section{padding-left:1rem;padding-right:1rem}.agent-resource-grid{grid-template-columns:1fr}.agent-prompt-card>header{gap:1rem;display:grid}.agent-prompt-card>header button{justify-self:start}.agent-prompt-card .code-block-scroll{max-height:440px}}@media (width<=1080px){.showcase-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-controls,.showcase-activity,.showcase-goal,.showcase-nav-card,.showcase-balance,.showcase-payout,.showcase-login,.showcase-leaderboard,.showcase-editorial{grid-column:span 1}.showcase-ai{grid-column:span 2}.showcase-heading{gap:2rem}}@media (width<=700px){.component-index>button.docs-showcase-link{flex:none;gap:.65rem;width:auto;margin:0 .25rem 0 0}.component-showcase-page{padding-left:1rem!important;padding-right:1rem!important}.showcase-heading{grid-template-columns:1fr;gap:1.5rem}.showcase-heading h2{font-size:clamp(3.6rem,17vw,5.6rem)}.showcase-heading>div:last-child{justify-content:start}.showcase-mosaic{grid-template-columns:1fr}.showcase-ai{grid-column:span 1}.showcase-card{padding:1.1rem}.showcase-goal form>div{grid-template-columns:1fr}.showcase-activity{min-height:360px}.showcase-ai{min-height:430px}}.nav-links a{align-items:center;height:76px;display:inline-flex;position:relative}.nav-links a:after{content:"";background:var(--accent);height:2px;transition:right .18s;position:absolute;bottom:-1px;left:0;right:100%}.nav-links a:hover:after,.nav-links a.active:after{right:0}.blueprint-mark{aspect-ratio:1.35;isolation:isolate;width:min(100%,660px);position:relative}.blueprint-grid{transform-origin:50%;border:1px solid var(--accent);position:absolute;inset:2%;transform:perspective(700px)rotateX(56deg)rotate(-16deg)}@supports (color:color-mix(in lab, red, red)){.blueprint-grid{border:1px solid color-mix(in oklab, var(--accent) 24%, var(--border))}}.blueprint-grid{background-image:linear-gradient(var(--accent) 1px,transparent 1px),linear-gradient(90deg,var(--accent) 1px,transparent 1px)}@supports (color:color-mix(in lab, red, red)){.blueprint-grid{background-image:linear-gradient(color-mix(in oklab,var(--accent) 13%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--accent) 13%,transparent) 1px,transparent 1px)}}.blueprint-mark svg{width:92%;height:92%;filter:drop-shadow(0 20px 18px var(--ink));position:absolute;inset:4%;overflow:visible}@supports (color:color-mix(in lab, red, red)){.blueprint-mark svg{filter:drop-shadow(0 20px 18px color-mix(in oklab,var(--ink) 15%,transparent))}}.blueprint-mark svg{animation:.9s cubic-bezier(.22,.8,.2,1) both blueprint-enter}.blueprint-face{fill:var(--surface)}@supports (color:color-mix(in lab, red, red)){.blueprint-face{fill:color-mix(in oklab,var(--surface) 91%,var(--accent))}}.blueprint-face{stroke:var(--accent);stroke-width:1.2px}.blueprint-edge{fill:var(--surface)}@supports (color:color-mix(in lab, red, red)){.blueprint-edge{fill:color-mix(in oklab,var(--surface) 88%,var(--accent))}}.blueprint-edge{stroke:var(--accent);stroke-width:1.2px}.blueprint-shadow{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.blueprint-shadow{fill:color-mix(in oklab,var(--accent) 58%,var(--ink))}}.blueprint-shadow{opacity:.55}.blueprint-measure{z-index:2;color:var(--accent);font:.55rem var(--mono);position:absolute}.blueprint-mark.is-compact{justify-self:end;max-width:520px}@keyframes blueprint-enter{0%{opacity:0;transform:translateY(22px)rotate(-2deg)}to{opacity:1;transform:none}}.showcase-home-hero{grid-template-columns:minmax(430px,.88fr) minmax(420px,1.12fr);align-items:center;min-height:560px}.showcase-home-hero>div:first-child>p:not(.eyebrow){max-width:560px;color:var(--ink-secondary);margin:2rem 0 0;font-size:clamp(.92rem,1.2vw,1.08rem);line-height:1.65}.showcase-home-hero .blueprint-mark{margin-left:auto}.showcase-home-hero h1{font-size:clamp(4rem,6.6vw,7.2rem)}.route-hero-blueprint{grid-template-columns:minmax(430px,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(2rem,7vw,8rem);display:grid}.route-hero-blueprint:after{display:none}.route-hero-blueprint>div>p:last-of-type{max-width:650px;color:var(--ink-secondary);font-size:clamp(.9rem,1.15vw,1.05rem);line-height:1.7}.system-install-strip{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-inset);grid-template-columns:62px minmax(180px,.7fr) minmax(260px,.8fr) minmax(360px,1.4fr);align-items:center;gap:1.6rem;width:min(100% - 2rem,1580px);min-height:130px;margin:clamp(3rem,6vw,6rem) auto 0;padding:1.4rem 1.8rem;display:grid}.system-install-icon{border:1px solid var(--accent);width:46px;height:56px;position:relative}@supports (color:color-mix(in lab, red, red)){.system-install-icon{border:1px solid color-mix(in oklab,var(--accent) 55%,var(--border))}}.system-install-icon{background:var(--surface);border-radius:4px}.system-install-icon span,.system-install-icon i,.system-install-icon b{background:var(--accent);height:1px;position:absolute;left:10px;right:10px}.system-install-icon span{top:17px}.system-install-icon i{top:26px}.system-install-icon b{top:35px}.system-install-strip>div:nth-child(2){gap:.45rem;display:grid}.system-install-strip>div:nth-child(2) span{color:var(--accent);font:.48rem var(--mono);letter-spacing:.08em}.system-install-strip>div:nth-child(2) strong{font:500 1.45rem var(--serif)}.system-install-strip>p{color:var(--ink-secondary);margin:0;font-size:.64rem;line-height:1.6}.system-install-command{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:1fr auto;align-items:center;min-width:0;display:grid;overflow:hidden}.system-install-command code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:.58rem var(--mono);padding:1rem;overflow:hidden}.system-install-command button{border:0;border-left:1px solid var(--border);height:100%;color:var(--ink);cursor:pointer;background:0 0;align-items:center;gap:.45rem;padding:0 1rem;font-size:.58rem;display:flex}.system-install-command button:hover{background:var(--accent-soft)}.system-install-command svg{width:14px}.system-footer{width:min(100% - 2rem,1580px);min-height:110px;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;margin:0 auto;display:grid}.system-footer p{text-align:center;margin:0;font-size:.56rem}.system-footer>a:last-child{justify-self:end;align-items:center;gap:.65rem;font-size:.55rem;display:flex}.system-footer>a:last-child svg{width:17px}.component-search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;height:38px;margin:0 0 1rem;padding:0 .65rem;display:grid}.component-search>span{color:var(--accent)}.component-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:.62rem}.component-search kbd{color:var(--muted);font:.45rem var(--mono)}.component-spec-grid{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:1fr 1fr;margin-top:2rem;display:grid;overflow:hidden}.component-spec-grid>article{min-width:0;padding:1.4rem}.component-spec-grid>article+article{border-left:1px solid var(--border)}.component-spec-grid>article>span{color:var(--accent);font:.48rem var(--mono);letter-spacing:.1em}.anatomy-demo{border:1px solid var(--border-subtle);background:var(--surface-inset);align-content:center;gap:.35rem;min-height:170px;margin:1rem 0;padding:1.5rem 2.6rem;display:grid;position:relative}.anatomy-demo strong{font-size:.68rem}.anatomy-demo p{color:var(--muted);margin:0;font-size:.57rem}.anatomy-demo button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);justify-self:start;margin-top:.4rem;padding:.55rem .7rem;font-size:.57rem}.anatomy-demo>b{border:1px solid var(--accent);background:var(--surface);width:19px;height:19px;color:var(--accent);font:.43rem var(--mono);border-radius:50%;place-items:center;display:grid;position:absolute}.anatomy-demo>b:first-of-type{top:42px;left:10px}.anatomy-demo>b:nth-of-type(2){top:72px;right:12px}.anatomy-demo>b:nth-of-type(3){bottom:22px;left:12px}.component-spec-grid ol{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.component-spec-grid ol li{color:var(--muted);grid-template-columns:22px 1fr;gap:.55rem;font-size:.55rem;display:grid}.component-spec-grid ol li>b{border:1px solid var(--accent);width:20px;height:20px;color:var(--accent);font:.42rem var(--mono);border-radius:50%;place-items:center;display:grid}.component-spec-grid ol strong{color:var(--ink);font-size:.58rem;display:block}.state-specimens{gap:.8rem;margin-top:1.1rem;display:grid}.state-specimens label{color:var(--ink-secondary);grid-template-columns:72px 1fr;align-items:center;gap:.8rem;font-size:.55rem;display:grid}.state-specimens input{height:36px;font-size:.58rem}.state-specimens input[aria-invalid=true]{border-color:var(--danger)}.props-table{border-top:1px solid var(--border);margin-top:2rem}.props-table header{gap:.25rem;padding:1.2rem 0;display:grid}.props-table header strong{font:500 1.5rem var(--serif)}.props-table header span{color:var(--muted);font-size:.58rem}.props-table>div{border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr .7fr 2fr;align-items:start;gap:1rem;padding:1rem 0;display:grid}.props-table code,.props-table span,.props-table p{margin:0;font-size:.55rem}.props-table span{color:var(--muted)}.props-table p{color:var(--ink-secondary);line-height:1.5}.preview-list{gap:1rem;width:min(100%,620px);display:grid}.preview-metric{font:420 4rem/1 var(--serif)}.manner-checkbox{cursor:pointer;align-items:center;gap:.7rem;display:flex}.manner-checkbox>span{width:20px;height:20px;position:relative}.manner-checkbox input{opacity:0;position:absolute;inset:0}.manner-checkbox i{border:1px solid var(--border);background:var(--surface);color:#fff;border-radius:4px;place-items:center;width:20px;height:20px;display:grid}.manner-checkbox svg{opacity:0;width:13px}.manner-checkbox input:checked+i{background:var(--accent);border-color:var(--accent)}.manner-checkbox input:checked+i svg{opacity:1}.manner-checkbox input:focus-visible+i{outline:2px solid var(--focus);outline-offset:2px}.manner-checkbox em{font-size:.75rem;font-style:normal}.manner-checkbox:has(input:disabled){opacity:.45;cursor:not-allowed}.manner-radio-group{border:0;gap:.7rem;width:min(100%,540px);margin:0;padding:0;display:grid}.manner-radio-group label{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;grid-template-columns:20px 1fr;gap:.75rem;padding:1rem;display:grid}.manner-radio-group input{opacity:0;position:absolute}.manner-radio-group i{border:1px solid var(--border);width:18px;height:18px;box-shadow:inset 0 0 0 4px var(--surface);border-radius:50%}.manner-radio-group label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.manner-radio-group input:checked+i{background:var(--accent);border-color:var(--accent)}.manner-radio-group input:focus-visible+i{outline:2px solid var(--focus);outline-offset:2px}.manner-radio-group strong,.manner-radio-group small{display:block}.manner-radio-group strong{font-size:.72rem}.manner-radio-group small{color:var(--muted);margin-top:.25rem;font-size:.56rem}.manner-date-picker{gap:.5rem;width:min(100%,420px);font-size:.68rem;font-weight:600;display:grid}.manner-date-picker>div{position:relative}.manner-date-picker input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:42px;color:var(--ink);padding:0 2.5rem 0 .75rem}.manner-date-picker svg{pointer-events:none;width:16px;color:var(--muted);position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.manner-file-upload{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;text-align:center;align-content:center;place-items:center;gap:.5rem;width:min(100%,540px);min-height:190px;display:grid}.manner-file-upload:hover{border-color:var(--accent);background:var(--accent-soft)}.manner-file-upload svg{width:28px;color:var(--accent)}.manner-file-upload strong{font:500 1.1rem var(--serif)}.manner-file-upload span{color:var(--muted);font-size:.58rem}.manner-file-upload input{opacity:0;width:1px;height:1px;position:absolute}.manner-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:min(100%,460px);box-shadow:0 14px 35px var(--ink);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.manner-card{box-shadow:0 14px 35px color-mix(in oklab,var(--ink) 6%,transparent)}}.manner-card-header,.manner-card-content,.manner-card-footer{padding:1.2rem}.manner-card-header{border-bottom:1px solid var(--border-subtle)}.manner-card-header h3{font:500 1.35rem var(--serif);margin:.4rem 0 0}.manner-card-content p{color:var(--ink-secondary);font-size:.65rem}.manner-card-footer{border-top:1px solid var(--border-subtle)}.manner-drawer-trigger{border:1px solid var(--ink);border-radius:var(--radius-sm);background:var(--ink);min-height:42px;color:var(--canvas);cursor:pointer;padding:0 1rem}.manner-drawer-backdrop{z-index:99;background:var(--ink);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.manner-drawer-backdrop{background:color-mix(in oklab,var(--ink) 38%,transparent)}}.manner-drawer-backdrop{transition:opacity .18s}.manner-drawer-layer{z-index:100;justify-content:flex-end;display:flex;position:fixed;inset:0}.manner-drawer-popup{background:var(--surface);width:min(92vw,440px);height:100%;box-shadow:-20px 0 50px var(--ink);padding:1.5rem}@supports (color:color-mix(in lab, red, red)){.manner-drawer-popup{box-shadow:-20px 0 50px color-mix(in oklab,var(--ink) 16%,transparent)}}.manner-drawer-popup{animation:.22s both drawer-in}.manner-drawer-layer header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.manner-drawer-layer h2{font:500 1.6rem var(--serif);margin:0}.manner-drawer-layer header button{border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;width:36px;height:36px}.manner-drawer-layer header svg{width:16px}.manner-drawer-popup>div{color:var(--ink-secondary);padding-top:1.5rem;font-size:.75rem;line-height:1.65}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:none}}.manner-tooltip{display:inline-flex;position:relative}.manner-tooltip>[role=tooltip]{opacity:0;pointer-events:none;white-space:nowrap;background:var(--ink);color:var(--canvas);border-radius:4px;padding:.45rem .6rem;font-size:.52rem;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px)}.manner-tooltip:hover>[role=tooltip],.manner-tooltip:focus-within>[role=tooltip]{opacity:1;transform:translate(-50%)}.manner-tabs{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:min(100%,560px);overflow:hidden}.manner-tabs>[role=tablist]{border-bottom:1px solid var(--border);display:flex}.manner-tabs [role=tab]{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:.8rem 1rem;font-size:.65rem}.manner-tabs [role=tab][aria-selected=true]{border-bottom-color:var(--accent);color:var(--ink)}.manner-tabs>[role=tabpanel]{min-height:150px;color:var(--ink-secondary);padding:1.5rem;font-size:.72rem}.manner-breadcrumb ol{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.manner-breadcrumb li{color:var(--muted);align-items:center;gap:.35rem;font-size:.7rem;display:flex}.manner-breadcrumb svg{width:14px}.manner-breadcrumb [aria-current=page]{color:var(--ink);font-weight:600}.manner-breadcrumb a:hover{color:var(--accent)}.manner-pagination{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;display:grid}.manner-pagination>div{justify-content:center;gap:.3rem;display:flex}.manner-pagination button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:36px;height:36px;color:var(--ink);font-size:.6rem}.manner-pagination button[aria-current=page]{background:var(--ink);color:var(--canvas)}.manner-pagination button:disabled{opacity:.35}.manner-stepper{grid-template-columns:repeat(3,1fr);width:min(100%,660px);margin:0;padding:0;list-style:none;display:grid}.manner-stepper li{color:var(--muted);justify-items:center;gap:.6rem;font-size:.6rem;display:grid;position:relative}.manner-stepper li:before{content:"";background:var(--border);height:1px;position:absolute;top:14px;left:-50%;right:50%}.manner-stepper li:first-child:before{display:none}.manner-stepper li span{z-index:1;border:1px solid var(--border);background:var(--surface);width:29px;height:29px;font:.5rem var(--mono);border-radius:50%;place-items:center;display:grid}.manner-stepper li[data-state=complete] span,.manner-stepper li[data-state=current] span{border-color:var(--accent);color:var(--accent)}.manner-stepper li[data-state=complete]:before,.manner-stepper li[data-state=current]:before{background:var(--accent)}.manner-alert{border:1px solid var(--border);border-left:3px solid var(--focus);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:22px 1fr;gap:.8rem;width:min(100%,620px);padding:1rem;display:grid}.manner-alert svg{width:18px;color:var(--focus)}.manner-alert strong{font-size:.72rem}.manner-alert p{color:var(--ink-secondary);margin:.25rem 0 0;font-size:.62rem}.manner-alert.tone-success{border-left-color:var(--success)}.manner-alert.tone-success svg{color:var(--success)}.manner-alert.tone-warning{border-left-color:var(--warning)}.manner-alert.tone-warning svg{color:var(--warning)}.manner-alert.tone-danger{border-left-color:var(--danger)}.manner-alert.tone-danger svg{color:var(--danger)}.manner-progress{width:min(100%,560px)}.manner-progress>div{justify-content:space-between;align-items:baseline;margin-bottom:.65rem;display:flex}.manner-progress span{font-size:.68rem;font-weight:600}.manner-progress strong{font:500 1.5rem var(--serif)}.manner-progress progress{appearance:none;width:100%;height:8px}.manner-progress progress::-webkit-progress-bar{background:var(--surface-inset);border-radius:99px}.manner-progress progress::-webkit-progress-value{background:var(--accent);border-radius:99px}.manner-skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--surface-inset),var(--surface-inset),var(--surface-inset));min-height:12px}@supports (color:color-mix(in lab, red, red)){.manner-skeleton{background:linear-gradient(90deg,var(--surface-inset),color-mix(in oklab,var(--surface-inset) 55%,var(--surface)),var(--surface-inset))}}.manner-skeleton{background-size:200% 100%;animation:1.4s infinite skeleton}@keyframes skeleton{to{background-position:-200% 0}}.manner-empty-state{text-align:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);align-content:center;place-items:center;gap:.55rem;width:min(100%,560px);min-height:260px;display:grid}.manner-empty-state>span{border:1px solid var(--accent);place-items:center;width:44px;height:44px;display:grid}@supports (color:color-mix(in lab, red, red)){.manner-empty-state>span{border:1px solid color-mix(in oklab,var(--accent) 40%,var(--border))}}.manner-empty-state>span{color:var(--accent);border-radius:50%}.manner-empty-state svg{width:18px}.manner-empty-state h3{font:500 1.4rem var(--serif);margin:.4rem 0 0}.manner-empty-state p{color:var(--muted);margin:0 0 .5rem;font-size:.65rem}.blocks-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-left:clamp(1rem,4vw,4rem);padding-right:clamp(1rem,4vw,4rem)}.blocks-list .block-card>header{min-height:190px}.blocks-list .block-card>header h2{font-size:clamp(1.8rem,2.8vw,3rem)}.blocks-list .block-frame{min-height:470px;padding:1rem}.blocks-list .block-frame>div,.blocks-list .block-frame>section{transform-origin:50%;min-width:650px;transform:scale(.66)}.blocks-list .block-card>footer{flex-direction:column;align-items:flex-start}.blocks-list .block-card>footer>div{justify-content:flex-end;width:100%}.design-reader{grid-template-columns:220px minmax(0,1fr) 58px;align-items:stretch;max-width:1380px}.design-reader>aside{align-self:start;height:calc(100vh - 76px);max-height:860px;position:sticky;top:76px;overflow-y:auto}.design-reader aside>p{justify-content:space-between;align-items:center;display:flex}.design-reader aside>p small{font:.43rem var(--mono);border:1px solid var(--border);color:var(--muted);letter-spacing:0;border-radius:4px;padding:.25rem}.design-quick-actions{gap:.4rem;display:grid}.design-reader aside .design-quick-actions span{color:var(--accent)}.design-quick-actions button,.design-quick-actions a{text-align:left;color:var(--ink-secondary);cursor:pointer;background:0 0;border:0;padding:.35rem 0;font-size:.55rem}.design-progress-rail{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;align-items:center;gap:.55rem;height:calc(100vh - 76px);max-height:860px;padding:1.4rem .5rem;display:flex;position:sticky;top:76px}.design-progress-rail a{color:var(--border);font-size:.56rem}.design-progress-rail a:first-child,.design-progress-rail a:last-child{color:var(--ink);font-size:.7rem}.design-progress-rail a:nth-child(3){color:var(--accent)}.design-progress-rail span{color:var(--accent);font:.42rem var(--mono);writing-mode:vertical-rl;margin:.4rem 0}.rendered-design h2{align-items:baseline;gap:1rem;font-size:1.65rem;display:flex}.rendered-design h2 small{color:var(--accent);font:.55rem var(--mono)}@media (width<=1050px){.showcase-home-hero,.route-hero-blueprint{grid-template-columns:1fr}.blueprint-mark{max-width:600px;margin:0 auto}.system-install-strip{grid-template-columns:50px 1fr 1.5fr}.system-install-strip>p{display:none}.blocks-list{grid-template-columns:1fr}.blocks-list .block-frame>div,.blocks-list .block-frame>section{transform:scale(.78)}.design-reader{grid-template-columns:210px 1fr}.design-progress-rail{display:none}}@media (width<=700px){.nav-links a{height:auto}.showcase-home-hero{min-height:auto}.showcase-home-hero .blueprint-mark{width:calc(100% + 1rem);margin-left:-.5rem}.route-hero-blueprint{display:block}.route-hero-blueprint .blueprint-mark{margin-top:2rem}.system-install-strip{grid-template-columns:42px 1fr;width:calc(100% - 2rem);padding:1rem}.system-install-strip>.system-install-command{grid-column:1/-1}.system-install-strip>p{display:none}.system-footer{grid-template-columns:1fr;gap:.8rem;padding:1.5rem 0}.system-footer p{text-align:left}.system-footer>a:last-child{justify-self:start}.component-search{display:none}.component-spec-grid{grid-template-columns:1fr}.component-spec-grid>article+article{border-left:0;border-top:1px solid var(--border)}.state-specimens label{grid-template-columns:60px 1fr}.props-table>div{grid-template-columns:1fr 1fr}.props-table>div p{grid-column:1/-1}.blocks-list .block-frame>div,.blocks-list .block-frame>section{min-width:590px;transform:scale(.68)}.blocks-list .block-card>header{min-height:auto}.design-reader{grid-template-columns:1fr}.design-reader>aside{display:none}}:root{--serif:var(--font-fraunces,"Fraunces"), "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:var(--font-geist-sans,"Geist"), Inter, Arial, sans-serif;--mono:var(--font-plex-mono,"IBM Plex Mono"), monospace;--page-gutter:clamp(1.25rem, 4vw, 4rem);--page-cap:1380px;--accent:oklch(57% .12 40)}body{font-family:var(--sans);font-size:16px}.site-nav{height:64px;padding-inline:var(--page-gutter)}.nav-links a{height:64px;font-size:.75rem}.brand{font-family:var(--serif);gap:.55rem;font-size:1.12rem;font-weight:600}.brand .mark{width:1.75rem;height:1.75rem}.brand em{padding:.16rem .3rem;font-size:.48rem}.github-link{font-size:.68rem}.showcase-home-hero,.route-hero-blueprint{width:min(100%, var(--page-cap));padding-inline:var(--page-gutter);margin-inline:auto}.showcase-home-hero{grid-template-columns:minmax(0,.96fr) minmax(380px,1.04fr);gap:clamp(2rem,5vw,5rem);min-height:500px;padding-block:4.2rem 2.5rem}.showcase-home-hero .eyebrow{color:var(--accent);margin-bottom:1.35rem;font-size:.58rem}.showcase-home-hero h1{max-width:720px;font-family:var(--serif);letter-spacing:-.05em;font-size:clamp(3.7rem,5.6vw,5.8rem);font-weight:400;line-height:.93}.showcase-home-hero>div:first-child>p:not(.eyebrow){max-width:465px;margin-top:1.5rem;font-size:.88rem;line-height:1.6}.showcase-home-actions{margin-top:1.5rem}.primary-button{border-radius:5px;min-height:44px;font-size:.74rem}.copy-design-button{font-size:.72rem}.blueprint-mark{aspect-ratio:1.5;width:min(100%,620px)}.blueprint-grid{border-color:var(--accent);inset:8% 1% 0 3%;transform:perspective(820px)rotateX(61deg)rotate(-13deg)}@supports (color:color-mix(in lab, red, red)){.blueprint-grid{border-color:color-mix(in oklab,var(--accent) 20%,var(--border))}}.blueprint-grid{opacity:.48;background-size:23px 23px}.blueprint-mark svg{width:100%;height:100%;filter:drop-shadow(0 10px 8px var(--ink));inset:0}@supports (color:color-mix(in lab, red, red)){.blueprint-mark svg{filter:drop-shadow(0 10px 8px color-mix(in oklab,var(--ink) 10%,transparent))}}.blueprint-construction{fill:none;stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.blueprint-construction{stroke:color-mix(in oklab,var(--accent) 46%,transparent)}}.blueprint-construction{stroke-width:1px;vector-effect:non-scaling-stroke}.blueprint-shadow,.blueprint-edge,.blueprint-face{fill:none;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.blueprint-shadow{stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.blueprint-shadow{stroke:color-mix(in oklab,var(--accent) 58%,var(--ink))}}.blueprint-shadow{stroke-width:27px;opacity:.48;transform:translateY(13px)}.blueprint-edge{stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.blueprint-edge{stroke:color-mix(in oklab,var(--accent) 55%,var(--surface))}}.blueprint-edge{stroke-width:28px}.blueprint-face{stroke:var(--surface)}@supports (color:color-mix(in lab, red, red)){.blueprint-face{stroke:color-mix(in oklab,var(--surface) 87%,var(--accent))}}.blueprint-face{stroke-width:24px}.measure-a{bottom:8%;left:12%}.measure-b{bottom:5%;right:17%}.blueprint-mark.is-compact{max-width:500px}.root-showcase{padding:0 var(--page-gutter)}.root-showcase .component-showcase-page{width:min(100%,var(--page-cap));margin:0 auto;padding:0}.root-showcase .showcase-heading{display:none}.root-showcase .showcase-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.root-showcase .showcase-card{min-height:300px;box-shadow:none;border-radius:7px;grid-column:span 1;padding:1.25rem}.root-showcase .showcase-card:hover{box-shadow:none;border-color:var(--accent);transform:none}@supports (color:color-mix(in lab, red, red)){.root-showcase .showcase-card:hover{border-color:color-mix(in oklab,var(--accent) 38%,var(--border))}}.root-showcase .showcase-card:nth-child(n+9){display:none}.root-showcase .showcase-ai{grid-column:span 2;min-height:340px}.root-showcase .showcase-login{grid-column:span 1;min-height:340px}.root-showcase .showcase-activity{min-height:300px}.root-showcase .showcase-bars{height:135px}.root-showcase .showcase-chat-body{min-height:180px}.showcase-home-links{width:min(calc(100% - 2 * var(--page-gutter)),var(--page-cap));border:1px solid var(--border);border-radius:7px;margin:1rem auto 0;overflow:hidden}.route-hero{border-bottom:1px solid var(--border-subtle)}.route-hero-blueprint{grid-template-columns:minmax(420px,.94fr) minmax(340px,1.06fr);gap:clamp(2rem,5vw,5.5rem);min-height:470px;padding-block:4.25rem 3.4rem}.route-hero h1{max-width:760px;font-family:var(--serif);letter-spacing:-.05em;margin:1.2rem 0 1.5rem;font-size:clamp(3.8rem,5.8vw,5.9rem);font-weight:400;line-height:.93}.route-hero-blueprint>div>p:last-of-type{max-width:480px;font-size:.83rem;line-height:1.65}.section-index{font-size:.52rem}.foundation-section{width:min(100%,var(--page-cap));padding:3.6rem var(--page-gutter);border-bottom-color:var(--border-subtle);grid-template-columns:260px minmax(0,1fr);gap:clamp(2.5rem,5vw,5rem);margin-inline:auto}.foundation-label h2{font-size:clamp(2.2rem,3.3vw,3.2rem);font-weight:400}.foundation-label p{max-width:210px;font-size:.72rem;line-height:1.65}.swatch-grid{border-color:var(--border)}.swatch-grid article{padding:.75rem}.swatch{min-height:112px}.type-specimen{border-top:0;grid-template-columns:1.1fr .85fr .7fr;align-items:stretch}.type-specimen article{border-right:1px solid var(--border-subtle);min-height:250px;padding:.5rem 1.8rem}.type-specimen article:first-child{padding-left:0}.type-display p{font-size:clamp(2.4rem,3.8vw,3.8rem);font-weight:400;line-height:.91}.type-body h3{font-size:1.2rem}.shape-showcase{gap:.85rem}.shape-showcase>article{min-height:105px}.space-ruler{border-top:1px solid var(--border-subtle);grid-column:1/-1;align-items:end;gap:clamp(.45rem,1.4vw,1.5rem);min-height:100px;padding:1.25rem 0 1.7rem}.space-ruler i{background:var(--accent);min-width:3px;height:42px;position:relative}.space-ruler i span{color:var(--muted);font:.46rem var(--mono);position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%)}.motion-grid article{min-height:125px;padding:1rem}.token-marquee{display:none}.component-docs-full{grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 64px)}.component-docs-full .component-index{height:calc(100vh - 64px);padding:1.45rem 1rem 3rem;top:64px}.component-docs-full .component-index>p{margin-top:1.5rem}.component-docs-full .component-page{width:min(100%,1320px);margin:0;padding:3rem clamp(2rem,4vw,4rem) 6rem}.component-docs-full .component-page>.component-page-header h3{font-size:clamp(3.4rem,5vw,4.6rem);font-weight:400}.component-docs-full .component-page-header p{max-width:600px;font-size:.84rem}.component-meta-row{color:var(--muted);font:.58rem var(--mono);gap:1.25rem;margin:-.4rem 0 1.7rem;display:flex}.component-meta-row span:first-child{color:var(--success)}.component-demo-shell{border:1px solid var(--border);background:var(--surface);border-radius:9px;overflow:hidden}.component-docs-full .preview-toolbar{border-bottom-color:var(--border);height:52px;margin-top:0;padding-inline:1rem}.component-docs-full .component-canvas{background-size:30px 30px;border:0;border-radius:0;min-height:370px}.component-docs-full .component-canvas.code-view{border-radius:0}.docs-focus-state{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.docs-focus-state{box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 18%,transparent)!important}}.component-spec-grid{border-radius:7px;margin-top:1rem}.component-guidance{box-shadow:none;border-radius:7px!important}.component-installation{margin-top:3.5rem}.blocks-route .route-hero-blueprint{min-height:450px}.block-filter{margin-top:1.5rem}.block-filter button{border-radius:99px;min-height:30px;padding:.35rem .72rem;font-size:.55rem}.blocks-list{width:min(100%,var(--page-cap));padding:3rem var(--page-gutter);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 auto}.block-card{min-height:390px;box-shadow:none;border-radius:7px;grid-template-rows:1fr auto;grid-template-columns:37% 63%;display:grid}.blocks-list .block-card>header{border-right:1px solid var(--border);border-bottom:0;flex-direction:column;align-items:stretch;min-height:0;padding:1.35rem;display:flex}.blocks-list .block-card>header h2{margin:1.2rem 0 .8rem;font-size:clamp(1.65rem,2.3vw,2.35rem);font-weight:400;line-height:.94}.blocks-list .block-card>header p{font-size:.64rem;line-height:1.65}.blocks-list .block-card>header>div:last-child{margin-top:auto}.blocks-list .block-card>header button{border:1px solid var(--border);border-radius:5px;min-height:34px;padding:.45rem .65rem}.blocks-list .block-card>header button.active{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.blocks-list .block-frame{height:100%;min-height:340px;padding:0;position:relative;overflow:hidden}.blocks-list .block-frame>div,.blocks-list .block-frame>section{transform-origin:50%;width:980px;min-width:980px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.38)}.blocks-list .block-frame.show-code{min-height:340px}.blocks-list .block-frame.show-code .code-block{width:100%;min-width:0;position:static;transform:none}.blocks-list .block-card>footer{background:var(--surface-inset);flex-direction:row;grid-column:1/-1;align-items:center;min-height:48px;padding:.55rem .8rem}.blocks-list .block-card>footer code{text-overflow:ellipsis;white-space:nowrap;max-width:75%;overflow:hidden}.design-reader{width:min(calc(100% - 2 * var(--page-gutter)),var(--page-cap));max-width:none;min-height:780px;box-shadow:none;border-radius:7px;grid-template-columns:250px minmax(0,1fr) 52px;margin:3rem auto}.design-reader>aside{height:auto;max-height:none;padding:1.25rem 1rem;position:static;top:auto}.design-reader aside>a{border-radius:5px;padding:.62rem .75rem}.design-reader aside>a:first-of-type{background:var(--accent-soft);color:var(--accent)}.design-reader article>header{height:48px}.rendered-design{max-width:760px;padding:2.75rem 3rem 4rem}.rendered-design>p:first-of-type{margin-top:0;font-size:.78rem}.rendered-design h2{margin:2.5rem 0 1rem;padding-top:1.35rem;font-size:1.55rem;font-weight:500}.rendered-design p,.rendered-design li{font-size:.7rem}.rendered-design ul{columns:2;column-gap:2rem}.rendered-design ul li{break-inside:avoid}.design-progress-rail{height:auto;max-height:none;position:static;top:auto}.agent-install-flow{width:min(100%,var(--page-cap));padding:3rem var(--page-gutter);margin-inline:auto}.agent-install-flow article{min-height:155px}.system-install-strip{width:min(calc(100% - 2 * var(--page-gutter)),var(--page-cap));grid-template-columns:52px minmax(170px,.7fr) minmax(240px,.8fr) minmax(330px,1.4fr);min-height:98px;margin-top:3rem;padding:1rem 1.25rem}.system-install-icon{width:40px;height:50px}.system-install-strip>div:nth-child(2) strong{font-size:1.25rem}.system-footer{width:min(calc(100% - 2 * var(--page-gutter)),var(--page-cap));min-height:72px}@media (width<=1050px){.showcase-home-hero,.route-hero-blueprint{grid-template-columns:1fr 1fr}.root-showcase .showcase-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.root-showcase .showcase-ai{grid-column:span 2}.blocks-list{grid-template-columns:1fr}.block-card{min-height:430px}.component-docs-full{grid-template-columns:210px minmax(0,1fr)}.system-install-strip{grid-template-columns:48px 1fr 1.5fr}.system-install-strip>p{display:none}}@media (width<=760px){.showcase-home-hero,.route-hero-blueprint{min-height:0;padding-block:3.5rem 2.5rem;display:block}.showcase-home-hero h1,.route-hero h1{font-size:clamp(3.35rem,15vw,4.8rem)}.blueprint-mark,.showcase-home-hero .blueprint-mark{width:100%;margin:1.5rem 0 0}.root-showcase .showcase-mosaic{grid-template-columns:1fr}.root-showcase .showcase-ai{grid-column:span 1}.showcase-home-links{width:calc(100% - 2rem)}.foundation-section{grid-template-columns:1fr;padding-inline:1rem}.type-specimen{grid-template-columns:1fr}.type-specimen article{border-right:0;border-bottom:1px solid var(--border-subtle);min-height:auto;padding:1.5rem 0}.space-ruler{overflow-x:auto}.component-docs-full .component-page{padding:2.5rem 1rem 5rem}.component-meta-row{margin-top:0}.block-card{display:block}.blocks-list .block-card>header{border-right:0;border-bottom:1px solid var(--border);min-height:260px}.blocks-list .block-frame{min-height:360px}.blocks-list .block-card>footer{display:flex}.design-reader{grid-template-columns:1fr;width:calc(100% - 2rem)}.design-reader>aside,.design-progress-rail{display:none}.rendered-design{padding:2rem 1.25rem}.rendered-design ul{columns:1}.agent-install-flow>div{grid-template-columns:1fr 1fr}.system-install-strip{grid-template-columns:42px 1fr;width:calc(100% - 2rem)}.system-install-strip>.system-install-command{grid-column:1/-1}.system-footer{grid-template-columns:1fr;gap:.65rem;width:calc(100% - 2rem);padding-block:1.2rem}.system-footer p{text-align:left}.system-footer>a:last-child{justify-self:start}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}