@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-black:#000;--spacing:.25rem;--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-semibold:600;--leading-tight:1.25;--blur-2xl:40px;--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;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:where(:not(iframe)){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{.pointer-events-none{pointer-events:none}.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}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.-top-1{top:calc(var(--spacing) * -1)}.top-0{top:0}.top-\[7\.5rem\]{top:7.5rem}.top-\[7rem\]{top:7rem}.bottom-12{bottom:calc(var(--spacing) * 12)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.mt-1{margin-top:var(--spacing)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.flex{display:flex}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-2{height:calc(var(--spacing) * 2)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:calc(var(--spacing) * 20)}.h-28{height:calc(var(--spacing) * 28)}.h-\[23\.875rem\]{height:23.875rem}.h-\[25\.125rem\]{height:25.125rem}.h-\[38rem\]{height:38rem}.h-\[42rem\]{height:42rem}.h-full{height:100%}.w-16{width:calc(var(--spacing) * 16)}.w-28{width:calc(var(--spacing) * 28)}.w-\[3px\]{width:3px}.w-\[min\(17\.625rem\,82vw\)\]{width:min(17.625rem,82vw)}.w-\[min\(18\.25rem\,80vw\)\]{width:min(18.25rem,80vw)}.w-\[min\(20rem\,80vw\)\]{width:min(20rem,80vw)}.w-\[min\(23rem\,84vw\)\]{width:min(23rem,84vw)}.w-full{width:100%}.max-w-\[35rem\]{max-width:35rem}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.touch-none{touch-action:none}.resize{resize:both}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-\[2px\]{gap:2px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-\[1rem\]{border-radius:1rem}.rounded-full{border-radius:3.40282e38px}.rounded-b-full{border-bottom-right-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-black\/30{border-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.border-black\/30{border-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-\[\#343737\]{background-color:#343737}.bg-\[\#777773\]{background-color:#777773}.bg-\[\#d9d9d5\]{background-color:#d9d9d5}.bg-\[\#ededeb\]{background-color:#ededeb}.bg-\[\#fafaf7\]{background-color:#fafaf7}.bg-\[\#fffefa\]{background-color:#fffefa}.bg-black{background-color:var(--color-black)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-transparent{background-color:#0000}.bg-\[radial-gradient\(ellipse_at_center\,rgba\(0\,0\,0\,0\.18\)\,transparent_68\%\)\]{background-image:radial-gradient(#0000002e,#0000 68%)}.object-cover{object-fit:cover}.px-8{padding-inline:calc(var(--spacing) * 8)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.text-center{text-align:center}.font-\[Louize\]{font-family:Louize}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-\[0\.52rem\]{font-size:.52rem}.text-\[0\.55rem\]{font-size:.55rem}.text-\[0\.83rem\]{font-size:.83rem}.text-\[0\.86rem\]{font-size:.86rem}.text-\[0\.92rem\]{font-size:.92rem}.text-\[1\.02rem\]{font-size:1.02rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.85rem\]{font-size:1.85rem}.text-\[2rem\]{font-size:2rem}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.text-black{color:var(--color-black)}.text-black\/60{color:#0009}@supports (color:color-mix(in lab,red,red)){.text-black\/60{color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.text-black\/65{color:#000000a6}@supports (color:color-mix(in lab,red,red)){.text-black\/65{color:color-mix(in oklab,var(--color-black) 65%,transparent)}}.uppercase{text-transform:uppercase}.shadow-\[0_10px_18px_-12px_rgba\(0\,0\,0\,0\.58\)\]{--tw-shadow:0 10px 18px -12px var(--tw-shadow-color,#00000094);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_26px_36px_-20px_rgba\(0\,0\,0\,0\.62\)\,0_9px_16px_-11px_rgba\(0\,0\,0\,0\.42\)\]{--tw-shadow:0 26px 36px -20px var(--tw-shadow-color,#0000009e), 0 9px 16px -11px var(--tw-shadow-color,#0000006b);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_34px_-22px_rgba\(0\,0\,0\,0\.48\)\]{--tw-shadow:0 28px 34px -22px var(--tw-shadow-color,#0000007a);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_36px_44px_-20px_rgba\(0\,0\,0\,0\.56\)\]{--tw-shadow:0 36px 44px -20px var(--tw-shadow-color,#0000008f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_0_\#ffffff\,0_2px_5px_rgba\(0\,0\,0\,0\.16\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#fff), 0 2px 5px var(--tw-shadow-color,#00000029);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_2px_3px_rgba\(0\,0\,0\,0\.72\)\,0_3px_5px_rgba\(0\,0\,0\,0\.28\)\]{--tw-shadow:inset 0 2px 3px var(--tw-shadow-color,#000000b8), 0 3px 5px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[9px\]{--tw-blur:blur(9px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_5px_8px_rgba\(0\,0\,0\,0\.3\)\]{--tw-drop-shadow-size:drop-shadow(0 5px 8px var(--tw-drop-shadow-color,#0000004d));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-\[box-shadow\]{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.focus-visible\:ring-black\/80:focus-visible{--tw-ring-color:#000c}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-black\/80:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.focus-visible\:ring-offset-4:focus-visible{--tw-ring-offset-width:4px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-transparent:focus-visible{--tw-ring-offset-color:transparent}.active\:cursor-grabbing:active{cursor:grabbing}}@font-face{font-family:Geist Pixel;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/geistpixel/v1/CSRs4zxZluGGW3oyI0A_AN0hQBvYDU4hBmqoKzAMWg.ttf)format("truetype")}@font-face{font-family:Louize;font-style:normal;font-weight:400;font-display:swap;src:url(https://db.onlinewebfonts.com/t/df180f85d58e18017bf4cfa28468be6b.woff2)format("woff2"),url(https://db.onlinewebfonts.com/t/df180f85d58e18017bf4cfa28468be6b.woff)format("woff")}:root{color-scheme:light;--bg:oklch(100% 0 0);--shell:oklch(91% .012 270);--surface:oklch(98.5% .004 270);--surface-raised:oklch(99.7% .002 270);--ink:oklch(22% .035 270);--muted:oklch(48% .035 270);--quiet:oklch(67% .025 270);--line:oklch(90% .018 270);--line-strong:oklch(84% .025 270);--primary:oklch(53% .14 270);--accent:oklch(68% .12 165);--button-neutral-top:oklch(99.7% .002 270);--button-neutral-bottom:oklch(96% .007 270);--button-accent-top:oklch(58% .14 270);--button-accent-bottom:oklch(55% .14 270);--button-text:var(--ink);--button-accent-text:oklch(99% 0 0);--button-border:oklch(84% .022 270);--button-accent-border:oklch(43% .11 270/.45);--button-shadow:oklch(22% .035 270/.15);--button-accent-shadow:oklch(36% .1 270/.25);--font-display:"Geist Pixel", ui-monospace, SFMono-Regular, Menlo, monospace;--font-body:"Louize", Georgia, serif;--font-code:"Geist Pixel", ui-monospace, SFMono-Regular, Menlo, monospace;--duration-quick:.15s;--duration-fast:.25s;--duration-medium:.35s;--ease-smooth-out:cubic-bezier(.22, 1, .36, 1);--ease-linear:linear;--resize-dur:.3s;--resize-ease:cubic-bezier(.22, 1, .36, 1);--panel-open-dur:.4s;--panel-close-dur:.35s;--panel-translate-y:100px;--panel-blur:2px;--panel-ease:cubic-bezier(.22, 1, .36, 1);--icon-swap-dur:.25s;--icon-swap-blur:2px;--icon-swap-start-scale:.25;--icon-swap-ease:ease-in-out;--tabs-dur:.25s;--tabs-ease:cubic-bezier(.22, 1, .36, 1);--learn-shift:2px;--learn-spread:8deg;--learn-in:.35s;--learn-out:.35s;--learn-ease:cubic-bezier(.22, 1, .36, 1)}:root[data-theme=dark]{color-scheme:dark;--bg:oklch(10.5% 0 0);--shell:oklch(21% .006 270);--surface:oklch(13.5% 0 0);--surface-raised:oklch(18% 0 0);--ink:oklch(94% 0 0);--muted:oklch(72% 0 0);--quiet:oklch(50% 0 0);--line:oklch(26% 0 0);--line-strong:oklch(36% 0 0);--primary:oklch(76% 0 0);--accent:oklch(78% 0 0);--button-neutral-top:oklch(23% 0 0);--button-neutral-bottom:oklch(19% 0 0);--button-accent-top:oklch(62% 0 0);--button-accent-bottom:oklch(57% 0 0);--button-text:var(--ink);--button-accent-text:oklch(12% 0 0);--button-border:oklch(38% 0 0);--button-accent-border:oklch(76% 0 0/.45);--button-shadow:oklch(2% 0 0/.58);--button-accent-shadow:oklch(2% 0 0/.58)}*{box-sizing:border-box}html,html *{-webkit-user-select:none;user-select:none}html,body{background:var(--surface);width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;text-rendering:optimizelegibility;transition:background-color var(--duration-fast) var(--ease-smooth-out),color var(--duration-fast) var(--ease-smooth-out);font-size:16px;line-height:1.4}::selection{color:inherit;background:0 0}:root.is-theme-switching *,:root.is-theme-switching :before,:root.is-theme-switching :after{transition:none!important}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab,red,red)){button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in oklch,var(--primary) 62%,transparent)}}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px}.t-resize{transition:width var(--resize-dur) var(--resize-ease),height var(--resize-dur) var(--resize-ease);will-change:width,height}@media(prefers-reduced-motion:reduce){.t-resize{transition:none!important}}.t-panel-slide{transform:translateY(var(--panel-translate-y));opacity:0;filter:blur(var(--panel-blur));pointer-events:none;transition:transform var(--panel-close-dur) var(--panel-ease),opacity var(--panel-close-dur) var(--panel-ease),filter var(--panel-close-dur) var(--panel-ease);will-change:transform,opacity,filter}.t-panel-slide[data-open=true]{opacity:1;filter:blur();pointer-events:auto;transition:transform var(--panel-open-dur) var(--panel-ease),opacity var(--panel-open-dur) var(--panel-ease),filter var(--panel-open-dur) var(--panel-ease);transform:translateY(0)}@media(prefers-reduced-motion:reduce){.t-panel-slide{transition:none!important}}.t-icon-swap{place-items:center;display:inline-grid;position:relative}.t-icon-swap .t-icon{transition:opacity var(--icon-swap-dur) var(--icon-swap-ease),filter var(--icon-swap-dur) var(--icon-swap-ease),transform var(--icon-swap-dur) var(--icon-swap-ease);will-change:opacity,filter,transform;grid-area:1/1}.t-icon-swap[data-state=a] .t-icon[data-icon=a],.t-icon-swap[data-state=b] .t-icon[data-icon=b]{opacity:1;filter:blur();transform:scale(1)}.t-icon-swap[data-state=a] .t-icon[data-icon=b],.t-icon-swap[data-state=b] .t-icon[data-icon=a]{opacity:0;filter:blur(var(--icon-swap-blur));transform:scale(var(--icon-swap-start-scale))}@media(prefers-reduced-motion:reduce){.t-icon-swap .t-icon{transition:none!important}}.t-learn-chevron{transition:transform var(--learn-out) var(--learn-ease);display:inline-flex;transform:translate(0)}.t-learn-chevron svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px;width:16px;height:16px;overflow:visible}.t-learn-arm{transform-box:view-box;transform-origin:10px 8px;vector-effect:non-scaling-stroke;transition:transform var(--learn-out) var(--learn-ease)}.t-learn:hover .t-learn-chevron{transform:translate(var(--learn-shift));transition-duration:var(--learn-in)}.t-learn:hover .t-learn-arm{transition-duration:var(--learn-in)}.t-learn:hover .t-learn-arm-top{transform:rotate(var(--learn-spread))}.t-learn:hover .t-learn-arm-bot{transform:rotate(calc(var(--learn-spread) * -1))}.t-shimmer{isolation:isolate;position:relative;overflow:hidden}.t-shimmer>*{z-index:1;position:relative}.t-shimmer:after{z-index:0;content:"";opacity:0;pointer-events:none;background:linear-gradient(112deg,#0000 42%,#ffffff8f,#0000 58%);position:absolute;inset:-80% -30%;transform:translate(-58%)rotate(8deg)}.t-shimmer:hover:after,.t-shimmer:focus-visible:after,.t-shimmer:active:after{opacity:.82;animation:landing-cta-shimmer var(--duration-quick) var(--ease-linear) 1}@media(prefers-reduced-motion:reduce){.t-learn-chevron,.t-learn-arm{transition:none!important}}.app-shell{--sidebar-size:248px;background:var(--surface);gap:20px;width:100vw;height:100dvh;padding:0 20px 0 0;display:flex;overflow:hidden}.app-shell.is-sidebar-collapsed{--sidebar-size:72px}.sidebar{width:var(--sidebar-size);min-width:0;height:100%;box-shadow:none;opacity:1;transition:width var(--resize-dur) var(--resize-ease),height var(--resize-dur) var(--resize-ease),padding var(--duration-fast) var(--ease-smooth-out),transform var(--duration-fast) var(--ease-smooth-out);background:0 0;border:0;border-radius:18px;flex-direction:column;flex:none;justify-content:space-between;padding:20px 14px 16px;display:flex;position:relative;overflow:hidden;transform:translate(0)}.sidebar-header{z-index:0;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex;position:relative}.app-shell.is-sidebar-collapsed .sidebar{padding-left:12px;padding-right:12px;transform:translate(0)}.app-shell.is-sidebar-collapsed .sidebar-header{justify-content:center}.app-shell.is-sidebar-collapsed .brand-lockup{opacity:0;pointer-events:none;max-width:0;padding-left:0;padding-right:0;transform:translate(-8px)}.sidebar-top,.sidebar-bottom{z-index:0;position:relative;overflow:hidden}.sidebar-top{flex:auto;min-height:0;margin-top:28px}.theme-toggle{width:74px;height:var(--canvas-control-height);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:4px;padding:4px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.theme-toggle{border:1px solid color-mix(in oklch,var(--line) 82%,transparent)}}.theme-toggle{background:linear-gradient(180deg,var(--button-neutral-top),var(--button-neutral-bottom));color:#111;box-shadow:0 7px 14px -10px var(--button-shadow);transform:translateY(calc(var(--theme-control-lift) * -1));transition:background var(--duration-fast) var(--ease-smooth-out),border-color var(--duration-fast) var(--ease-smooth-out),box-shadow var(--duration-fast) var(--ease-smooth-out),transform var(--duration-fast) var(--ease-smooth-out);border-radius:999px}.theme-toggle:hover{border-color:var(--line-strong);box-shadow:0 9px 16px -10px var(--button-shadow);transform:translateY(calc((var(--theme-control-lift) + 1px) * -1))}.theme-toggle:active{box-shadow:0 5px 10px -9px var(--button-shadow);transform:translateY(calc((var(--theme-control-lift) - 1px) * -1)) scale(.96)}.theme-toggle-icon{color:#111;opacity:.38;width:32px;height:30px;transition:background-color var(--duration-fast) var(--ease-smooth-out),opacity var(--duration-fast) var(--ease-smooth-out),transform var(--duration-fast) var(--ease-smooth-out);border-radius:999px;place-items:center;display:grid}.theme-toggle-icon.is-active{background:var(--button-neutral-top)}@supports (color:color-mix(in lab,red,red)){.theme-toggle-icon.is-active{background:color-mix(in oklch,var(--button-neutral-top) 88%,var(--shell))}}.theme-toggle-icon.is-active{opacity:1;transform:scale(1.02)}:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .theme-toggle-icon{color:var(--ink)}.sidebar-toggle{flex:none}.brand-lockup{max-width:180px;transition:max-width var(--duration-fast) var(--ease-smooth-out),padding var(--duration-fast) var(--ease-smooth-out),opacity var(--duration-fast) var(--ease-smooth-out),transform var(--duration-fast) var(--ease-smooth-out);flex-direction:column;gap:7px;padding:4px 8px;display:inline-flex;overflow:hidden}.brand-name{color:var(--ink);font-family:var(--font-display);letter-spacing:-.025em;white-space:nowrap;font-size:1.22rem;line-height:1}.sidebar-section-label{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;padding:0 10px 12px;font-size:1.04rem;font-weight:600;line-height:1.2}.component-nav{gap:4px;display:grid}.component-nav-item{min-height:40px;color:var(--muted);transition:color var(--duration-fast) var(--ease-smooth-out),opacity var(--duration-fast) var(--ease-smooth-out);background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.component-nav-item:hover{color:var(--ink);opacity:.86}.component-nav-item.is-active{color:var(--ink);opacity:1}.component-nav-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-arrow{opacity:0;width:16px;height:16px;transition:opacity var(--duration-fast) var(--ease-smooth-out);flex:none}.component-nav-item:hover .nav-arrow,.component-nav-item.is-active .nav-arrow{opacity:.72}.sidebar-bottom{justify-content:space-between;align-items:center;padding:0 9px;display:flex}.sidebar-mark{color:var(--primary);font-family:var(--font-display);font-size:1.1rem}.main-shell{flex:auto;min-width:0;height:calc(100% - 40px);min-height:0;margin:20px 0;display:block;position:relative;overflow:visible}.component-canvas{box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:0;flex-direction:column;display:flex;position:absolute;inset:0;overflow:visible}.canvas-boundary{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.canvas-boundary path{fill:var(--shell);stroke:var(--line-strong)}@supports (color:color-mix(in lab,red,red)){.canvas-boundary path{stroke:color-mix(in oklch,var(--line-strong) 76%,transparent)}}.canvas-boundary path{stroke-width:1px;vector-effect:non-scaling-stroke}.topbar{z-index:3;height:var(--canvas-notch-depth);min-height:var(--canvas-notch-depth);padding:var(--canvas-control-top) 14px 0 42px;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:0}.topbar-actions{box-shadow:none;pointer-events:auto;transition:gap var(--duration-fast) var(--ease-smooth-out),padding var(--duration-fast) var(--ease-smooth-out),border-color var(--duration-fast) var(--ease-smooth-out),border-radius var(--duration-fast) var(--ease-smooth-out),background-color var(--duration-fast) var(--ease-smooth-out),box-shadow var(--duration-fast) var(--ease-smooth-out);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:12px;margin-left:auto;padding:0;display:flex}.avatar-random-toggle{width:max-content;height:var(--canvas-control-height);border:1px solid var(--line);align-items:center;gap:8px;padding:4px 10px 4px 11px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.avatar-random-toggle{border:1px solid color-mix(in oklch,var(--line) 82%,transparent)}}.avatar-random-toggle{background:linear-gradient(180deg,var(--button-neutral-top),var(--button-neutral-bottom));color:var(--muted);box-shadow:0 7px 14px -10px var(--button-shadow);white-space:nowrap;transform:translateY(calc(var(--theme-control-lift) * -1));transition:background var(--duration-fast) var(--ease-smooth-out),border-color var(--duration-fast) var(--ease-smooth-out),box-shadow var(--duration-fast) var(--ease-smooth-out),color var(--duration-fast) var(--ease-smooth-out),transform var(--duration-fast) var(--ease-smooth-out);border-radius:999px;font-size:.72rem;font-weight:500;line-height:1}.avatar-random-toggle:hover{border-color:var(--line-strong);color:var(--ink);box-shadow:0 9px 16px -10px var(--button-shadow);transform:translateY(calc((var(--theme-control-lift) + 1px) * -1))}.avatar-random-toggle:active{box-shadow:0 5px 10px -9px var(--button-shadow);transform:translateY(calc((var(--theme-control-lift) - 1px) * -1)) scale(.96)}.avatar-random-toggle.is-active{color:var(--ink)}.avatar-random-toggle-icon{color:var(--primary);opacity:.72;flex:none}.avatar-random-toggle-track{background:var(--line-strong);border-radius:999px;align-items:center;width:24px;height:14px;padding:2px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.avatar-random-toggle-track{background:color-mix(in oklch,var(--line-strong) 66%,transparent)}}.avatar-random-toggle-track{transition:background var(--duration-fast) var(--ease-smooth-out)}.avatar-random-toggle-knob{background:var(--surface-raised);width:10px;height:10px;box-shadow:0 2px 4px -2px var(--button-shadow);transition:transform var(--duration-fast) var(--ease-smooth-out),background var(--duration-fast) var(--ease-smooth-out);border-radius:50%;display:block;transform:translate(0)}.avatar-random-toggle.is-active .avatar-random-toggle-track{background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.avatar-random-toggle.is-active .avatar-random-toggle-track{background:color-mix(in oklch,var(--primary) 72%,var(--line))}}.avatar-random-toggle.is-active .avatar-random-toggle-knob{background:var(--button-accent-text);transform:translate(10px)}:root[data-theme=dark] .avatar-random-toggle{box-shadow:inset 0 1px 0 var(--ink),0 7px 14px -10px var(--button-shadow)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=dark] .avatar-random-toggle{box-shadow:inset 0 1px color-mix(in oklch,var(--ink) 16%,transparent),0 7px 14px -10px var(--button-shadow)}}.icon-button{width:44px;min-width:44px;min-height:44px;color:var(--muted);box-shadow:none;transition:color var(--duration-fast) var(--ease-smooth-out),transform var(--duration-fast) var(--ease-smooth-out);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex}.icon-button:hover{color:var(--ink);box-shadow:none;background:0 0;transform:translateY(-1px)}.icon-button:active{box-shadow:none;background:0 0;transform:translateY(0)scale(.96)}.icon-button.is-copied{color:var(--accent)}.icon-button .icon{width:20px;height:20px}.sidebar-toggle{color:var(--muted)}.sidebar-toggle .icon{stroke-width:1.8px;width:20px;height:20px}.workspace{flex:auto;min-width:0;min-height:0;display:flex;overflow:hidden}.source-code-line{font:inherit;grid-template-columns:3rem minmax(max-content,1fr);min-height:1.65em;display:grid}.source-code-line-number{color:var(--quiet);text-align:right;-webkit-user-select:none;user-select:none;padding-right:16px}.source-code-line-content{min-width:0;display:block}.code-token-keyword{color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.code-token-keyword{color:color-mix(in oklch,var(--primary) 76%,var(--ink))}}.code-token-string{color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.code-token-string{color:color-mix(in oklch,var(--accent) 66%,var(--ink))}}.code-token-function{color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.code-token-function{color:color-mix(in oklch,var(--primary) 52%,var(--ink))}}.code-token-variable{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.code-token-variable{color:color-mix(in oklch,var(--ink) 78%,var(--primary))}}.code-token-type{color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.code-token-type{color:color-mix(in oklch,var(--accent) 48%,var(--ink))}}.code-token-number,.code-token-literal{color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.code-token-number,.code-token-literal{color:color-mix(in oklch,var(--primary) 36%,var(--ink))}}.code-token-comment{color:var(--quiet)}.shell-tabs{top:var(--canvas-control-top);z-index:4;width:max-content;height:var(--canvas-tab-height);min-height:0;box-shadow:none;background:0 0;border:0;border-radius:999px;align-items:stretch;padding:4px;display:flex;position:absolute;left:50%;overflow:visible;transform:translate(-50%)}.shell-tab{min-width:0;min-height:calc(var(--canvas-tab-height) - 10px);color:var(--muted);white-space:nowrap;transition:background-color var(--tabs-dur) var(--tabs-ease),box-shadow var(--tabs-dur) var(--tabs-ease),color var(--tabs-dur) var(--tabs-ease);background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:9px 20px;font-size:.86rem;font-weight:500;line-height:1;display:flex;position:relative}.shell-tab>span{display:inline-block}.shell-tab:hover{color:var(--ink)}.shell-tab.is-active{background:var(--surface-raised);color:var(--ink);box-shadow:0 5px 10px -8px var(--button-shadow)}.shell-tab-panels{z-index:1;min-width:0;min-height:0;margin-top:var(--canvas-notch-depth);background:0 0;border-radius:0;flex:auto;position:relative;overflow:hidden}.shell-tab-panel--preview,.shell-tab-panel--preview .workspace{overflow:visible}.shell-tab-panel{z-index:1;opacity:0;pointer-events:none;filter:none;visibility:hidden;min-width:0;min-height:0;transition:opacity var(--duration-medium) var(--ease-smooth-out),visibility 0s linear var(--duration-medium);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;transform:none}.shell-tab-panel.is-active{opacity:1;pointer-events:auto;filter:none;visibility:visible;transition:opacity var(--duration-medium) var(--ease-smooth-out),visibility 0s linear 0s;transform:none}.shell-code-panel{background:0 0;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:flex}.shell-code-wrap{background:0 0;border-radius:0;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.shell-code{width:100%;min-width:0;height:100%;min-height:0;color:var(--ink);font-synthesis:none;letter-spacing:.005em;scrollbar-color:var(--muted) transparent;background:0 0;border-radius:0;margin:0;padding:28px 34px 42px;font-family:Geist Pixel,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.74rem,.6rem + .22vw,.88rem);line-height:1.7;overflow:auto}@supports (color:color-mix(in lab,red,red)){.shell-code{scrollbar-color:color-mix(in oklch,var(--muted) 42%,transparent) transparent}}.shell-code{scrollbar-width:thin;tab-size:2;white-space:pre}.shell-code::-webkit-scrollbar{width:8px;height:8px}.shell-code::-webkit-scrollbar-track{background:0 0}.shell-code::-webkit-scrollbar-corner{background:0 0}.shell-code::-webkit-scrollbar-thumb{background:var(--muted);border:2px solid #0000;border-radius:999px;min-height:40px}@supports (color:color-mix(in lab,red,red)){.shell-code::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--muted) 42%,transparent)}}.shell-code::-webkit-scrollbar-thumb{background-clip:padding-box}.shell-code::-webkit-scrollbar-thumb:hover{background:var(--muted)}@supports (color:color-mix(in lab,red,red)){.shell-code::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--muted) 62%,transparent)}}.shell-code::-webkit-scrollbar-thumb:hover{background-clip:padding-box}.shell-code::-webkit-scrollbar-button{width:0;height:0;display:none}.shell-code code{min-width:max-content;font:inherit;display:block}.shell-code-copy{z-index:2;border:1px solid var(--line);width:44px;min-width:44px;min-height:44px;position:absolute;top:20px;right:24px}@supports (color:color-mix(in lab,red,red)){.shell-code-copy{border:1px solid color-mix(in oklch,var(--line) 78%,transparent)}}.shell-code-copy{background:var(--surface-raised);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.shell-code-copy{background:color-mix(in oklch,var(--surface-raised) 88%,transparent)}}.shell-code-copy{color:var(--muted);box-shadow:0 7px 14px -10px var(--button-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shell-code-copy:hover{border-color:var(--line-strong);background:var(--surface-raised)}@supports (color:color-mix(in lab,red,red)){.shell-code-copy:hover{background:color-mix(in oklch,var(--surface-raised) 96%,var(--ink))}}.documentation-panel{grid-template-columns:minmax(0,.82fr) minmax(280px,1.18fr);align-content:center;gap:clamp(28px,7vw,112px);width:100%;min-width:0;height:100%;min-height:0;padding:clamp(28px,6vw,76px) clamp(24px,7vw,112px);display:grid;overflow:auto}.documentation-intro{max-width:28rem}.documentation-kicker{color:var(--primary);font-family:var(--font-display);margin:0 0 14px;font-size:.82rem;line-height:1.2}.documentation-section{min-width:0}.documentation-detail{align-content:start;gap:30px;min-width:0;display:grid}.documentation-section h3{color:var(--ink);font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 14px;font-size:1.12rem;font-weight:400;line-height:1.2}.documentation-intro .documentation-kicker,.documentation-note-copy .documentation-kicker{display:inline-block}.documentation-intro h2{color:var(--ink);font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.65rem,1.2rem + 1.5vw,2.5rem);font-weight:400;line-height:1.05}.documentation-intro p{max-width:28ch;color:var(--muted);text-wrap:pretty;margin:16px 0 0;font-size:clamp(1rem,.9rem + .24vw,1.18rem);line-height:1.45}.documentation-steps{gap:10px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.documentation-step{grid-template-columns:8px minmax(0,1fr);align-items:start;gap:12px;padding:0;display:grid}.documentation-step-mark{background:var(--primary);border-radius:50%;width:7px;height:7px;margin-top:.48rem;display:block}.documentation-step p,.documentation-note p{color:var(--muted);text-wrap:pretty;margin:0;font-size:.92rem;line-height:1.45}.documentation-code{border:1px solid var(--line);max-height:17rem;margin:0;padding:16px 18px;overflow:auto}@supports (color:color-mix(in lab,red,red)){.documentation-code{border:1px solid color-mix(in oklch,var(--line) 76%,transparent)}}.documentation-code{background:var(--surface);border-radius:16px}@supports (color:color-mix(in lab,red,red)){.documentation-code{background:color-mix(in oklch,var(--surface) 70%,var(--bg))}}.documentation-code{color:var(--ink);font-family:var(--font-code);white-space:pre;font-size:.78rem;line-height:1.65}.documentation-props{border-top:1px solid var(--line);display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.documentation-props{border-top:1px solid color-mix(in oklch,var(--line) 72%,transparent)}}.documentation-prop{border-bottom:1px solid var(--line);grid-template-columns:minmax(7rem,.75fr) minmax(0,1fr);gap:5px 16px;padding:13px 0;display:grid}@supports (color:color-mix(in lab,red,red)){.documentation-prop{border-bottom:1px solid color-mix(in oklch,var(--line) 72%,transparent)}}.documentation-prop-heading{align-items:baseline;gap:8px;min-width:0;display:flex}.documentation-prop code{color:var(--ink);font-family:var(--font-code);font-size:.78rem}.documentation-prop-type,.documentation-prop-default,.documentation-prop-required{color:var(--muted)}.documentation-prop-default,.documentation-prop-required{font-family:var(--font-code);font-size:.7rem}.documentation-prop-required{color:var(--primary)}.documentation-prop p{color:var(--muted);grid-column:1/-1;margin:3px 0 0;font-size:.86rem;line-height:1.4}.documentation-note{background:var(--surface);border-radius:14px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;padding:13px 14px 13px 17px;display:flex}@supports (color:color-mix(in lab,red,red)){.documentation-note{background:color-mix(in oklch,var(--surface) 82%,var(--bg))}}.documentation-note{box-shadow:inset 0 1px 0 var(--line)}@supports (color:color-mix(in lab,red,red)){.documentation-note{box-shadow:inset 0 1px color-mix(in oklch,var(--line) 46%,transparent)}}.documentation-note-copy{min-width:0}.documentation-note-copy .documentation-kicker{margin-bottom:8px}.documentation-note p{max-width:66ch}.documentation-downloads{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.documentation-download{white-space:nowrap;min-height:38px;padding:9px 16px}@media(prefers-reduced-motion:reduce){.shell-tab,.shell-tab-panel,.shell-tab-panel.is-active{transition:none!important}}.soft-button{border:1px solid var(--button-border);background:linear-gradient(180deg,var(--button-neutral-top),var(--button-neutral-bottom));min-height:42px;color:var(--button-text);box-shadow:0 7px 12px -7px var(--button-shadow);transition:background var(--duration-fast) var(--ease-smooth-out),box-shadow var(--duration-fast) var(--ease-smooth-out),border-color var(--duration-fast) var(--ease-smooth-out),transform var(--duration-fast) var(--ease-smooth-out),color var(--duration-fast) var(--ease-smooth-out);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-weight:500;line-height:1;display:inline-flex}.soft-button:hover{border-color:var(--button-border)}@supports (color:color-mix(in lab,red,red)){.soft-button:hover{border-color:color-mix(in oklch,var(--button-border) 74%,var(--ink))}}.soft-button:hover{background:linear-gradient(180deg,var(--button-neutral-top),var(--button-neutral-bottom))}@supports (color:color-mix(in lab,red,red)){.soft-button:hover{background:linear-gradient(180deg,color-mix(in oklch,var(--button-neutral-top) 96%,var(--ink)),color-mix(in oklch,var(--button-neutral-bottom) 96%,var(--ink)))}}.soft-button:hover{box-shadow:0 9px 15px -7px var(--button-shadow);transform:translateY(-1px)}.soft-button:active{box-shadow:0 4px 8px -6px var(--button-shadow);transform:translateY(0)scale(.96)}.soft-button--accent{border-color:var(--button-accent-border);background:linear-gradient(180deg,var(--button-accent-top),var(--button-accent-bottom));color:var(--button-accent-text);box-shadow:0 7px 12px -7px var(--button-accent-shadow)}.soft-button--accent:hover{border-color:var(--button-accent-border)}@supports (color:color-mix(in lab,red,red)){.soft-button--accent:hover{border-color:color-mix(in oklch,var(--button-accent-border) 82%,var(--button-accent-text))}}.soft-button--accent:hover{background:linear-gradient(180deg,var(--button-accent-top),var(--button-accent-bottom))}@supports (color:color-mix(in lab,red,red)){.soft-button--accent:hover{background:linear-gradient(180deg,color-mix(in oklch,var(--button-accent-top) 94%,var(--button-accent-text)),color-mix(in oklch,var(--button-accent-bottom) 94%,var(--button-accent-text)))}}.soft-button--accent:hover{box-shadow:0 9px 15px -7px var(--button-accent-shadow)}.soft-button.is-copied{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.soft-button.is-copied{border-color:color-mix(in oklch,var(--accent) 48%,transparent)}}.soft-button.is-copied{background:linear-gradient(180deg,var(--accent),var(--accent))}@supports (color:color-mix(in lab,red,red)){.soft-button.is-copied{background:linear-gradient(180deg,color-mix(in oklch,var(--accent) 18%,var(--surface-raised)),color-mix(in oklch,var(--accent) 12%,var(--surface)))}}.soft-button.is-copied{color:var(--ink)}:root[data-theme=dark] .soft-button{box-shadow:0 7px 14px -8px var(--button-shadow),inset 0 1px #fff3}:root[data-theme=dark] .soft-button--accent{box-shadow:0 7px 14px -8px var(--button-accent-shadow),inset 0 1px #ffffff3d}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;opacity:.78;flex:none;width:17px;height:17px}.is-hidden{display:none}.stage{flex:1;place-items:center;min-width:0;min-height:0;padding:0 42px 28px;display:grid;overflow:visible}.component-switch{width:100%;height:100%;min-height:0;display:flex}.preview-stack{flex-direction:column;gap:10px;width:100%;height:100%;min-height:0;display:flex;overflow:visible}.preview-viewport{width:100%;height:100%;min-height:0;transition:background var(--duration-fast) var(--ease-smooth-out);background:0 0;position:relative;overflow:visible}.preview-stack>.preview-viewport{flex:auto;height:auto;min-height:0}.preview-canvas,.canvas-source,.dom-preview{width:100%;height:100%;position:absolute;inset:0}.preview-canvas{pointer-events:none;display:block}.preview-viewport[data-renderer=fallback] .preview-canvas{visibility:hidden}.preview-viewport[data-renderer=native] .dom-preview{display:none}.canvas-source,.dom-preview{grid-template-rows:minmax(0,1fr);place-items:center;min-height:0;padding:0 clamp(12px,2.5vw,34px) clamp(24px,3.5vw,46px);display:grid}.component-preview-instance{width:min(100%,35rem);min-height:0;max-height:100%;transform:scale(var(--preview-scale,1));transform-origin:top;height:100%!important}.component-preview-instance[data-agent-id-scene]{height:min(42rem,100%)!important}.component-preview-frame{justify-content:center;align-items:flex-start;width:100%;height:100%;min-height:0;display:flex}.receipt-printer-preview{isolation:isolate;flex-direction:column;width:100%;height:100%;min-height:calc(38rem + 58px);display:flex;position:relative}.receipt-printer-preview__stage{z-index:0;flex:auto;place-items:center;width:100%;height:auto;min-height:38rem;display:grid;position:relative;inset:auto;overflow:visible}.receipt-printer-preview__controls{z-index:1;flex:none;justify-content:center;align-items:center;min-height:58px;padding:8px 0 4px;display:flex;position:relative}.receipt-printer-preview__trigger{position:static}.receipt-printer-preview__trigger:hover{transform:translateY(-1px)}.receipt-printer-preview__trigger:active{transform:translateY(0)scale(.96)}.landing-page{isolation:isolate;background:var(--bg);width:100%;min-height:100dvh;color:var(--ink);display:block;position:relative;overflow:visible}html:has(.landing-page),body:has(.landing-page),html:has(.collection-page),body:has(.collection-page){height:auto;overflow:hidden auto}.collection-page{background:var(--shell);min-height:100dvh;color:var(--ink)}.collection-nav{justify-content:space-between;align-items:center;padding:26px 40px;display:flex}.collection-brand{color:var(--ink);font-family:var(--font-display);letter-spacing:-.025em;font-size:1.24rem;line-height:1}.collection-back{color:var(--muted);transition:color var(--duration-fast) var(--ease-smooth-out),transform var(--duration-fast) var(--ease-smooth-out)}.collection-back:hover{color:var(--ink);transform:translateY(-1px)}.collection-content{width:min(1180px,100% - 80px);margin:0 auto;padding:clamp(82px,10vw,148px) 0 120px}.collection-intro{max-width:620px;margin-bottom:clamp(56px,8vw,104px)}.collection-eyebrow,.landing-eyebrow{border:1px solid var(--primary);align-items:center;min-height:34px;margin:0;padding:7px 14px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.collection-eyebrow,.landing-eyebrow{border:1px solid color-mix(in oklch,var(--primary) 36%,transparent)}}.collection-eyebrow,.landing-eyebrow{color:var(--primary);font-family:var(--font-display);letter-spacing:.01em;border-radius:999px;font-size:.76rem;line-height:1}.collection-intro h1{color:var(--ink);letter-spacing:-.05em;margin:22px 0 0;font-size:clamp(3.4rem,7vw,6.4rem);font-weight:400;line-height:.94}.collection-intro>p:last-child{max-width:34ch;color:var(--muted);margin:22px 0 0;font-size:clamp(1.08rem,1.6vw,1.28rem);line-height:1.4}.collection-list{gap:24px;display:grid}.collection-piece{background:var(--bg);min-height:468px;box-shadow:0 20px 32px -30px var(--button-shadow);transition:transform var(--duration-medium) var(--ease-smooth-out),box-shadow var(--duration-medium) var(--ease-smooth-out);border-radius:16px;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);display:grid;overflow:hidden}.collection-piece:hover,.collection-piece:focus-within{box-shadow:0 26px 38px -30px var(--button-shadow);transform:translateY(-3px)}.collection-piece:nth-child(2n){grid-template-columns:minmax(0,1.28fr) minmax(230px,.72fr)}.collection-piece:nth-child(2n) .collection-piece-copy{order:2}.collection-piece:nth-child(2n) .collection-piece-preview{order:1}.collection-piece-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:clamp(32px,5vw,72px);display:flex}.collection-piece-verb{color:var(--primary);font-family:var(--font-display);letter-spacing:.04em;text-transform:lowercase;margin:0 0 18px;font-size:.76rem}.collection-piece-copy h2{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:clamp(2.2rem,4vw,4rem);font-weight:400;line-height:.98}.collection-piece-description{max-width:28ch;color:var(--muted);margin:20px 0 0;font-size:1.08rem;line-height:1.4}.collection-piece-link{margin-top:30px}.collection-piece-preview{background:var(--surface);min-height:468px;position:relative;overflow:hidden}.collection-piece-component{transform-origin:top;position:absolute;top:26px;left:50%;transform:translate(-50%)scale(.63);width:35rem!important;max-width:none!important;height:42rem!important}.collection-piece-component.receipt-printer-preview{min-height:0;height:calc(38rem + 58px)!important}.collection-piece-component .receipt-printer-preview__stage{min-height:38rem}.landing-nav-actions{position:relative}.landing-content{display:block}.landing-nav{z-index:8;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:80px;padding:24px 40px;display:flex;position:absolute;inset:0 0 auto}.landing-brand{color:var(--ink);font-family:var(--font-display);letter-spacing:-.025em;white-space:nowrap;font-size:1.24rem;line-height:1}.landing-nav-actions{align-items:center;gap:16px;display:flex}.landing-nav-link{min-height:44px;color:var(--muted);transition:color var(--duration-fast) var(--ease-smooth-out),background var(--duration-fast) var(--ease-smooth-out),transform var(--duration-fast) var(--ease-smooth-out);border-radius:999px;align-items:center;padding:10px 12px;display:inline-flex}.landing-nav-link:hover{color:var(--ink);background:0 0;transform:translateY(-1px)}.landing-github-link{width:44px;height:44px;color:var(--muted);transition:color var(--duration-fast) var(--ease-smooth-out),background var(--duration-fast) var(--ease-smooth-out),transform var(--duration-fast) var(--ease-smooth-out);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.landing-github-icon{width:19px;height:19px}.landing-github-link:hover{color:var(--ink);background:0 0;transform:translateY(-1px)}.landing-nav-cta{min-height:42px;padding-inline:20px}.landing-hero{background:var(--surface);height:100dvh;min-height:100svh;position:relative;overflow:hidden}.landing-copy{z-index:5;text-align:center;flex-direction:column;align-items:center;width:min(1120px,100% - 48px);display:flex;position:absolute;top:29%;left:50%;transform:translate(-50%)}.landing-copy h1{max-width:1120px;color:var(--ink);letter-spacing:-.03em;text-wrap:balance;margin:22px 0 0;font-size:clamp(3.3rem,5.2vw,5.6rem);font-weight:400;line-height:.99}.landing-heading-line{white-space:nowrap;display:block}.landing-heading-cool{color:#0000;font-family:var(--font-display);letter-spacing:-.065em;background:linear-gradient(108deg,var(--ink) 32%,var(--primary) 48%,var(--ink) 64%);display:inline-block}@supports (color:color-mix(in lab,red,red)){.landing-heading-cool{background:linear-gradient(108deg,var(--ink) 32%,color-mix(in oklch,var(--primary) 72%,white) 48%,var(--ink) 64%)}}.landing-heading-cool{will-change:background-position;background-position:100% 0;background-size:240% 100%;-webkit-background-clip:text;background-clip:text;animation:2.4s linear infinite landing-word-shimmer}@keyframes landing-word-shimmer{0%{background-position:140% 0}to{background-position:-140% 0}}.landing-subhead{max-width:none;color:var(--muted);white-space:nowrap;margin:20px 0 0;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.45}.landing-primary-cta{min-height:48px;margin-top:24px;padding-inline:24px}@keyframes landing-cta-shimmer{0%{transform:translate(-58%)rotate(8deg)}to{transform:translate(58%)rotate(8deg)}}.landing-arrow{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;opacity:.78;flex:none;width:17px;height:17px}.hero-artifact{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;display:block;position:absolute}.hero-artifact--badge{filter:drop-shadow(-10px 17px 15px oklch(20% .02 270/.16));width:min(150px,12vw);top:clamp(6rem,15vh,10rem);right:clamp(4rem,12vw,12rem);transform:rotate(9deg)}.hero-artifact--receipt-left{filter:drop-shadow(10px 18px 16px oklch(20% .02 270/.18));width:min(240px,18vw);bottom:clamp(5rem,8vh,7rem);left:clamp(2rem,11vw,11rem);transform:rotate(-8deg)}.landing-purpose{background:var(--surface);min-height:clamp(480px,64vh,620px);padding:clamp(88px,11vw,156px) 40px}.landing-purpose-inner{grid-template-columns:minmax(0,.9fr) minmax(280px,.72fr);gap:clamp(56px,11vw,176px);width:min(1040px,100%);margin:0 auto;display:grid}.landing-purpose h2{max-width:7ch;color:var(--ink);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.8rem,5vw,4.8rem);font-weight:400;line-height:.98}.landing-purpose-body{max-width:34ch;padding-top:.5rem}.landing-purpose-body p{color:var(--muted);text-wrap:pretty;margin:0;font-size:clamp(1.12rem,1.7vw,1.4rem);line-height:1.4}.landing-purpose-body p+p{margin-top:14px}.landing-purpose-link{margin-top:28px}.landing-purpose-tiles{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(8px 14px 13px oklch(20% .02 270/.17));width:clamp(132px,14vw,190px);max-width:100%;height:auto;margin:clamp(24px,3vw,42px) auto 0;display:block;transform:rotate(-5deg)}.landing-receipt{background:var(--surface);flex-direction:column;align-items:center;min-height:clamp(640px,88vh,820px);padding:clamp(72px,10vw,132px) 40px 44px;display:flex;overflow:hidden}.landing-receipt-stage{place-items:center;width:min(640px,100%);height:clamp(460px,58vh,560px);display:grid;overflow:visible}.landing-receipt-stage>[data-receipt-printer-scene]{transform-origin:top;width:100%;transform:scale(.82)}.landing-receipt-trigger{margin-top:4px}.landing-receipt-follow{color:var(--muted);transition:color var(--duration-fast) var(--ease-smooth-out),transform var(--duration-fast) var(--ease-smooth-out);align-items:center;gap:8px;margin-top:20px;font-size:.9rem;display:inline-flex}.landing-receipt-follow:hover{color:var(--ink);transform:translateY(-1px)}.landing-social-icon{width:18px;height:18px}.empty-state{color:var(--muted);font-size:1rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media(max-width:760px){.app-shell{flex-direction:column;gap:12px;padding:0;display:flex}.sidebar{width:100%;height:auto;box-shadow:none;background:0 0;border:0;border-radius:18px;flex:none;padding:16px 14px 12px;transform:translateY(0)}.collection-nav{padding:20px 24px}.collection-content{width:min(100% - 40px,620px);padding:72px 0 88px}.collection-intro{margin-bottom:48px}.collection-intro h1{font-size:clamp(3.2rem,14vw,5rem)}.collection-piece,.collection-piece:nth-child(2n){flex-direction:column;min-height:0;display:flex}.collection-piece-copy,.collection-piece:nth-child(2n) .collection-piece-copy{order:1;padding:34px 28px 38px}.collection-piece-preview,.collection-piece:nth-child(2n) .collection-piece-preview{order:2;min-height:360px}.collection-piece-component{top:16px;transform:translate(-50%)scale(.56)}.collection-piece-component.receipt-printer-preview{top:12px;transform:translate(-50%)scale(.5)}.main-shell{flex:auto;height:auto;margin:0 12px 12px;position:relative;overflow:visible}.component-canvas{inset:0}.app-shell.is-sidebar-collapsed .sidebar{width:100%;height:64px;padding:10px 12px;transform:translateY(0)}.brand-lockup{padding:2px 3px 17px}.sidebar-section-label,.sidebar-bottom{display:none}.sidebar-top{margin-top:20px}.app-shell.is-sidebar-collapsed .sidebar-top{height:0;margin-top:0;display:block}.component-nav{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:5px;padding:2px 0 5px;display:grid;overflow:hidden}.component-nav-item{justify-content:center;min-height:38px;padding:8px 6px;font-size:.92rem}.component-nav-item .nav-arrow{display:none}.topbar{height:var(--canvas-notch-depth);min-height:var(--canvas-notch-depth);padding:var(--canvas-control-top) 8px 0;inset:0}.topbar-actions{gap:6px}.avatar-random-toggle{gap:6px;padding-inline:7px}.avatar-random-toggle-label{display:none}.shell-tabs{top:var(--canvas-control-top);width:max-content;height:calc(var(--canvas-control-height) + 4px);min-height:0;padding:4px}.shell-tab{min-height:calc(var(--canvas-control-height) - 6px);flex:none;padding:8px 9px;font-size:.72rem}.component-canvas.has-avatar-control .shell-tabs{left:8px;transform:none}.shell-code-panel{padding:0}.shell-code{padding:22px 18px 30px;font-size:.7rem}.documentation-panel{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;padding:32px 20px 40px;display:flex}.documentation-intro{max-width:none}.documentation-intro p{max-width:34ch}.documentation-note{flex-direction:column;align-items:stretch}.documentation-downloads{justify-content:flex-start}.topbar-actions .soft-button--accent{padding-inline:16px}.stage{padding:0 18px 18px}.landing-nav{min-height:72px;padding:20px 24px}.landing-nav-actions{gap:8px}.landing-nav-link{padding-inline:8px}.landing-github-link{width:40px;height:40px}.landing-nav-cta{padding-inline:16px}.landing-copy{width:min(760px,100% - 32px);top:27%}.landing-copy h1{max-width:none;font-size:clamp(2.8rem,8.5vw,4.6rem)}.landing-subhead{white-space:normal;max-width:34ch}.hero-artifact--badge{width:112px;top:14%;right:-4px}.hero-artifact--receipt-left{width:190px;bottom:5rem;left:-28px}.landing-purpose{padding:88px 24px 104px}.landing-purpose-inner{grid-template-columns:1fr;gap:36px}.landing-receipt{padding-inline:24px}.landing-receipt-stage{height:520px}.landing-receipt-stage>[data-receipt-printer-scene]{transform:scale(.72)}}@media(min-width:761px)and (max-height:760px){.landing-nav{padding-block:16px}.landing-copy{top:22%}.landing-subhead{margin-top:14px}.landing-primary-cta{margin-top:18px}}@media(max-width:520px){.landing-nav{padding-inline:16px}.landing-brand{font-size:1.12rem}.landing-nav-link{display:none}.landing-nav-cta{min-height:40px;padding-inline:14px;font-size:.9rem}.landing-copy{top:25%}.landing-copy h1{text-wrap:balance;white-space:normal;max-width:none;font-size:clamp(2.55rem,12vw,3.5rem)}.landing-subhead{white-space:normal;max-width:31ch;font-size:.98rem}.hero-artifact--receipt-left{width:150px;bottom:5rem;left:-38px}.hero-artifact--badge{width:92px;top:16%;right:-28px}.landing-purpose-tiles{width:132px;margin-top:28px}.landing-purpose{padding:72px 20px 88px}.landing-purpose-inner{gap:28px}.landing-purpose h2{max-width:8ch}.landing-receipt{min-height:620px;padding:72px 20px 80px}.landing-receipt-stage{height:470px}.landing-receipt-stage>[data-receipt-printer-scene]{transform:scale(.62)}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.landing-heading-cool{color:var(--ink);background:0 0;animation:none}.collection-piece:hover,.collection-piece:focus-within{transform:none}}@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}@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-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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}