/*! tailwindcss v4.3.3 | 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-border-style:solid;--tw-font-weight: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-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;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:"Inter", "SF Pro Text", "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-cyan-400:oklch(78.9% .154 211.53);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-neutral-50:oklch(98.5% 0 none);--color-neutral-100:oklch(97% 0 none);--color-neutral-200:oklch(92.2% 0 none);--color-neutral-300:oklch(87% 0 none);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-600:oklch(43.9% 0 none);--color-neutral-700:oklch(37.1% 0 none);--color-neutral-800:oklch(26.9% 0 none);--color-neutral-900:oklch(20.5% 0 none);--color-neutral-950:oklch(14.5% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--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-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Inter", "SF Pro Text", "Segoe UI", sans-serif;--default-mono-font-family:"SFMono-Regular", Consolas, "Liberation Mono", monospace}}@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;-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: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}.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}.static{position:static}.sticky{position:sticky}.-inset-\[180\%\]{inset:-180%}.inset-0{inset:0}.inset-px{inset:1px}.inset-x-0{inset-inline:0}.-top-1{top:calc(var(--spacing) * -1)}.-top-12{top:calc(var(--spacing) * -12)}.-top-16{top:calc(var(--spacing) * -16)}.top-0{top:0}.top-8{top:calc(var(--spacing) * 8)}.-right-1{right:calc(var(--spacing) * -1)}.-right-12{right:calc(var(--spacing) * -12)}.-right-16{right:calc(var(--spacing) * -16)}.-right-20{right:calc(var(--spacing) * -20)}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.-left-20{left:calc(var(--spacing) * -20)}.left-0{left:0}.isolate{isolation:isolate}.z-10{z-index:10}.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}}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-4{margin-top:calc(var(--spacing) * 4)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-0\.5{width:calc(var(--spacing) * .5);height:calc(var(--spacing) * .5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.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-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.size-44{width:calc(var(--spacing) * 44);height:calc(var(--spacing) * 44)}.size-64{width:calc(var(--spacing) * 64);height:calc(var(--spacing) * 64)}.h-2{height:calc(var(--spacing) * 2)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-28{height:calc(var(--spacing) * 28)}.h-52{height:calc(var(--spacing) * 52)}.h-80{height:calc(var(--spacing) * 80)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-36{min-height:calc(var(--spacing) * 36)}.w-2{width:calc(var(--spacing) * 2)}.w-5{width:calc(var(--spacing) * 5)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-32{width:calc(var(--spacing) * 32)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[spin_3s_linear_infinite\]{animation:3s linear infinite spin}.animate-spin{animation:var(--animate-spin)}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[11px\]{border-radius:11px}.rounded-\[23px\]{border-radius:23px}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-bl-3xl{border-bottom-left-radius:var(--radius-3xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-ink\/25{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.border-ink\/25{border-color:color-mix(in oklab, var(--ink) 25%, transparent)}}.border-line{border-color:var(--line)}.border-neutral-100{border-color:var(--color-neutral-100)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-neutral-400{border-color:var(--color-neutral-400)}.border-neutral-700{border-color:var(--color-neutral-700)}.border-neutral-800{border-color:var(--color-neutral-800)}.border-neutral-900{border-color:var(--color-neutral-900)}.border-neutral-950{border-color:var(--color-neutral-950)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/25{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.bg-black\/25{background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-cyan-400{background-color:var(--color-cyan-400)}.bg-danger{background-color:var(--danger)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-ink\/7{background-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/7{background-color:color-mix(in oklab, var(--ink) 7%, transparent)}}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-400{background-color:var(--color-neutral-400)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-neutral-950{background-color:var(--color-neutral-950)}.bg-primary{background-color:var(--primary)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-surface{background-color:var(--surface)}.bg-transparent{background-color:#0000}.bg-violet-500{background-color:var(--color-violet-500)}.bg-violet-600{background-color:var(--color-violet-600)}.bg-white{background-color:var(--color-white)}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.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-px{padding:1px}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-5{padding-block:calc(var(--spacing) * 5)}.pt-14{padding-top:calc(var(--spacing) * 14)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.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-\[9px\]{font-size:9px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-ink{color:var(--ink)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-950{color:var(--color-neutral-950)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-500{color:var(--color-red-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-15{opacity:.15}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);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)}.shadow-indigo-500\/25{--tw-shadow-color:#625fff40}@supports (color:color-mix(in lab, red, red)){.shadow-indigo-500\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-violet-500\/30{--tw-shadow-color:#8d54ff4d}@supports (color:color-mix(in lab, red, red)){.shadow-violet-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.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{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-all{transition-property:all;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))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-ink\/45:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.hover\:border-ink\/45:hover{border-color:color-mix(in oklab, var(--ink) 45%, transparent)}}.hover\:bg-danger\/90:hover{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-danger\/90:hover{background-color:color-mix(in oklab, var(--danger) 90%, transparent)}}.hover\:bg-emerald-600\/90:hover{background-color:#009767e6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-emerald-600\/90:hover{background-color:color-mix(in oklab, var(--color-emerald-600) 90%, transparent)}}.hover\:bg-ink\/11:hover{background-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-ink\/11:hover{background-color:color-mix(in oklab, var(--ink) 11%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-subtle:hover,.hover\:bg-subtle\/60:hover{background-color:var(--subtle)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-subtle\/60:hover{background-color:color-mix(in oklab, var(--subtle) 60%, transparent)}}.hover\:underline:hover{text-decoration-line:underline}}.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-primary\/25:focus-visible{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-primary\/25:focus-visible{--tw-ring-color:color-mix(in oklab, var(--primary) 25%, transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--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-canvas:focus-visible{--tw-ring-offset-color:var(--canvas)}.active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:bg-neutral-100:active{background-color:var(--color-neutral-100)}.active\:opacity-80:active{opacity:.8}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-45:disabled{opacity:.45}.dark\:border-neutral-600:where(.dark,.dark *){border-color:var(--color-neutral-600)}.dark\:border-neutral-700:where(.dark,.dark *){border-color:var(--color-neutral-700)}.dark\:border-neutral-800:where(.dark,.dark *){border-color:var(--color-neutral-800)}.dark\:border-neutral-900:where(.dark,.dark *){border-color:var(--color-neutral-900)}.dark\:border-white:where(.dark,.dark *){border-color:var(--color-white)}.dark\:bg-neutral-50:where(.dark,.dark *){background-color:var(--color-neutral-50)}.dark\:bg-neutral-800:where(.dark,.dark *){background-color:var(--color-neutral-800)}.dark\:bg-neutral-900:where(.dark,.dark *){background-color:var(--color-neutral-900)}.dark\:bg-neutral-950:where(.dark,.dark *){background-color:var(--color-neutral-950)}.dark\:bg-white:where(.dark,.dark *){background-color:var(--color-white)}.dark\:bg-white\/9:where(.dark,.dark *){background-color:#ffffff17}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/9:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 9%, transparent)}}.dark\:text-neutral-50:where(.dark,.dark *){color:var(--color-neutral-50)}.dark\:text-neutral-300:where(.dark,.dark *){color:var(--color-neutral-300)}.dark\:text-neutral-950:where(.dark,.dark *){color:var(--color-neutral-950)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}@media (hover:hover){.dark\:hover\:bg-white\/13:where(.dark,.dark *):hover{background-color:#ffffff21}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/13:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 13%, transparent)}}}.dark\:active\:bg-neutral-900:where(.dark,.dark *):active{background-color:var(--color-neutral-900)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f7f7f5;--surface:#fff;--subtle:#f0f0ed;--ink:#171716;--muted:#73736d;--line:#e4e4df;--primary:#222220;--primary-foreground:#fff;--danger:#d92d20;--code:#171716;--accent:#222220;--radius-control:9px;--radius-surface:13px;--radius-display:21px;--control-height:42px;--nav-height:34px;--content-top:34px;--section-space:34px;--density-gap:16px;--motion-fast:.16s;--motion-base:.28s;--ease-smooth:cubic-bezier(.2, .8, .2, 1)}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#111110;--surface:#181817;--subtle:#222220;--ink:#f0f0ec;--muted:#969690;--line:#2c2c29;--primary:#eeeeea;--primary-foreground:#171716;--danger:#e5484d;--code:#0c0c0b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;transition:background-color var(--motion-base) var(--ease-smooth), color var(--motion-base) var(--ease-smooth);margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a,input{transition-property:color,background-color,border-color,opacity,box-shadow;transition-duration:var(--motion-fast);transition-timing-function:var(--ease-smooth)}.app-shell{min-height:100vh}.header{z-index:50;border-bottom:1px solid var(--line);background:var(--canvas);grid-template-columns:240px 1fr 240px;align-items:center;height:64px;display:grid;position:fixed;top:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.header{background:color-mix(in srgb, var(--canvas) 88%, transparent)}}.header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-left{align-items:center;gap:10px;padding-left:28px;display:flex}.logo{color:var(--ink);letter-spacing:-.04em;align-items:center;gap:9px;font-size:18px;font-weight:680;text-decoration:none;display:inline-flex}.logo-mark{border:1px solid var(--ink);border-radius:7px;place-items:center;width:22px;height:22px;display:grid;transform:rotate(8deg)}.logo-mark span{background:var(--ink);border-radius:2px;width:7px;height:7px;display:block}.version{border:1px solid var(--line);color:var(--muted);letter-spacing:.02em;border-radius:4px;margin-left:2px;padding:2px 5px;font-size:9px;font-weight:600}.search-trigger{border:1px solid var(--line);background:var(--surface);width:min(360px,70%);height:34px;color:var(--muted);cursor:pointer;border-radius:8px;justify-self:center;align-items:center;gap:8px;padding:0 9px 0 11px;font-size:12px;display:flex;box-shadow:0 1px 2px #00000008}.search-trigger span{text-align:left;flex:1}.search-trigger kbd{border:1px solid var(--line);background:var(--subtle);border-radius:4px;align-items:center;gap:2px;padding:2px 5px;font-family:inherit;font-size:9px;display:flex}.header-actions{justify-self:end;gap:4px;padding-right:28px;display:flex}.icon-button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;text-decoration:none;display:inline-grid}.icon-button:hover{color:var(--ink);background:var(--subtle)}.mobile-menu{display:none}.command-layer{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0a096b;justify-content:center;align-items:flex-start;padding:14vh 20px 20px;animation:.14s ease-out command-in;display:flex;position:fixed;inset:0}.command-dialog{border:1px solid var(--line);background:var(--surface);border-radius:13px;width:min(540px,100%);overflow:hidden;box-shadow:0 30px 90px #00000038}.command-input-row{border-bottom:1px solid var(--line);height:54px;color:var(--muted);align-items:center;gap:10px;padding:0 14px 0 17px;display:flex}.command-input-row input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:13px}.command-input-row input::placeholder{color:var(--muted)}.command-input-row kbd,.command-footer kbd{border:1px solid var(--line);background:var(--subtle);color:var(--muted);border-radius:4px;padding:3px 5px;font-family:inherit;font-size:8px}.command-results{max-height:340px;padding:10px;overflow-y:auto}.command-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:5px 8px 7px;font-size:8px;font-weight:700;display:block}.command-results button{width:100%;min-height:49px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:7px 9px;display:flex}.command-results button:hover:not(:disabled){background:var(--subtle)}.command-results button:disabled{opacity:.43;cursor:default}.command-result-icon{border:1px solid var(--line);background:var(--canvas);border-radius:7px;flex:none;place-items:center;width:29px;height:29px;font-size:10px;font-weight:700;display:grid}.command-results button>span:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.command-results strong{font-size:11px;font-weight:620}.command-results small{color:var(--muted);font-size:8px}.command-empty{color:var(--muted);text-align:center;margin:0;padding:42px 10px;font-size:11px}.command-footer{border-top:1px solid var(--line);background:var(--canvas);height:37px;color:var(--muted);justify-content:flex-end;align-items:center;gap:14px;padding:0 14px;font-size:8px;display:flex}.command-footer span{align-items:center;gap:4px;display:flex}@keyframes command-in{0%{opacity:0}to{opacity:1}}.sidebar{z-index:40;border-right:1px solid var(--line);background:var(--canvas);width:240px;padding:30px 20px 20px 28px;position:fixed;top:64px;bottom:0;left:0;overflow-y:auto}.sidebar-mobile-head{display:none}.nav-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px 10px;font-size:10px;font-weight:700}.nav-heading-row{justify-content:space-between;align-items:center;margin-top:30px;display:flex}.nav-heading-row .nav-label{margin-bottom:8px}.nav-count{color:var(--muted);margin-right:9px;font-size:10px}.nav-group{margin-top:14px}.nav-group:first-of-type{margin-top:4px}.nav-group-label{color:var(--muted);margin:0 0 4px 10px;display:block}@supports (color:color-mix(in lab, red, red)){.nav-group-label{color:color-mix(in srgb, var(--muted) 78%, transparent)}}.nav-group-label{letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:700}.nav-link{height:var(--nav-height);border-radius:var(--radius-control);color:var(--muted);justify-content:space-between;align-items:center;padding:0 10px;font-size:13px;text-decoration:none;display:flex}.nav-link:hover:not(.nav-muted){background:var(--subtle);color:var(--ink)}.component-link>span{align-items:center;gap:6px;min-width:0;display:flex}.component-link>span>small{background:var(--subtle);min-width:16px;height:16px;color:var(--muted);font-family:var(--font-mono);border-radius:5px;place-items:center;padding:0 4px;font-size:7px;display:grid}.component-link.nav-active>span>small{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.component-link.nav-active>span>small{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}.component-link.nav-active>span>small{color:var(--accent)}.nav-active{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line), 0 2px 5px #00000008;font-weight:550}.nav-muted{cursor:default;opacity:.58}.soon-badge{background:var(--subtle);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:700}.sidebar-note{border:1px dashed var(--line);color:var(--muted);border-radius:9px;gap:9px;margin-top:28px;padding:12px;display:flex}.sidebar-note svg{flex:none;margin-top:2px}.sidebar-note p{margin:0;font-size:10px;line-height:1.5}.sidebar-note strong{color:var(--ink);font-size:11px}.main{grid-template-columns:minmax(0,760px) 150px;justify-content:center;gap:72px;min-height:100vh;margin-left:240px;padding-top:64px;display:grid}.content{width:100%;padding:var(--content-top) 0 72px}.breadcrumb{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.breadcrumb span:last-child{color:var(--ink)}.hero{border-bottom:1px solid var(--line);padding:34px 0 38px}.eyebrow{color:var(--muted);align-items:center;gap:7px;margin-bottom:14px;font-size:11px;display:flex}.status-dot{background:#43a047;border-radius:99px;width:6px;height:6px;box-shadow:0 0 0 3px #43a04729}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(40px,5vw,58px);font-weight:650;line-height:1}.hero>p{max-width:620px;color:var(--muted);letter-spacing:-.015em;margin:14px 0 0;font-size:17px;line-height:1.65}.hero-meta{gap:22px;margin-top:19px;display:flex}.hero-meta span{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.hero-meta svg{color:#43a047}.doc-section{padding:var(--section-space) 0 4px}.section-title-row{justify-content:space-between;align-items:end;margin-bottom:19px;display:flex}.section-heading{margin-bottom:15px}.section-kicker{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;margin:0 0 5px;font-size:9px}.doc-section h2{letter-spacing:-.035em;margin:0;font-size:23px;font-weight:620}.body-copy{max-width:620px;color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.7}.platform-tabs{border:1px solid var(--line);background:var(--subtle);border-radius:8px;padding:3px;display:flex}.platform-tabs button{height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:0 10px;font-size:10px;display:flex}.platform-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000014}.react-dot{color:#1688a8;font-size:13px;line-height:1}.native-dot{color:#fff;background:#171716;border-radius:4px;place-items:center;width:14px;height:14px;font-size:8px;font-weight:800;display:grid}.demo-card{border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface);overflow:hidden;box-shadow:0 5px 20px #00000006}.demo-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:46px;padding:0 14px;display:flex}.preview-label{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:650}.view-tabs{gap:3px;display:flex}.view-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 9px;font-size:10px}.view-tabs button.selected{background:var(--subtle);color:var(--ink)}.viewport-dots{gap:4px;display:flex}.viewport-dots span{background:var(--line);border-radius:50%;width:5px;height:5px}.preview-stage{background:var(--surface);place-items:center;min-height:390px;display:grid;position:relative;overflow:hidden}.preview-grid{display:none}.button-showcase{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.button-design-gallery{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(700px,100% - 40px);padding:10px;display:grid;position:relative}.button-design-gallery article{border:1px solid var(--line);background:var(--surface);border-radius:15px;flex-wrap:wrap;align-items:flex-end;gap:7px;min-width:0;min-height:135px;padding:17px;display:flex}.button-design-gallery article>span{width:100%;color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;font-size:7px}.design-flow{gap:22px;display:grid}.design-flow-card{border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface);min-width:0;overflow:hidden;box-shadow:0 8px 28px #00000009}.design-flow-head{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr);align-items:start;gap:13px;min-height:92px;padding:20px 22px;display:grid}.design-flow-head>span{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);font-family:var(--font-mono);border-radius:9px;place-items:center;font-size:8px;display:grid}.design-flow-head h3{letter-spacing:-.035em;margin:0;font-size:18px}.design-flow-head p{max-width:620px;color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.55}.design-flow-preview{background:var(--surface);place-items:center;min-height:360px;padding:30px;display:grid;position:relative;overflow:hidden}.design-flow-preview>:not(.preview-grid){z-index:1;position:relative}.design-flow-customize{border-top:1px solid var(--line);background:var(--subtle);padding:20px 22px 22px}@supports (color:color-mix(in lab, red, red)){.design-flow-customize{background:color-mix(in srgb, var(--subtle) 44%, var(--surface))}}.design-flow-customize-label{color:var(--muted);align-items:center;gap:7px;margin-bottom:14px;font-size:10px;font-weight:650;display:flex}.design-flow-customize .compact-customizer{margin:0}.button-design-scene{align-content:space-between;gap:36px;width:min(520px,100%);min-height:220px;padding:26px;display:grid}.button-design-scene>span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;font-size:8px}.button-design-scene>div{align-items:center;gap:10px;min-width:0;display:flex}.button-scene-system{border:1px solid var(--line);background:var(--surface);border-radius:18px;box-shadow:0 18px 45px #0000000e}.button-scene-editorial{border-block:1px solid var(--ink);background:0 0}.button-scene-editorial>span{letter-spacing:.04em;font-family:Georgia,serif;font-style:italic}.button-scene-soft{background:linear-gradient(145deg,#fce7f3,#e0e7ff);border-radius:30px}@supports (color:color-mix(in lab, red, red)){.button-scene-soft{background:linear-gradient(145deg, color-mix(in srgb, #fce7f3 45%, var(--surface)), color-mix(in srgb, #e0e7ff 48%, var(--surface)))}}.button-scene-mono{color:#f4f4f1;background:#111;border-radius:7px;box-shadow:12px 12px #d4d4cf}.button-scene-mono>span{color:#85857f}.input-design-scene{gap:16px;width:min(440px,100%);padding:25px;display:grid}.input-design-scene h3{letter-spacing:-.045em;margin:0 0 5px;font-size:23px}.input-scene-outline{border:1px solid var(--line);background:var(--surface);border-radius:18px;box-shadow:0 18px 45px #0000000e}.input-scene-filled{background:var(--subtle);border-radius:24px}@supports (color:color-mix(in lab, red, red)){.input-scene-filled{background:color-mix(in srgb, var(--subtle) 82%, var(--surface))}}.input-scene-filled h3{max-width:290px;font-size:28px}.input-scene-underline{border-radius:0;padding-inline:8px}.input-scene-underline .form-kicker{letter-spacing:.18em}.input-scene-underline h3{letter-spacing:-.045em;max-width:390px;margin-bottom:20px;font-family:Georgia,serif;font-size:35px;font-weight:500;line-height:1.02}.input-scene-floating{border:1px solid var(--ink);padding:24px}@supports (color:color-mix(in lab, red, red)){.input-scene-floating{border:1px solid color-mix(in srgb, var(--ink) 10%, var(--line))}}.input-scene-floating{background:linear-gradient(145deg,#dbeafe,#ede9fe);border-radius:28px}@supports (color:color-mix(in lab, red, red)){.input-scene-floating{background:linear-gradient(145deg, color-mix(in srgb, #dbeafe 62%, var(--surface)), color-mix(in srgb, #ede9fe 55%, var(--surface)))}}.input-scene-floating{box-shadow:0 24px 55px #3a44621f}.input-scene-floating .ui-field{background:#ffffffb8;border-radius:15px;padding:7px;box-shadow:0 8px 25px #34394e14}.dark .input-scene-floating{background:linear-gradient(145deg,#18202c,#211c31)}.checkbox-scene-box{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:25px}.checkbox-scene-round{background:#fef3c7;border-radius:28px;padding:27px}@supports (color:color-mix(in lab, red, red)){.checkbox-scene-round{background:color-mix(in srgb, #fef3c7 38%, var(--surface))}}.checkbox-scene-card{background:var(--subtle);border-radius:22px;width:min(520px,100%);padding:22px}@supports (color:color-mix(in lab, red, red)){.checkbox-scene-card{background:color-mix(in srgb, var(--subtle) 70%, var(--surface))}}.checkbox-scene-card>button{justify-self:stretch}.checkbox-scene-minimal{border-block:1px solid var(--ink);border-radius:0;padding:10px 0}.checkbox-scene-minimal>div:first-child{border-bottom:1px solid var(--line);padding-bottom:12px}.checkbox-scene-minimal h3{font-family:Georgia,serif;font-weight:500}.switch-scene-pill{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:24px}.switch-scene-square{color:#f4f4f1;background:#161719;border-radius:8px;padding:24px;box-shadow:0 24px 55px #00000029}.switch-scene-square .form-kicker,.switch-scene-square .ui-switch-copy small{color:#85878c}.switch-scene-square .ui-switch-copy strong{color:#f4f4f1}.switch-scene-square .ui-switch{border-color:#303237}.switch-scene-ios{background:#e5e7eb;border-radius:30px;padding:25px}@supports (color:color-mix(in lab, red, red)){.switch-scene-ios{background:color-mix(in srgb, #e5e7eb 58%, var(--surface))}}.switch-scene-ios .ui-switch{padding-inline:4px}.switch-scene-labeled{border:1px dashed var(--ink);padding:23px}@supports (color:color-mix(in lab, red, red)){.switch-scene-labeled{border:1px dashed color-mix(in srgb, var(--ink) 30%, var(--line))}}.switch-scene-labeled{border-radius:16px}.design-flow-dialog .design-flow-preview{min-height:560px;padding:0}.design-flow-dialog-sheet .design-flow-preview{min-height:520px}.design-flow-dialog-alert .design-flow-preview{min-height:430px}.design-flow-dialog-contrast .design-flow-preview{background:#0b0b0d}.design-flow-accordion .design-flow-preview{min-height:420px}.design-flow-accordion-cards .design-flow-preview{background:var(--subtle)}@supports (color:color-mix(in lab, red, red)){.design-flow-accordion-cards .design-flow-preview{background:color-mix(in srgb, var(--subtle) 72%, var(--surface))}}.design-flow-accordion-minimal .design-flow-preview{background:#faf7f0}@supports (color:color-mix(in lab, red, red)){.design-flow-accordion-minimal .design-flow-preview{background:color-mix(in srgb, #faf7f0 55%, var(--surface))}}.tooltip-scene-ink{background:#f7f7f5;border-radius:18px}.tooltip-scene-soft{background:#e0f2fe;border-radius:30px}@supports (color:color-mix(in lab, red, red)){.tooltip-scene-soft{background:color-mix(in srgb, #e0f2fe 38%, var(--surface))}}.tooltip-scene-shortcut{color:#f5f5f2;background:#171716;border-radius:12px}.tooltip-scene-shortcut .tooltip-demo-kicker,.tooltip-scene-shortcut>small{color:#8d8d87}.tooltip-scene-shortcut .tooltip-action-row button{color:#f5f5f2;background:#222220;border-color:#353532}.tooltip-scene-status{background:#dcfce7;border-style:dashed}@supports (color:color-mix(in lab, red, red)){.tooltip-scene-status{background:color-mix(in srgb, #dcfce7 38%, var(--surface))}}.tooltip-content-soft{border-color:var(--line);background:var(--surface);color:var(--ink);box-shadow:0 12px 30px #00000014}.tooltip-content-soft>i{background:var(--surface)}.tooltip-content-shortcut{font-family:var(--font-mono);background:#090909;border-color:#383835;border-radius:6px;padding:8px 10px}.tooltip-content-shortcut>i{background:#090909}.tooltip-shortcut-copy{align-items:center;gap:10px;display:inline-flex}.tooltip-shortcut-copy kbd{color:#c9c9c4;font:inherit;background:#20201e;border:1px solid #464641;border-radius:4px;padding:2px 5px}.tooltip-content-status{color:#166534;background:#f0fdf4;border-color:#bbf7d0;border-radius:999px;box-shadow:0 10px 24px #1665341c}.tooltip-content-status>i{background:#f0fdf4}.tooltip-status-copy{align-items:center;gap:6px;display:inline-flex}.tooltip-status-copy>i{background:#22c55e;border-radius:50%;width:6px;height:6px}.ui-button.ui-button-design-editorial{letter-spacing:-.015em;border-radius:0;box-shadow:inset 0 -1px}.ui-button.ui-button-design-editorial:hover{transform:translateY(-2px)}.ui-button.ui-button-design-soft{border-radius:16px;box-shadow:0 8px 20px}@supports (color:color-mix(in lab, red, red)){.ui-button.ui-button-design-soft{box-shadow:0 8px 20px color-mix(in srgb, currentColor 8%, transparent)}}.ui-button.ui-button-design-mono{font-family:var(--font-mono);letter-spacing:.055em;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink);border-radius:6px;font-size:10px}@supports (color:color-mix(in lab, red, red)){.ui-button.ui-button-design-mono{box-shadow:3px 3px 0 color-mix(in srgb, var(--ink) 18%, transparent)}}.ui-button.ui-button-design-mono:active{box-shadow:1px 1px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.ui-button.ui-button-design-mono:active{box-shadow:1px 1px 0 color-mix(in srgb, var(--ink) 18%, transparent)}}.ui-button.ui-button-design-mono:active{transform:translate(2px,2px)}.button-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.button-family-card{border:1px solid var(--line);background:var(--surface);min-height:180px;transition:border-color var(--motion-base) var(--ease-smooth), box-shadow var(--motion-base) var(--ease-smooth), transform var(--motion-base) var(--ease-smooth);border-radius:16px;flex-direction:column;justify-content:space-between;gap:24px;padding:20px;display:flex}.button-family-card:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.button-family-card:hover{border-color:color-mix(in srgb, var(--ink) 14%, var(--line))}}.button-family-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px #0000000d}.button-family-card>div:first-child{gap:4px;display:grid}.button-family-card>div:first-child span{color:var(--ink);font-size:12px;font-weight:650}.button-family-card>div:first-child small{color:var(--muted);font-size:8px;line-height:1.5}.button-family-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button-family-wide{grid-column:span 2;min-height:145px}.split-button{display:flex}.split-button button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.split-button button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px}.native-stage{background:var(--surface);min-height:500px}.phone-frame{z-index:2;color:#171716;background:#fff;border:6px solid #20201f;border-radius:34px;width:230px;height:440px;padding:34px 20px 22px;position:relative;overflow:hidden;box-shadow:0 24px 50px #0000002e}.phone-speaker{background:#252524;border-radius:99px;width:52px;height:5px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.phone-status{justify-content:space-between;font-size:8px;font-weight:700;display:flex}.phone-content{flex-direction:column;justify-content:center;gap:9px;height:100%;display:flex}.phone-content p{letter-spacing:-.04em;margin:0 0 12px;font-size:22px;font-weight:700}.native-preview-button{cursor:default;border:0;border-radius:9px;height:40px;font-size:11px;font-weight:650}.native-design-list{gap:11px}.native-design-list>p{margin-bottom:2px;font-size:19px}.native-design-list>span{gap:4px;display:grid}.native-design-list small{color:#868680;text-transform:uppercase;letter-spacing:.08em;font-size:7px}.native-button-editorial{border-radius:0;box-shadow:inset 0 -1px #fff}.native-button-soft{border-radius:15px}.native-button-mono{font-family:var(--font-mono);letter-spacing:.05em;border-radius:5px;font-size:9px;box-shadow:3px 3px #cfcfca}.native-primary{color:#fff;background:#181817}.native-secondary{color:#181817;background:#fff;border:1px solid #deded9}.native-outline{color:#181817;background:0 0;border:1px solid #999992}.native-soft{color:#181817;background:#ecece8}.native-ghost{color:#181817;background:0 0}.home-indicator{background:#20201f;border-radius:99px;width:80px;height:3px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.code-shell{border:1px solid var(--line);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.code-shell{border:1px solid color-mix(in srgb, var(--line) 45%, transparent)}}.code-shell{background:var(--code);color:#d6d6d1;border-radius:11px}.demo-card>.code-shell{border:0;border-radius:0}.code-toolbar{color:#777771;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #2b2b29;justify-content:space-between;align-items:center;height:40px;padding:0 12px 0 16px;font-size:9px;display:flex}.copy-button{color:#a7a7a1;cursor:pointer;text-transform:none;letter-spacing:0;background:#20201f;border:1px solid #323230;border-radius:5px;align-items:center;gap:5px;height:26px;padding:0 8px;font-size:9px;display:flex}.copy-button:hover{color:#fff}.code-scroll{max-height:490px;font-family:var(--font-mono);tab-size:2;white-space:pre;margin:0;padding:21px;font-size:11px;line-height:1.75;overflow:auto}.install-command{border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;gap:12px;min-height:52px;padding:0 9px 0 16px;display:flex}.install-command code{min-width:0;color:var(--ink);font-family:var(--font-mono);white-space:nowrap;flex:1;font-size:10px;overflow-x:auto}.install-command button{background:var(--subtle);width:30px;height:30px;color:var(--muted);cursor:pointer;border:0;border-radius:6px;flex:none}.copy-mini{font-size:12px}.workbench{border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface);grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);display:grid;overflow:hidden;box-shadow:0 5px 20px #00000006}.workbench-preview{border-right:1px solid var(--line);min-width:0}.workbench-label{border-bottom:1px solid var(--line);height:42px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;padding:0 15px;font-size:9px;font-weight:650;display:flex}.workbench-canvas{background-color:var(--surface);justify-content:center;align-items:center;height:calc(100% - 42px);min-height:430px;padding:36px;display:flex}@supports (color:color-mix(in lab, red, red)){.workbench-canvas{background-color:color-mix(in srgb, var(--surface) 80%, var(--canvas))}}.workbench-canvas{background-image:radial-gradient(var(--line) .7px, transparent .7px);background-size:16px 16px}.customizer-panel{background:var(--surface);align-content:start;gap:17px;padding:16px;display:grid}@supports (color:color-mix(in lab, red, red)){.customizer-panel{background:color-mix(in srgb, var(--surface) 84%, var(--canvas))}}.customizer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.customizer-head div{gap:2px;display:grid}.customizer-head span{color:var(--ink);font-size:12px;font-weight:650}.customizer-head small{color:var(--muted);font-size:8px}.customizer-head button{border:1px solid var(--line);background:var(--surface);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:6px;place-items:center;display:grid}.control-group,.text-control{gap:7px;display:grid}.control-group>span:first-child,.text-control>span{color:var(--muted);font-size:9px;font-weight:650}.text-control input{border:1px solid var(--line);background:var(--surface);width:100%;height:33px;color:var(--ink);border-radius:7px;outline:none;padding:0 10px;font-size:11px}.text-control input:focus{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.text-control input:focus{border-color:color-mix(in srgb, var(--ink) 35%, var(--line))}}.text-control input:focus{box-shadow:0 0 0 3px var(--ink)}@supports (color:color-mix(in lab, red, red)){.text-control input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 6%, transparent)}}.segmented-control{border:1px solid var(--line);background:var(--subtle);border-radius:7px;gap:2px;padding:2px;display:flex;overflow-x:auto}.segmented-control button{min-width:0;height:25px;color:var(--muted);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;padding:0 7px;font-size:8px}.segmented-control button[data-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000014}.customizer-panel .segmented-control[data-count="6"],.customizer-panel .segmented-control[data-count="9"]{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.color-options{gap:9px;display:flex}.color-options button{border:3px solid var(--surface);width:21px;height:21px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:50%;padding:0}.color-options button[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--ink)}.toggle-grid{border:1px solid var(--line);background:var(--line);border-radius:8px;gap:1px;display:grid;overflow:hidden}.toggle-control{background:var(--surface);min-height:35px;color:var(--muted);cursor:pointer;align-items:center;padding:0 9px 0 10px;font-size:9px;display:flex}.toggle-control>span:first-child{flex:1}.toggle-control input{opacity:0;pointer-events:none;position:absolute}.toggle-track{background:var(--line);border-radius:99px;width:26px;height:15px;padding:2px;transition:background .18s}.toggle-track span{background:var(--surface);border-radius:50%;width:11px;height:11px;transition:transform .18s;display:block;box-shadow:0 1px 2px #0003}.toggle-control input:checked+.toggle-track span{transform:translate(11px)}.toggle-control input:focus-visible+.toggle-track{outline:2px solid var(--ink)}@supports (color:color-mix(in lab, red, red)){.toggle-control input:focus-visible+.toggle-track{outline:2px solid color-mix(in srgb, var(--ink) 35%, transparent)}}.toggle-control input:focus-visible+.toggle-track{outline-offset:2px}.expressive-grid{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:1.15fr .85fr;min-height:360px;display:grid;overflow:hidden}.expressive-preview{border-right:1px solid var(--line);background:#0f0f11;place-items:center;padding:42px;display:grid;position:relative;overflow:hidden}.expressive-preview:before{content:"";opacity:.45;filter:blur(35px);background:radial-gradient(circle at 30% 30%,#523b72 0,#0000 25%),radial-gradient(circle at 78% 70%,#19395f 0,#0000 28%);position:absolute;inset:-30%}.inspiration-tag{z-index:2;color:#8f8f99;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;font-size:8px;font-weight:650;display:flex;position:absolute;top:15px;left:15px}.tag-dot{border:1px solid;border-radius:2px;width:6px;height:6px;display:inline-block;transform:rotate(45deg)}.expressive-actions{z-index:1;justify-items:center;gap:11px;display:grid;position:relative}.expressive-actions>.ui-button-texture,.expressive-actions>.ui-button-animated{min-width:190px}.ui-button-content{z-index:2;justify-content:center;align-items:center;gap:inherit;display:inline-flex;position:relative}.ui-button-texture:before{content:"";z-index:0;opacity:.42;background-image:linear-gradient(115deg,#0000 0 45%,#ffffff1c 46% 48%,#0000 49% 100%),radial-gradient(circle at 20% 20%,#ffffff26 0 1px,#0000 1.5px);background-size:11px 11px,7px 7px;transition:opacity .28s,transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.ui-button-texture:hover:before{opacity:.68;transform:scale(1.04)}.ui-button-gradient{background:linear-gradient(105deg,#4f46e5,#7c3aed 48%,#db2777) 0 0/160% 160%;transition:background-position .45s,transform .22s,box-shadow .22s;box-shadow:0 8px 24px #7c3aed40}.ui-button-gradient:hover{background-position:100%;transform:translateY(-1px);box-shadow:0 11px 30px #7c3aed54}.effect-button-group{border-radius:11px;gap:1px;display:flex;overflow:hidden;box-shadow:0 8px 26px #7c3aed47}.effect-button-group .ui-button-gradient{box-shadow:none;border-radius:0}.effect-button-group .ui-button-gradient:first-child{min-width:150px}.ui-button-animated{background:#20202a;box-shadow:0 8px 24px #3b3c8247}.ui-button-animated:before{content:"";z-index:0;background:conic-gradient(from 90deg,#2563eb,#7c3aed,#db2777,#2563eb);animation:7s linear infinite button-background-drift;position:absolute;inset:-120% -40%}.ui-button-animated:after{content:"";z-index:1;border-radius:inherit;background:linear-gradient(110deg,#14141cd1,#271f41ad);position:absolute;inset:1px}.ui-button-animated:hover:before{animation-duration:4.5s}.native-effects-card{z-index:1;background:#17171a;border:1px solid #2e2e34;border-radius:24px;gap:12px;width:220px;padding:24px 18px;display:grid;position:relative;box-shadow:0 20px 45px #00000059}.native-effects-card>span{color:#fff;letter-spacing:-.03em;font-size:17px;font-weight:650}.native-effects-card small{color:#777781;text-align:center;font-size:8px}.native-glow-button{color:#fff;background:#292134;border:1px solid #7662a8;border-radius:11px;height:42px;font-size:11px;font-weight:650;box-shadow:0 0 26px #8b5cf642}.expressive-copy{flex-direction:column;justify-content:center;padding:34px 28px;display:flex}.expressive-copy h3{letter-spacing:-.025em;margin:0;font-size:17px}.expressive-copy p{color:var(--muted);margin:10px 0 19px;font-size:11px;line-height:1.7}.expressive-principles{gap:7px;display:grid}.expressive-principles span{background:var(--subtle);width:fit-content;color:var(--muted);border-radius:99px;padding:4px 7px;font-size:8px}.expressive-copy details{border-top:1px solid var(--line)}.expressive-copy summary{color:var(--ink);cursor:pointer;padding:13px 0;font-size:10px;font-weight:600}.expressive-copy .code-scroll{max-height:280px;font-size:8px}@keyframes button-background-drift{to{transform:rotate(1turn)}}.ui-marquee{--marquee-gap:12px;gap:var(--marquee-gap);width:100%;display:flex;overflow:hidden}.ui-marquee-track{align-items:center;gap:var(--marquee-gap);min-width:max-content;animation:ui-marquee-scroll var(--marquee-duration) linear infinite;flex-shrink:0;display:flex}.ui-marquee-reverse{animation-direction:reverse}.ui-marquee-pause:hover .ui-marquee-track,.marquee-manually-paused .ui-marquee-track{animation-play-state:paused}@keyframes ui-marquee-scroll{to{transform:translateX(calc(-100% - var(--marquee-gap)))}}.ui-text-reveal{flex-wrap:wrap;gap:.18em .26em;display:flex}.ui-reveal-word-wrap{padding-bottom:.08em;display:inline-flex;overflow:hidden}.ui-reveal-word{opacity:0;animation:ui-word-enter .72s cubic-bezier(.2,.8,.2,1) var(--word-delay) forwards;display:inline-block;transform:translateY(105%)}@keyframes ui-word-enter{to{opacity:1;transform:translateY(0)}}.catalog-stage{background:var(--surface);place-items:center;min-height:500px;padding:48px;display:grid;position:relative;overflow:hidden}.catalog-native-stage{background:var(--surface);min-height:570px}.catalog-stage>:not(.preview-grid){z-index:2;position:relative}.compact-customizer{align-items:end;gap:var(--density-gap);border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface);grid-template-columns:repeat(3,minmax(0,1fr));padding:18px;display:grid}.compact-customizer>.toggle-control{border:1px solid var(--line);border-radius:8px;min-height:34px;padding:0 10px}.compact-customizer>.island-state-control{grid-column:span 2}.island-state-control .segmented-control{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.island-state-control .segmented-control button{min-width:70px}.range-control>span:first-child{justify-content:space-between;align-items:center;display:flex}.range-control output{color:var(--ink);font-family:var(--font-mono);font-size:8px}.range-control input{width:100%;height:4px;accent-color:var(--ink);cursor:pointer}.ui-field{width:100%;color:var(--ink);gap:7px;display:grid}.ui-field-label{font-size:9px;font-weight:650}.ui-input-shell{min-height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);transition:border-color var(--motion-fast) var(--ease-smooth), box-shadow var(--motion-fast) var(--ease-smooth), background-color var(--motion-fast) var(--ease-smooth);align-items:center;gap:8px;padding:0 12px;display:flex;box-shadow:0 1px 2px #00000006}.ui-input-shell:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ui-input-shell:focus-within{border-color:color-mix(in srgb, var(--accent) 58%, var(--line))}}.ui-input-shell:focus-within{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.ui-input-shell:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}}.ui-input-shell input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:11px}.ui-input-shell input::placeholder{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.ui-input-shell input::placeholder{color:color-mix(in srgb, var(--muted) 75%, transparent)}}.ui-input-affix{color:var(--muted);flex:none;place-items:center;display:grid}.ui-field>small{color:var(--muted);font-size:8px;line-height:1.45}.ui-field-error .ui-input-shell{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.ui-field-error .ui-input-shell{border-color:color-mix(in srgb, var(--danger) 65%, var(--line))}}.ui-field-error .ui-input-shell{box-shadow:0 0 0 3px var(--danger)}@supports (color:color-mix(in lab, red, red)){.ui-field-error .ui-input-shell{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 7%, transparent)}}.ui-field-error>small{color:var(--danger)}.ui-field-filled .ui-input-shell{background:var(--subtle);box-shadow:none;border-color:#0000}.ui-field-filled .ui-input-shell:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ui-field-filled .ui-input-shell:focus-within{border-color:color-mix(in srgb, var(--accent) 28%, transparent)}}.ui-field-filled .ui-input-shell:focus-within{background:var(--subtle)}@supports (color:color-mix(in lab, red, red)){.ui-field-filled .ui-input-shell:focus-within{background:color-mix(in srgb, var(--subtle) 70%, var(--surface))}}.ui-field-underline{gap:6px}.ui-field-underline .ui-input-shell{box-shadow:none;background:0 0;border-width:0 0 1px;border-radius:0;padding-inline:0}.ui-field-underline .ui-input-shell:focus-within{border-color:var(--accent);box-shadow:0 1px 0 var(--accent)}.ui-field-floating{padding-top:1px;position:relative}.ui-field-floating .ui-field-label{z-index:2;color:var(--muted);pointer-events:none;font-size:7px;position:absolute;top:7px;left:12px}.ui-field-floating .ui-input-shell{min-height:54px;padding-top:11px}.ui-field-floating .ui-input-shell input::placeholder{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.ui-field-floating .ui-input-shell input::placeholder{color:color-mix(in srgb, var(--muted) 52%, transparent)}}.field-status-success .ui-input-shell{border-color:#059669}@supports (color:color-mix(in lab, red, red)){.field-status-success .ui-input-shell{border-color:color-mix(in srgb, #059669 55%, var(--line))}}.field-status-success .ui-input-affix:last-child,.field-status-success>small{color:#059669}.field-size-compact .ui-input-shell{border-radius:8px;min-height:34px}.field-size-large .ui-input-shell{border-radius:13px;min-height:52px;padding:0 15px}.input-demo{border:1px solid var(--line);background:var(--surface);border-radius:18px;gap:18px;width:min(390px,100%);padding:25px;display:grid;box-shadow:0 20px 55px #00000012}.input-design-filled{background:var(--subtle)}@supports (color:color-mix(in lab, red, red)){.input-design-filled{background:color-mix(in srgb, var(--subtle) 38%, var(--surface))}}.input-design-underline{box-shadow:none;border-radius:0}.input-design-floating{border-radius:25px}.form-kicker{color:var(--muted);letter-spacing:.14em;font-size:7px;font-weight:700}.catalog-phone .input-demo{gap:14px;width:100%;padding:16px}.ui-checkbox{color:var(--ink);cursor:pointer;align-items:flex-start;gap:11px;display:flex}.ui-checkbox>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ui-checkbox-box{border:1px solid var(--muted);flex:none;place-items:center;width:19px;height:19px;display:grid}@supports (color:color-mix(in lab, red, red)){.ui-checkbox-box{border:1px solid color-mix(in srgb, var(--muted) 45%, var(--line))}}.ui-checkbox-box{background:var(--surface);transition:border-color var(--motion-fast) var(--ease-smooth), background-color var(--motion-fast) var(--ease-smooth), box-shadow var(--motion-fast) var(--ease-smooth);border-radius:6px}.ui-checkbox-box i{border-left:1.7px solid var(--primary-foreground);border-bottom:1.7px solid var(--primary-foreground);opacity:0;width:7px;height:4px;transition:opacity var(--motion-fast) ease, transform var(--motion-fast) var(--ease-smooth);transform:translateY(-1px)rotate(-45deg)scale(.7)}.ui-checkbox input:checked+.ui-checkbox-box{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 3px var(--ink)}@supports (color:color-mix(in lab, red, red)){.ui-checkbox input:checked+.ui-checkbox-box{box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 7%, transparent)}}.ui-checkbox input:checked+.ui-checkbox-box i{opacity:1;transform:translateY(-1px)rotate(-45deg)scale(1)}.ui-checkbox input:focus-visible+.ui-checkbox-box{outline:2px solid var(--ink)}@supports (color:color-mix(in lab, red, red)){.ui-checkbox input:focus-visible+.ui-checkbox-box{outline:2px solid color-mix(in srgb, var(--ink) 28%, transparent)}}.ui-checkbox input:focus-visible+.ui-checkbox-box{outline-offset:2px}.ui-checkbox-copy{gap:3px;min-width:0;display:grid}.ui-checkbox-copy strong{font-size:10px;font-weight:620}.ui-checkbox-copy small{color:var(--muted);font-size:8px;line-height:1.5}.ui-checkbox-disabled{opacity:.42;cursor:not-allowed}.ui-checkbox-design-round .ui-checkbox-box{border-radius:50%}.ui-checkbox-design-card{border:1px solid var(--line);background:var(--surface);transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease;border-radius:13px;padding:13px}.ui-checkbox-design-card:has(input:checked){border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ui-checkbox-design-card:has(input:checked){border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}}.ui-checkbox-design-card:has(input:checked){background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ui-checkbox-design-card:has(input:checked){background:color-mix(in srgb, var(--accent) 5%, var(--surface))}}.ui-checkbox-design-minimal .ui-checkbox-box{background:0 0;border:0;border-radius:0}.ui-checkbox-design-minimal .ui-checkbox-box i{border-color:var(--ink)}.ui-checkbox-design-minimal input:checked+.ui-checkbox-box{box-shadow:none;background:0 0}.checkbox-design-card{gap:8px}.checkbox-design-minimal{box-shadow:none;border-radius:0}.checkbox-demo{border:1px solid var(--line);background:var(--surface);border-radius:18px;gap:17px;width:min(440px,100%);padding:24px;display:grid;box-shadow:0 20px 55px #0000000f}.checkbox-demo>div:first-child h3,.switch-demo>div:first-child h3{letter-spacing:-.035em;margin:8px 0 5px;font-size:18px}.checkbox-demo>div:first-child p{color:var(--muted);margin:0;font-size:9px}.checkbox-demo>button{justify-self:start;margin-top:4px}.checkbox-tight{gap:10px}.checkbox-roomy{gap:24px}.catalog-phone .checkbox-demo{gap:13px;width:100%;padding:15px}.ui-switch{width:100%;color:var(--ink);cursor:pointer;align-items:center;gap:16px;display:flex}.ui-switch>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ui-switch-copy{flex:1;gap:3px;min-width:0;display:grid}.ui-switch-copy strong{font-size:10px;font-weight:620}.ui-switch-copy small{color:var(--muted);font-size:8px;line-height:1.45}.ui-switch-track{--switch-width:36px;--switch-height:21px;--switch-pad:3px;width:var(--switch-width);height:var(--switch-height);padding:var(--switch-pad);background:var(--muted);border-radius:99px;flex:none}@supports (color:color-mix(in lab, red, red)){.ui-switch-track{background:color-mix(in srgb, var(--muted) 24%, var(--line))}}.ui-switch-track{transition:background-color var(--motion-fast) var(--ease-smooth), box-shadow var(--motion-fast) var(--ease-smooth)}.ui-switch-track i{width:calc(var(--switch-height) - var(--switch-pad) * 2);height:calc(var(--switch-height) - var(--switch-pad) * 2);transition:transform var(--motion-base) var(--ease-smooth);background:#fff;border-radius:50%;display:block;box-shadow:0 1px 3px #0000002e}.ui-switch input:checked+.ui-switch-track{background:var(--primary)}.ui-switch input:checked+.ui-switch-track i{transform:translateX(calc(var(--switch-width) - var(--switch-height)))}.ui-switch input:focus-visible+.ui-switch-track{box-shadow:0 0 0 3px var(--ink)}@supports (color:color-mix(in lab, red, red)){.ui-switch input:focus-visible+.ui-switch-track{box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 10%, transparent)}}.ui-switch-square .ui-switch-track{border-radius:6px}.ui-switch-square .ui-switch-track i{border-radius:4px}.ui-switch-ios input:checked+.ui-switch-track{background:#34c759}.ui-switch-labeled .ui-switch-track{--switch-width:49px;position:relative}.ui-switch-labeled .ui-switch-track:before{content:"OFF";color:var(--ink);position:absolute;top:50%;right:5px}@supports (color:color-mix(in lab, red, red)){.ui-switch-labeled .ui-switch-track:before{color:color-mix(in srgb, var(--ink) 50%, transparent)}}.ui-switch-labeled .ui-switch-track:before{font-family:var(--font-mono);font-size:5px;transform:translateY(-50%)}.ui-switch-labeled input:checked+.ui-switch-track:before{content:"ON";color:#ffffffb8;left:6px;right:auto}.ui-switch-labeled input:checked+.ui-switch-track{background:#7c3aed}.switch-design-square .ui-switch{border:1px solid var(--line);border-radius:12px;padding:12px}.switch-design-square .ui-switch+.ui-switch{margin-top:-9px}.ui-switch-sm .ui-switch-track{--switch-width:30px;--switch-height:18px;--switch-pad:3px}.ui-switch-lg .ui-switch-track{--switch-width:44px;--switch-height:25px;--switch-pad:3px}.ui-switch-disabled{opacity:.42;cursor:not-allowed}.switch-demo{border:1px solid var(--line);background:var(--surface);border-radius:18px;gap:19px;width:min(440px,100%);padding:24px;display:grid;box-shadow:0 20px 55px #0000000f}.switch-demo .ui-switch{border-top:1px solid var(--line);padding-top:14px}.catalog-phone .switch-demo{gap:14px;width:100%;padding:15px}.ui-dialog-layer{z-index:90;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0808086b;justify-content:center;align-items:center;padding:24px;animation:.2s both dialog-backdrop-in;display:flex;position:fixed;inset:0}.ui-dialog-contained{z-index:5;border-radius:inherit;position:absolute}.ui-dialog{border:1px solid var(--line);background:var(--surface);width:min(440px,100% - 32px);color:var(--ink);animation:dialog-panel-in .3s var(--ease-smooth) both;border-radius:18px;overflow:hidden;box-shadow:0 28px 80px #00000038}@keyframes dialog-backdrop-in{0%{opacity:0}}@keyframes dialog-panel-in{0%{opacity:0;transform:translateY(9px)}}.ui-dialog-head{align-items:flex-start;gap:16px;padding:20px 20px 15px;display:flex}.ui-dialog-head>div{flex:1;min-width:0}.ui-dialog-head h2{letter-spacing:-.035em;margin:0;font-size:17px}.ui-dialog-head p{color:var(--muted);margin:6px 0 0;font-size:9px;line-height:1.55}.ui-dialog-head>button{background:var(--subtle);width:27px;height:27px;color:var(--muted);cursor:pointer;border:0;border-radius:7px;place-items:center;font-size:17px;display:grid}.ui-dialog-body{gap:14px;padding:4px 20px 20px;display:grid}.ui-dialog-footer{border-top:1px solid var(--line);background:var(--surface);justify-content:flex-end;gap:7px;padding:13px 20px;display:flex}@supports (color:color-mix(in lab, red, red)){.ui-dialog-footer{background:color-mix(in srgb, var(--surface) 82%, var(--canvas))}}.ui-dialog-layer-sheet{align-items:flex-end;padding-bottom:0}.ui-dialog-sheet{border-bottom:0;border-radius:24px 24px 0 0;width:min(560px,100% - 24px);animation-name:dialog-sheet-in}@keyframes dialog-sheet-in{0%{opacity:0;transform:translateY(24px)}}.ui-dialog-alert{width:min(350px,100% - 32px)}.ui-dialog-alert .ui-dialog-head{text-align:center;padding:24px 22px 18px}.ui-dialog-alert .ui-dialog-head>button{position:absolute;top:10px;right:10px}.ui-dialog-alert .ui-dialog-footer{justify-content:stretch;padding:12px}.ui-dialog-alert .ui-dialog-footer>*{flex:1}.ui-dialog-contrast{color:#f4f4f5;background:#111113;border-color:#303035}.ui-dialog-contrast .ui-dialog-head p,.ui-dialog-contrast .dialog-role{color:#85858d}.ui-dialog-contrast .ui-dialog-head>button{color:#92929a;background:#222226}.ui-dialog-contrast .ui-dialog-footer{background:#17171a;border-color:#2a2a2e}.ui-dialog-contrast .ui-dialog-footer>button:last-child{box-shadow:none;color:#171716!important;background:#f3f3ef!important}.ui-dialog-contrast .ui-dialog-footer>button:first-child{color:#b1b1b7}.ui-dialog-contrast .ui-input-shell,.ui-dialog-contrast select{color:#f4f4f5;background:#17171a;border-color:#323237}.dialog-size-compact{width:min(340px,100% - 32px)}.dialog-size-wide{width:min(540px,100% - 32px)}.dialog-align-top{align-self:flex-start;margin-top:24px}.dialog-demo{place-items:center;min-height:340px;display:grid}.catalog-stage>.dialog-demo{z-index:3;position:absolute;inset:0}.dialog-role{color:var(--muted);gap:7px;font-size:9px;display:grid}.dialog-role select{border:1px solid var(--line);background:var(--surface);height:40px;color:var(--ink);border-radius:9px;outline:none;padding:0 10px;font-size:10px}.catalog-phone-dialog .catalog-phone-content{inset:0}.catalog-phone .dialog-demo{z-index:5;border-radius:28px;min-height:0;position:absolute;inset:0;overflow:hidden}.catalog-phone .ui-dialog-layer{background:#ffffffc2;padding:8px}.catalog-phone .ui-dialog{border-radius:15px;width:calc(100% - 12px)}.catalog-phone .ui-dialog-head{padding:14px 14px 10px}.catalog-phone .ui-dialog-body{padding:4px 14px 14px}.catalog-phone .ui-dialog-footer{flex-wrap:wrap;padding:10px 14px}.catalog-phone .ui-dialog-footer button{flex:1;min-width:0;padding-inline:8px;font-size:9px}.control-action{border:1px solid var(--line);background:var(--surface);height:35px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:9px;font-weight:600;display:inline-flex}.control-action:hover{background:var(--subtle)}.design-notes{border:1px solid var(--line);background:var(--line);border-radius:11px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.design-notes article{background:var(--surface);min-height:180px;padding:21px}.design-notes article>span{color:var(--muted);font-family:var(--font-mono);font-size:8px}.design-notes h3{color:var(--ink);letter-spacing:-.02em;margin:38px 0 8px;font-size:13px}.design-notes p{color:var(--muted);margin:0;font-size:10px;line-height:1.65}.inspiration-note{border:1px dashed var(--line);color:var(--muted);border-radius:8px;align-items:center;gap:7px;margin:14px 0 0;padding:11px 13px;font-size:9px;display:flex}.catalog-phone{width:250px;height:480px;padding:36px 16px 22px}.catalog-phone-content{background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-width:0;display:flex;position:absolute;inset:66px 16px 22px;overflow:hidden}.catalog-phone-content>:not(.catalog-phone-title){max-width:100%;max-height:100%}.catalog-phone-content>:not(.catalog-phone-title),.catalog-phone .stack-demo article{box-shadow:none!important}.catalog-phone-title{z-index:2;color:#73736d;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700;position:absolute;top:52px;left:18px}.magic-feature-card{width:min(420px,100%);min-height:310px;padding:26px;transition:border-radius .25s;box-shadow:0 28px 70px #0003}.magic-card-pattern{opacity:.18;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom left,#000,#0000 64%);mask-image:linear-gradient(to bottom left,#000,#0000 64%)}.magic-card-icon{background:#ffffff12;border:1px solid #ffffff21;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.magic-card-copy{margin-top:56px}.magic-card-copy small{color:#8d8d96;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.magic-card-copy h3{letter-spacing:-.045em;margin:9px 0;font-size:23px;line-height:1.2}.magic-card-copy p{color:#8d8d96;margin:0;font-size:11px}.magic-card-footer{color:#b9b9c0;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:25px;padding-top:15px;font-size:10px;display:flex}.catalog-phone .magic-feature-card{min-height:320px;padding:20px}.catalog-phone .magic-card-copy{margin-top:48px}.catalog-phone .magic-card-copy h3{font-size:19px}.marquee-demo{gap:13px;width:calc(100% + 96px);display:grid;transform:rotate(-2deg)}.marquee-item{border:1px solid var(--line);background:var(--surface);border-radius:13px;align-items:flex-start;gap:11px;width:245px;min-height:80px;padding:14px;display:flex}@supports (color:color-mix(in lab, red, red)){.marquee-item{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.marquee-item{box-shadow:0 5px 18px #00000009}.marquee-item>span{background:var(--subtle);width:30px;height:30px;color:var(--ink);border-radius:8px;flex:none;place-items:center;font-size:12px;display:grid}.marquee-item div{gap:4px;display:grid}.marquee-item strong{color:var(--ink);font-size:10px}.marquee-item small{color:var(--muted);font-size:8px;line-height:1.45}.phone-marquee{width:calc(100% + 32px);margin-left:-16px}.phone-marquee .marquee-item{background:#fff;width:185px;min-height:70px}.reveal-demo{justify-content:center;align-items:center;width:min(650px,100%);min-height:220px;display:flex}.reveal-demo-text{color:var(--ink);letter-spacing:-.055em;text-align:center;justify-content:center;font-size:clamp(34px,5vw,58px);font-weight:620;line-height:1.08}.reveal-gradient{color:#0000;background:linear-gradient(100deg,#2563eb,#7c3aed 48%,#db2777);-webkit-background-clip:text;background-clip:text}.reveal-outline{color:#0000;-webkit-text-stroke:1.4px var(--ink)}.phone-reveal .reveal-demo-text{color:#171716;text-align:left;justify-content:flex-start;font-size:30px}.phone-reveal .reveal-gradient{color:#0000}.phone-reveal .reveal-outline{color:#0000;-webkit-text-stroke-color:#171716}.stack-demo-wrap{place-items:center;gap:18px;min-height:390px;display:grid}.stack-demo{height:320px;transition:width .25s}.stack-compact{width:270px}.stack-regular{width:330px}.stack-wide{width:410px}.stack-demo article{flex-direction:column;display:flex}.stack-demo article>p{color:#d4d4d8;letter-spacing:-.025em;margin:auto 0 20px;font-size:18px;line-height:1.55}.stack-card-head{align-items:center;gap:10px;display:flex}.stack-card-head>div{flex:1;gap:1px;display:grid}.stack-card-head strong{font-size:10px}.stack-card-head small{color:#777781;font-size:8px}.stack-avatar{color:#c4b5fd;background:#2b2538;border-radius:50%;place-items:center;width:33px;height:33px;font-size:9px;font-weight:700;display:grid}.stack-social{color:#8b8b94;gap:16px;font-size:9px;display:flex}.stack-social span{align-items:center;gap:5px;display:flex}.stack-card-kicker{color:#8b8b94;text-transform:uppercase;letter-spacing:.12em;font-size:8px;font-weight:700}.stack-demo article h3{letter-spacing:-.045em;margin:auto 0 8px;font-size:25px;line-height:1.15}.stack-hint{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.catalog-phone .stack-demo-wrap{width:100%;min-height:350px;transform:none}.catalog-phone .stack-demo{width:calc(100% - 8px);height:300px}.catalog-phone .stack-demo article{padding:18px}.catalog-phone .stack-demo article>p{font-size:13px;line-height:1.45}.ticker-panel{border:1px solid var(--line);background:var(--surface);border-radius:22px;width:min(460px,100%);min-height:285px;padding:28px;position:relative;overflow:hidden;box-shadow:0 28px 65px #00000014}.ticker-panel>span:first-child{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.ticker-panel>span:first-child i{background:var(--subtle);color:var(--muted);letter-spacing:.03em;border-radius:99px;margin-left:8px;padding:3px 6px;font-size:7px;font-style:normal;transition:color .2s,background .2s}.ticker-panel>span:first-child i[data-phase=animating]{background:#8b5cf6}@supports (color:color-mix(in lab, red, red)){.ticker-panel>span:first-child i[data-phase=animating]{background:color-mix(in srgb, #8b5cf6 13%, var(--surface))}}.ticker-panel>span:first-child i[data-phase=animating]{color:#7c3aed}.ticker-panel>span:first-child i[data-phase=settled]{background:#10b981}@supports (color:color-mix(in lab, red, red)){.ticker-panel>span:first-child i[data-phase=settled]{background:color-mix(in srgb, #10b981 13%, var(--surface))}}.ticker-panel>span:first-child i[data-phase=settled]{color:#059669}.ticker-value{color:var(--ink);letter-spacing:-.065em;font-variant-numeric:tabular-nums;margin:30px 0 14px;font-size:clamp(48px,7vw,76px);font-weight:630;line-height:1;display:block}.ticker-panel>div:first-of-type{align-items:center;gap:7px;display:flex}.ticker-panel small{color:var(--muted);font-size:9px}.ticker-positive{color:#15803d;background:#dcfce7;border-radius:5px;padding:4px 6px;font-size:9px;font-weight:650}.ticker-sparkline{opacity:.75;align-items:end;gap:6px;height:55px;display:flex;position:absolute;bottom:23px;left:22px;right:22px}.ticker-sparkline i{background:var(--ink);border-radius:3px 3px 1px 1px;flex:1}@supports (color:color-mix(in lab, red, red)){.ticker-sparkline i{background:color-mix(in srgb, var(--ink) 15%, transparent)}}.ticker-sparkline i:first-child{height:22%}.ticker-sparkline i:nth-child(2){height:38%}.ticker-sparkline i:nth-child(3){height:31%}.ticker-sparkline i:nth-child(4){height:56%}.ticker-sparkline i:nth-child(5){height:48%}.ticker-sparkline i:nth-child(6){height:76%}.ticker-sparkline i:nth-child(7){background:#22c55e;height:94%}.catalog-phone .ticker-panel{min-height:330px;padding:21px}.catalog-phone .ticker-value{margin-top:45px;font-size:45px}.ui-orbit{border-radius:50%;position:absolute;inset:0}.ui-orbit-item{width:44px;height:44px;animation:ui-orbit-spin var(--orbit-duration) linear var(--orbit-delay) infinite;margin:-22px;position:absolute;top:50%;left:50%}.ui-orbit-reverse{animation-direction:reverse}.ui-orbit-counter{animation:ui-orbit-counter var(--orbit-duration) linear var(--orbit-delay) infinite}.ui-orbit-reverse .ui-orbit-counter{animation-direction:reverse}@keyframes ui-orbit-spin{0%{transform:rotate(0deg) translateX(var(--orbit-radius)) rotate(0deg)}to{transform:rotate(360deg) translateX(var(--orbit-radius)) rotate(-360deg)}}@keyframes ui-orbit-counter{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.orbit-demo{place-items:center;width:340px;height:340px;display:grid;position:relative}.orbit-rings{place-items:center;display:grid;position:absolute;inset:0}.orbit-rings i{border:1px dashed var(--line);border-radius:50%;position:absolute}.orbit-rings i:first-child{width:94%;height:94%}.orbit-rings i:nth-child(2){width:68%;height:68%}.orbit-rings i:nth-child(3){width:36%;height:36%}.orbit-core{z-index:3;border:1px solid var(--line);background:var(--surface);border-radius:27px;align-content:center;place-items:center;width:88px;height:88px;display:grid;position:relative;transform:rotate(-4deg);box-shadow:0 15px 35px #00000014}.orbit-core span{color:var(--ink);letter-spacing:-.08em;font-size:26px;font-weight:750}.orbit-core small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:7px}.orbit-icon{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--ink);border-radius:13px;place-items:center;font-size:15px;display:grid;box-shadow:0 8px 20px #00000014}.catalog-phone .orbit-demo{width:210px;height:210px;transform:scale(.75)}.ui-dynamic-island{z-index:3;width:var(--island-width);height:var(--island-height);border-radius:var(--island-radius);color:#fff;max-width:calc(100% - 24px);transition:width var(--island-duration) cubic-bezier(.2,.85,.2,1), height var(--island-duration) cubic-bezier(.2,.85,.2,1), border-radius var(--island-duration) cubic-bezier(.2,.85,.2,1), box-shadow .3s ease;background:linear-gradient(145deg,#111114,#030304 62%);border:0;outline:none;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff13,inset 0 -1px #ffffff06,0 18px 48px #0000004d,0 0 0 1px #0006}.ui-dynamic-island:hover{box-shadow:inset 0 1px #ffffff17,inset 0 -1px #ffffff08,0 22px 58px #0000005e,0 0 0 1px #00000073}.ui-island-state,.ui-island-container{width:100%;height:100%}.ui-island-state{animation:.32s cubic-bezier(.2,.8,.2,1) both island-state-in}@keyframes island-state-in{0%{opacity:.6;filter:blur(2px);transform:translateY(4px)scale(.99)}to{opacity:1;filter:none;transform:none}}.ui-island-title,.ui-island-description{margin:0}.ui-island-title{color:#fff}.ui-island-description{color:#8b8b93}.morph-island-stage,.phone-morph-island{--island-signal:#c9f66f}.island-signal-cyan{--island-signal:#67e8f9}.island-signal-violet{--island-signal:#a78bfa}.morph-island-stage{background:#aebbc3;border-radius:30px;justify-content:center;align-items:flex-start;width:min(620px,100%);height:470px;padding-top:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 65px #00000021}.island-wallpaper{background-image:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px), radial-gradient(circle at 50% -5%, var(--island-signal), transparent 31%), radial-gradient(circle at 14% 92%, #c6a69c, transparent 34%), linear-gradient(145deg, #b8c9d0, #52636f 57%, #26323b);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.island-wallpaper{background-image:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px), radial-gradient(circle at 50% -5%, color-mix(in srgb, var(--island-signal) 30%, transparent), transparent 31%), radial-gradient(circle at 14% 92%, #c6a69c, transparent 34%), linear-gradient(145deg, #b8c9d0, #52636f 57%, #26323b)}}.island-wallpaper{filter:saturate(.72);background-size:24px 24px,24px 24px,auto,auto,auto;transition:background .4s}.island-debug{z-index:4;gap:5px;display:flex;position:absolute;bottom:62px;left:18px}.island-debug span,.island-debug strong{color:#ffffffb3;font-family:var(--font-mono);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f121638;border:1px solid #ffffff38;border-radius:7px;padding:5px 7px;font-size:7px;font-weight:500}.island-debug strong{color:#fff;background:#0a0a0cb8}.island-preview-actions{z-index:4;gap:6px;display:flex;position:absolute;bottom:16px;left:18px}.island-preview-actions button{color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);cursor:pointer;background:#0d0f124d;border:1px solid #ffffff38;border-radius:9px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:8px;display:flex}.island-preview-actions button:hover{background:#0d0f127a}.island-preview-actions button[aria-pressed=true]{border-color:var(--island-signal)}@supports (color:color-mix(in lab, red, red)){.island-preview-actions button[aria-pressed=true]{border-color:color-mix(in srgb, var(--island-signal) 55%, transparent)}}.island-preview-actions button[aria-pressed=true]{color:var(--island-signal)}.island-preview-actions button:disabled{opacity:.45;cursor:wait}.island-state-dots{z-index:4;gap:6px;display:flex;position:absolute;bottom:25px;right:18px}.island-state-dots button{cursor:pointer;background:#ffffff5c;border:0;border-radius:50%;width:6px;height:6px;padding:0}.island-state-dots button[data-active=true]{background:var(--island-signal);border-radius:99px;width:18px}.island-preset-compact{align-items:center;gap:9px;padding:0 12px;display:flex}.island-brand-mark{border:1px solid var(--island-signal);flex:none;place-items:center;width:22px;height:22px;display:grid}@supports (color:color-mix(in lab, red, red)){.island-brand-mark{border:1px solid color-mix(in srgb, var(--island-signal) 70%, white 10%)}}.island-brand-mark{border-radius:7px;transform:rotate(8deg)}.island-brand-mark i{background:var(--island-signal);border-radius:2px;width:7px;height:7px;display:block}.island-preset-compact .ui-island-div{flex:1;gap:1px;min-width:0;display:grid}.island-preset-compact .ui-island-title{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.island-preset-compact .ui-island-description{color:#8f8f97;text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.island-preset-compact>span:last-child{color:var(--island-signal);font-family:var(--font-mono);white-space:nowrap;font-size:8px;font-weight:650}.island-preset-large{justify-content:center;align-items:center;gap:18px;padding:20px;display:flex}.island-loader{border:3px solid #2d2d31;border-top-color:var(--island-signal);border-radius:50%;flex:none;width:48px;height:48px;animation:1.1s linear infinite island-loader-spin;display:block}@keyframes island-loader-spin{to{transform:rotate(360deg)}}.island-preset-large .ui-island-div{gap:4px;min-width:0;display:grid}.island-preset-large .ui-island-title{letter-spacing:-.045em;font-size:22px}.island-preset-large .ui-island-description{font-size:8px}.island-preset-tall{flex-direction:column;align-items:flex-start;padding:24px;display:flex}.island-message-bubbles{gap:6px;display:grid}.island-message-bubbles .ui-island-description{background:var(--island-signal);color:#111315;border-radius:13px 13px 13px 4px;width:fit-content;max-width:250px;padding:8px 10px;font-size:9px;line-height:1.35}.island-preset-tall>.ui-island-title{letter-spacing:-.055em;margin-top:auto;font-size:34px;line-height:.96}.island-tall-foot{margin-top:8px;font-size:8px}.island-preset-long{align-items:center;gap:14px;padding:0 19px;display:flex}.island-media-control{background:var(--island-signal);color:#111315;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.island-audio-waves{flex:none;align-items:center;gap:3px;height:30px;display:flex}.island-audio-waves i{background:var(--island-signal);border-radius:99px;width:2px;height:28%;animation:1.2s ease-in-out infinite alternate island-wave-breathe}.island-audio-waves i:nth-child(2n){height:75%;animation-delay:-.4s}.island-audio-waves i:nth-child(3n){height:48%;animation-delay:-.8s}@keyframes island-wave-breathe{to{opacity:.55;height:90%}}.island-preset-long .ui-island-div{flex:1;min-width:0}.island-preset-long .ui-island-title{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.island-preset-long .ui-island-description{margin-top:3px;font-size:7px}.island-preset-long>span{color:#777780;font-family:var(--font-mono);font-size:7px}.island-preset-medium{text-align:left;flex-direction:column;padding:22px;display:flex}.island-medium-kicker{color:var(--island-signal);letter-spacing:.14em;margin-bottom:8px;font-size:6px;font-weight:700}.island-preset-medium>.ui-island-title{letter-spacing:-.05em;font-size:25px;line-height:1}.island-preset-medium>.ui-island-description{margin-top:8px;font-size:8px}.island-medium-actions{background:#17171a;border-radius:14px;gap:5px;margin-top:auto;padding:8px;display:grid}.island-medium-actions button{border-radius:9px;width:100%;height:34px;font-size:9px;color:#171716!important;background:#f0f0ed!important}.island-medium-actions button+button{color:#fff!important;background:#29292d!important}.island-preset-custom{flex-direction:column;justify-content:center;align-items:flex-start;padding:22px;display:flex}.island-preset-custom>span{color:#66666e;letter-spacing:.14em;font-size:7px}.island-preset-custom .ui-island-title{font-family:var(--font-mono);letter-spacing:-.05em;margin-top:8px;font-size:24px}.island-preset-custom .ui-island-description{max-width:230px;margin-top:6px;font-size:8px;line-height:1.5}.island-preset-custom>div{gap:5px;margin-top:17px;display:flex}.island-preset-custom>div i{background:#2c2c31;border-radius:99px;width:32px;height:3px}.island-preset-custom>div i:first-child{background:var(--island-signal)}.phone-morph-island{transform-origin:top;justify-content:center;align-items:flex-start;width:520px;min-height:430px;margin-left:-260px;padding-top:24px;display:flex;position:relative;left:50%;transform:scale(.41)}.catalog-phone-island .catalog-phone-content{justify-content:flex-start;padding-top:8px}.catalog-phone-island .phone-morph-island{flex:none}.phone-morph-island .island-debug{inset:auto auto 65px 30px}.phone-morph-island .island-preview-actions{left:30px}.ui-notch{--notch-accent:#b7ef66;z-index:8;width:var(--notch-collapsed-width);height:var(--notch-collapsed-height);color:#f5f5f6;transform-origin:top;max-width:calc(100% - 28px);transition:width var(--notch-duration) cubic-bezier(.2,.85,.2,1), height var(--notch-duration) cubic-bezier(.2,.85,.2,1), border-radius var(--notch-duration) cubic-bezier(.2,.85,.2,1), box-shadow .3s ease;background:linear-gradient(145deg,#111114,#030304 68%);border-radius:0 0 13px 13px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 -1px #ffffff12,0 8px 22px #0000002e}.ui-notch[data-state=open]{width:var(--notch-expanded-width);height:var(--notch-expanded-height);border-radius:0 0 var(--notch-radius) var(--notch-radius);box-shadow:inset 0 -1px #ffffff13,0 22px 55px #00000047}.notch-tone-blue{--notch-accent:#67c9ff}.notch-tone-violet{--notch-accent:#a78bfa}.ui-notch-trigger{width:100%;height:var(--notch-collapsed-height);color:inherit;cursor:pointer;background:0 0;border:0;outline:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 13px;display:grid}.ui-notch-trigger:focus-visible{box-shadow:inset 0 0 0 2px var(--notch-accent)}@supports (color:color-mix(in lab, red, red)){.ui-notch-trigger:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--notch-accent) 45%, transparent)}}.ui-notch-trigger>strong{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:8px;font-weight:620;overflow:hidden}.notch-sensor{background:#1a1a1d;border-radius:99px;place-items:center;width:25px;height:10px;display:grid;box-shadow:inset 0 0 0 1px #ffffff09}.notch-sensor i{background:#292331;border-radius:50%;width:4px;height:4px;display:block;box-shadow:0 0 4px #493867}.notch-live-dot{background:var(--notch-accent);width:5px;height:5px;box-shadow:0 0 0 3px var(--notch-accent);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.notch-live-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--notch-accent) 12%, transparent)}}.ui-notch-content{opacity:0;visibility:hidden;transition:grid-template-rows var(--notch-duration) cubic-bezier(.2,.85,.2,1), opacity .2s ease, visibility 0s linear var(--notch-duration);grid-template-rows:0fr;display:grid}.ui-notch-content>div{min-height:0;padding:11px 17px 16px;overflow:hidden}.ui-notch[data-state=open] .ui-notch-content{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s,.11s,0s}.notch-detail-head{grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.notch-detail-head>span,.notch-focus>span{background:var(--notch-accent);border-radius:10px;place-items:center;width:35px;height:35px;display:grid}@supports (color:color-mix(in lab, red, red)){.notch-detail-head>span,.notch-focus>span{background:color-mix(in srgb, var(--notch-accent) 15%, #18181b)}}.notch-detail-head>span,.notch-focus>span{color:var(--notch-accent)}.notch-detail-head>div,.notch-call>div,.notch-focus>div{gap:3px;min-width:0;display:grid}.notch-detail-head strong,.notch-call strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.notch-detail-head small,.notch-call small,.notch-focus small{color:#717179;font-size:7px}.notch-detail-head>b{color:var(--notch-accent);font-family:var(--font-mono);font-size:9px}.notch-progress{background:#242428;border-radius:99px;height:4px;margin-top:16px;overflow:hidden}.notch-progress i{border-radius:inherit;background:var(--notch-accent);width:72%;height:100%;display:block}.notch-detail-foot{color:#686870;font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:10px;margin-top:11px;font-size:7px;display:flex}.notch-detail-foot button,.notch-media button,.notch-focus-actions button,.notch-call-actions button{color:#9b9ba2;cursor:pointer;background:#17171a;border:1px solid #29292d;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:27px;padding:0 8px;font-size:7px;display:inline-flex}.notch-media{grid-template-columns:38px minmax(0,1fr) 29px;align-items:center;gap:10px;display:grid}.notch-album{background:linear-gradient(145deg, var(--notch-accent), #17171b);border-radius:11px;place-items:center;width:38px;height:38px;display:grid}@supports (color:color-mix(in lab, red, red)){.notch-album{background:linear-gradient(145deg, color-mix(in srgb, var(--notch-accent) 55%, #222229), #17171b)}}.notch-album{color:#fff}.notch-media>div{gap:2px;min-width:0;display:grid}.notch-media small{color:var(--notch-accent);letter-spacing:.1em;font-size:6px}.notch-media strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.notch-media em,.notch-call em,.notch-focus em{color:#777780;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-style:normal;overflow:hidden}.notch-media button{color:#fff;border-radius:50%;width:29px;height:29px;padding:0}.notch-wave{align-items:center;gap:3px;height:29px;margin-top:12px;display:flex;overflow:hidden}.notch-wave i{background:var(--notch-accent);border-radius:99px;flex:1;width:2px;max-width:4px;height:24%;animation:1.2s ease-in-out infinite alternate notch-wave}.notch-wave i:nth-child(3n){height:82%;animation-delay:-.8s}.notch-wave i:nth-child(2n){height:52%;animation-delay:-.4s}@keyframes notch-wave{to{opacity:.5;height:88%}}.notch-call,.notch-focus{align-items:center;gap:11px;display:flex}.notch-avatar{background:var(--notch-accent);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}@supports (color:color-mix(in lab, red, red)){.notch-avatar{background:color-mix(in srgb, var(--notch-accent) 24%, #212126)}}.notch-avatar{color:var(--notch-accent);font-size:9px;font-weight:700}.notch-call-actions,.notch-focus-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:17px;display:grid}.notch-call-actions button,.notch-focus-actions button{min-height:34px;font-size:8px}.notch-call-actions button:last-child{border-color:var(--notch-accent)}@supports (color:color-mix(in lab, red, red)){.notch-call-actions button:last-child{border-color:color-mix(in srgb, var(--notch-accent) 35%, #29292d)}}.notch-call-actions button:last-child{background:var(--notch-accent);color:#101113}.notch-focus>div{flex:1}.notch-focus strong{font-family:var(--font-mono);letter-spacing:-.05em;font-size:22px}.notch-focus-actions button:last-child{color:var(--notch-accent)}.notch-showcase{border:1px solid var(--line);color:#171716;background:#fff;border-radius:27px;width:min(680px,100%);height:430px;position:relative;overflow:hidden;box-shadow:0 25px 65px #0000001a}.notch-showcase:before{content:"";opacity:.42;background-image:linear-gradient(#f1f1ee 1px,#0000 1px),linear-gradient(90deg,#f1f1ee 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 28%,#0000 90%);mask-image:linear-gradient(#0000,#000 28%,#0000 90%)}.notch-screen-status{z-index:2;color:#4e4e4a;justify-content:space-between;font-size:8px;font-weight:700;display:flex;position:absolute;top:14px;left:18px;right:18px}.notch-screen-copy{z-index:1;position:absolute;bottom:47px;left:38px}.notch-screen-copy>span{color:#92928b;letter-spacing:.12em;font-size:7px;font-weight:700}.notch-screen-copy h3{letter-spacing:-.055em;margin:10px 0 8px;font-size:31px;line-height:1}.notch-screen-copy p{color:#888882;margin:0;font-size:9px}.notch-app-dock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd6;border:1px solid #e8e8e4;border-radius:13px;gap:5px;padding:7px;display:flex;position:absolute;bottom:37px;right:30px;box-shadow:0 12px 35px #00000014}.notch-app-dock i{background:#efefec;border-radius:8px;width:28px;height:28px}.notch-app-dock i:first-child{background:#171716}.notch-phone-stage{background:#fff;width:100%;height:100%;position:relative;overflow:hidden}.notch-phone-card{background:#fff;border:1px solid #ecece8;border-radius:17px;flex-direction:column;justify-content:flex-end;min-height:105px;padding:15px;display:flex;position:absolute;bottom:48px;left:15px;right:15px;box-shadow:0 15px 35px #00000012}.notch-phone-card span{color:#999992;letter-spacing:.1em;font-size:6px;font-weight:700}.notch-phone-card strong{margin-top:8px;font-size:12px}.notch-phone-card small{color:#8c8c86;margin-top:4px;font-size:7px}.catalog-phone-notch{padding:0}.catalog-phone-notch>.phone-speaker,.catalog-phone-notch>.phone-status,.catalog-phone-notch>.catalog-phone-title{display:none}.catalog-phone-notch .catalog-phone-content{padding:0;display:block;inset:0}.catalog-phone-notch .notch-screen-status{font-size:7px;top:13px;left:12px;right:12px}.catalog-phone-notch .ui-notch{max-width:calc(100% - 22px)}.catalog-phone-notch .ui-notch-trigger{gap:6px;padding:0 9px}.catalog-phone-notch .ui-notch-trigger>strong{font-size:6px}.catalog-phone-notch .notch-sensor{width:18px;height:8px}.catalog-phone-notch .ui-notch-content>div{padding:8px 10px 11px}.catalog-phone-notch .notch-detail-head{grid-template-columns:29px minmax(0,1fr) auto;gap:7px}.catalog-phone-notch .notch-detail-head>span,.catalog-phone-notch .notch-focus>span{width:29px;height:29px}.catalog-phone-notch .notch-detail-head strong,.catalog-phone-notch .notch-call strong{font-size:8px}.catalog-phone-notch .notch-detail-head small{font-size:6px}.catalog-phone-notch .notch-media{grid-template-columns:32px minmax(0,1fr) 26px;gap:7px}.catalog-phone-notch .notch-album{width:32px;height:32px}.catalog-phone-notch .notch-call-actions,.catalog-phone-notch .notch-focus-actions{margin-top:10px}.catalog-phone-notch .notch-call-actions button,.catalog-phone-notch .notch-focus-actions button{min-height:29px}.catalog-phone-notch .notch-focus strong{font-size:18px}.ui-tabs-root{gap:12px;width:100%;display:grid}.ui-animated-tabs{grid-template-columns:repeat(var(--tab-count), minmax(0, 1fr));border:1px solid var(--line);background:var(--subtle);border-radius:12px;padding:4px;display:grid;position:relative}.ui-tabs-indicator{z-index:0;width:calc((100% - 8px) / var(--tab-count));background:var(--surface);transform:translateX(calc(var(--tab-index) * 100%));border-radius:8px;transition:transform .35s cubic-bezier(.2,.8,.2,1),width .35s,height .35s;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 7px #00000014}.ui-animated-tabs button{z-index:1;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;outline:none;padding:0 13px;font-size:10px;transition:color .2s,opacity .2s;position:relative}.ui-animated-tabs button[aria-selected=true]{color:var(--ink)}.ui-animated-tabs button:focus-visible{box-shadow:inset 0 0 0 2px var(--ink)}@supports (color:color-mix(in lab, red, red)){.ui-animated-tabs button:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 24%, transparent)}}.ui-animated-tabs button:disabled{opacity:.38;cursor:not-allowed}.ui-tabs-root[data-indicator=line] .ui-tabs-indicator{background:var(--ink);height:2px;box-shadow:none;border-radius:99px;top:auto;bottom:3px}.ui-tabs-root[data-indicator=outline] .ui-tabs-indicator{border:1px solid var(--ink);background:0 0}@supports (color:color-mix(in lab, red, red)){.ui-tabs-root[data-indicator=outline] .ui-tabs-indicator{border:1px solid color-mix(in srgb, var(--ink) 26%, var(--line))}}.ui-tabs-root[data-indicator=outline] .ui-tabs-indicator{box-shadow:none}.ui-tabs-root[data-orientation=vertical]{grid-template-columns:minmax(105px,.36fr) minmax(0,1fr);align-items:stretch}.ui-tabs-root[data-orientation=vertical] .ui-animated-tabs{grid-template-columns:1fr;grid-template-rows:repeat(var(--tab-count), minmax(36px, 1fr))}.ui-tabs-root[data-orientation=vertical] .ui-tabs-indicator{width:auto;height:calc((100% - 8px) / var(--tab-count));transform:translateY(calc(var(--tab-index) * 100%));top:4px;bottom:auto;right:4px}.ui-tabs-root[data-orientation=vertical][data-indicator=line] .ui-tabs-indicator{width:2px;height:calc((100% - 8px) / var(--tab-count));inset:4px auto auto 3px}.ui-tabs-panel{min-width:0;min-height:190px;animation:.3s cubic-bezier(.2,.8,.2,1) both tabs-content-forward;display:grid}.ui-tabs-panel[data-direction="-1"]{animation-name:tabs-content-backward}@keyframes tabs-content-forward{0%{opacity:0;transform:translate(13px)}to{opacity:1;transform:translate(0)}}@keyframes tabs-content-backward{0%{opacity:0;transform:translate(-13px)}to{opacity:1;transform:translate(0)}}.tabs-demo-shell{border:1px solid var(--line);background:var(--surface);border-radius:18px;width:min(600px,100%);padding:20px;box-shadow:0 22px 55px #00000012}.tabs-demo-content{text-align:left;justify-content:center;align-items:center;gap:13px;min-height:190px;display:flex}.tabs-demo-content>span{background:var(--subtle);width:38px;height:38px;color:var(--ink);border-radius:11px;place-items:center;display:grid}.tabs-demo-content>div{gap:3px;display:grid}.tabs-demo-content strong{color:var(--ink);font-size:12px}.tabs-demo-content small{color:var(--muted);font-size:9px}.tabs-contrast .ui-animated-tabs{background:#141414;border-color:#292929}.tabs-contrast .ui-animated-tabs button{color:#85858e}.tabs-contrast .ui-animated-tabs button[aria-selected=true]{color:#f4f4f1}.tabs-contrast[data-indicator=fill] .ui-tabs-indicator{background:#f1f1ed}.tabs-contrast[data-indicator=fill] .ui-animated-tabs button[aria-selected=true]{color:#171716}.tabs-contrast[data-indicator=line] .ui-tabs-indicator{background:#a78bfa}.tabs-contrast[data-indicator=outline] .ui-tabs-indicator{border-color:#6d5f92}.catalog-phone .tabs-demo-shell{width:100%;padding:8px}.catalog-phone .ui-animated-tabs button{padding:0 5px;font-size:7px}.catalog-phone .ui-tabs-root[data-orientation=vertical]{grid-template-columns:68px minmax(0,1fr);gap:6px}.catalog-phone .tabs-demo-content,.catalog-phone .ui-tabs-panel{min-height:220px}.ui-notification-stack{cursor:pointer;background:0 0;border:0;width:min(390px,100%);height:150px;display:block;position:relative}.ui-notification-stack article{border:1px solid var(--line);background:var(--surface);transform:translateY(calc(var(--notice-index) * 12px)) scale(calc(1 - var(--notice-index) * .045));transform-origin:top;z-index:calc(4 - var(--notice-index));border-radius:17px;align-items:center;gap:12px;padding:16px;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;display:flex;position:absolute;inset:0;box-shadow:0 18px 45px #00000017}.ui-notification-stack article>span:nth-child(2){text-align:left;flex:1;gap:3px;min-width:0;display:grid}.ui-notification-stack strong{color:var(--ink);font-size:11px}.ui-notification-stack small{color:var(--muted);font-size:9px}.ui-notice-icon{background:var(--notice-accent);border-radius:11px;place-items:center;width:38px;height:38px;display:grid}@supports (color:color-mix(in lab, red, red)){.ui-notice-icon{background:color-mix(in srgb, var(--notice-accent) 13%, var(--surface))}}.ui-notice-icon{color:var(--notice-accent);font-size:13px;font-weight:800}.ui-notification-stack i{background:var(--notice-accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--notice-accent);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.ui-notification-stack i{box-shadow:0 0 0 4px color-mix(in srgb, var(--notice-accent) 12%, transparent)}}.notices-demo{justify-items:center;gap:26px;display:grid}.notices-demo>span{color:var(--muted);font-size:9px}.notices-tight .ui-notification-stack article{transform:translateY(calc(var(--notice-index) * 7px)) scale(calc(1 - var(--notice-index) * .035))}.notices-roomy .ui-notification-stack article{transform:translateY(calc(var(--notice-index) * 18px)) scale(calc(1 - var(--notice-index) * .055))}.notices-glow .ui-notification-stack article:first-child{box-shadow:0 20px 55px var(--notice-accent)}@supports (color:color-mix(in lab, red, red)){.notices-glow .ui-notification-stack article:first-child{box-shadow:0 20px 55px color-mix(in srgb, var(--notice-accent) 14%, transparent)}}.catalog-phone .ui-notification-stack{width:100%}.ui-tilt-card{transform-style:preserve-3d;will-change:transform;transition:transform .16s ease-out}.collectible-card{color:#fff;background:#0c0c0d;border:1px solid #ffffff26;border-radius:30px;width:330px;height:430px;padding:24px;position:relative;overflow:hidden;box-shadow:0 35px 80px #00000040}.collectible-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 42%,#ffffff5c 48%,#0000 54%);transition:opacity .2s;position:absolute;inset:-60%;transform:translate(-35%)}.collectible-foil:hover:after{opacity:1;animation:1.4s infinite alternate foil-pass}@keyframes foil-pass{to{transform:translate(35%)}}.collectible-chrome{background:linear-gradient(145deg,#0b0b0c,#4a4a50 55%,#121214)}.collectible-sunset{background:linear-gradient(150deg,#2a1119,#6d263f 54%,#1d172b)}.collectible-top{color:#7c7c84;letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:7px;display:flex}.collectible-top strong{color:#fff;letter-spacing:-.08em;font-size:19px}.collectible-orb{place-items:center;height:235px;display:grid;transform:translateZ(35px)}.collectible-orb i{background:radial-gradient(circle at 35% 30%,#fff,#9483ff 10%,#392c79 38%,#090910 72%);border-radius:50%;width:150px;height:150px;box-shadow:0 0 55px #7c3aed59}.collectible-bottom{transform:translateZ(24px)}.collectible-bottom span{color:#75757d;letter-spacing:.13em;font-size:7px}.collectible-bottom h3{letter-spacing:-.045em;margin:7px 0 5px;font-size:22px}.collectible-bottom p{color:#8d8d96;margin:0;font-size:9px}.collectible-sunset .collectible-orb i{background:radial-gradient(circle at 35% 30%,#fff,#fb7185 11%,#7c2d4b 38%,#13090e 72%);box-shadow:0 0 55px #f43f5e59}.collectible-chrome .collectible-orb i{background:radial-gradient(circle at 35% 30%,#fff,#d4d4d8 11%,#52525b 42%,#09090b 72%);box-shadow:0 0 55px #ffffff2e}.catalog-phone .collectible-card{width:100%;height:345px;padding:17px}.catalog-phone .collectible-orb{height:185px}.catalog-phone .collectible-orb i{width:115px;height:115px}.ui-spotlight-card{--spotlight-x:50%;--spotlight-y:50%;--spotlight-opacity:0;isolation:isolate;border:1px solid var(--line);background:var(--surface);position:relative;overflow:hidden}.ui-spotlight-card:before{content:"";z-index:-1;opacity:var(--spotlight-opacity);pointer-events:none;background:radial-gradient(var(--spotlight-size) circle at var(--spotlight-x) var(--spotlight-y), var(--spotlight-color), transparent 68%);transition:opacity .38s;position:absolute;inset:0}.spotlight-demo-card{border-radius:24px;flex-direction:column;width:min(420px,100%);min-height:410px;padding:24px;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:0 24px 60px #00000014}.spotlight-demo-card:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.spotlight-demo-card:hover{border-color:color-mix(in srgb, var(--ink) 18%, var(--line))}}.spotlight-demo-card:hover{box-shadow:0 28px 70px #0000001a}.spotlight-radius-soft{border-radius:12px}.spotlight-radius-round{border-radius:24px}.spotlight-radius-huge{border-radius:38px}.surface-kicker,.bento-label{color:var(--muted);letter-spacing:.14em;font-size:7px;font-weight:700}.spotlight-art{background:radial-gradient(circle at 50% 44%,#ffffffd9,#0000 5%),radial-gradient(circle,#7564db,#241b5f 32%,#0e0d17 70%);border-radius:18px;height:205px;margin:18px 0 23px;position:relative;overflow:hidden}.spotlight-art-blue{background:radial-gradient(circle at 50% 44%,#ffffffe6,#0000 5%),radial-gradient(circle,#6db4ef,#1c4b76 32%,#0b1117 70%)}.spotlight-art-rose{background:radial-gradient(circle at 50% 44%,#ffffffe6,#0000 5%),radial-gradient(circle,#fb7185,#782d49 32%,#180d12 70%)}.spotlight-art i{border:1px solid #ffffff2e;border-radius:50%;animation:5s ease-in-out infinite art-breathe;position:absolute;inset:18%;box-shadow:0 0 0 24px #ffffff09,0 0 0 48px #ffffff06}@keyframes art-breathe{50%{opacity:.72;transform:scale(1.035)}}.surface-copy{margin-top:auto}.surface-copy>span{color:var(--muted);font-size:8px}.surface-copy h3{letter-spacing:-.045em;margin:7px 0;font-size:24px}.surface-copy p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.catalog-phone .spotlight-demo-card{border-radius:22px;width:100%;min-height:340px;padding:16px}.catalog-phone .spotlight-art{height:160px;margin:14px 0 18px}.catalog-phone .surface-copy h3{font-size:18px}.ui-bento-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:142px;gap:10px;width:min(620px,100%);display:grid}.ui-bento-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;flex-direction:column;min-width:0;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #0000000b}.ui-bento-card[data-span=wide]{grid-column:span 2}.ui-bento-card[data-span=tall]{grid-row:span 2}.ui-bento-card[data-span=hero]{grid-area:span 2/span 2}.bento-demo{transition:gap .3s}.bento-compact{gap:5px}.bento-airy{gap:17px}.bento-compact .ui-bento-card{border-radius:14px}.bento-airy .ui-bento-card{border-radius:26px}.bento-lift .ui-bento-card{transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .32s}.bento-lift .ui-bento-card:hover{z-index:2;border-color:var(--ink);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.bento-lift .ui-bento-card:hover{border-color:color-mix(in srgb, var(--ink) 15%, var(--line))}}.bento-lift .ui-bento-card:hover{box-shadow:0 18px 44px #00000013}.bento-primary{color:#fff;background:#111112;justify-content:space-between}.bento-violet .bento-primary{background:#21153f}.bento-blue .bento-primary{background:#102c46}.bento-primary>strong{z-index:2;letter-spacing:-.04em;max-width:270px;font-size:25px;line-height:1.1;position:relative}.bento-primary .bento-label{color:#ffffff7a}.bento-orbit{border:1px solid #ffffff14;border-radius:50%;place-items:center;width:220px;height:220px;display:grid;position:absolute;top:-34px;right:-52px}.bento-orbit:before,.bento-orbit:after{content:"";border:1px solid #ffffff12;border-radius:50%;position:absolute}.bento-orbit:before{inset:22%}.bento-orbit:after{inset:40%}.bento-orbit i{opacity:.65;background:#fff;border-radius:50%;width:7px;height:7px;animation:4.5s ease-in-out infinite bento-float;position:absolute}.bento-orbit i:first-child{top:18%;left:27%}.bento-orbit i:nth-child(2){animation-delay:-1.4s;top:50%;right:14%}.bento-orbit i:nth-child(3){animation-delay:-2.8s;bottom:13%;left:44%}@keyframes bento-float{50%{opacity:1;transform:translateY(-5px)}}.bento-number{color:var(--ink);letter-spacing:-.06em;margin-top:auto;font-size:42px;font-weight:650}.ui-bento-card small{color:var(--muted);font-size:8px}.bento-bars{align-items:end;gap:5px;height:65px;display:flex}.bento-bars i{background:var(--line);border-radius:3px;width:12px;height:25%;transition:height .45s cubic-bezier(.2,.8,.2,1)}.bento-bars i:nth-child(2){height:52%}.bento-bars i:nth-child(3){height:38%}.bento-bars i:nth-child(4){background:#8b5cf6;height:78%}.ui-bento-card:hover .bento-bars i:first-child{height:42%}.ui-bento-card:hover .bento-bars i:nth-child(2){height:72%}.ui-bento-card:hover .bento-bars i:nth-child(3){height:57%}.ui-bento-card:hover .bento-bars i:nth-child(4){height:90%}.bento-wide-card{flex-direction:row;justify-content:space-between;align-items:center;grid-column:span 3!important}.bento-wide-card div{gap:7px;display:grid}.bento-wide-card strong{font-size:14px}.catalog-phone .ui-bento-grid{grid-auto-rows:96px;gap:5px;width:100%}.catalog-phone .ui-bento-card{border-radius:13px;padding:10px}.catalog-phone .bento-primary>strong{max-width:130px;font-size:15px}.catalog-phone .bento-orbit{width:130px;height:130px}.catalog-phone .bento-number{font-size:27px}.ui-expandable-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;width:100%;transition:border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 25px #0000000a}.ui-expandable-card:before{content:"";z-index:2;background:var(--ink);transform-origin:0;border-radius:0 0 99px 99px;height:2px;transition:transform .42s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:18px;right:18px;transform:scaleX(0)}.ui-expandable-card:hover,.ui-expandable-open{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.ui-expandable-card:hover,.ui-expandable-open{border-color:color-mix(in srgb, var(--ink) 16%, var(--line))}}.ui-expandable-card:hover,.ui-expandable-open{box-shadow:0 12px 32px #0001}.ui-expandable-open:before{transform:scaleX(1)}.ui-expandable-card[data-disabled=true]{opacity:.5}.ui-expandable-trigger{width:100%;min-height:72px;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:none;align-items:center;gap:13px;padding:14px 16px;display:flex}.ui-expandable-trigger:focus-visible{box-shadow:inset 0 0 0 2px var(--ink)}@supports (color:color-mix(in lab, red, red)){.ui-expandable-trigger:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 24%, transparent)}}.ui-expandable-icon{background:var(--subtle);width:42px;height:42px;color:var(--muted);font-family:var(--font-mono);border-radius:13px;flex:none;place-items:center;font-size:9px;transition:background .3s,color .3s,transform .3s cubic-bezier(.2,.8,.2,1);display:grid}.ui-expandable-open .ui-expandable-icon{background:var(--ink);color:var(--surface);transform:rotate(-3deg)}.ui-expandable-trigger>span:nth-child(2){text-align:left;flex:1;gap:4px;min-width:0;display:grid}.ui-expandable-card strong{font-size:12px}.ui-expandable-card small{color:var(--muted);font-size:9px}.ui-expandable-chevron{border:1px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;width:28px;height:28px;transition:background .25s,border-color .25s;flex:none!important;display:grid!important}.ui-expandable-chevron i{border-bottom:1.4px solid;border-right:1.4px solid;width:7px;height:7px;transition:transform .34s cubic-bezier(.2,.8,.2,1);transform:translateY(-1px)rotate(45deg)}.ui-expandable-open .ui-expandable-chevron{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.ui-expandable-open .ui-expandable-chevron{border-color:color-mix(in srgb, var(--ink) 12%, var(--line))}}.ui-expandable-open .ui-expandable-chevron{background:var(--subtle)}.ui-expandable-open .ui-expandable-chevron i{transform:translateY(1px)rotate(225deg)}.ui-expandable-region{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1),opacity .24s;display:grid}.ui-expandable-region[aria-hidden=true]{visibility:hidden;transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1),opacity .24s,visibility 0s linear .38s}.ui-expandable-region>div{min-height:0;overflow:hidden}.ui-expandable-open .ui-expandable-region{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s}.ui-expandable-content>div{border-top:1px solid var(--line);background:linear-gradient(180deg, var(--subtle), transparent 92%)}@supports (color:color-mix(in lab, red, red)){.ui-expandable-content>div{background:linear-gradient(180deg, color-mix(in srgb, var(--subtle) 34%, transparent), transparent 92%)}}.ui-expandable-content>div>p{color:var(--muted);margin:0;padding:17px 18px 8px;font-size:10px;line-height:1.65}.expandable-demo{gap:10px;width:min(490px,100%);display:grid}.expandable-tags{gap:6px;padding:7px 18px 18px;display:flex}.expandable-tags span{background:var(--subtle);color:var(--muted);border-radius:99px;padding:4px 7px;font-size:7px}.expandable-state{background:var(--subtle);color:var(--muted);border-radius:99px;padding:4px 7px;font-size:7px;font-weight:650;flex:none!important;display:inline-flex!important}.expandable-body{gap:14px;padding:17px 18px 15px;display:grid}.expandable-body>p{max-width:410px;color:var(--muted);margin:0;font-size:10px;line-height:1.65}.expandable-meter{grid-template-columns:1fr auto;align-items:center;gap:3px 12px;display:grid}.expandable-meter>span{gap:2px;display:grid}.expandable-meter>span strong{font-size:10px}.expandable-meter>span small{font-size:7px}.expandable-meter>b{font-family:var(--font-mono);font-size:9px}.expandable-meter>i{background:var(--subtle);border-radius:99px;grid-column:1/-1;height:4px;overflow:hidden}.expandable-meter>i span{border-radius:inherit;background:var(--ink);transform-origin:0;width:72%;height:100%;animation:.55s cubic-bezier(.2,.8,.2,1) .12s both expandable-meter-in;display:block}@keyframes expandable-meter-in{0%{transform:scaleX(0)}}.expandable-facts{border:1px solid var(--line);background:var(--line);border-radius:11px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.expandable-facts>span{background:var(--surface);gap:2px;min-width:0;padding:10px;display:grid}.expandable-facts b{font-family:var(--font-mono);font-size:9px}.expandable-facts small{font-size:7px}.ui-expandable-action{border-top:1px solid var(--line);align-items:center;gap:7px;padding:12px 18px 17px;display:flex}.ui-expandable-close{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:9px;font-weight:600;display:inline-flex}.ui-expandable-close:hover{background:var(--subtle);color:var(--ink)}.expandable-tight .ui-expandable-trigger{min-height:58px;padding:9px 11px}.expandable-roomy .ui-expandable-trigger{min-height:88px;padding:22px}.catalog-phone .expandable-demo{gap:7px;width:100%}.catalog-phone .ui-expandable-trigger{gap:8px;min-height:62px;padding:9px}.catalog-phone .ui-expandable-icon{width:32px;height:32px}.catalog-phone .expandable-state{display:none!important}.catalog-phone .ui-expandable-chevron{width:24px;height:24px}.catalog-phone .expandable-body{gap:10px;padding:12px}.catalog-phone .expandable-facts>span{padding:7px}.catalog-phone .ui-expandable-action{flex-wrap:wrap;padding:9px 12px 12px}.catalog-phone .expandable-demo .ui-expandable-card:nth-child(n+2){display:none}.ui-cutout-card{--cutout-size:52px;isolation:isolate;transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.ui-cutout-card[data-cutout=top-right]{clip-path:polygon(0 0, calc(100% - var(--cutout-size)) 0, 100% var(--cutout-size), 100% 100%, 0 100%)}.ui-cutout-card[data-cutout=bottom-right]{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--cutout-size)), calc(100% - var(--cutout-size)) 100%, 0 100%)}.ui-cutout-card[data-cutout=bottom-left]{clip-path:polygon(0 0, 100% 0, 100% 100%, var(--cutout-size) 100%, 0 calc(100% - var(--cutout-size)))}.ui-cutout-card:hover{transform:translateY(-4px)}.ui-cutout-media{position:relative;overflow:hidden}.ui-cutout-image{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block}.ui-cutout-card:hover .ui-cutout-image{transform:scale(1.035)}.ui-cutout-content{position:relative}.ui-cutout-action{z-index:3;opacity:0;transition:opacity .25s,transform .32s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translateY(7px)}.ui-cutout-card:hover .ui-cutout-action,.ui-cutout-card:focus-within .ui-cutout-action{opacity:1;transform:none}.ui-cutout-card[data-cutout=top-right] .ui-cutout-action{bottom:18px;right:18px}.ui-cutout-card[data-cutout=bottom-right] .ui-cutout-action{top:18px;right:18px}.ui-cutout-card[data-cutout=bottom-left] .ui-cutout-action{top:18px;left:18px}.cutout-demo-card{color:#fff;background:#0c0c0e;border-radius:28px;width:min(390px,100%);min-height:460px;box-shadow:0 30px 70px #0003}.cutout-demo-card:hover{box-shadow:0 36px 80px #0000003d}.cutout-demo-card .ui-cutout-media{border-radius:20px;height:250px;margin:8px}.cutout-art{background:radial-gradient(circle at 70% 35%,#ffffffe6,#0000 4%),radial-gradient(circle at 65% 40%,#9f8cff,#4b357d 22%,#171221 58%,#09090b 80%);position:absolute;inset:0;overflow:hidden}.cutout-art:before,.cutout-art:after{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute}.cutout-art:before{width:230px;height:230px;top:-12px;right:-28px}.cutout-art:after{width:155px;height:155px;top:25px;right:10px}.cutout-art i{opacity:.55;background:#fff;border-radius:50%;width:6px;height:6px;animation:4s ease-in-out infinite cutout-drift;position:absolute}.cutout-art i:first-child{top:32%;left:20%}.cutout-art i:nth-child(2){animation-delay:-1.3s;top:67%;left:35%}.cutout-art i:nth-child(3){animation-delay:-2.6s;bottom:20%;right:15%}@keyframes cutout-drift{50%{opacity:1;transform:translateY(-6px)}}.cutout-index{color:#ffffff8f;font-family:var(--font-mono);letter-spacing:.1em;font-size:7px;position:absolute;bottom:14px;left:16px}.cutout-demo-card .ui-cutout-content{padding:18px 22px 24px}.cutout-kicker{color:#8d8d95;letter-spacing:.13em;font-size:7px;font-weight:700}.cutout-demo-card h3{letter-spacing:-.045em;margin:12px 0 7px;font-size:24px}.cutout-demo-card p{color:#92929a;max-width:300px;margin:0;font-size:10px;line-height:1.6}.cutout-meta{gap:6px;margin-top:18px;display:flex}.cutout-meta span{color:#8c8c94;border:1px solid #2d2d32;border-radius:99px;padding:5px 8px;font-size:7px}.cutout-demo-card .ui-cutout-action button{color:#111112;cursor:pointer;background:#f0f0ec;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.cutout-paper{color:#1a1a19;background:#ecebe5}.cutout-paper .cutout-art{background:radial-gradient(circle at 65% 38%,#fff,#0000 5%),radial-gradient(circle at 62% 43%,#b9c9ae,#65775b 27%,#273125 62%,#111510)}.cutout-paper .cutout-kicker,.cutout-paper p{color:#696963}.cutout-paper .cutout-meta span{color:#666660;border-color:#d1d0c8}.cutout-signal{color:#10120d;background:#c9f66f}.cutout-signal .cutout-art{background:radial-gradient(circle at 65% 38%,#f6ffd8,#0000 5%),radial-gradient(circle at 63% 43%,#d9ff8b,#6f8d32 29%,#202914 65%,#0c0e09)}.cutout-signal .cutout-kicker,.cutout-signal p{color:#40511f}.cutout-signal .cutout-meta span{color:#40511f;border-color:#141e0a33}.catalog-phone .cutout-demo-card{width:100%;min-height:360px}.catalog-phone .cutout-demo-card .ui-cutout-media{height:185px}.catalog-phone .cutout-demo-card .ui-cutout-content{padding:13px 15px 18px}.catalog-phone .cutout-demo-card h3{font-size:17px}.ui-floating-panel{width:300px;position:relative}.ui-floating-trigger{z-index:3;border:1px solid var(--line);background:var(--surface);width:100%;min-height:66px;color:var(--ink);text-align:left;cursor:pointer;border-radius:17px;align-items:center;gap:11px;padding:10px 12px;display:flex;position:relative;box-shadow:0 12px 35px #00000013}.ui-floating-trigger>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.ui-floating-trigger strong{font-size:11px}.ui-floating-trigger small{color:var(--muted);font-size:8px}.floating-trigger-mark{background:var(--ink);width:38px;height:38px;color:var(--surface);border-radius:12px;flex:none;place-items:center;display:grid}.ui-floating-dismiss{z-index:1;background:0 0;border:0;position:absolute;inset:-80px}.ui-floating-content{z-index:4;border:1px solid var(--line);background:var(--surface);border-radius:20px;width:330px;padding:18px;position:absolute}@supports (color:color-mix(in lab, red, red)){.ui-floating-content{background:color-mix(in srgb, var(--surface) 96%, var(--canvas))}}.ui-floating-content{color:var(--ink);animation:.28s cubic-bezier(.2,.8,.2,1) both floating-panel-in;box-shadow:0 28px 70px #00000029}.ui-floating-panel[data-placement=bottom] .ui-floating-content{transform-origin:top;--panel-start-x:-50%;--panel-start-y:-8px;--panel-end-x:-50%;--panel-end-y:0;top:calc(100% + 10px);left:50%}.ui-floating-panel[data-placement=top] .ui-floating-content{transform-origin:bottom;--panel-start-x:-50%;--panel-start-y:8px;--panel-end-x:-50%;--panel-end-y:0;bottom:calc(100% + 10px);left:50%}.ui-floating-panel[data-placement=left] .ui-floating-content{transform-origin:100%;--panel-start-x:8px;--panel-start-y:-50%;--panel-end-x:0;--panel-end-y:-50%;top:50%;right:calc(100% + 10px)}.ui-floating-panel[data-placement=right] .ui-floating-content{transform-origin:0;--panel-start-x:-8px;--panel-start-y:-50%;--panel-end-x:0;--panel-end-y:-50%;top:50%;left:calc(100% + 10px)}@keyframes floating-panel-in{0%{opacity:0;translate:var(--panel-start-x,0) var(--panel-start-y,0);scale:.985}to{opacity:1;translate:var(--panel-end-x,0) var(--panel-end-y,0);scale:1}}.floating-panel-demo{justify-content:center;align-items:center;width:min(620px,100%);min-height:440px;padding:30px;display:flex}.floating-panel-demo-bottom{align-items:flex-start}.floating-panel-demo-top{align-items:flex-end}.floating-panel-demo-left,.floating-panel-demo-right{width:min(660px,100%);padding:0}.floating-panel-demo-left{justify-content:flex-end}.floating-panel-demo-right{justify-content:flex-start}.floating-panel-kicker{color:var(--muted);letter-spacing:.13em;font-size:7px;font-weight:700}.ui-floating-content h3{letter-spacing:-.035em;margin:9px 0 13px;font-size:17px}.ui-floating-content textarea{resize:none;border:1px solid var(--line);background:var(--canvas);width:100%;min-height:96px;color:var(--ink);border-radius:12px;outline:none;padding:11px;font-size:10px;line-height:1.55}.ui-floating-content textarea:focus{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.ui-floating-content textarea:focus{border-color:color-mix(in srgb, var(--ink) 30%, var(--line))}}.ui-floating-content footer{justify-content:flex-end;gap:7px;margin-top:13px;display:flex}.ui-floating-content footer button,.floating-action-list button{border:1px solid var(--line);background:var(--surface);min-height:33px;color:var(--ink);cursor:pointer;border-radius:9px;padding:0 11px;font-size:8px;font-weight:600}.ui-floating-content footer button:last-child{background:var(--ink);color:var(--surface)}.floating-action-list{gap:5px;display:grid}.floating-action-list button{text-align:left;align-items:center;gap:8px;width:100%;display:flex}.floating-action-list button:hover{background:var(--subtle)}.floating-status-row{border:1px solid var(--line);background:var(--canvas);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.floating-status-row>i{background:#43a047;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #43a04726}.floating-status-row>span{gap:2px;display:grid}.floating-status-row strong{font-size:10px}.floating-status-row small{color:var(--muted);font-size:8px}.floating-panel-compact .ui-floating-content{border-radius:16px;width:270px;padding:14px}.catalog-phone .floating-panel-demo{width:100%;min-height:370px;padding:18px 9px}.catalog-phone .floating-panel-demo-left,.catalog-phone .floating-panel-demo-right{justify-content:center;align-items:flex-start}.catalog-phone .ui-floating-panel{width:200px}.catalog-phone .ui-floating-content{width:200px;max-width:100%}.catalog-phone .ui-floating-panel[data-placement=left] .ui-floating-content,.catalog-phone .ui-floating-panel[data-placement=right] .ui-floating-content{--panel-start-x:-50%;--panel-start-y:-8px;--panel-end-x:-50%;--panel-end-y:0;top:calc(100% + 8px);left:50%;right:auto}.ui-dock{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121214bd;border:1px solid #ffffff1f;border-radius:19px;align-items:end;gap:6px;padding:8px;display:flex;position:relative;box-shadow:0 18px 45px #00000038,inset 0 1px #ffffff14}.ui-dock[data-orientation=vertical]{flex-direction:column;align-items:center}.ui-dock button{color:#d4d4d8;width:46px;height:46px;transform:scale(var(--dock-scale));transform-origin:bottom;cursor:pointer;background:#2a2a2e;border:0;border-radius:13px;flex:none;place-items:center;padding:0;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .2s,color .2s;display:grid;position:relative}.ui-dock[data-orientation=vertical] button{transform-origin:100%}.ui-dock button[aria-current=page]{color:#161617;background:#f0f0ec}.ui-dock-icon{place-items:center;display:grid}.ui-dock button>small{color:#fff;background:#ef4444;border:2px solid #18181a;border-radius:99px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:7px;display:grid;position:absolute;top:-4px;right:-4px}.ui-dock-label{opacity:0;pointer-events:none;color:#fff;white-space:nowrap;background:#111113;border-radius:7px;padding:5px 7px;font-size:7px;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px)}.ui-dock button:hover .ui-dock-label,.ui-dock button:focus-visible .ui-dock-label{opacity:1;transform:translate(-50%)}.ui-dock[data-orientation=vertical] .ui-dock-label{bottom:50%;left:auto;right:calc(100% + 9px);transform:translate(4px,50%)}.ui-dock[data-orientation=vertical] button:hover .ui-dock-label,.ui-dock[data-orientation=vertical] button:focus-visible .ui-dock-label{transform:translateY(50%)}.dock-labels-hidden .ui-dock-label{display:none}.dock-demo{background:radial-gradient(circle at 20% 10%,#334155,#0000 38%),linear-gradient(145deg,#1a1d25,#090a0d);border-radius:28px;justify-content:center;align-items:flex-end;width:min(610px,100%);min-height:410px;padding:34px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 65px #0000002e}.dock-demo-window{color:#fff;background:linear-gradient(145deg,#ffffff17,#ffffff06);border:1px solid #ffffff1a;border-radius:22px;padding:26px;position:absolute;inset:32px 32px 120px}.dock-demo-window>span{color:#777d88;letter-spacing:.14em;font-size:7px;font-weight:700}.dock-demo-window h3{letter-spacing:-.045em;max-width:330px;margin:28px 0 8px;font-size:27px;line-height:1.05}.dock-demo-window p{color:#838894;margin:0;font-size:9px}.dock-demo-vertical{justify-content:flex-end;align-items:center}.dock-demo-vertical .dock-demo-window{bottom:32px;right:120px}.catalog-phone .dock-demo{width:100%;min-height:350px;padding:14px}.catalog-phone .dock-demo-window{padding:16px;inset:18px 18px 100px}.catalog-phone .dock-demo-window h3{margin-top:18px;font-size:18px}.catalog-phone .ui-dock{gap:3px;padding:5px}.catalog-phone .ui-dock button{border-radius:10px;width:34px;height:34px}.ui-timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;gap:9px;display:inline-flex}.ui-timer>i{background:#8b8b91;border-radius:50%;width:7px;height:7px}.ui-timer[data-running=true]>i{background:#c9f66f;animation:1.8s ease-in-out infinite timer-pulse;box-shadow:0 0 0 4px #c9f66f1f}.ui-timer[data-complete=true]>i{box-shadow:none;background:#8b8b91;animation:none}@keyframes timer-pulse{50%{opacity:.45}}.ui-timer strong{letter-spacing:-.055em;font-weight:540}.ui-timer[data-size=sm] strong{font-size:18px}.ui-timer[data-size=md] strong{font-size:28px}.ui-timer[data-size=lg] strong{font-size:48px}.ui-timer[data-variant=outline]{border:1px solid var(--line);border-radius:99px;padding:10px 14px}.ui-timer[data-variant=solid]{color:#fff;background:#171719;border:1px solid #ffffff14;border-radius:16px;padding:13px 18px;box-shadow:inset 0 1px #ffffff0f}.timer-demo{color:#fff;background:radial-gradient(circle at 75% 20%,#c9f66f2e,#0000 35%),#09090b;border-radius:26px;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:min(430px,100%);min-height:350px;padding:30px;display:flex;overflow:hidden;box-shadow:0 28px 70px #00000036}.timer-kicker{color:#74747c;letter-spacing:.14em;margin-bottom:auto;font-size:7px;font-weight:700}.timer-demo h3{letter-spacing:-.04em;margin:22px 0 6px;font-size:22px}.timer-demo p{color:#7e7e87;margin:0;font-size:9px}.timer-demo>div{gap:7px;margin-top:22px;display:flex}.timer-demo>div button{color:#b7b7be;cursor:pointer;background:#18181b;border:1px solid #303034;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:8px;display:flex}.timer-demo>div button:first-child{color:#151516;background:#eeeeea}.catalog-phone .timer-demo{width:100%;min-height:330px;padding:18px}.catalog-phone .ui-timer[data-size=lg] strong{font-size:34px}.ui-choice-poll{gap:7px;display:grid}.ui-choice-poll button{isolation:isolate;border:1px solid var(--line);background:var(--surface);width:100%;min-height:64px;color:var(--ink);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:11px;padding:10px 12px;transition:border-color .22s,transform .22s;display:flex;position:relative;overflow:hidden}.ui-choice-poll button:hover:not(:disabled){border-color:var(--ink);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.ui-choice-poll button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 22%, var(--line))}}.ui-choice-poll button[aria-pressed=true]{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.ui-choice-poll button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 42%, var(--line))}}.ui-choice-poll button:disabled{opacity:.5;cursor:not-allowed}.ui-poll-progress{z-index:-1;width:var(--poll-progress);background:#8b5cf61c;transition:width .55s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0}.ui-poll-indicator{border:1px solid var(--line);background:var(--surface);width:20px;height:20px;color:var(--surface);border-radius:50%;flex:none;place-items:center;font-size:10px;transition:background .2s,border-color .2s;display:grid}.ui-choice-poll button[aria-pressed=true] .ui-poll-indicator{border-color:var(--ink);background:var(--ink)}.ui-choice-poll button>span:nth-child(3){flex:1;gap:3px;min-width:0;display:grid}.ui-choice-poll strong{font-size:10px}.ui-choice-poll small{color:var(--muted);font-size:8px}.ui-choice-poll output{color:var(--muted);font-family:var(--font-mono);font-size:8px}.poll-demo{border:1px solid var(--line);background:var(--surface);border-radius:22px;width:min(470px,100%);padding:24px;box-shadow:0 22px 55px #00000013}.poll-kicker{color:var(--muted);letter-spacing:.13em;font-size:7px;font-weight:700}.poll-demo>h3{letter-spacing:-.04em;margin:10px 0 5px;font-size:20px}.poll-demo>p{color:var(--muted);margin:0 0 18px;font-size:9px}.poll-tight .ui-choice-poll button{border-radius:11px;min-height:50px;padding:7px 10px}.poll-roomy .ui-choice-poll{gap:10px}.poll-roomy .ui-choice-poll button{border-radius:18px;min-height:78px;padding:14px}.poll-footer{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.poll-footer>span{color:var(--muted);font-size:8px}.poll-footer button{background:var(--ink);height:34px;color:var(--surface);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 11px;font-size:8px;font-weight:600;display:flex}.catalog-phone .poll-demo{border-radius:17px;width:100%;padding:14px}.catalog-phone .poll-demo>h3{font-size:16px}.catalog-phone .ui-choice-poll button{min-height:58px;padding:8px}.ui-expandable-screen{place-items:center;width:100%;height:100%;display:grid;position:relative}.ui-expandable-screen-trigger{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.ui-expandable-screen-layer{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0b57;place-items:center;padding:12px;animation:.25s both expand-screen-scrim;display:grid;position:fixed;inset:0}.ui-expandable-screen[data-contained=true] .ui-expandable-screen-layer{z-index:5;border-radius:26px;padding:0;position:absolute}.ui-expandable-screen-layer>section{background:var(--surface);width:min(940px,100%);height:min(720px,100%);color:var(--ink);animation:.42s cubic-bezier(.2,.8,.2,1) both expand-screen-in;overflow:hidden;box-shadow:0 35px 100px #00000040}.ui-expandable-screen[data-radius=soft] .ui-expandable-screen-layer>section{border-radius:14px}.ui-expandable-screen[data-radius=round] .ui-expandable-screen-layer>section{border-radius:26px}.ui-expandable-screen[data-radius=pill] .ui-expandable-screen-layer>section{border-radius:38px}.ui-expandable-screen-layer header{border-bottom:1px solid var(--line);height:48px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 13px 0 18px;font-size:8px;font-weight:650;display:flex}.ui-expandable-screen-layer header button{border:1px solid var(--line);background:var(--subtle);width:29px;height:29px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;font-size:17px;display:grid}.ui-expandable-screen-body{height:calc(100% - 48px);overflow-y:auto}@keyframes expand-screen-scrim{0%{opacity:0}}@keyframes expand-screen-in{0%{opacity:0;border-radius:99px;transform:translateY(18px)scale(.94)}to{opacity:1;transform:none}}.expand-screen-demo{background:radial-gradient(circle at 80% 10%,#d8d4ee,#0000 34%),#e8e7e2;border-radius:26px;width:min(620px,100%);height:440px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000001a}.expand-screen-trigger-card{color:#171716;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#ffffffd1;border:1px solid #00000017;border-radius:20px;align-items:center;gap:11px;width:300px;min-height:72px;padding:11px 13px;display:flex;box-shadow:0 14px 35px #00000017}.expand-screen-icon{color:#fff;background:#171716;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.expand-screen-trigger-card>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.expand-screen-trigger-card strong{font-size:11px}.expand-screen-trigger-card small{color:#74746e;font-size:8px}.expand-screen-layout{background:var(--surface);min-height:100%;color:var(--ink);flex-direction:column;padding:40px;display:flex}.expand-screen-kicker{color:var(--muted);letter-spacing:.14em;font-size:7px;font-weight:700}.expand-screen-layout>h3{letter-spacing:-.055em;max-width:480px;margin:26px 0 10px;font-size:36px;line-height:1}.expand-screen-layout>p{max-width:430px;color:var(--muted);margin:0;font-size:10px;line-height:1.6}.expand-screen-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;display:grid}.expand-screen-grid article{border:1px solid var(--line);background:var(--canvas);border-radius:15px;flex-direction:column;min-height:118px;padding:14px;display:flex}.expand-screen-grid article>span{color:var(--muted);font-family:var(--font-mono);font-size:7px}.expand-screen-grid strong{margin-top:auto;font-size:10px}.expand-screen-grid small{color:var(--muted);margin-top:4px;font-size:7px;line-height:1.5}.expand-screen-layout>button{background:var(--ink);width:fit-content;height:36px;color:var(--surface);border:0;border-radius:10px;align-items:center;gap:7px;margin-top:12px;padding:0 12px;font-size:8px;font-weight:600;display:flex}.expand-screen-profile{background:radial-gradient(circle at 85% 18%, #e4d5ca, transparent 28%), var(--surface)}.expand-screen-command{background:radial-gradient(circle at 85% 18%, #d9e1c2, transparent 28%), var(--surface)}.expand-screen-contrast{--surface:#111113;--canvas:#19191c;--ink:#f0f0ec;--muted:#8d8d95;--line:#2d2d31}.expandable-screen-dark .ui-expandable-screen-layer{background:#0000007a}.catalog-phone .expand-screen-demo{border-radius:20px;width:100%;height:370px}.catalog-phone .expand-screen-trigger-card{width:195px;padding:8px}.catalog-phone .ui-expandable-screen-layer>section{border-radius:20px}.catalog-phone .expand-screen-layout{scrollbar-width:none;padding:22px 16px;overflow-y:auto}.catalog-phone .expand-screen-layout::-webkit-scrollbar{display:none}.catalog-phone .expand-screen-layout>h3{margin-top:18px;font-size:25px}.catalog-phone .expand-screen-grid{grid-template-columns:1fr;margin-top:22px}.catalog-phone .expand-screen-grid article{min-height:78px}.ui-aurora-background{isolation:isolate;background:#07070b;position:relative;overflow:hidden}.ui-aurora-background>i{z-index:-1;width:70%;height:75%;opacity:var(--aurora-opacity);filter:blur(55px);animation:aurora-drift var(--aurora-speed) ease-in-out infinite alternate;will-change:transform;border-radius:50%;position:absolute}.ui-aurora-background>i:first-child{background:#7c3aed;top:-30%;left:-18%}.ui-aurora-background>i:nth-child(2){animation-delay:calc(var(--aurora-speed) * -.35);background:#0891b2;animation-direction:alternate-reverse;top:12%;right:-24%}.ui-aurora-background>i:nth-child(3){animation-delay:calc(var(--aurora-speed) * -.7);background:#db2777;bottom:-45%;left:20%}@keyframes aurora-drift{to{transform:translate(10%,12%)scale(1.16)rotate(8deg)}}.ui-aurora-content{z-index:1;position:relative}.aurora-demo{color:#fff;border-radius:30px;flex-direction:column;justify-content:flex-end;width:min(620px,100%);min-height:410px;padding:46px;display:flex;box-shadow:0 28px 75px #00000038}.aurora-ocean>i:first-child{background:#0369a1}.aurora-ocean>i:nth-child(2){background:#14b8a6}.aurora-ocean>i:nth-child(3){background:#4338ca}.aurora-ember>i:first-child{background:#c2410c}.aurora-ember>i:nth-child(2){background:#e11d48}.aurora-ember>i:nth-child(3){background:#7c2d12}.aurora-grain:after{content:"";opacity:.12;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.aurora-demo span{color:#ffffff7a;letter-spacing:.15em;font-size:7px}.aurora-demo h3{letter-spacing:-.055em;margin:10px 0 8px;font-size:39px;line-height:1.02}.aurora-demo p{color:#ffffff9e;margin:0;font-size:10px}.motion-paused,.motion-paused *{animation-play-state:paused!important}.catalog-phone .aurora-demo{border-radius:24px;width:100%;min-height:350px;padding:20px}.catalog-phone .aurora-demo h3{font-size:28px}.ui-dot-pattern{background-image:radial-gradient(circle, var(--ink) var(--dot-size), transparent calc(var(--dot-size) + .5px));position:relative}@supports (color:color-mix(in lab, red, red)){.ui-dot-pattern{background-image:radial-gradient(circle, color-mix(in srgb, var(--ink) 34%, transparent) var(--dot-size), transparent calc(var(--dot-size) + .5px))}}.ui-dot-pattern{background-size:var(--dot-gap) var(--dot-gap)}.ui-dot-fade{-webkit-mask-image:radial-gradient(72% 76%,#000 35%,#0000 100%);mask-image:radial-gradient(72% 76%,#000 35%,#0000 100%)}.dots-demo{border:1px solid var(--line);background-color:var(--surface);border-radius:28px;place-items:center;width:min(620px,100%);min-height:410px;display:grid}.background-centerpiece{border:1px solid var(--line);width:min(360px,80%);padding:30px}@supports (color:color-mix(in lab, red, red)){.background-centerpiece{border:1px solid color-mix(in srgb, var(--line) 75%, transparent)}}.background-centerpiece{background:var(--surface);border-radius:20px}@supports (color:color-mix(in lab, red, red)){.background-centerpiece{background:color-mix(in srgb, var(--surface) 90%, transparent)}}.background-centerpiece{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 50px #0000000e}.background-centerpiece span{color:var(--muted);letter-spacing:.14em;font-size:7px}.background-centerpiece h3{letter-spacing:-.045em;margin:10px 0 8px;font-size:24px}.background-centerpiece p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.catalog-phone .dots-demo{border-radius:24px;width:100%;min-height:350px}.catalog-phone .background-centerpiece{width:86%;padding:18px}.catalog-phone .background-centerpiece h3{font-size:18px}.ui-grid-beam{isolation:isolate;background-color:#08090c;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:32px 32px;position:relative;overflow:hidden}.ui-grid-beam>i{z-index:0;pointer-events:none;filter:drop-shadow(0 0 6px var(--beam-color));display:block;position:absolute}.ui-grid-beam-horizontal{background:linear-gradient(90deg, transparent, var(--beam-color));width:32%;height:1px;animation:beam-x var(--beam-speed) linear infinite;top:calc(50% - .5px);left:-35%}.ui-grid-beam-vertical{background:linear-gradient(transparent, var(--beam-color));width:1px;height:32%;animation:beam-y calc(var(--beam-speed) * 1.3) linear infinite;animation-delay:calc(var(--beam-speed) * -.4);top:-35%;left:calc(65% - .5px)}@keyframes beam-x{to{transform:translate(430%)}}@keyframes beam-y{to{transform:translateY(430%)}}.ui-grid-beam-content{z-index:1;position:relative}.grid-beam-demo{border:1px solid #25262a;border-radius:28px;place-items:center;width:min(620px,100%);min-height:410px;display:grid;box-shadow:0 28px 70px #0003}.grid-beam-single .ui-grid-beam-vertical{display:none}.beam-node{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1014e0;border:1px solid #2c2d32;border-radius:18px;gap:7px;width:230px;padding:22px;display:grid;position:relative;box-shadow:0 18px 60px #00000059}.beam-node>i{width:7px;height:7px;box-shadow:0 0 0 5px var(--beam-color);border-radius:50%;position:absolute;top:22px;right:22px}@supports (color:color-mix(in lab, red, red)){.beam-node>i{box-shadow:0 0 0 5px color-mix(in srgb, var(--beam-color) 15%, transparent)}}.beam-node>i{animation:2.6s ease-in-out infinite node-pulse}@keyframes node-pulse{50%{opacity:.45}}.beam-node span{color:#6f7179;letter-spacing:.14em;font-size:7px}.beam-node strong{margin-top:20px;font-size:16px}.beam-node small{color:#74767f;font-size:8px}.catalog-phone .grid-beam-demo{background-size:24px 24px;border-radius:24px;width:100%;min-height:350px}.catalog-phone .beam-node{width:180px;padding:17px}.ui-blur-fade{opacity:0;filter:blur(7px);transform:translateY(var(--blur-distance));transition:opacity var(--blur-duration) cubic-bezier(.2,.75,.25,1) var(--blur-delay), transform var(--blur-duration) cubic-bezier(.2,.75,.25,1) var(--blur-delay), filter var(--blur-duration) ease var(--blur-delay)}.ui-blur-fade-visible{opacity:1;filter:blur();transform:translateY(0)}.blur-fade-demo{gap:9px;width:min(480px,100%);display:grid}.blur-fade-demo article{border:1px solid var(--line);background:var(--surface);border-radius:15px;grid-template-columns:34px 1fr;align-items:center;column-gap:12px;padding:16px;display:grid;box-shadow:0 9px 25px #0000000a}.blur-fade-demo article>span{background:var(--subtle);width:34px;height:34px;color:var(--muted);font-family:var(--font-mono);border-radius:10px;grid-row:span 2;place-items:center;font-size:8px;display:grid}.blur-fade-demo strong{font-size:11px}.blur-fade-demo small{color:var(--muted);font-size:8px}.catalog-phone .blur-fade-demo{width:100%}.ui-border-beam{isolation:isolate;background:var(--line);border-radius:24px;width:min(430px,100%);padding:1px;position:relative;overflow:hidden}.ui-border-beam>i{z-index:-1;aspect-ratio:1;background:conic-gradient(from 0deg, transparent 0 78%, var(--border-beam-color) 86%, transparent 94%);width:160%;animation:border-beam-spin var(--border-beam-duration) linear infinite;position:absolute;top:50%;left:-30%;transform:translateY(-50%)}@keyframes border-beam-spin{to{transform:translateY(-50%)rotate(360deg)}}.ui-border-beam-content{border-radius:inherit;background:var(--surface);position:relative}.border-beam-demo .ui-border-beam-content{flex-direction:column;justify-content:flex-end;min-height:300px;padding:30px;display:flex}.border-beam-glow{box-shadow:0 24px 70px var(--border-beam-color)}@supports (color:color-mix(in lab, red, red)){.border-beam-glow{box-shadow:0 24px 70px color-mix(in srgb, var(--border-beam-color) 10%, transparent)}}.beam-badge{color:var(--muted);letter-spacing:.13em;align-items:center;gap:7px;font-size:7px;display:flex}.beam-badge i{border-radius:50%;width:6px;height:6px}.border-beam-demo h3{letter-spacing:-.045em;margin:13px 0 7px;font-size:24px}.border-beam-demo p{color:var(--muted);margin:0;font-size:9px}.beam-progress{background:var(--subtle);border-radius:99px;height:4px;margin-top:26px;overflow:hidden}.beam-progress i{border-radius:inherit;background:var(--border-beam-color);width:82%;height:100%;transition:width .5s;display:block}.border-beam-demo:hover .beam-progress i{width:91%}.catalog-phone .ui-border-beam{border-radius:20px;width:100%}.catalog-phone .border-beam-demo .ui-border-beam-content{min-height:320px;padding:18px}.catalog-phone .border-beam-demo h3{font-size:19px}.ui-gradient-text{color:#0000;background-image:linear-gradient(100deg, var(--ink) 5%, var(--ink) 28%, #8b5cf6 48%, var(--ink) 68%, var(--ink) 92%);display:inline-block}@supports (color:color-mix(in lab, red, red)){.ui-gradient-text{background-image:linear-gradient(100deg, color-mix(in srgb, var(--ink) 58%, #8b5cf6) 5%, var(--ink) 28%, #8b5cf6 48%, var(--ink) 68%, color-mix(in srgb, var(--ink) 58%, #8b5cf6) 92%)}}.ui-gradient-text{animation:gradient-text-drift var(--gradient-text-speed) ease-in-out infinite alternate;background-size:250% 100%;-webkit-background-clip:text;background-clip:text}@keyframes gradient-text-drift{0%{background-position:0%}to{background-position:100%}}.gradient-text-demo{text-align:center}.gradient-text-demo>span:first-child{color:var(--muted);letter-spacing:.15em;margin-bottom:17px;font-size:7px;display:block}.gradient-scale-caption{font-size:32px}.gradient-scale-display{font-size:55px}.gradient-scale-giant{font-size:72px}.gradient-text-demo .ui-gradient-text{letter-spacing:-.065em;font-weight:680;line-height:.98}.gradient-palette-ocean{background-image:linear-gradient(100deg, #155e75 5%, var(--ink) 28%, #0891b2 50%, var(--ink) 72%, #155e75 92%)}.gradient-palette-sunset{background-image:linear-gradient(100deg, #9f1239 5%, var(--ink) 28%, #f97316 50%, var(--ink) 72%, #9f1239 92%)}.gradient-text-demo p{color:var(--muted);margin:19px 0 0;font-size:9px}.catalog-phone .gradient-scale-caption{font-size:24px}.catalog-phone .gradient-scale-display{font-size:34px}.catalog-phone .gradient-scale-giant{font-size:42px}.ui-magnetic{will-change:transform;width:fit-content;transition:transform .12s ease-out}.ui-magnetic:hover{transition-duration:70ms}.ui-magnetic:not(:hover){transition-duration:.42s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}.magnetic-stage{border:1px solid var(--line);background:var(--surface);border-radius:28px;place-items:center;width:min(580px,100%);height:390px;display:grid;position:relative}.magnetic-rings{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.magnetic-rings i{border:1px dashed var(--line);border-radius:50%;width:230px;height:230px;position:absolute}.magnetic-rings i:nth-child(2){width:145px;height:145px}.magnetic-object{z-index:2;background:var(--ink);color:var(--surface);place-items:center;display:grid;position:relative;box-shadow:0 15px 35px #00000029}.magnetic-object>span{white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:flex}.magnetic-button{border-radius:14px;min-width:160px;height:48px;padding:0 20px;font-size:11px}.magnetic-orb{border-radius:50%;width:92px;height:92px;font-size:25px}.magnetic-chip{letter-spacing:.13em;border-radius:99px;min-width:145px;height:34px;padding:0 16px;font-size:7px}.magnetic-glow{box-shadow:0 16px 45px #8b5cf647}.magnetic-stage>small{color:var(--muted);font-size:8px;position:absolute;bottom:24px}.catalog-phone .magnetic-stage{border-radius:24px;width:100%;height:350px}.catalog-phone .magnetic-rings i{width:190px;height:190px}.variant-table{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.variant-row{border-bottom:1px solid var(--line);min-height:67px;color:var(--muted);grid-template-columns:120px 180px 1fr;align-items:center;padding:12px 18px;font-size:11px;display:grid}.variant-row:last-child{border-bottom:0}.variant-row code{color:var(--ink);font-family:var(--font-mono);font-size:10px}.variant-row>button{justify-self:start}.variant-head{background:var(--subtle);min-height:38px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.next-component{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:11px;justify-content:space-between;align-items:center;margin-top:48px;padding:21px 22px;text-decoration:none;display:flex}.next-component:hover{background:var(--subtle)}.next-component div{gap:4px;display:grid}.next-component span{text-transform:uppercase;letter-spacing:.1em;font-size:9px}.next-component strong{color:var(--ink);font-size:15px}.toc{gap:10px;height:fit-content;margin-top:160px;display:grid;position:sticky;top:110px}.toc p{color:var(--ink);margin:0 0 4px;font-size:10px;font-weight:650}.toc a{color:var(--muted);font-size:10px;text-decoration:none}.toc a:hover{color:var(--ink)}.toc-line{background:var(--line);width:100%;height:1px;margin-top:7px}.toc span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.sidebar-scrim{display:none}@media (width<=1180px){.main{grid-template-columns:minmax(0,760px);padding-left:48px;padding-right:48px}.toc{display:none}}@media (width<=820px){.header{grid-template-columns:1fr auto}.header-left{padding-left:14px}.header-left .logo-mark{display:none}.header-actions{padding-right:14px}.search-trigger{display:none}.mobile-menu{display:inline-grid}.sidebar{z-index:70;width:270px;padding:18px 20px 20px;transition:transform .24s;top:0;transform:translate(-102%);box-shadow:18px 0 60px #0000001f}.sidebar-open{transform:translate(0)}.sidebar-mobile-head{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.sidebar-scrim{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;border:0;display:block;position:fixed;inset:0}.main{margin-left:0;padding:64px 24px 0}.content{padding-top:min(24px, var(--content-top))}.hero{padding-top:28px}.workbench{grid-template-columns:1fr}.workbench-preview{border-right:0;border-bottom:1px solid var(--line)}.expressive-grid{grid-template-columns:1fr}.expressive-preview{border-right:0;border-bottom:1px solid var(--line);min-height:330px}.compact-customizer{grid-template-columns:repeat(2,minmax(0,1fr))}.design-notes{grid-template-columns:1fr}.design-notes article{min-height:130px}.design-notes h3{margin-top:24px}}@media (width<=560px){.main{padding-left:16px;padding-right:16px}.hero{padding-bottom:32px}.hero>p{font-size:15px}.hero-meta{flex-wrap:wrap;gap:12px}.doc-section{padding-top:min(30px, var(--section-space))}.section-title-row{flex-direction:column;align-items:start;gap:18px}.platform-tabs{width:100%}.platform-tabs button{flex:1;justify-content:center}.preview-stage{min-height:340px}.button-showcase{flex-direction:column}.button-family-grid{grid-template-columns:1fr}.button-family-wide{grid-column:span 1}.native-stage{min-height:500px}.workbench-canvas{min-height:230px;padding:28px}.customizer-panel{padding:14px}.expressive-preview{padding:34px 20px}.expressive-copy{padding:26px 20px}.catalog-stage{min-height:450px;padding:24px}.catalog-native-stage{min-height:550px}.compact-customizer{grid-template-columns:1fr}.compact-customizer>.island-state-control{grid-column:1}.island-state-control .segmented-control button{min-width:0}.morph-island-stage{height:470px;padding-top:18px}.island-preview-actions{bottom:12px;left:12px}.island-state-dots{bottom:22px;right:12px}.island-debug{bottom:56px;left:12px}.magic-feature-card{min-height:330px;padding:20px}.magic-card-copy h3{font-size:20px}.marquee-demo{width:calc(100% + 48px)}.marquee-item{width:215px}.reveal-demo-text{font-size:38px}.stack-wide,.stack-regular{width:min(320px,100vw - 64px)}.ticker-panel{min-height:310px;padding:22px}.ticker-value{font-size:48px}.orbit-demo{width:290px;height:290px}.island-stage{height:410px}.island-stage .ui-island-expanded{max-width:calc(100% - 18px)}.island-tray{gap:7px}.island-tray .ui-dynamic-island{margin:-3px -7px;transform:scale(.88)}.island-stack-showcase{transform:scale(.9)}.tabs-demo-shell{padding:10px}.ui-animated-tabs button{padding:0 5px;font-size:8px}.notices-demo{width:100%}.collectible-card{width:280px;height:390px;padding:20px}.collectible-orb{height:210px}.spotlight-demo-card{min-height:380px;padding:19px}.ui-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:125px}.ui-bento-card[data-span=hero]{grid-column:span 2}.bento-wide-card{grid-column:span 2!important}.bento-primary>strong{font-size:21px}.aurora-demo{min-height:390px;padding:28px}.aurora-demo h3{font-size:33px}.dots-demo,.grid-beam-demo,.magnetic-stage{min-height:390px}.gradient-scale-display{font-size:43px}.gradient-scale-giant{font-size:52px}.inspiration-note{align-items:flex-start;line-height:1.5}.variant-row{grid-template-columns:92px 1fr}.variant-row>span:last-child,.variant-head>span:last-child{display:none}.code-scroll{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ui-blur-fade{opacity:1;filter:none;transform:none}.ui-magnetic,.ui-tilt-card{transform:none!important}}.auth-page{background:var(--surface);grid-template-columns:minmax(360px,.92fr) minmax(480px,1.08fr);min-height:100vh;display:grid}.auth-brand-panel{color:#fff;background:#171716;flex-direction:column;min-height:100vh;padding:42px clamp(36px,5vw,78px);display:flex;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";opacity:.16;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 45% 52%,#000,#0000 68%);mask-image:radial-gradient(circle at 45% 52%,#000,#0000 68%)}.auth-brand-panel:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-190px;right:-170px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.auth-brand-panel>*{z-index:1;position:relative}.auth-logo{color:#fff;width:fit-content}.auth-logo .logo-mark{border-color:#fff}.auth-logo .logo-mark span{background:#fff}.auth-logo .version{color:#9d9d96;border-color:#3a3a37}.auth-brand-copy{max-width:560px;margin:auto 0}.auth-kicker{color:#a8a8a1;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:650;display:inline-flex}.auth-brand-copy h1{letter-spacing:-.065em;margin:22px 0 20px;font-size:clamp(48px,6vw,78px);font-weight:620;line-height:.96}.auth-brand-copy p{color:#9c9c96;max-width:510px;margin:0;font-size:15px;line-height:1.75}.auth-trust-row{color:#8c8c86;flex-wrap:wrap;gap:20px;font-size:9px;display:flex}.auth-trust-row span{align-items:center;gap:6px;display:flex}.auth-form-panel{background:var(--canvas);place-items:center;min-height:100vh;padding:58px;display:grid}.auth-form-wrap{width:min(600px,100%)}.auth-form-heading{align-items:center;gap:15px;margin-bottom:34px;display:flex}.auth-lock{border:1px solid var(--line);background:var(--surface);width:48px;height:48px;color:var(--ink);border-radius:13px;place-items:center;display:grid;box-shadow:0 7px 22px #0000000d}.auth-form-heading h2{letter-spacing:-.045em;margin:0;font-size:30px}.auth-form-heading p{color:var(--muted);margin:5px 0 0;font-size:13px}.auth-form{gap:17px;display:grid}.auth-form label{gap:7px;display:grid}.auth-form label>span{color:var(--ink);font-size:11px;font-weight:650}.auth-form input{border:1px solid var(--line);background:var(--surface);width:100%;height:56px;color:var(--ink);border-radius:12px;outline:none;padding:0 16px;font-size:15px}.auth-form input:focus{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.auth-form input:focus{border-color:color-mix(in srgb, var(--ink) 36%, var(--line))}}.auth-form input:focus{box-shadow:0 0 0 3px var(--ink)}@supports (color:color-mix(in lab, red, red)){.auth-form input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 6%, transparent)}}.auth-error{color:var(--danger);margin:-3px 0 0;font-size:11px}.auth-submit{border-radius:var(--radius-control);background:var(--primary);height:56px;color:var(--primary-foreground);cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:14px;font-weight:650;display:flex}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 8px 22px #00000021}.demo-accounts{border-top:1px solid var(--line);margin-top:32px;padding-top:25px}.demo-accounts-head{justify-content:space-between;align-items:end;gap:20px;display:flex}.demo-accounts-head>div{gap:4px;display:grid}.demo-accounts-head span{color:var(--ink);font-size:13px;font-weight:680}.demo-accounts-head small{color:var(--muted);font-size:10px}.demo-accounts-head>code{border:1px solid var(--line);background:var(--surface);color:var(--muted);font-family:var(--font-mono);white-space:nowrap;border-radius:7px;padding:6px 8px;font-size:9px}.demo-account-grid{grid-template-columns:1fr;gap:8px;margin-top:13px;display:grid}.demo-account-grid button{border:1px solid var(--line);background:var(--surface);min-height:78px;color:var(--ink);text-align:left;cursor:pointer;border-radius:11px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;display:grid}.demo-account-grid button:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.demo-account-grid button:hover{border-color:color-mix(in srgb, var(--ink) 22%, var(--line))}}.demo-account-grid button[data-active=true]{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.demo-account-grid button[data-active=true]{border-color:color-mix(in srgb, var(--ink) 58%, var(--line))}}.demo-account-grid button[data-active=true]{box-shadow:0 0 0 3px var(--ink)}@supports (color:color-mix(in lab, red, red)){.demo-account-grid button[data-active=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 5%, transparent)}}.demo-account-icon{background:var(--subtle);width:40px;height:40px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.demo-account-grid button[data-active=true] .demo-account-icon{background:var(--ink);color:var(--surface)}.demo-account-copy{grid-template-columns:minmax(120px,.65fr) minmax(150px,1fr);align-items:center;gap:3px 18px;min-width:0;display:grid}.demo-account-copy>span{justify-content:space-between;align-items:center;gap:5px;display:flex}.demo-account-copy strong{font-size:13px}.demo-account-copy em{background:var(--subtle);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:3px 5px;font-size:7px;font-style:normal;font-weight:700}.demo-account-copy code{color:var(--ink);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:10px;overflow:hidden}.demo-account-copy small{color:var(--muted);grid-area:1/2/span 2;font-size:10px;line-height:1.45}.auth-local-note{color:var(--muted);text-align:center;margin:17px 0 0;font-size:10px}.clerk-form-panel{padding:clamp(30px,4vw,64px);position:relative;overflow:hidden}.clerk-form-panel:before{content:"";opacity:.2;background:radial-gradient(circle at 50% 48%, var(--ink), transparent 52%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.clerk-form-panel:before{background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--ink) 5%, transparent), transparent 52%)}}.clerk-form-panel:before{pointer-events:none}.clerk-form-wrap{z-index:1;width:min(720px,100%);position:relative}.custom-auth-shell{border:1px solid var(--line);background:var(--surface);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000013}.custom-auth-shell-head{border-bottom:1px solid var(--line);padding:25px 30px 21px}.custom-auth-head-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.custom-auth-shell-title{align-items:center;gap:14px;display:flex}.custom-auth-shell-title .auth-lock{width:46px;height:46px;box-shadow:none;border-radius:12px;flex:none}.custom-auth-shell-title>div{min-width:0}.custom-auth-shell-title>div>span{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:720}.custom-auth-shell-title h2{letter-spacing:-.04em;margin:5px 0 2px;font-size:25px;line-height:1.1}.custom-auth-shell-title p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.custom-auth-session{color:var(--muted);flex:none;align-items:center;gap:7px;font-size:10px;font-weight:650;display:inline-flex}.custom-auth-session i{background:#22a35a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #22a35a1a}.auth-mode-switch{border:1px solid var(--line);background:var(--subtle);border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;width:100%;margin:20px 0 0;padding:4px;display:grid}.auth-mode-switch button{height:40px;color:var(--muted);cursor:pointer;transition:color var(--motion-fast) var(--ease-smooth), background var(--motion-fast) var(--ease-smooth), box-shadow var(--motion-fast) var(--ease-smooth);background:0 0;border:0;border-radius:8px;font-size:12px;font-weight:650}.auth-mode-switch button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #00000014}.custom-auth-mount{min-height:482px;padding:30px}.custom-auth-stage{grid-template-columns:minmax(0,1fr) 154px;align-items:stretch;gap:30px;display:grid}.custom-auth-shell .custom-auth-card{width:100%;max-width:none;box-shadow:none;animation:custom-auth-enter .3s var(--ease-smooth) both;background:0 0;border:0;border-radius:0;gap:16px;padding:0}.custom-auth-form-heading>span:first-child{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:720}.custom-auth-card .ui-auth-form-heading h3{margin-top:9px;font-size:29px}.custom-auth-card .ui-auth-form-heading p{max-width:440px;font-size:12px}.custom-auth-card .ui-auth-providers{grid-template-columns:1fr}.custom-auth-card .ui-auth-providers button{height:46px;transition:border-color var(--motion-fast) var(--ease-smooth), background var(--motion-fast) var(--ease-smooth), transform var(--motion-fast) var(--ease-smooth), box-shadow var(--motion-fast) var(--ease-smooth);border-radius:10px;font-size:12px;box-shadow:inset 0 1px #ffffffb3}.custom-auth-card .ui-auth-providers button:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.custom-auth-card .ui-auth-providers button:hover{border-color:color-mix(in srgb, var(--ink) 24%, var(--line))}}.custom-auth-card .ui-auth-providers button:hover{background:var(--subtle)}@supports (color:color-mix(in lab, red, red)){.custom-auth-card .ui-auth-providers button:hover{background:color-mix(in srgb, var(--subtle) 68%, var(--surface))}}.custom-auth-card .ui-auth-providers button:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffbf,0 5px 14px #0000000b}.custom-auth-card .ui-auth-providers button:active{transform:translateY(0)scale(.992);box-shadow:inset 0 1px 3px #00000014}.custom-auth-card .ui-auth-providers button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.custom-auth-card .ui-auth-providers button:disabled{cursor:wait;opacity:.58;transform:none}.custom-auth-card .ui-auth-divider span{font-size:9px}.custom-auth-card .ui-auth-divider:before,.custom-auth-card .ui-auth-divider:after{background:repeating-linear-gradient(90deg, var(--line) 0 4px, transparent 4px 8px)}.custom-auth-card .ui-auth-fields{gap:13px}.custom-auth-card .ui-field-label{font-size:12px}.custom-auth-card .ui-input-shell{border-radius:10px;min-height:50px;padding-inline:14px}.custom-auth-card .ui-input-shell input{font-size:14px}.custom-auth-card .ui-input-shell:after{content:"";background:var(--ink);transform-origin:0;height:1px;transition:transform var(--motion-base) var(--ease-smooth);position:absolute;bottom:-1px;left:13px;right:13px;transform:scaleX(0)}.custom-auth-card .ui-input-shell{position:relative}.custom-auth-card .ui-input-shell:focus-within:after{transform:scaleX(1)}.custom-auth-card .ui-field>small{font-size:10px}.custom-auth-card .ui-button{border-radius:10px;width:100%;min-height:50px;font-size:14px;position:relative;overflow:hidden}.custom-auth-card .ui-button-content{z-index:1;position:relative}.custom-auth-card .ui-auth-form-footer{font-size:11px}.custom-auth-options{color:var(--muted);font-size:11px}.custom-auth-options button{font-size:11px}.custom-auth-error{border:1px solid var(--danger);margin:-2px 0;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.custom-auth-error{border:1px solid color-mix(in srgb, var(--danger) 24%, var(--line))}}.custom-auth-error{background:var(--danger);border-radius:9px}@supports (color:color-mix(in lab, red, red)){.custom-auth-error{background:color-mix(in srgb, var(--danger) 6%, var(--surface))}}.custom-auth-error{color:var(--danger);font-size:11px;line-height:1.45}.auth-password-toggle{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.auth-password-toggle:hover{background:var(--subtle);color:var(--ink)}.google-mark{flex:none;width:19px;height:19px;overflow:visible}.google-mark path{fill:none;stroke:currentColor;stroke-width:1.85px;stroke-linecap:round;stroke-linejoin:round}.custom-auth-verify{align-content:center;min-height:390px}.custom-auth-verify .ui-auth-form-heading p strong{color:var(--ink);font-weight:650}.custom-auth-back{width:fit-content;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:4px;padding:0;font-size:10px;font-weight:650;display:inline-flex}.custom-auth-back:hover{color:var(--ink)}.verification-code-field{gap:9px;display:grid}.verification-code-field>span:first-child{color:var(--ink);font-size:12px;font-weight:650}.verification-code-control{cursor:text;display:block;position:relative}.verification-code-control>input{z-index:2;opacity:0;cursor:text;border:0;width:100%;height:100%;position:absolute;inset:0}.verification-code-control>input:focus{outline:none}.verification-code-slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.verification-code-slots>span{border:1px solid var(--line);background:var(--surface);min-width:0;height:56px;color:var(--ink);font-family:var(--font-mono);transition:border-color var(--motion-fast) var(--ease-smooth), background var(--motion-fast) var(--ease-smooth), box-shadow var(--motion-fast) var(--ease-smooth), transform var(--motion-fast) var(--ease-smooth);border-radius:16px;place-items:center;font-size:18px;font-weight:650;display:grid;box-shadow:inset 0 1px #ffffffb8}.verification-code-slots>span[data-filled=true]{background:var(--subtle)}@supports (color:color-mix(in lab, red, red)){.verification-code-slots>span[data-filled=true]{background:color-mix(in srgb, var(--subtle) 62%, var(--surface))}}.verification-code-slots>span[data-active=true]{border-color:var(--ink);box-shadow:0 0 0 3px var(--ink), inset 0 1px 0 #fffc}@supports (color:color-mix(in lab, red, red)){.verification-code-slots>span[data-active=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 8%, transparent), inset 0 1px 0 #fffc}}.verification-code-slots>span[data-active=true]{transform:translateY(-1px)}.verification-code-field>small{color:var(--muted);font-size:10px;line-height:1.45}.custom-auth-route{border-left:1px solid var(--line);min-width:0;animation:custom-auth-enter .38s 40ms var(--ease-smooth) both;flex-direction:column;padding-left:24px;display:flex}.custom-auth-route-head{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:8px;font-size:8px;display:flex}.custom-auth-route-head strong{color:var(--ink);font-size:8px;font-weight:600}.custom-auth-route ol{gap:28px;margin:31px 0;padding:0;list-style:none;display:grid;position:relative}.custom-auth-route ol:before{content:"";background:var(--line);width:1px;position:absolute;top:12px;bottom:12px;left:13px}.custom-auth-route li{grid-template-columns:27px minmax(0,1fr);align-items:center;gap:9px;display:grid;position:relative}.custom-auth-route li>span{z-index:1;border:1px solid var(--line);background:var(--surface);width:27px;height:27px;color:var(--muted);font-family:var(--font-mono);border-radius:8px;place-items:center;font-size:8px;display:grid;position:relative}.custom-auth-route li[data-active=true]>span{border-color:var(--ink);background:var(--ink);color:var(--surface);box-shadow:0 0 0 4px var(--ink)}@supports (color:color-mix(in lab, red, red)){.custom-auth-route li[data-active=true]>span{box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 7%, transparent)}}.custom-auth-route li>div{gap:3px;min-width:0;display:grid}.custom-auth-route li strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.custom-auth-route li small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.custom-auth-route-foot{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:3px 6px;margin-top:auto;padding:13px 0 0;display:grid}.custom-auth-route-foot span{color:var(--muted);letter-spacing:.1em;align-self:center;font-size:8px;font-weight:700}.custom-auth-route-foot strong{letter-spacing:-.05em;grid-area:1/2/span 2;align-self:center;font-size:23px}.custom-auth-route-foot small{color:var(--muted);font-size:9px}.custom-auth-security{border-top:1px solid var(--line);background:var(--subtle);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:58px;padding:12px 18px;display:grid}@supports (color:color-mix(in lab, red, red)){.custom-auth-security{background:color-mix(in srgb, var(--subtle) 62%, var(--surface))}}.custom-auth-security{color:var(--muted)}.custom-auth-security>svg{flex:none}.custom-auth-security p{margin:0;font-size:11px;line-height:1.5}.custom-auth-security strong{color:var(--ink);font-weight:650}.custom-auth-security>span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:720}@keyframes custom-auth-enter{0%{opacity:0;transform:translateY(7px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}.clerk-root-box,.clerk-card-box{width:100%}.clerk-card-box{box-shadow:none!important}.clerk-card{border:1px solid var(--line)!important;border-radius:16px!important;width:100%!important;box-shadow:0 18px 55px #00000012!important}.clerk-header-title{letter-spacing:-.035em!important;font-size:22px!important}.clerk-header-subtitle{font-size:12px!important}.clerk-primary-button{min-height:42px!important;box-shadow:none!important;background:#171716!important}.clerk-primary-button:hover{background:#2b2b29!important}.clerk-footer-action{display:none!important}.auth-security-note{border:1px dashed var(--line);color:var(--muted);border-radius:11px;align-items:flex-start;gap:10px;margin-top:15px;padding:13px 15px;display:flex}.auth-security-note svg{flex:none;margin-top:2px}.auth-security-note p{margin:0;font-size:11px;line-height:1.55}.workspace-gate{background:var(--canvas);grid-template-rows:auto 1fr;gap:54px;min-height:100vh;padding:36px clamp(22px,8vw,120px) 64px;display:grid}.workspace-gate>header{justify-content:space-between;align-items:center;display:flex}.workspace-gate-copy{align-self:center;width:min(760px,100%);padding-bottom:6vh}.workspace-gate-copy>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:650;display:inline-flex}.workspace-gate-copy h1{letter-spacing:-.065em;margin:20px 0 16px;font-size:clamp(46px,6vw,76px);line-height:.98}.workspace-gate-copy>p{max-width:560px;color:var(--muted);margin:0;font-size:16px;line-height:1.7}.workspace-gate-points{flex-wrap:wrap;gap:17px;margin-top:29px;display:flex}.workspace-gate-points span{color:var(--ink);align-items:center;gap:7px;font-size:11px;display:flex}.workspace-gate-error{border:1px solid #df5149;justify-content:space-between;align-items:center;gap:16px;width:min(570px,100%);margin-top:24px;padding:13px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.workspace-gate-error{border:1px solid color-mix(in srgb, #df5149 35%, var(--line))}}.workspace-gate-error{border-radius:var(--radius-control);background:#df5149}@supports (color:color-mix(in lab, red, red)){.workspace-gate-error{background:color-mix(in srgb, #df5149 7%, var(--surface))}}.workspace-gate-error p{color:var(--ink);margin:0;font-size:13px;line-height:1.45}.workspace-gate-error button{border:1px solid var(--line);border-radius:calc(var(--radius-control) - 2px);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;flex:none;padding:8px 11px;font-size:12px;font-weight:650}.auth-loading{background:var(--canvas);min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:16px;display:grid}.auth-loading .logo-mark{animation:clerk-mark-pulse 1.2s var(--ease-smooth) infinite alternate}.auth-loading p{margin:0;font-size:12px}.auth-loading button{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--ink);font:inherit;cursor:pointer;border-radius:9px;padding:0 15px;font-size:11px;font-weight:650}.auth-loading button:hover{background:var(--subtle)}@keyframes clerk-mark-pulse{0%{opacity:.45;transform:rotate(8deg)scale(.92)}to{opacity:1;transform:rotate(8deg)scale(1)}}.clerk-setup-page{background:var(--canvas);place-items:center;min-height:100vh;padding:32px;display:grid}.clerk-setup-page>section{border:1px solid var(--line);background:var(--surface);border-radius:24px;width:min(720px,100%);padding:clamp(28px,5vw,54px);box-shadow:0 28px 80px #00000014}.clerk-setup-page .auth-kicker{margin-top:25px}.clerk-setup-page h1{letter-spacing:-.06em;max-width:590px;margin:14px 0;font-size:clamp(42px,7vw,68px);line-height:.98}.clerk-setup-page>section>p:not(.auth-kicker){max-width:590px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.clerk-setup-code{border:1px solid var(--line);background:var(--code);color:#f3f3ef;border-radius:13px;gap:8px;margin-top:28px;padding:16px;display:grid}.clerk-setup-code span{color:#96968f;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.clerk-setup-code code{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.clerk-setup-steps{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;display:grid}.clerk-setup-steps span{border:1px solid var(--line);min-height:94px;color:var(--muted);border-radius:11px;align-content:space-between;padding:14px;font-size:10px;line-height:1.45;display:grid}.clerk-setup-steps strong{color:var(--ink);font-family:var(--font-mono);font-size:9px}.header{grid-template-columns:240px 1fr minmax(270px,390px)}.ui-dropdown.account-dropdown{width:auto;margin-left:5px}.ui-dropdown.account-dropdown[data-state=open]{transform:none!important}.account-chip{border:1px solid var(--line);background:var(--surface);min-width:142px;height:42px;color:var(--ink);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:0 8px 0 5px;display:flex;box-shadow:0 1px 2px #00000008}.account-chip:hover,.account-chip[aria-expanded=true]{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.account-chip:hover,.account-chip[aria-expanded=true]{border-color:color-mix(in srgb, var(--ink) 18%, var(--line))}}.account-chip:hover,.account-chip[aria-expanded=true]{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.account-chip:hover,.account-chip[aria-expanded=true]{background:color-mix(in srgb, var(--surface) 78%, var(--subtle))}}.account-avatar{background:var(--ink);width:32px;height:32px;color:var(--surface);text-transform:uppercase;border-radius:9px;flex:none;place-items:center;font-size:12px;font-style:normal;font-weight:760;display:grid}.account-chip-copy{gap:3px;min-width:66px;display:grid}.account-chip strong{font-size:12px;line-height:1}.account-chip small{color:var(--muted);text-transform:capitalize;font-size:10px;line-height:1}.account-chip-chevron{color:var(--muted);transition:transform var(--motion-fast) var(--ease-smooth);margin-left:auto}.account-chip[aria-expanded=true] .account-chip-chevron{transform:rotate(180deg)}.ui-dropdown-content.account-menu-content{--dropdown-width:294px;z-index:65;border-radius:17px;padding:7px;box-shadow:0 22px 60px #00000029,0 2px 8px #0000000d}.account-menu-identity{background:var(--subtle);border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;margin:1px;padding:11px 10px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.account-menu-identity{background:color-mix(in srgb, var(--subtle) 58%, transparent)}}.account-menu-identity .account-avatar{border-radius:11px;width:38px;height:38px}.account-menu-identity>span:nth-child(2){gap:4px;min-width:0;display:grid}.account-menu-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-menu-identity small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.account-menu-identity em{border:1px solid var(--line);background:var(--surface);color:var(--muted);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:4px 6px;font-size:7px;font-style:normal;font-weight:720}.account-menu-content .ui-dropdown-separator{margin:6px 5px}.account-menu-content .ui-dropdown-item.account-menu-action,.account-menu-content .ui-dropdown-item.account-menu-signout{border-radius:11px;gap:9px;min-height:52px;padding:7px 8px}.account-menu-content .ui-dropdown-item>i{border:1px solid var(--line);background:var(--surface);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}@supports (color:color-mix(in lab, red, red)){.account-menu-content .ui-dropdown-item>i{background:color-mix(in srgb, var(--surface) 78%, var(--subtle))}}.account-menu-content .ui-dropdown-item>i{color:var(--muted);font-style:normal}.account-menu-content .ui-dropdown-item>span{gap:4px;display:grid}.account-menu-content .ui-dropdown-item>span strong{font-size:10px;font-weight:650;line-height:1}.account-menu-content .ui-dropdown-item>span small{color:var(--muted);font-size:8px;line-height:1}.account-menu-content .ui-dropdown-item>svg:last-child{color:var(--muted);margin-left:auto}.account-menu-content .ui-dropdown-item.account-menu-signout{min-height:48px}.account-menu-content .ui-dropdown-item.account-menu-signout>i{border-color:#c83f36}@supports (color:color-mix(in lab, red, red)){.account-menu-content .ui-dropdown-item.account-menu-signout>i{border-color:color-mix(in srgb, #c83f36 18%, var(--line))}}.account-menu-content .ui-dropdown-item.account-menu-signout>i{background:#c83f36}@supports (color:color-mix(in lab, red, red)){.account-menu-content .ui-dropdown-item.account-menu-signout>i{background:color-mix(in srgb, #c83f36 7%, var(--surface))}}.account-menu-content .ui-dropdown-item.account-menu-signout>i,.account-menu-content .ui-dropdown-item.account-menu-signout>span small{color:#c83f36}@supports (color:color-mix(in lab, red, red)){.account-menu-content .ui-dropdown-item.account-menu-signout>span small{color:color-mix(in srgb, #c83f36 55%, var(--muted))}}.account-dialog{border-radius:20px;width:min(580px,100% - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.account-dialog .ui-dialog-head{padding:23px 24px 17px}.account-dialog .ui-dialog-head h2{font-size:21px}.account-dialog .ui-dialog-head p{font-size:11px}.account-dialog .ui-dialog-body{gap:12px;padding:4px 24px 24px}.account-dialog-profile{border:1px solid var(--line);background:var(--surface);border-radius:15px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:108px;padding:17px;display:grid}@supports (color:color-mix(in lab, red, red)){.account-dialog-profile{background:color-mix(in srgb, var(--surface) 72%, var(--subtle))}}.account-dialog-avatar{background:var(--ink);width:54px;height:54px;color:var(--surface);text-transform:uppercase;border-radius:15px;place-items:center;font-size:18px;font-weight:760;display:grid;box-shadow:0 8px 20px #0000001f}.account-dialog-profile>div{gap:4px;min-width:0;display:grid}.account-dialog-profile>div>span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:700}.account-dialog-profile>div strong{letter-spacing:-.025em;font-size:17px}.account-dialog-profile>div small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.account-role-badge{border:1px solid var(--line);background:var(--surface);color:var(--ink);text-transform:capitalize;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;font-weight:720;display:inline-flex}.account-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.account-detail-grid article{border:1px solid var(--line);border-radius:13px;align-content:start;gap:8px;min-width:0;min-height:112px;padding:15px;display:grid}.account-detail-grid article>span{color:var(--muted);align-items:center;gap:7px;font-size:9px;font-weight:650;display:flex}.account-detail-grid article>strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.account-detail-grid article:nth-child(2)>strong{text-transform:capitalize}.account-detail-grid article>small{color:var(--muted);align-items:center;gap:5px;margin-top:auto;font-size:8px;line-height:1.4;display:flex}.account-dialog-security{border:1px dashed var(--line);border-radius:12px;align-items:center;gap:11px;padding:13px 15px;display:flex}.account-dialog-security>span{background:var(--subtle);border-radius:9px;flex:none;place-items:center;width:31px;height:31px;display:grid}.account-dialog-security>div{gap:3px;display:grid}.account-dialog-security strong{font-size:10px}.account-dialog-security small{color:var(--muted);font-size:8px;line-height:1.45}.account-sessions{border:1px solid var(--line);border-radius:13px;overflow:hidden}.account-sessions>header{border-bottom:1px solid var(--line);background:var(--subtle);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 15px;display:flex}@supports (color:color-mix(in lab, red, red)){.account-sessions>header{background:color-mix(in srgb, var(--subtle) 60%, var(--surface))}}.account-sessions>header>div{gap:4px;display:grid}.account-sessions>header span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:7px;font-weight:720}.account-sessions>header strong{font-size:11px}.account-sessions>header>em{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:4px 7px;font-size:8px;font-style:normal}.account-session-list{display:grid}.account-session-list article{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:70px;padding:11px 13px;display:grid}.account-session-list article:last-child{border-bottom:0}.account-session-icon{background:var(--subtle);width:34px;height:34px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.account-session-list article>div{grid-template-columns:repeat(2,max-content);gap:4px 13px;min-width:0;display:grid}.account-session-list article strong{grid-column:1/-1;align-items:center;gap:7px;font-size:10px;display:flex}.account-session-list article strong em{color:#19884b;letter-spacing:.05em;text-transform:uppercase;background:#e6f7eb;border-radius:5px;padding:3px 5px;font-size:7px;font-style:normal;font-weight:720}.account-session-list article small{color:var(--muted);align-items:center;gap:4px;font-size:8px;display:flex}.account-session-list article>button{border:1px solid var(--line);background:var(--surface);color:#c83f36;cursor:pointer;border-radius:8px;align-items:center;gap:5px;height:29px;padding:0 9px;font-size:8px;font-weight:650;display:inline-flex}.account-session-list article>button:disabled{opacity:.55;cursor:wait}.account-session-list article>button svg,.account-session-loading svg{animation:none}.account-session-list article>button:disabled svg,.account-session-loading svg{animation:.8s linear infinite clerk-mark-pulse}.account-session-loading{min-height:68px;color:var(--muted);justify-content:center;align-items:center;gap:7px;font-size:9px;display:flex}.dark .account-session-list article strong em{color:#70d69a;background:#173423}.account-dialog-actions{justify-content:space-between;gap:8px;padding-top:3px;display:flex}.account-dialog-actions button{border:1px solid var(--line);background:var(--ink);min-height:38px;color:var(--surface);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:10px;font-weight:650;display:inline-flex}.account-dialog-actions button:hover{transform:translateY(-1px)}.account-dialog-actions .account-signout{background:var(--surface);color:#c83f36;margin-left:auto}.overview-hero{padding-bottom:34px}.overview-hero h1{font-size:clamp(42px,4.4vw,54px)}.overview-toc{margin-top:142px}.intro-flow-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.intro-flow-grid article{border:1px solid var(--line);background:var(--surface);border-radius:13px;flex-direction:column;min-height:230px;padding:20px;display:flex}.intro-flow-grid article>span{color:var(--muted);font-family:var(--font-mono);font-size:8px}.intro-icon{border:1px solid var(--line);background:var(--subtle);width:38px;height:38px;color:var(--ink);border-radius:11px;place-items:center;margin:34px 0 17px;display:grid}.intro-flow-grid h3{letter-spacing:-.025em;margin:auto 0 7px;font-size:13px}.intro-flow-grid p{color:var(--muted);margin:0;font-size:9px;line-height:1.6}.principle-list{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.principle-list article{border-bottom:1px solid var(--line);grid-template-columns:155px 1fr 30px;align-items:center;gap:20px;min-height:78px;padding:16px 18px;display:grid}.principle-list article:last-child{border-bottom:0}.principle-list strong{font-size:11px}.principle-list p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.principle-list article>span{color:var(--muted);font-family:var(--font-mono);justify-self:end;font-size:8px}.platform-compare{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.platform-compare article{border:1px solid var(--line);background:var(--surface);border-radius:13px;flex-direction:column;min-height:260px;padding:21px;display:flex}.platform-compare article>div:first-child{align-items:center;gap:10px;display:flex}.platform-compare article>div:first-child>div{gap:2px;display:grid}.platform-compare strong{font-size:12px}.platform-compare small{color:var(--muted);font-size:8px}.platform-glyph{border-radius:10px;place-items:center;width:34px;height:34px;font-weight:750;display:grid}.react-glyph{color:#1688a8;background:#e7f7fb;font-size:17px}.native-glyph{color:#fff;background:#171716;font-size:10px}.platform-compare ul{gap:10px;margin:35px 0 24px;padding:0;list-style:none;display:grid}.platform-compare li{color:var(--muted);padding-left:15px;font-size:9px;position:relative}.platform-compare li:before{content:"";background:var(--ink);opacity:.5;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;left:0}.platform-compare a{color:var(--ink);align-items:center;gap:6px;margin-top:auto;font-size:9px;font-weight:650;text-decoration:none;display:flex}.refined-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.refined-grid a{border:1px solid var(--line);background:var(--surface);min-height:180px;color:var(--ink);border-radius:13px;flex-direction:column;padding:19px;text-decoration:none;display:flex}.refined-grid a:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000000d}.refined-grid span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:7px}.refined-grid strong{margin-top:35px;font-size:12px}.refined-grid p{color:var(--muted);margin:7px 0 16px;font-size:9px;line-height:1.55}.refined-grid svg{margin-top:auto}.read-only-notice{border:1px solid var(--line);background:var(--surface);min-height:58px;color:var(--muted);border-radius:10px;align-items:center;gap:10px;margin-bottom:10px;padding:11px 13px;display:flex}.read-only-notice>div{flex:1;gap:2px;display:grid}.read-only-notice strong{color:var(--ink);font-size:9px}.read-only-notice span{font-size:8px}.readonly-role{color:var(--ink);font-size:8px;font-weight:650}.token-system-bar{border:1px solid var(--accent);justify-content:space-between;align-items:center;gap:14px;min-height:62px;margin-bottom:10px;padding:11px 13px;display:flex}@supports (color:color-mix(in lab, red, red)){.token-system-bar{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line))}}.token-system-bar{border-radius:var(--radius-surface);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.token-system-bar{background:color-mix(in srgb, var(--accent) 5%, var(--surface))}}.token-system-bar>div{align-items:center;gap:10px;display:flex}.token-system-bar>div>span{border-radius:var(--radius-control);background:var(--accent);width:29px;height:29px;color:var(--primary-foreground);place-items:center;display:grid}.token-system-bar>div>div{gap:3px;display:grid}.token-system-bar strong{font-size:10px}.token-system-bar small{color:var(--muted);font-size:8px}.token-system-bar>button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);height:32px;color:var(--ink);cursor:pointer;align-items:center;gap:6px;padding:0 10px;font-size:8px;font-weight:600;display:flex}.token-workbench{border:1px solid var(--line);background:var(--surface);border-radius:13px;grid-template-columns:minmax(0,1.25fr) minmax(245px,.75fr);display:grid;overflow:hidden}.token-preview{border-right:1px solid var(--line);background-image:radial-gradient(var(--line) .7px, transparent .7px);background-size:17px 17px;place-items:center;min-height:440px;padding:42px;display:grid}.token-preview-window{gap:var(--token-demo-gap);border:1px solid var(--line);border-radius:var(--token-demo-radius);background:var(--surface);width:min(360px,100%);min-height:315px;transition:gap var(--token-demo-speed) ease, border-radius var(--token-demo-speed) ease;flex-direction:column;padding:23px;display:flex;box-shadow:0 22px 55px #00000014}.token-preview-head{justify-content:space-between;align-items:center;display:flex}.token-preview-head>div{gap:3px;display:grid}.token-preview-head span{font-size:12px;font-weight:650}.token-preview-head small{color:var(--muted);font-size:9px}.token-status{background:var(--token-demo-accent);border-radius:99px;padding:5px 8px}@supports (color:color-mix(in lab, red, red)){.token-status{background:color-mix(in srgb, var(--token-demo-accent) 12%, var(--surface))}}.token-status{color:var(--token-demo-accent);font-size:8px!important}.token-preview-copy{margin:auto 0}.token-preview-copy>span{color:var(--token-demo-accent);letter-spacing:.13em;font-size:8px;font-weight:700}.token-preview-copy h3{letter-spacing:-.05em;margin:11px 0 9px;font-size:30px;line-height:1.02}.token-preview-copy p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.token-preview-actions{gap:7px;display:flex}.token-preview-actions button{border:1px solid var(--line);border-radius:calc(var(--token-demo-radius) * .65);background:var(--surface);height:39px;color:var(--ink);cursor:pointer;transition:all var(--token-demo-speed) ease;padding:0 14px;font-size:10px}.token-preview-actions button:first-child{border-color:var(--token-demo-accent);background:var(--token-demo-accent);color:#fff}.token-controls{align-content:start;gap:22px;padding:22px;display:grid}.token-choice{gap:8px;display:grid}.token-choice>span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:650}.token-choice>div{border:1px solid var(--line);background:var(--subtle);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:3px;padding:3px;display:grid}.token-choice button{height:34px;color:var(--muted);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:10px}.token-choice button[data-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000014}.token-choice button:disabled{cursor:default;opacity:.72}.token-table{border:1px solid var(--line);background:var(--surface);border-radius:11px;overflow:hidden}.token-row{border-bottom:1px solid var(--line);grid-template-columns:180px 160px 1fr;align-items:center;gap:15px;min-height:64px;padding:13px 17px;display:grid}.token-row:last-child{border-bottom:0}.token-row code{font-family:var(--font-mono);font-size:11px}.token-row>span{color:var(--muted);font-family:var(--font-mono);align-items:center;gap:8px;font-size:10px;display:flex}.token-row i{border:1px solid var(--line);border-radius:5px;width:18px;height:18px}.token-row p{color:var(--muted);margin:0;font-size:11px}.token-head{background:var(--subtle);min-height:40px;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:700}.token-rule-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.token-rule-grid article{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:175px;padding:20px}.token-rule-grid svg{color:var(--muted)}.token-rule-grid h3{margin:38px 0 8px;font-size:13px}.token-rule-grid p{color:var(--muted);margin:0;font-size:10px;line-height:1.65}.token-coverage-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.token-coverage-grid article{border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface);align-content:start;min-height:150px;padding:19px;display:grid}.token-coverage-grid article>span{color:var(--accent);font-family:var(--font-mono);font-size:8px}.token-coverage-grid strong{margin-top:29px;font-size:12px}.token-coverage-grid p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.6}.auth-component-stage{place-items:center;width:100%;min-height:470px;display:grid}.ui-auth-form-card{border:1px solid var(--line);background:var(--surface);width:min(430px,100%);color:var(--ink);transition:padding var(--motion-base) var(--ease-smooth), gap var(--motion-base) var(--ease-smooth), background-color var(--motion-base) var(--ease-smooth), color var(--motion-base) var(--ease-smooth);border-radius:21px;gap:16px;padding:25px;display:grid;box-shadow:0 24px 65px #00000016}.ui-auth-form-card[data-density=compact]{border-radius:17px;gap:12px;padding:20px}.ui-auth-form-heading{justify-items:start;display:grid}.ui-auth-mark{border:1px solid;border-radius:10px;place-items:center;width:35px;height:35px;margin-bottom:22px;display:grid;transform:rotate(8deg)}.ui-auth-mark>span{background:currentColor;border-radius:3px;width:9px;height:9px;display:block}.ui-auth-form-heading>span:nth-child(2){color:var(--muted);letter-spacing:.14em;font-size:7px;font-weight:700}.ui-auth-form-heading h3{letter-spacing:-.048em;margin:8px 0 6px;font-size:27px;line-height:1}.ui-auth-form-heading p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.ui-auth-form-card[data-density=compact] .ui-auth-mark{margin-bottom:13px}.ui-auth-form-card[data-density=compact] .ui-auth-form-heading h3{font-size:23px}.ui-auth-providers{grid-template-columns:1.35fr .65fr;gap:7px;display:grid}.ui-auth-providers button{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--ink);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:8px;font-weight:600;display:flex}.ui-auth-providers button:hover{background:var(--subtle)}.ui-auth-providers button>span{font-size:11px;font-weight:750}.ui-auth-divider{color:var(--muted);align-items:center;gap:10px;display:flex}.ui-auth-divider:before,.ui-auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.ui-auth-divider span{white-space:nowrap;font-size:7px}.ui-auth-fields{gap:12px;display:grid}.ui-auth-form-card[data-density=compact] .ui-auth-fields{gap:9px}.ui-auth-options{justify-content:space-between;align-items:center;gap:12px;display:flex}.ui-auth-options label,.ui-auth-terms{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:8px;display:flex}.ui-auth-options label input,.ui-auth-terms input{opacity:0;pointer-events:none;position:absolute}.ui-auth-options label>span,.ui-auth-terms>span{border:1px solid var(--line);background:var(--surface);color:#0000;border-radius:4px;place-items:center;width:15px;height:15px;display:grid}.ui-auth-options label input:checked+span,.ui-auth-terms input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--surface)}.ui-auth-options button{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:8px;font-weight:600}.ui-auth-terms em{flex:1;font-style:normal;line-height:1.4}.ui-auth-form-card>button[type=submit]{width:100%}.ui-auth-form-footer{color:var(--muted);text-align:center;margin:-2px 0 0;font-size:8px}.ui-auth-form-footer button{color:var(--ink);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:650}.ui-auth-form-card[data-tone=contrast]{color:#f4f4f1;background:#151514;border-color:#2c2c2a;box-shadow:0 28px 75px #0000003d}.ui-auth-form-card[data-tone=contrast] .ui-auth-form-heading>span:nth-child(2),.ui-auth-form-card[data-tone=contrast] .ui-auth-form-heading p,.ui-auth-form-card[data-tone=contrast] .ui-auth-divider,.ui-auth-form-card[data-tone=contrast] .ui-auth-form-footer,.ui-auth-form-card[data-tone=contrast] .ui-auth-options label,.ui-auth-form-card[data-tone=contrast] .ui-auth-terms{color:#96968f}.ui-auth-form-card[data-tone=contrast] .ui-auth-providers button,.ui-auth-form-card[data-tone=contrast] .ui-input-shell,.ui-auth-form-card[data-tone=contrast] .ui-auth-options label>span,.ui-auth-form-card[data-tone=contrast] .ui-auth-terms>span{color:#f4f4f1;background:#1e1e1d;border-color:#343432}.ui-auth-form-card[data-tone=contrast] .ui-auth-providers button:hover{background:#282826}.ui-auth-form-card[data-tone=contrast] .ui-field-label,.ui-auth-form-card[data-tone=contrast] .ui-input-shell input,.ui-auth-form-card[data-tone=contrast] .ui-auth-options button,.ui-auth-form-card[data-tone=contrast] .ui-auth-form-footer button{color:#f4f4f1}.ui-auth-form-card[data-tone=contrast] .ui-input-affix,.ui-auth-form-card[data-tone=contrast] .ui-field>small{color:#96968f}.ui-auth-form-card[data-tone=contrast] .ui-auth-divider:before,.ui-auth-form-card[data-tone=contrast] .ui-auth-divider:after{background:#343432}.ui-auth-form-card[data-tone=contrast]>button[type=submit]{color:#171716;background:#f4f4f1}.ui-auth-google-mark{flex:none;width:16px;height:16px}.ui-auth-google-mark path{fill:none;stroke:currentColor;stroke-width:1.85px;stroke-linecap:round;stroke-linejoin:round}.ui-auth-design-editorial{box-shadow:none;border-width:1px 0;border-radius:0}.ui-auth-design-editorial .ui-auth-mark{display:none}.ui-auth-design-editorial .ui-auth-form-heading>span:nth-child(2){letter-spacing:.2em}.ui-auth-design-editorial .ui-auth-form-heading h3{margin-top:16px;font-family:Georgia,serif;font-size:38px;font-weight:500;line-height:1}.ui-auth-design-editorial .ui-input-shell{box-shadow:none;border-width:0 0 1px;border-radius:0;padding-inline:0}.ui-auth-design-editorial .ui-input-shell:focus-within{box-shadow:0 1px 0 var(--ink)}.ui-auth-design-editorial>button[type=submit]{border-radius:0;justify-content:space-between}.ui-auth-design-split{grid-template-columns:minmax(190px,.8fr) minmax(280px,1.2fr);column-gap:30px;width:min(700px,100%)}.ui-auth-design-split>.ui-auth-form-heading{border-right:1px solid var(--line);grid-area:1/1/span 8;align-content:start;padding-right:28px}.ui-auth-design-split>:not(.ui-auth-form-heading){grid-column:2}.ui-auth-design-split .ui-auth-mark{margin-bottom:54px}.ui-auth-design-split .ui-auth-form-heading h3{max-width:180px;font-size:34px;line-height:.96}.ui-auth-design-terminal{font-family:var(--font-mono);border-radius:8px;border-color:#353535!important;box-shadow:12px 12px #050505!important}.ui-auth-design-terminal .ui-auth-mark{border-radius:3px;margin-bottom:14px;transform:none}.ui-auth-design-terminal .ui-auth-mark:after{content:"_";font-size:11px}.ui-auth-design-terminal .ui-auth-mark>span{display:none}.ui-auth-design-terminal .ui-auth-form-heading h3{font-family:var(--font-mono);letter-spacing:-.035em;font-size:24px}.ui-auth-design-terminal .ui-input-shell,.ui-auth-design-terminal .ui-auth-providers button{border-radius:4px}.ui-auth-design-terminal>button[type=submit]{font-family:var(--font-mono);text-transform:uppercase;border-radius:4px}.auth-design-stage{place-items:center;width:100%;min-height:560px;display:grid}.auth-design-stage-editorial{background:#faf7f0}@supports (color:color-mix(in lab, red, red)){.auth-design-stage-editorial{background:color-mix(in srgb, #faf7f0 60%, var(--surface))}}.auth-design-stage-split{background:linear-gradient(135deg, #dbeafe, var(--surface) 55%);padding:24px}@supports (color:color-mix(in lab, red, red)){.auth-design-stage-split{background:linear-gradient(135deg, color-mix(in srgb, #dbeafe 42%, var(--surface)), var(--surface) 55%)}}.auth-design-stage-terminal{background:#0a0a0a}.design-flow-auth .design-flow-preview{min-height:620px;padding:0}.design-flow-auth-split .design-flow-preview{min-height:570px}.design-flow-auth-terminal .design-flow-preview{background:#0a0a0a}.catalog-phone-auth .catalog-phone-content{overflow:visible}.catalog-phone-auth .ui-auth-form-card{width:136%;max-width:none;box-shadow:none;border-radius:18px;gap:11px;padding:18px;transform:scale(.7)}.catalog-phone-auth .ui-auth-design-split{grid-template-columns:1fr}.catalog-phone-auth .ui-auth-design-split>.ui-auth-form-heading{border-right:0;grid-area:auto/1;padding-right:0}.catalog-phone-auth .ui-auth-design-split>:not(.ui-auth-form-heading){grid-column:1}.catalog-phone-auth .ui-auth-design-split .ui-auth-mark{margin-bottom:13px}.catalog-phone-auth .ui-auth-mark{width:31px;height:31px;margin-bottom:10px}.catalog-phone-auth .ui-auth-form-heading h3{font-size:22px}.catalog-phone-auth .ui-auth-form-heading p{font-size:8px}.catalog-phone-auth .ui-auth-providers button{height:34px}.catalog-phone-auth .ui-input-shell{min-height:38px}.catalog-phone-auth .ui-auth-form-card[data-density=compact]{transform:scale(.76)}.catalog-phone-signup .ui-auth-form-card{width:145%;transform:scale(.62)}.catalog-phone-signup .ui-auth-form-card[data-density=compact]{transform:scale(.68)}.invite-panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:24px}.invite-copy{align-items:center;gap:13px;display:flex}.invite-icon{background:var(--subtle);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.invite-copy>div{gap:5px;display:grid}.invite-copy strong{font-size:14px}.invite-copy p{color:var(--muted);margin:0;font-size:11px}.invite-fields{grid-template-columns:minmax(220px,1fr) 150px auto;align-items:end;gap:11px;margin-top:23px;display:grid}.invite-fields .ui-field-label{font-size:11px}.invite-fields .ui-input-shell{border-radius:11px;min-height:48px;padding-inline:14px}.invite-fields .ui-input-shell input{font-size:12px}.invite-fields>button{min-height:48px;padding-inline:17px;font-size:12px}.access-select{gap:7px;display:grid}.access-select>span{font-size:11px;font-weight:650}.access-select select,.member-role select{border:1px solid var(--line);background:var(--surface);height:48px;color:var(--ink);border-radius:11px;outline:none;padding:0 12px;font-size:12px}.access-message{margin:14px 0 0;font-size:11px}.access-success{color:#059669}.access-error{color:var(--danger)}.pending-invitations{border-top:1px solid var(--line);gap:7px;margin-top:18px;padding-top:15px;display:grid}.pending-invitations>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:700}.pending-invitations>div{border:1px solid var(--line);background:var(--canvas);border-radius:9px;justify-content:space-between;align-items:center;gap:14px;min-height:55px;padding:9px 11px;display:flex}.pending-invitations>div>div{gap:4px;min-width:0;display:grid}.pending-invitations strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pending-invitations small{color:var(--muted);text-transform:capitalize;font-size:9px}.pending-invitations button{border:1px solid var(--line);background:var(--surface);height:32px;color:var(--muted);cursor:pointer;border-radius:8px;padding:0 10px;font-size:9px}.pending-invitations button:hover{color:var(--danger)}.member-loading{color:var(--muted);text-align:center;padding:24px;font-size:11px}.member-list{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.member-row{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(170px,1fr) 125px 115px 96px;align-items:center;gap:13px;min-height:92px;padding:15px 17px;display:grid}.member-row:last-child{border-bottom:0}.member-avatar{background:var(--subtle);width:42px;height:42px;color:var(--ink);border-radius:11px;place-items:center;font-size:10px;font-weight:700;display:grid}.member-identity{gap:5px;min-width:0;display:grid}.member-identity>div{align-items:center;gap:7px;display:flex}.member-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.member-identity>div span{background:var(--subtle);color:var(--muted);text-transform:uppercase;border-radius:5px;padding:3px 6px;font-size:7px;font-weight:700}.member-identity p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.member-state{gap:5px;display:grid}.member-state>span{color:#047857;text-transform:capitalize;background:#ecfdf3;border-radius:99px;width:fit-content;padding:4px 8px;font-size:9px;font-weight:600}.member-state>span[data-status=invited]{color:#c2410c;background:#fff7ed}.member-state small{color:var(--muted);font-size:8px}.member-role select{text-transform:capitalize;border-radius:9px;width:100%;height:40px;font-size:11px}.member-actions{justify-content:flex-end;gap:5px;display:flex}.member-actions button{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--ink);cursor:pointer;border-radius:8px;padding:0 10px;font-size:9px}.member-actions button:hover{background:var(--subtle)}.member-actions .member-remove{width:36px;color:var(--muted);place-items:center;padding:0;display:grid}.member-actions button:disabled{opacity:.35;cursor:default}.permission-matrix{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow-x:auto}.permission-row{border-bottom:1px solid var(--line);grid-template-columns:160px repeat(4,1fr);align-items:center;min-width:700px;min-height:66px;padding:12px 18px;display:grid}.permission-row:last-child{border-bottom:0}.permission-row>strong{text-transform:capitalize;align-items:center;gap:8px;font-size:12px;display:flex}.permission-row>span{color:#059669;text-align:center;place-items:center;font-size:10px;display:grid}.permission-row i{color:var(--muted);font-style:normal}.permission-head{background:var(--subtle);min-height:44px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:700}.permission-head span{color:var(--muted)}.access-security-note{border:1px dashed var(--line);color:var(--muted);border-radius:11px;align-items:flex-start;gap:12px;margin-top:14px;padding:18px;display:flex}.access-security-note>div{flex:1;gap:4px;display:grid}.access-security-note strong{color:var(--ink);font-size:11px}.access-security-note p{max-width:610px;margin:0;font-size:10px;line-height:1.6}.denied-main{grid-template-columns:minmax(0,760px)}.denied-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex}.denied-card>span{border:1px solid var(--line);background:var(--surface);border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.denied-card>p{color:var(--muted);letter-spacing:.13em;margin:21px 0 10px;font-size:8px;font-weight:700}.denied-card h1{letter-spacing:-.05em;margin:0;font-size:36px}.denied-card>div{max-width:430px;color:var(--muted);margin:12px 0 22px;font-size:10px;line-height:1.6}.denied-card a{color:var(--ink);align-items:center;gap:6px;font-size:9px;font-weight:650;text-decoration:none;display:flex}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=980px){.auth-page{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{padding:32px 22px}.account-chip{min-width:0}.account-chip-copy{display:none}.header{grid-template-columns:240px 1fr 260px}.intro-flow-grid,.refined-grid,.token-rule-grid{grid-template-columns:1fr}.intro-flow-grid article{min-height:175px}.intro-icon{margin-top:24px}.refined-grid a{min-height:145px}.refined-grid strong{margin-top:24px}.token-workbench{grid-template-columns:1fr}.token-preview{border-right:0;border-bottom:1px solid var(--line)}.invite-fields{grid-template-columns:1fr 1fr}.member-row{grid-template-columns:44px minmax(140px,1fr) 108px 96px}.member-state{display:none}.workspace-gate{gap:35px}.workspace-gate-copy{align-self:end}}@media (width<=820px){.header{grid-template-columns:1fr auto}.account-chip{min-width:0;padding-right:5px}}@media (width<=680px){.account-menu-content{--dropdown-width:min(290px, calc(100vw - 28px))}.account-dialog-profile{grid-template-columns:46px minmax(0,1fr)}.account-dialog-avatar{border-radius:13px;width:46px;height:46px}.account-role-badge{grid-column:2;width:fit-content}.account-detail-grid{grid-template-columns:1fr}.account-dialog-actions{flex-direction:column}.account-dialog-actions button,.account-dialog-actions .account-signout{width:100%;margin-left:0}.account-session-list article>div{grid-template-columns:1fr}.account-session-list article strong{grid-column:1}.clerk-form-panel{padding:18px}.custom-auth-shell{border-radius:17px}.custom-auth-shell-head{padding:21px 20px 18px}.custom-auth-mount{min-height:0;padding:22px 20px}.custom-auth-stage{grid-template-columns:1fr}.custom-auth-route,.custom-auth-session,.custom-auth-shell:after{display:none}.custom-auth-shell-title h2{font-size:22px}.custom-auth-shell-title p{font-size:12px}.custom-auth-card .ui-auth-form-heading h3{font-size:26px}.verification-code-slots{gap:6px}.verification-code-slots>span{border-radius:14px;height:50px;font-size:16px}.custom-auth-security{padding-inline:16px}.custom-auth-security>span{display:none}}@media (width<=620px){.auth-form-heading{margin-bottom:24px}.demo-account-grid{grid-template-columns:1fr}.demo-account-grid button{min-height:72px}.demo-account-copy{grid-template-columns:1fr}.demo-account-copy small{grid-area:auto/1}.principle-list article{grid-template-columns:1fr 24px;gap:7px 12px}.principle-list p{grid-column:1}.principle-list article>span{grid-area:1/2}.platform-compare{grid-template-columns:1fr}.token-preview{min-height:390px;padding:23px}.token-row{grid-template-columns:1fr 105px}.token-row p{display:none}.invite-fields{grid-template-columns:1fr}.member-row{grid-template-columns:42px 1fr auto;gap:10px}.member-role{grid-column:2}.member-actions{flex-direction:column;grid-area:1/3/span 2}.header-actions{gap:1px}.clerk-form-panel{padding:24px 16px}.workspace-gate{padding:24px 18px 44px}.workspace-gate-copy h1{font-size:44px}.workspace-gate-copy>p{font-size:14px}.clerk-setup-page{padding:16px}.clerk-setup-steps{grid-template-columns:1fr}.clerk-setup-steps span{min-height:68px}}.ui-button:not(.rounded-none):not(.rounded-lg):not(.rounded-xl):not(.rounded-full),.segmented-control,.platform-tabs,.toggle-grid,.text-control input,.control-action,.access-select select,.member-role select{border-radius:var(--radius-control)}.segmented-control button,.platform-tabs button,.token-choice button{border-radius:max(3px, calc(var(--radius-control) - 3px))}.ui-checkbox-box{border-radius:clamp(3px, var(--radius-control), 7px)}.toggle-control input:checked+.toggle-track{background:var(--accent)}.nav-active{box-shadow:inset 2px 0 0 var(--accent), 0 0 0 1px var(--line), 0 2px 5px #00000008}.segmented-control button[data-selected=true],.token-choice button[data-selected=true]{color:var(--accent)}.command-dialog,.demo-card,.workbench,.expressive-grid,.compact-customizer,.design-notes,.variant-table,.next-component,.input-demo,.intro-flow-grid article,.principle-list,.platform-compare article,.refined-grid a,.read-only-notice,.token-workbench,.token-preview-window,.token-table,.token-rule-grid article,.invite-panel,.member-list,.permission-matrix,.access-security-note{border-radius:var(--radius-surface)}.ui-auth-form-card,.ticker-panel,.magnetic-stage{border-radius:var(--radius-display)}.account-chip,.demo-account-grid button,.member-avatar{border-radius:var(--radius-control)}@media (width>=821px){html[data-density=compact] .hero{padding-top:27px;padding-bottom:31px}html[data-density=compact] .sidebar{padding-top:24px}}.design-flow-dropdown .design-flow-preview{min-height:540px}.design-flow-dropdown-command .design-flow-preview{background:#111214;min-height:590px}.design-flow-dropdown-select .design-flow-preview{background:#eff6ff}@supports (color:color-mix(in lab, red, red)){.design-flow-dropdown-select .design-flow-preview{background:color-mix(in srgb, #eff6ff 42%, var(--surface))}}.design-flow-dropdown-account .design-flow-preview{background:#f5f3ff}@supports (color:color-mix(in lab, red, red)){.design-flow-dropdown-account .design-flow-preview{background:color-mix(in srgb, #f5f3ff 48%, var(--surface))}}.design-flow-dropdown-actions .design-flow-preview{background:#f7f7f4}@supports (color:color-mix(in lab, red, red)){.design-flow-dropdown-actions .design-flow-preview{background:color-mix(in srgb, #f7f7f4 62%, var(--surface))}}.design-flow-dropdown-filter .design-flow-preview{background:#ecfdf5}@supports (color:color-mix(in lab, red, red)){.design-flow-dropdown-filter .design-flow-preview{background:color-mix(in srgb, #ecfdf5 38%, var(--surface))}}.dropdown-demo{border:1px solid var(--line);background:var(--surface);border-radius:27px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:min(570px,100%);min-height:430px;padding:30px;display:flex}@supports (color:color-mix(in lab, red, red)){.dropdown-demo{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.dropdown-demo{box-shadow:0 24px 65px #00000012}.dropdown-demo-command{color:#f4f4f1;background:#18191c;border-color:#2d2f35;border-radius:14px;box-shadow:0 30px 75px #0000004d}.dropdown-demo-actions{box-shadow:none;border-style:dashed}.dropdown-demo-kicker{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;font-size:8px;font-weight:700}.dropdown-demo-command .dropdown-demo-kicker,.dropdown-demo-command>small{color:#83858d}.dropdown-demo>small{color:var(--muted);margin-top:auto;font-size:8px}.dropdown-demo>.ui-dropdown{margin-block:auto}.ui-dropdown{width:min(var(--dropdown-width,280px), 100%);transition:transform var(--motion-base) var(--ease-smooth);display:inline-flex;position:relative}.ui-dropdown[data-state=open]:has(.ui-dropdown-content[data-placement^=bottom]){transform:translateY(-54px)}.ui-dropdown[data-state=open]:has(.ui-dropdown-content[data-placement^=top]){transform:translateY(54px)}.ui-dropdown>[aria-haspopup=menu]{width:100%}.ui-dropdown-content{z-index:30;width:min(var(--dropdown-width,280px), 360px);opacity:0;visibility:hidden;border:1px solid var(--ink);max-height:330px;padding:6px;position:absolute;overflow:hidden auto}@supports (color:color-mix(in lab, red, red)){.ui-dropdown-content{border:1px solid color-mix(in srgb, var(--ink) 10%, var(--line))}}.ui-dropdown-content{background:var(--surface);border-radius:15px}@supports (color:color-mix(in lab, red, red)){.ui-dropdown-content{background:color-mix(in srgb, var(--surface) 98%, transparent)}}.ui-dropdown-content{color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;transform:translateY(var(--dropdown-shift,-5px)) scale(.975);transform-origin:var(--dropdown-origin,top left);transition:opacity var(--motion-fast) ease, transform var(--motion-fast) var(--ease-smooth), visibility 0s linear var(--motion-fast);box-shadow:0 18px 50px #00000021}.ui-dropdown-content[data-state=open]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.ui-dropdown-content[data-placement=bottom-start]{--dropdown-origin:top left;--dropdown-shift:-5px;top:calc(100% + 8px);left:0}.ui-dropdown-content[data-placement=bottom-end]{--dropdown-origin:top right;--dropdown-shift:-5px;top:calc(100% + 8px);right:0}.ui-dropdown-content[data-placement=top-start]{--dropdown-origin:bottom left;--dropdown-shift:5px;bottom:calc(100% + 8px);left:0}.ui-dropdown-content[data-placement=top-end]{--dropdown-origin:bottom right;--dropdown-shift:5px;bottom:calc(100% + 8px);right:0}.ui-dropdown-label{min-height:29px;color:var(--muted);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:6px 9px;font-size:8px;font-weight:720;display:flex}.ui-dropdown-label>span{letter-spacing:.03em;font-size:7px;font-weight:550}.ui-dropdown-label>button{color:var(--ink);font:inherit;letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;border:0}.ui-dropdown-group+.ui-dropdown-group{border-top:1px solid var(--line);margin-top:3px;padding-top:3px}.ui-dropdown-item{width:100%;min-height:43px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) ease;background:0 0;border:0;border-radius:10px;outline:0;align-items:center;gap:10px;padding:8px 10px;display:flex}.ui-dropdown-item:hover,.ui-dropdown-item:focus-visible{background:var(--subtle)}.ui-dropdown-item:active{transform:scale(.992)}.ui-dropdown-item:disabled{opacity:.4;cursor:default}.ui-dropdown-item>svg{color:var(--muted);flex:none}.ui-dropdown-item>span{flex:1;min-width:0}.ui-dropdown-item>kbd{border:1px solid var(--line);background:var(--subtle);border-radius:5px;padding:3px 5px}@supports (color:color-mix(in lab, red, red)){.ui-dropdown-item>kbd{background:color-mix(in srgb, var(--subtle) 72%, transparent)}}.ui-dropdown-item>kbd{color:var(--muted);font-family:var(--font-mono);font-size:7px}.ui-dropdown-item[data-destructive=true]{color:#c83f36}.ui-dropdown-item[data-destructive=true] svg{color:currentColor}.ui-dropdown-item[data-destructive=true]:hover,.ui-dropdown-item[data-destructive=true]:focus-visible{background:#fff1f0}.ui-dropdown-separator{background:var(--line);border:0;height:1px;margin:5px 4px}.dropdown-density-compact .ui-dropdown-item{min-height:35px;padding-block:6px}.dropdown-density-compact .ui-dropdown-content{border-radius:11px;padding:4px}.dropdown-density-roomy .ui-dropdown-item{min-height:52px;padding:10px 12px}.dropdown-density-roomy .ui-dropdown-content{border-radius:19px;padding:8px}.dropdown-select-trigger,.dropdown-command-trigger,.dropdown-account-trigger,.dropdown-filter-trigger{border:1px solid var(--line);background:var(--surface);min-height:58px;color:var(--ink);text-align:left;cursor:pointer;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) ease;border-radius:14px;align-items:center;gap:11px;padding:9px 12px;display:flex;box-shadow:0 8px 24px #0000000b}.dropdown-select-trigger:hover,.dropdown-command-trigger:hover,.dropdown-account-trigger:hover,.dropdown-filter-trigger:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.dropdown-select-trigger:hover,.dropdown-command-trigger:hover,.dropdown-account-trigger:hover,.dropdown-filter-trigger:hover{border-color:color-mix(in srgb, var(--ink) 22%, var(--line))}}.dropdown-select-trigger:hover,.dropdown-command-trigger:hover,.dropdown-account-trigger:hover,.dropdown-filter-trigger:hover{box-shadow:0 11px 27px #0001}.dropdown-select-trigger:focus-visible,.dropdown-command-trigger:focus-visible,.dropdown-account-trigger:focus-visible,.dropdown-filter-trigger:focus-visible,.dropdown-actions-trigger:focus-visible{outline:2px solid var(--ink)}@supports (color:color-mix(in lab, red, red)){.dropdown-select-trigger:focus-visible,.dropdown-command-trigger:focus-visible,.dropdown-account-trigger:focus-visible,.dropdown-filter-trigger:focus-visible,.dropdown-actions-trigger:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 24%, transparent)}}.dropdown-select-trigger:focus-visible,.dropdown-command-trigger:focus-visible,.dropdown-account-trigger:focus-visible,.dropdown-filter-trigger:focus-visible,.dropdown-actions-trigger:focus-visible{outline-offset:2px}.dropdown-select-trigger>span:nth-child(2),.dropdown-account-trigger>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.dropdown-select-trigger small,.dropdown-account-trigger small{color:var(--muted);font-size:8px}.dropdown-select-trigger strong,.dropdown-account-trigger strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.dropdown-select-trigger>svg,.dropdown-account-trigger>svg,.dropdown-filter-trigger>svg:last-child{color:var(--muted);transition:transform var(--motion-base) var(--ease-smooth)}.ui-dropdown[data-state=open] .dropdown-select-trigger>svg,.ui-dropdown[data-state=open] .dropdown-account-trigger>svg,.ui-dropdown[data-state=open] .dropdown-filter-trigger>svg:last-child{transform:rotate(180deg)}.dropdown-status-dot{border:2px solid var(--surface);width:9px;height:9px;box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:none}.dropdown-status-neutral{background:#a1a19b}.dropdown-status-blue{background:#3b82f6}.dropdown-status-amber{background:#f59e0b}.dropdown-status-green{background:#22a559}.dropdown-select-option>span:nth-child(2),.dropdown-workspace-item>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.dropdown-select-option strong,.dropdown-workspace-item strong{font-size:10px}.dropdown-select-option small,.dropdown-workspace-item small{color:var(--muted);font-size:8px}.dropdown-select-option>svg:last-child,.dropdown-workspace-item>svg:last-child{color:#3b82f6}.dropdown-command-trigger{color:#f4f4f1;min-height:48px;box-shadow:none;background:#202125;border-color:#34363c;border-radius:9px}.dropdown-command-trigger>svg{color:#868991}.dropdown-command-trigger>span{color:#b5b6bc;flex:1;font-size:10px}.dropdown-command-trigger kbd{color:#8f929a;font-family:var(--font-mono);border:1px solid #3a3c42;border-radius:5px;padding:4px 6px;font-size:7px}.dropdown-content-command{color:#f4f4f1;background:#191a1e;border-color:#35373d;border-radius:11px;box-shadow:0 22px 60px #00000059}.dropdown-content-command .ui-dropdown-label{color:#747780}.dropdown-content-command .ui-dropdown-group+.ui-dropdown-group,.dropdown-content-command .ui-dropdown-separator{border-color:#303238}.dropdown-content-command .ui-dropdown-item{color:#e6e7e9}.dropdown-content-command .ui-dropdown-item:hover,.dropdown-content-command .ui-dropdown-item:focus-visible{background:#282a30}.dropdown-content-command .ui-dropdown-item>svg{color:#92959d}.dropdown-content-command .ui-dropdown-item>kbd{color:#898c94;background:#24262b;border-color:#383a41}.dropdown-command-search{color:#7d8088;border-bottom:1px solid #303238;align-items:center;gap:8px;height:43px;padding:0 10px;display:flex}.dropdown-command-search input{color:#f4f4f1;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:10px}.dropdown-command-search input::placeholder{color:#747780}.dropdown-empty{color:#747780;text-align:center;padding:34px 10px;font-size:9px}.dropdown-avatar{color:#fff;letter-spacing:.03em;background:#171716;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:8px;font-weight:750;display:grid}.dropdown-content-account{border-radius:20px;padding:7px}.dropdown-workspace-item{min-height:55px}.dropdown-workspace-item:nth-of-type(3) .dropdown-avatar{background:#443a76}.dropdown-workspace-item:nth-of-type(4) .dropdown-avatar{background:#245d50}.dropdown-actions-trigger{border:1px solid var(--line);background:var(--surface);height:48px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid;box-shadow:0 8px 25px #00000012;width:48px!important}.dropdown-content-actions{width:min(var(--dropdown-width,240px), 300px);border-radius:12px}.dropdown-content-actions .ui-dropdown-item{min-height:39px}.dropdown-filter-trigger>svg:first-child{color:var(--muted)}.dropdown-filter-trigger>span{flex:1;min-width:0;font-size:10px;font-weight:650}.dropdown-filter-trigger>b{background:var(--ink);min-width:21px;height:21px;color:var(--surface);font-family:var(--font-mono);border-radius:7px;place-items:center;font-size:7px;display:grid}.ui-dropdown-checkbox-item>i{border:1px solid var(--line);background:var(--surface);border-radius:5px;flex:none;place-items:center;width:17px;height:17px;display:grid}.ui-dropdown-checkbox-item[data-checked=true]>i{border-color:var(--ink);background:var(--ink)}.ui-dropdown-checkbox-item[data-checked=true]>i:after{content:"";border-left:1.5px solid var(--surface);border-bottom:1.5px solid var(--surface);width:6px;height:3px;transform:translateY(-1px)rotate(-45deg)}.ui-dropdown-checkbox-item>span{font-size:10px}.ui-dropdown-checkbox-item>small{color:var(--muted);font-family:var(--font-mono);font-size:7px}.dropdown-filter-apply{background:var(--ink);width:100%;min-height:38px;color:var(--surface);cursor:pointer;border:0;border-radius:9px;font-size:9px;font-weight:680}.dark .design-flow-dropdown-command .design-flow-preview{background:#090a0b}.dark .design-flow-dropdown-select .design-flow-preview{background:#111820}.dark .design-flow-dropdown-account .design-flow-preview{background:#15121e}.dark .design-flow-dropdown-filter .design-flow-preview{background:#0f1815}.dark .dropdown-demo{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.dark .dropdown-demo{background:color-mix(in srgb, var(--surface) 96%, transparent)}}.dark .dropdown-demo-command{background:#151619;border-color:#2d2f35}.dark .ui-dropdown-content{background:#18181bfa;border-color:#33343a}.dark .ui-dropdown-item[data-destructive=true]:hover,.dark .ui-dropdown-item[data-destructive=true]:focus-visible{background:#311918}.dark .dropdown-select-trigger,.dark .dropdown-account-trigger,.dark .dropdown-filter-trigger,.dark .dropdown-actions-trigger{background:#1b1b1e}.dark .dropdown-avatar{color:#171716;background:#efefeb}.catalog-phone .dropdown-demo{width:100%;min-height:370px;box-shadow:none;border:0;border-radius:0;padding:13px 8px}.catalog-phone .ui-dropdown{width:min(var(--dropdown-width,198px), 198px)}.catalog-phone .ui-dropdown[data-state=open]:has(.ui-dropdown-content[data-placement^=bottom]){transform:translateY(-64px)}.catalog-phone .ui-dropdown[data-state=open]:has(.ui-dropdown-content[data-placement^=top]){transform:translateY(64px)}.catalog-phone .ui-dropdown-content{width:min(var(--dropdown-width,198px), 198px);max-height:245px}.catalog-phone .dropdown-select-trigger,.catalog-phone .dropdown-account-trigger,.catalog-phone .dropdown-filter-trigger{min-height:48px;padding:7px 9px}.catalog-phone .ui-dropdown-item{gap:7px;min-height:36px;padding:6px 8px}.catalog-phone .dropdown-workspace-item{min-height:45px}.catalog-phone .dropdown-avatar{border-radius:8px;width:28px;height:28px}.catalog-phone .ui-dropdown-label{min-height:24px;padding:4px 7px}.catalog-phone .dropdown-command-search{height:36px}.ui-accordion{border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface);width:min(610px,100%);overflow:hidden}.ui-accordion-item{border-bottom:1px solid var(--line)}.ui-accordion-item:last-child{border-bottom:0}.ui-accordion-trigger{width:100%;min-height:76px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;outline:none;align-items:center;gap:14px;padding:14px 17px;display:flex}.ui-accordion-trigger:hover{background:var(--subtle)}@supports (color:color-mix(in lab, red, red)){.ui-accordion-trigger:hover{background:color-mix(in srgb, var(--subtle) 52%, transparent)}}.ui-accordion-trigger:focus-visible{box-shadow:inset 0 0 0 2px var(--ink)}@supports (color:color-mix(in lab, red, red)){.ui-accordion-trigger:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 20%, transparent)}}.ui-accordion-trigger>span{flex:1;align-items:center;gap:13px;min-width:0;display:flex}.ui-accordion-trigger b{width:27px;color:var(--muted);font-family:var(--font-mono);flex:none;font-size:8px;font-weight:500}.ui-accordion-trigger>span>span{flex:1;gap:5px;min-width:0;display:grid}.ui-accordion-trigger strong{font-size:12px}.ui-accordion-trigger small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.ui-accordion-trigger>i{width:9px;height:9px;transition:transform var(--motion-base) var(--ease-smooth);border-bottom:1.5px solid;border-right:1.5px solid;flex:none;transform:translateY(-2px)rotate(45deg)}.ui-accordion-item-open .ui-accordion-trigger>i{transform:translateY(2px)rotate(225deg)}.ui-accordion-content{opacity:0;visibility:hidden;transition:grid-template-rows var(--motion-base) var(--ease-smooth), opacity var(--motion-fast) ease, visibility 0s linear var(--motion-base);grid-template-rows:0fr;display:grid}.ui-accordion-content>div{min-height:0;overflow:hidden}.ui-accordion-content p{color:var(--muted);margin:0;padding:0 58px 18px;font-size:10px;line-height:1.65}.ui-accordion-item-open .ui-accordion-content{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s}.ui-accordion-separated{background:0 0;border:0;border-radius:0;gap:8px;display:grid;overflow:visible}.ui-accordion-separated .ui-accordion-item{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.ui-accordion-cards{background:0 0;border:0;border-radius:0;gap:9px;display:grid;overflow:visible}.ui-accordion-cards .ui-accordion-item{border:1px solid var(--line);background:var(--subtle);border-radius:17px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ui-accordion-cards .ui-accordion-item{background:color-mix(in srgb, var(--subtle) 42%, var(--surface))}}.ui-accordion-cards .ui-accordion-item{box-shadow:0 10px 28px #00000009}.ui-accordion-minimal{border-width:1px 0;border-radius:0}.ui-accordion-minimal .ui-accordion-trigger{padding-inline:4px}.ui-accordion-minimal .ui-accordion-content p{padding-left:31px}.accordion-compact .ui-accordion-trigger{min-height:61px;padding-block:10px}.accordion-roomy .ui-accordion-trigger{min-height:92px;padding-block:20px}.catalog-phone .ui-accordion{width:100%}.catalog-phone .ui-accordion-trigger{gap:8px;min-height:61px;padding:10px}.catalog-phone .ui-accordion-trigger b{display:none}.catalog-phone .ui-accordion-trigger strong{font-size:10px}.catalog-phone .ui-accordion-trigger small{font-size:7px}.catalog-phone .ui-accordion-content p{padding:0 28px 12px 10px;font-size:8px}.ui-tooltip{display:inline-flex;position:relative}.ui-tooltip-content{z-index:20;opacity:0;visibility:hidden;color:#f5f5f2;pointer-events:none;width:max-content;max-width:210px;transform:translate(var(--tooltip-x,-50%), var(--tooltip-y,0)) scale(.97);transition:opacity var(--motion-fast) ease, transform var(--motion-fast) var(--ease-smooth), visibility 0s linear var(--motion-fast);background:#171716;border:1px solid #ffffff14;border-radius:8px;padding:7px 9px;font-size:9px;line-height:1.35;position:absolute;box-shadow:0 10px 28px #00000029}.ui-tooltip-content[data-state=open]{opacity:1;visibility:visible;transform:translate(var(--tooltip-x,-50%), var(--tooltip-y,0)) scale(1);transition-delay:0s}.ui-tooltip-content[data-placement=top]{--tooltip-x:-50%;--tooltip-y:3px;bottom:calc(100% + 10px);left:50%}.ui-tooltip-content[data-placement=bottom]{--tooltip-x:-50%;--tooltip-y:-3px;top:calc(100% + 10px);left:50%}.ui-tooltip-content[data-placement=left]{--tooltip-x:3px;--tooltip-y:-50%;top:50%;right:calc(100% + 10px)}.ui-tooltip-content[data-placement=right]{--tooltip-x:-3px;--tooltip-y:-50%;top:50%;left:calc(100% + 10px)}.ui-tooltip-content>i{background:#171716;width:7px;height:7px;position:absolute;transform:rotate(45deg)}.ui-tooltip-content[data-placement=top]>i{bottom:-4px;left:calc(50% - 3px)}.ui-tooltip-content[data-placement=bottom]>i{top:-4px;left:calc(50% - 3px)}.ui-tooltip-content[data-placement=left]>i{top:calc(50% - 3px);right:-4px}.ui-tooltip-content[data-placement=right]>i{top:calc(50% - 3px);left:-4px}.tooltip-demo{border:1px solid var(--line);background:var(--surface);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:25px;width:min(430px,100%);min-height:270px;padding:32px;display:flex}.tooltip-demo-kicker{color:var(--muted);letter-spacing:.12em;font-size:8px;font-weight:700}.tooltip-action-row{gap:9px;margin-top:14px;display:flex}.tooltip-action-row button{border:1px solid var(--line);background:var(--surface);width:48px;height:48px;color:var(--muted);cursor:pointer;border-radius:14px;place-items:center;display:grid}.tooltip-action-row button:hover,.tooltip-action-row button:focus-visible{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.tooltip-action-row button:hover,.tooltip-action-row button:focus-visible{border-color:color-mix(in srgb, var(--ink) 18%, var(--line))}}.tooltip-action-row button:hover,.tooltip-action-row button:focus-visible{background:var(--subtle);color:var(--ink);outline:none}.tooltip-demo>small{color:var(--muted);font-size:9px}.tooltip-soft .ui-tooltip-content{border-color:var(--line);background:var(--surface);color:var(--ink)}.tooltip-soft .ui-tooltip-content>i{background:var(--surface)}.catalog-phone .tooltip-demo{width:100%;min-height:290px;padding:18px 8px}.catalog-phone .tooltip-action-row{gap:5px}.catalog-phone .tooltip-action-row button{border-radius:11px;width:40px;height:40px}.catalog-phone .ui-tooltip-content[data-placement=left],.catalog-phone .ui-tooltip-content[data-placement=right]{--tooltip-x:-50%;--tooltip-y:3px;inset:auto auto calc(100% + 10px) 50%}.ui-skeleton{border-radius:var(--radius-control);background:var(--muted);flex:none;display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ui-skeleton{background:color-mix(in srgb, var(--muted) 12%, var(--surface))}}.ui-skeleton[data-radius=line]{border-radius:99px}.ui-skeleton[data-radius=round]{border-radius:999px}.ui-skeleton[data-animated=true]{animation:1.7s ease-in-out infinite skeleton-breathe}@keyframes skeleton-breathe{50%{background-color:color-mix(in srgb, var(--muted) 20%, var(--surface))}}.skeleton-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;gap:18px;width:min(440px,100%);padding:21px;display:grid;box-shadow:0 20px 55px #0001}.skeleton-profile-head{align-items:center;gap:13px;display:flex}.skeleton-profile-head>span,.skeleton-lines{flex:1;gap:8px;min-width:0;display:grid}.skeleton-list>div{align-items:center;gap:11px;min-height:58px;display:flex}.skeleton-list>div+div{border-top:1px solid var(--line);padding-top:12px}.skeleton-list>div>span{flex:1;gap:7px;min-width:0;display:grid}.skeleton-dashboard>div{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.skeleton-dashboard article{border:1px solid var(--line);border-radius:12px;align-content:space-between;min-width:0;min-height:112px;padding:13px;display:grid}.skeleton-compact{gap:12px;padding:15px}.skeleton-roomy{gap:24px;padding:28px}.catalog-phone .skeleton-card{width:100%;box-shadow:none;border-radius:15px;gap:12px;padding:13px}.catalog-phone .skeleton-dashboard>div{grid-template-columns:1fr}.catalog-phone .skeleton-dashboard article:nth-child(n+3){display:none}.ui-progress-ring{color:var(--ink);flex:none;place-items:center;display:grid;position:relative}.ui-progress-ring svg{position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.ui-progress-ring circle{fill:none}.ui-progress-ring-track{stroke:var(--subtle)}.ui-progress-ring-value{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .55s var(--ease-smooth), stroke .25s ease}.ui-progress-ring[data-tone=blue]{color:#2563eb}.ui-progress-ring[data-tone=violet]{color:#7c3aed}.ui-progress-ring[data-tone=emerald]{color:#059669}.ui-progress-ring-copy{justify-items:center;gap:4px;display:grid;position:relative}.ui-progress-ring-copy strong{color:currentColor;letter-spacing:-.04em;font-size:24px}.ui-progress-ring-copy small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.progress-ring-demo{border:1px solid var(--line);background:var(--surface);border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:25px;width:min(580px,100%);min-height:370px;padding:31px;display:grid;box-shadow:0 24px 65px #00000012}.progress-ring-demo>div:first-child>span{color:var(--muted);letter-spacing:.12em;font-size:8px;font-weight:700}.progress-ring-demo h3{letter-spacing:-.05em;margin:12px 0 8px;font-size:29px;line-height:1}.progress-ring-demo p{max-width:250px;color:var(--muted);margin:0;font-size:10px;line-height:1.6}.progress-ring-stats{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:1px;padding-top:18px;display:grid}.progress-ring-stats span{gap:3px;display:grid}.progress-ring-stats span+span{border-left:1px solid var(--line);padding-left:20px}.progress-ring-stats strong{font-family:var(--font-mono);font-size:12px}.progress-ring-stats small{color:var(--muted);font-size:8px}.catalog-phone .progress-ring-demo{width:100%;min-height:365px;box-shadow:none;grid-template-columns:1fr;justify-items:center;gap:14px;padding:18px}.catalog-phone .progress-ring-demo>div:first-child{text-align:center}.catalog-phone .progress-ring-demo h3{font-size:20px}.catalog-phone .progress-ring-demo p{display:none}.catalog-phone .progress-ring-demo .ui-progress-ring{width:118px!important;height:118px!important}.catalog-phone .progress-ring-demo .ui-progress-ring svg{width:118px;height:118px}.catalog-phone .progress-ring-stats{width:100%}.ui-timeline{width:100%;display:grid}.ui-timeline-item{grid-template-columns:20px minmax(0,1fr);gap:12px;min-height:76px;display:grid}.ui-timeline-rail{flex-direction:column;align-items:center;display:flex}.ui-timeline-rail>i{border:1.5px solid var(--line);background:var(--surface);color:#0000;width:18px;height:18px;transition:color var(--motion-base) var(--ease-smooth), border-color var(--motion-base) var(--ease-smooth), background var(--motion-base) var(--ease-smooth), box-shadow var(--motion-base) var(--ease-smooth), transform var(--motion-base) var(--ease-smooth);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid;position:relative}.ui-timeline-rail>i svg{width:10px;height:10px}.ui-timeline-rail:after{content:"";background:var(--line);flex:1;width:1px;margin:5px 0}.ui-timeline-item:last-child .ui-timeline-rail:after{display:none}.ui-timeline-item[data-status=complete] .ui-timeline-rail>i{border-color:var(--ink);background:var(--ink);color:var(--surface)}.ui-timeline-item[data-status=current] .ui-timeline-rail>i{border-color:var(--ink);color:var(--ink);box-shadow:0 0 0 4px var(--ink)}@supports (color:color-mix(in lab, red, red)){.ui-timeline-item[data-status=current] .ui-timeline-rail>i{box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 7%, transparent)}}.ui-timeline-item[data-status=current] .ui-timeline-rail>i{transform:scale(1.04)}.ui-timeline-copy{align-content:start;gap:5px;min-width:0;padding-bottom:23px;display:grid}.ui-timeline-copy>span{justify-content:space-between;align-items:baseline;gap:13px;display:flex}.ui-timeline-copy strong{font-size:11px}.ui-timeline-copy time{color:var(--muted);font-family:var(--font-mono);font-size:8px}.ui-timeline-copy small{color:var(--muted);font-size:9px;line-height:1.5}.ui-timeline-item[data-status=upcoming] .ui-timeline-copy{opacity:.52}.timeline-demo{border:1px solid var(--line);background:var(--surface);border-radius:22px;width:min(500px,100%);padding:28px 30px 15px;position:relative;overflow:hidden;box-shadow:0 22px 60px #00000012}.timeline-demo-kicker{color:var(--muted);letter-spacing:.12em;font-size:8px;font-weight:700}.timeline-demo>h3{letter-spacing:-.045em;margin:11px 0 28px;font-size:26px}.timeline-compact .ui-timeline-item{min-height:62px}.timeline-roomy .ui-timeline-item{min-height:92px}.timeline-design-release:before{content:"";border:1px solid var(--ink);width:190px;height:190px;position:absolute;top:-80px;right:-70px}@supports (color:color-mix(in lab, red, red)){.timeline-design-release:before{border:1px solid color-mix(in srgb, var(--ink) 7%, transparent)}}.timeline-design-release:before{box-shadow:0 0 0 28px var(--ink), 0 0 0 58px var(--ink);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.timeline-design-release:before{box-shadow:0 0 0 28px color-mix(in srgb, var(--ink) 2.5%, transparent), 0 0 0 58px color-mix(in srgb, var(--ink) 1.5%, transparent)}}.timeline-design-release:before{pointer-events:none}.ui-timeline-release{position:relative}.ui-timeline-release .ui-timeline-item[data-status=current] .ui-timeline-copy strong{letter-spacing:-.01em}.ui-timeline-release .ui-timeline-item[data-status=current] .ui-timeline-rail>i:after{content:"";border:1px solid var(--ink);position:absolute;inset:-6px}@supports (color:color-mix(in lab, red, red)){.ui-timeline-release .ui-timeline-item[data-status=current] .ui-timeline-rail>i:after{border:1px solid color-mix(in srgb, var(--ink) 13%, transparent)}}.ui-timeline-release .ui-timeline-item[data-status=current] .ui-timeline-rail>i:after{border-radius:inherit;animation:2.4s ease-in-out infinite timeline-focus}.design-flow-timeline-activity .design-flow-preview{background:linear-gradient(145deg, #eff6ff, var(--surface) 68%)}@supports (color:color-mix(in lab, red, red)){.design-flow-timeline-activity .design-flow-preview{background:linear-gradient(145deg, color-mix(in srgb, #eff6ff 62%, var(--surface)), var(--surface) 68%)}}.timeline-design-activity{border-radius:27px;width:min(540px,100%);padding:25px;box-shadow:0 24px 64px #26375317}.timeline-design-activity>h3{margin-bottom:20px}.ui-timeline-activity{gap:8px}.ui-timeline-activity .ui-timeline-item{border:1px solid var(--line);background:var(--surface);border-radius:15px;grid-template-columns:32px minmax(0,1fr);gap:11px;min-height:70px;padding:12px 13px}@supports (color:color-mix(in lab, red, red)){.ui-timeline-activity .ui-timeline-item{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.ui-timeline-activity .ui-timeline-item{transition:border-color var(--motion-base) ease, transform var(--motion-base) var(--ease-smooth), box-shadow var(--motion-base) ease, opacity var(--motion-base) ease;box-shadow:0 4px 14px #161f3006}.ui-timeline-activity .ui-timeline-item[data-status=current]{border-color:#2563eb}@supports (color:color-mix(in lab, red, red)){.ui-timeline-activity .ui-timeline-item[data-status=current]{border-color:color-mix(in srgb, #2563eb 28%, var(--line))}}.ui-timeline-activity .ui-timeline-item[data-status=current]{transform:translateY(-1px);box-shadow:0 10px 24px #2563eb17}.ui-timeline-activity .ui-timeline-item[data-status=upcoming]{opacity:.62}.ui-timeline-activity .ui-timeline-item[data-status=upcoming] .ui-timeline-copy{opacity:1}.ui-timeline-activity .ui-timeline-rail{align-self:start}.ui-timeline-activity .ui-timeline-rail:after{display:none}.ui-timeline-activity .ui-timeline-rail>i{background:var(--subtle);width:32px;height:32px;color:var(--muted);border:0;border-radius:10px}.ui-timeline-activity .ui-timeline-item[data-status=complete] .ui-timeline-rail>i{color:#4f46e5;background:#eef2ff}.ui-timeline-activity .ui-timeline-item[data-status=current] .ui-timeline-rail>i{color:#fff;box-shadow:none;background:#171716}.ui-timeline-activity .ui-timeline-copy{gap:4px;padding:1px 0 0}.ui-timeline-activity .ui-timeline-copy strong{font-size:11px}.ui-timeline-activity .ui-timeline-copy small{max-width:330px}.design-flow-timeline-editorial .design-flow-preview{background:#f6f1e7}@supports (color:color-mix(in lab, red, red)){.design-flow-timeline-editorial .design-flow-preview{background:color-mix(in srgb, #f6f1e7 60%, var(--surface))}}.timeline-design-editorial{border:0;border-block:1px solid var(--ink);width:min(620px,100%);box-shadow:none;background:0 0;border-radius:0;padding:34px 8px 8px;overflow:visible}.timeline-design-editorial .timeline-demo-kicker{letter-spacing:.08em;font-family:Georgia,serif;font-style:italic;font-weight:400}.timeline-design-editorial>h3{letter-spacing:-.045em;max-width:450px;margin:15px 0 38px;font-family:Georgia,serif;font-size:39px;font-weight:500;line-height:1.02}.ui-timeline-editorial{border-top:1px solid var(--ink)}@supports (color:color-mix(in lab, red, red)){.ui-timeline-editorial{border-top:1px solid color-mix(in srgb, var(--ink) 28%, var(--line))}}.ui-timeline-editorial .ui-timeline-item{border-bottom:1px solid var(--line);grid-template-columns:30px minmax(0,1fr);gap:15px;min-height:105px;padding:18px 0 16px}.ui-timeline-editorial .ui-timeline-rail{padding-top:4px}.ui-timeline-editorial .ui-timeline-rail:after{display:none}.ui-timeline-editorial .ui-timeline-rail>i{border-color:var(--ink);width:25px;height:25px;color:var(--ink);font-family:var(--font-mono);border-radius:2px;font-size:7px}.ui-timeline-editorial .ui-timeline-item[data-status=complete] .ui-timeline-rail>i{background:var(--ink);color:var(--surface)}.ui-timeline-editorial .ui-timeline-item[data-status=current] .ui-timeline-rail>i{box-shadow:4px 4px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.ui-timeline-editorial .ui-timeline-item[data-status=current] .ui-timeline-rail>i{box-shadow:4px 4px 0 color-mix(in srgb, var(--ink) 13%, transparent)}}.ui-timeline-editorial .ui-timeline-item[data-status=current] .ui-timeline-rail>i{transform:none}.ui-timeline-editorial .ui-timeline-copy{gap:8px;padding:0}.ui-timeline-editorial .ui-timeline-copy>span{align-items:start}.ui-timeline-editorial .ui-timeline-copy strong{letter-spacing:-.015em;font-family:Georgia,serif;font-size:18px;font-weight:500}.ui-timeline-editorial .ui-timeline-copy time{color:var(--ink);letter-spacing:.08em;padding-top:4px;font-size:7px}.ui-timeline-editorial .ui-timeline-copy small{max-width:390px;font-size:9px}.design-flow-timeline-roadmap .design-flow-preview{background:linear-gradient(160deg,#ede9fe,#dbeafe)}@supports (color:color-mix(in lab, red, red)){.design-flow-timeline-roadmap .design-flow-preview{background:linear-gradient(160deg, color-mix(in srgb, #ede9fe 50%, var(--surface)), color-mix(in srgb, #dbeafe 42%, var(--surface)))}}.timeline-design-roadmap{border-color:#4f46e5;width:min(760px,100%);padding:28px 26px 26px}@supports (color:color-mix(in lab, red, red)){.timeline-design-roadmap{border-color:color-mix(in srgb, #4f46e5 15%, var(--line))}}.timeline-design-roadmap{border-radius:26px;box-shadow:0 25px 65px #4443761c}.timeline-design-roadmap>h3{margin-bottom:34px}.ui-timeline-roadmap{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.ui-timeline-roadmap .ui-timeline-item{grid-template-rows:22px minmax(0,1fr);grid-template-columns:1fr;gap:14px;min-width:0;min-height:150px;padding-right:10px;display:grid}.ui-timeline-roadmap .ui-timeline-rail{flex-direction:row;width:100%}.ui-timeline-roadmap .ui-timeline-rail>i{border-color:#4f46e5;width:22px;height:22px}@supports (color:color-mix(in lab, red, red)){.ui-timeline-roadmap .ui-timeline-rail>i{border-color:color-mix(in srgb, #4f46e5 28%, var(--line))}}.ui-timeline-roadmap .ui-timeline-rail:after{background:repeating-linear-gradient(90deg,#4f46e5 0 5px,#0000 5px 9px);flex:1;width:auto;height:1px;margin:0 4px}@supports (color:color-mix(in lab, red, red)){.ui-timeline-roadmap .ui-timeline-rail:after{background:repeating-linear-gradient(90deg, color-mix(in srgb, #4f46e5 32%, var(--line)) 0 5px, transparent 5px 9px)}}.ui-timeline-roadmap .ui-timeline-item[data-status=complete] .ui-timeline-rail>i{background:#3730a3;border-color:#3730a3}.ui-timeline-roadmap .ui-timeline-item[data-status=current] .ui-timeline-rail>i{color:#4f46e5;border-color:#4f46e5;box-shadow:0 0 0 5px #4f46e517}.ui-timeline-roadmap .ui-timeline-copy{border:1px solid #4f46e5;align-content:space-between;gap:9px;min-height:112px;padding:13px}@supports (color:color-mix(in lab, red, red)){.ui-timeline-roadmap .ui-timeline-copy{border:1px solid color-mix(in srgb, #4f46e5 13%, var(--line))}}.ui-timeline-roadmap .ui-timeline-copy{transition:background var(--motion-base) ease, border-color var(--motion-base) ease, transform var(--motion-base) var(--ease-smooth);background:#ffffffa1;border-radius:15px}.ui-timeline-roadmap .ui-timeline-item[data-status=current] .ui-timeline-copy{background:#ffffffe6;border-color:#4f46e54d;transform:translateY(-2px)}.ui-timeline-roadmap .ui-timeline-copy>span{flex-direction:column-reverse;align-items:start;gap:8px}.ui-timeline-roadmap .ui-timeline-copy strong{font-size:11px}.ui-timeline-roadmap .ui-timeline-copy time{color:#4f46e5;letter-spacing:.08em;font-weight:700}.ui-timeline-roadmap .ui-timeline-copy small{font-size:8px;line-height:1.45}.timeline-compact .ui-timeline-roadmap .ui-timeline-item{min-height:132px}.timeline-roomy .ui-timeline-roadmap .ui-timeline-item{min-height:176px}.timeline-roadmap-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.timeline-roadmap-heading>div{min-width:0}.timeline-roadmap-heading .timeline-demo-kicker{display:block}.timeline-roadmap-heading h3{margin:9px 0 24px}.timeline-roadmap-heading>span{color:#777783;font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;margin-bottom:28px;font-size:7px}.timeline-roadmap-heading>span b{color:#4f46e5;font-size:11px}.timeline-roadmap-viewport{cursor:grab;overscroll-behavior-inline:contain;scrollbar-color:#4f46e552 transparent;scrollbar-width:thin;scroll-snap-type:x mandatory;margin-inline:-2px;overflow:auto hidden}.timeline-roadmap-viewport:active{cursor:grabbing}.timeline-roadmap-track{grid-template-columns:repeat(4,200px);gap:32px;width:920px;padding:25px 2px 18px;display:grid;position:relative}.timeline-roadmap-line{z-index:0;height:2px;position:absolute;top:35px;left:12px;right:82px;overflow:hidden}.timeline-roadmap-line>i,.timeline-roadmap-line>b{transform-origin:0;display:block;position:absolute;inset:0}.timeline-roadmap-line>i{background:repeating-linear-gradient(90deg,#4f46e5 0 6px,#0000 6px 11px)}@supports (color:color-mix(in lab, red, red)){.timeline-roadmap-line>i{background:repeating-linear-gradient(90deg, color-mix(in srgb, #4f46e5 27%, var(--line)) 0 6px, transparent 6px 11px)}}.timeline-roadmap-line>b{background:linear-gradient(90deg,#3730a3,#635bdf 60%,#8b83ff);transition:transform 80ms linear;box-shadow:0 0 14px #4f46e547}.timeline-roadmap-stop{z-index:1;scroll-snap-align:center;grid-template-rows:22px 1fr;gap:16px;min-width:0;display:grid;position:relative}.timeline-roadmap-node{border:1px solid #4f46e5;place-items:center;width:22px;height:22px;display:grid}@supports (color:color-mix(in lab, red, red)){.timeline-roadmap-node{border:1px solid color-mix(in srgb, #4f46e5 34%, var(--line))}}.timeline-roadmap-node{background:var(--surface);color:#4f46e5;box-shadow:0 0 0 6px var(--surface);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.timeline-roadmap-node{box-shadow:0 0 0 6px color-mix(in srgb, var(--surface) 94%, transparent)}}.timeline-roadmap-node{transition:color .18s ease, border-color .18s ease, background .18s ease, transform .18s var(--ease-smooth)}.timeline-roadmap-stop[data-passed=true] .timeline-roadmap-node{color:#fff;background:#3730a3;border-color:#3730a3}.timeline-roadmap-stop[data-active=true] .timeline-roadmap-node{color:#fff;background:#635bdf;border-color:#635bdf;transform:scale(1.1);box-shadow:0 0 0 6px #635bdf,0 0 22px #635bdf40}@supports (color:color-mix(in lab, red, red)){.timeline-roadmap-stop[data-active=true] .timeline-roadmap-node{box-shadow:0 0 0 6px color-mix(in srgb, #635bdf 10%, var(--surface)), 0 0 22px #635bdf40}}.timeline-roadmap-stop>div{border:1px solid #4f46e5;flex-direction:column;min-height:138px;padding:17px;display:flex}@supports (color:color-mix(in lab, red, red)){.timeline-roadmap-stop>div{border:1px solid color-mix(in srgb, #4f46e5 14%, var(--line))}}.timeline-roadmap-stop>div{background:#fff;border-radius:20px}@supports (color:color-mix(in lab, red, red)){.timeline-roadmap-stop>div{background:color-mix(in srgb, white 68%, var(--surface))}}.timeline-roadmap-stop>div{opacity:calc(.56 + var(--roadmap-focus) * .44);transform:translateY(var(--roadmap-lift)) scale(calc(.975 + var(--roadmap-focus) * .025));box-shadow:0 14px 35px rgb(68 67 118/calc(.03 + var(--roadmap-focus) * .08));transition:border-color .18s,background .18s,box-shadow .18s,opacity .1s linear,transform .1s linear}.timeline-roadmap-stop[data-active=true]>div{background:#fff;border-color:#4f46e557}@supports (color:color-mix(in lab, red, red)){.timeline-roadmap-stop[data-active=true]>div{background:color-mix(in srgb, white 90%, var(--surface))}}.timeline-roadmap-stop>div>span{color:#4f46e5;font-family:var(--font-mono);letter-spacing:.1em;margin-bottom:21px;font-size:8px;font-weight:750}.timeline-roadmap-stop strong{color:var(--ink);letter-spacing:-.02em;font-size:14px;font-weight:670}.timeline-roadmap-stop small{color:var(--muted);margin-top:auto;font-size:9px;line-height:1.5}.timeline-roadmap-hint{color:var(--muted);font-family:var(--font-mono);letter-spacing:.07em;align-items:center;gap:7px;margin-top:15px;font-size:7px;display:flex}.timeline-roadmap-hint>span{color:#4f46e5}.timeline-roadmap-hint>i{background:#4f46e5;width:26px;height:1px}@supports (color:color-mix(in lab, red, red)){.timeline-roadmap-hint>i{background:color-mix(in srgb, #4f46e5 35%, var(--line))}}.timeline-roadmap-hint svg{margin-left:auto;animation:1.8s ease-in-out infinite timeline-roadmap-cue}.timeline-motion-off .timeline-roadmap-hint svg{animation:none}.timeline-roadmap-compact .timeline-roadmap-track{grid-template-columns:repeat(4,176px);gap:28px;width:824px}.timeline-roadmap-compact .timeline-roadmap-stop>div{min-height:118px;padding:14px}.timeline-roadmap-roomy .timeline-roadmap-track{grid-template-columns:repeat(4,224px);gap:38px;width:1036px}.timeline-roadmap-roomy .timeline-roadmap-stop>div{min-height:162px;padding:20px}.dark .design-flow-timeline-editorial .design-flow-preview{background:#11110f}.dark .timeline-design-editorial{color:#f0eee8;border-color:#4a4943}.dark .timeline-design-editorial .timeline-demo-kicker{color:#85837c}.dark .ui-timeline-editorial{border-color:#4a4943}.dark .ui-timeline-editorial .ui-timeline-item{border-color:#302f2b}.dark .ui-timeline-editorial .ui-timeline-rail>i{color:#ddd9cf;background:#151513;border-color:#ddd9cf}.dark .ui-timeline-editorial .ui-timeline-item[data-status=complete] .ui-timeline-rail>i{color:#151513;background:#e9e5dc;border-color:#e9e5dc}.dark .ui-timeline-editorial .ui-timeline-copy strong{color:#f1eee7}.dark .ui-timeline-editorial .ui-timeline-copy small{color:#96938b}.dark .ui-timeline-editorial .ui-timeline-copy time{color:#c4c0b7}.dark .ui-timeline-editorial .ui-timeline-item[data-status=upcoming] .ui-timeline-copy{opacity:.58}.dark .design-flow-timeline-roadmap .design-flow-preview{background:linear-gradient(155deg,#181827,#101117)}.dark .timeline-design-roadmap{color:#f2f2f4;background:#111115;border-color:#2f3050;box-shadow:0 26px 70px #00000052}.dark .timeline-design-roadmap .timeline-demo-kicker{color:#85858f}.dark .timeline-roadmap-heading>span{color:#868693}.dark .timeline-roadmap-heading>span b,.dark .timeline-roadmap-hint>span{color:#aaa3ff}.dark .timeline-roadmap-line>i{background:repeating-linear-gradient(90deg,#343443 0 6px,#0000 6px 11px)}.dark .timeline-roadmap-line>b{background:linear-gradient(90deg,#5d54ca,#8177ff 60%,#aaa3ff)}.dark .timeline-roadmap-node{color:#aaa3ff;background:#111115;border-color:#494864;box-shadow:0 0 0 6px #111115}.dark .timeline-roadmap-stop[data-passed=true] .timeline-roadmap-node{color:#f6f5ff;background:#4a438f;border-color:#6860dc}.dark .timeline-roadmap-stop[data-active=true] .timeline-roadmap-node{color:#111115;background:#8177ff;border-color:#aaa3ff;box-shadow:0 0 0 6px #111115,0 0 22px #8177ff57}.dark .timeline-roadmap-stop>div{background:#1a1a20;border-color:#30313e}.dark .timeline-roadmap-stop[data-active=true]>div{background:#25243a;border-color:#6860a8}.dark .timeline-roadmap-stop strong{color:#f2f2f4}.dark .timeline-roadmap-stop small{color:#a1a1ab}.dark .timeline-roadmap-stop>div>span{color:#aaa3ff}.dark .timeline-roadmap-hint{color:#888893}.dark .ui-timeline-roadmap .ui-timeline-copy{background:#1a1a20;border-color:#30313e}.dark .ui-timeline-roadmap .ui-timeline-item[data-status=current] .ui-timeline-copy{background:#242337;border-color:#5750a3}.dark .ui-timeline-roadmap .ui-timeline-copy strong{color:#f0f0f2}.dark .ui-timeline-roadmap .ui-timeline-copy small{color:#92929c}.dark .ui-timeline-roadmap .ui-timeline-copy time{color:#a79eff}.dark .ui-timeline-roadmap .ui-timeline-item[data-status=upcoming] .ui-timeline-copy{opacity:.62}.design-flow-timeline-scroll .design-flow-preview{background:radial-gradient(circle at 74% 14%,#695dff26,#0000 28%),#080809;min-height:720px}.timeline-design-scroll{color:#f5f5f2;background:#101012;border-color:#29292e;border-radius:28px;width:min(720px,100%);padding:27px 12px 12px;box-shadow:0 30px 90px #00000059}.timeline-design-scroll:before{content:"";filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#7162ff33,#0000 68%);border-radius:50%;width:250px;height:250px;position:absolute;top:-110px;right:-65px}.timeline-design-scroll>.timeline-demo-kicker,.timeline-design-scroll>h3,.timeline-design-scroll>.timeline-scroll-hint{z-index:1;position:relative}.timeline-design-scroll .timeline-demo-kicker{color:#85858e;padding-left:16px}.timeline-design-scroll>h3{max-width:470px;margin:12px 0 8px;padding-left:16px;font-size:35px;line-height:1}.timeline-scroll-hint{color:#898992;font-family:var(--font-mono);letter-spacing:.07em;align-items:center;gap:7px;margin:0 16px 18px;font-size:8px;display:flex}.timeline-scroll-hint>span{color:#b6b0ff;min-width:32px}.timeline-scroll-hint svg{margin-left:auto;animation:1.8s ease-in-out infinite timeline-scroll-cue}.timeline-motion-off .timeline-scroll-hint svg{animation:none}.timeline-capsule-viewport{overscroll-behavior:contain;scrollbar-color:#35353b transparent;scrollbar-width:thin;scroll-snap-type:y proximity;background:radial-gradient(circle at 50% 40%,#5c4dc614,#0000 36%),#0b0b0d;border:1px solid #27272c;border-radius:21px;height:500px;position:relative;overflow:hidden auto}.timeline-capsule-track{height:1280px}.timeline-compact .timeline-capsule-track{height:1050px}.timeline-roomy .timeline-capsule-track{height:1510px}.timeline-capsule-sticky{width:100%;height:498px;position:sticky;top:0;overflow:hidden}.timeline-capsule-stage-head{z-index:4;color:#686871;font-family:var(--font-mono);letter-spacing:.11em;justify-content:space-between;font-size:7px;display:flex;position:absolute;top:16px;left:18px;right:18px}.timeline-capsule-stage-head small{color:#8d8d96;font-size:inherit}.timeline-capsule-axis{z-index:1;background:#29292e;width:2px;position:absolute;top:50px;bottom:36px;left:50%;overflow:visible;transform:translate(-50%)}.timeline-capsule-axis>i,.timeline-capsule-axis>b{transform-origin:top;display:block;position:absolute;inset:0}.timeline-capsule-axis>i{background:repeating-linear-gradient(#393940 0 5px,#0000 5px 10px)}.timeline-capsule-axis>b{background:linear-gradient(#7367ff,#8d83ff 56%,#5aa7ff);transition:transform 80ms linear;box-shadow:0 0 16px #7062ff57}.timeline-capsule-moment{z-index:2;top:var(--capsule-y);height:1px;opacity:var(--capsule-opacity);transition:opacity 80ms linear;position:absolute;left:0;right:0}.timeline-capsule-moment>article{width:min(270px,39%);min-height:76px;transform:translateX(var(--capsule-x)) translateY(-50%) scale(var(--capsule-scale));background:#18181cf0;border:1px solid #303036;border-radius:999px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px;transition:border-color .18s,background .18s,box-shadow .18s;display:grid;position:absolute;top:0;box-shadow:0 12px 28px #0000003d}.timeline-capsule-moment[data-side=left]>article{right:calc(50% + 34px)}.timeline-capsule-moment[data-side=right]>article{left:calc(50% + 34px)}.timeline-capsule-moment>article:after{content:"";background:#34343a;width:35px;height:1px;position:absolute;top:50%}.timeline-capsule-moment[data-side=left]>article:after{left:100%}.timeline-capsule-moment[data-side=right]>article:after{right:100%}.timeline-capsule-moment>article>span{color:#8c8c95;width:26px;height:26px;font-family:var(--font-mono);background:#27272c;border-radius:50%;place-items:center;font-size:7px;display:grid}.timeline-capsule-moment>article>div{gap:4px;min-width:0;display:grid}.timeline-capsule-moment>article strong{color:#e9e9e6;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:620;overflow:hidden}.timeline-capsule-moment>article small{color:#777780;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.timeline-capsule-moment>article time{color:#686871;font-family:var(--font-mono);font-size:7px}.timeline-capsule-moment[data-passed=true]>article{background:#1e1c2bf5;border-color:#3d395c}.timeline-capsule-moment[data-active=true]>article{background:#f1f0eb;border-color:#7d72ff;box-shadow:0 15px 40px #5144c43d}.timeline-capsule-moment[data-active=true]>article>span{color:#f3f2ed;background:#171719}.timeline-capsule-moment[data-active=true]>article strong{color:#171719}.timeline-capsule-moment[data-active=true]>article small{color:#696970}.timeline-capsule-moment[data-active=true]>article time{color:#6558ef}.timeline-capsule-node{z-index:4;width:30px;height:30px;opacity:var(--capsule-enter);transform:translate(-50%, -50%) scale(var(--capsule-scale));background:#121215;border:1px solid #3a3a41;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:50%;box-shadow:0 0 0 5px #0b0b0d}.timeline-capsule-node>i{color:#8f8f98;font-family:var(--font-mono);font-size:7px;font-style:normal}.timeline-capsule-moment[data-passed=true] .timeline-capsule-node{background:#322c69;border-color:#6257d8}.timeline-capsule-moment[data-active=true] .timeline-capsule-node{background:#8075ff;border-color:#948aff;box-shadow:0 0 0 5px #0b0b0d,0 0 20px #8075ff6b}.timeline-capsule-moment[data-active=true] .timeline-capsule-node>i{color:#111114;font-weight:800}.timeline-capsule-end{z-index:3;color:#5f5f68;font-family:var(--font-mono);letter-spacing:.1em;background:#101012;border:1px solid #2e2e34;border-radius:999px;padding:5px 9px;font-size:6px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@keyframes timeline-focus{50%{opacity:.25;transform:scale(1.16)}}@keyframes timeline-scroll-cue{50%{transform:translateY(3px)}}@keyframes timeline-roadmap-cue{50%{transform:translate(4px)}}.design-flow-timeline .design-flow-preview{min-height:500px}.design-flow-timeline-roadmap .design-flow-preview{min-height:450px;padding-inline:22px}.catalog-phone .timeline-demo{width:100%;box-shadow:none;padding:18px 16px 7px}.catalog-phone .timeline-demo>h3{margin-bottom:20px;font-size:19px}.catalog-phone .ui-timeline-item{gap:9px;min-height:67px}.catalog-phone .ui-timeline-copy small{font-size:8px}.catalog-phone .timeline-design-activity{border-radius:18px;padding:16px 13px}.catalog-phone .ui-timeline-activity .ui-timeline-item{grid-template-columns:28px minmax(0,1fr);min-height:62px;padding:10px}.catalog-phone .ui-timeline-activity .ui-timeline-rail>i{border-radius:8px;width:28px;height:28px}.catalog-phone .timeline-design-editorial{padding:20px 4px 4px}.catalog-phone .timeline-design-editorial>h3{margin-bottom:25px;font-size:26px}.catalog-phone .ui-timeline-editorial .ui-timeline-item{grid-template-columns:25px minmax(0,1fr);min-height:82px;padding-block:13px}.catalog-phone .ui-timeline-editorial .ui-timeline-copy strong{font-size:14px}.catalog-phone .timeline-design-roadmap{padding:18px 14px 10px}.catalog-phone .ui-timeline-roadmap{grid-template-columns:1fr;gap:0}.catalog-phone .ui-timeline-roadmap .ui-timeline-item{grid-template-rows:1fr;grid-template-columns:22px minmax(0,1fr);gap:10px;min-height:76px;padding:0}.catalog-phone .ui-timeline-roadmap .ui-timeline-rail{flex-direction:column;width:22px}.catalog-phone .ui-timeline-roadmap .ui-timeline-rail:after{background:repeating-linear-gradient(#4f46e5 0 5px,#0000 5px 9px);width:1px;height:auto;margin:5px 0}@supports (color:color-mix(in lab, red, red)){.catalog-phone .ui-timeline-roadmap .ui-timeline-rail:after{background:repeating-linear-gradient(180deg, color-mix(in srgb, #4f46e5 32%, var(--line)) 0 5px, transparent 5px 9px)}}.catalog-phone .ui-timeline-roadmap .ui-timeline-copy{min-height:64px;padding:10px}.catalog-phone .ui-timeline-roadmap .ui-timeline-copy>span{flex-direction:row}.catalog-phone .timeline-design-scroll{border-radius:20px;padding:20px 8px 8px}.catalog-phone .timeline-design-scroll>h3{padding-inline:10px;font-size:25px}.catalog-phone .timeline-design-scroll .timeline-demo-kicker{padding-left:10px}.catalog-phone .timeline-scroll-hint{margin-inline:10px}.catalog-phone .timeline-capsule-viewport{border-radius:15px;height:395px}.catalog-phone .timeline-capsule-track{height:980px}.catalog-phone .timeline-capsule-sticky{height:393px}.catalog-phone .timeline-capsule-stage-head{top:12px;left:11px;right:11px}.catalog-phone .timeline-capsule-axis{top:42px;bottom:28px;left:24px}.catalog-phone .timeline-capsule-moment>article,.catalog-phone .timeline-capsule-moment[data-side=left]>article,.catalog-phone .timeline-capsule-moment[data-side=right]>article{grid-template-columns:22px minmax(0,1fr) auto;gap:7px;width:auto;min-height:64px;padding:9px 10px;left:48px;right:8px}.catalog-phone .timeline-capsule-moment>article:after,.catalog-phone .timeline-capsule-moment[data-side=left]>article:after,.catalog-phone .timeline-capsule-moment[data-side=right]>article:after{width:25px;left:auto;right:100%}.catalog-phone .timeline-capsule-moment>article>span{width:22px;height:22px}.catalog-phone .timeline-capsule-moment>article strong{font-size:9px}.catalog-phone .timeline-capsule-moment>article small{max-width:130px}.catalog-phone .timeline-capsule-node{width:25px;height:25px;left:24px}.catalog-phone .timeline-capsule-end{white-space:nowrap;transform-origin:50%;left:24px;transform:translate(-50%)rotate(-90deg)}.ui-toast{border:1px solid var(--line);background:var(--surface);border-radius:15px;grid-template-columns:34px minmax(0,1fr) auto 28px;align-items:center;gap:10px;width:min(440px,100% - 24px);min-height:72px;padding:11px 11px 11px 13px;display:grid}@supports (color:color-mix(in lab, red, red)){.ui-toast{background:color-mix(in srgb, var(--surface) 97%, transparent)}}.ui-toast{color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity var(--motion-base) ease, transform var(--motion-base) var(--ease-smooth), visibility 0s linear 0s;box-shadow:0 18px 50px #00000021}.ui-toast:not(:has(.ui-toast-icon)){grid-template-columns:minmax(0,1fr) auto 28px}.ui-toast[data-state=closed]{opacity:0;visibility:hidden;transition-delay:0s, 0s, var(--motion-base);transform:translateY(-8px)scale(.985)}.ui-toast-compact{border-radius:11px;grid-template-columns:29px minmax(0,1fr) auto 25px;gap:7px;min-height:56px;padding:8px}.ui-toast-compact:not(:has(.ui-toast-icon)){grid-template-columns:minmax(0,1fr) auto 25px}.ui-toast-compact .ui-toast-icon{border-radius:8px;width:29px;height:29px}.ui-toast-compact .ui-toast-copy small{display:none}.ui-toast-banner{border-radius:7px;width:calc(100% - 24px);box-shadow:0 9px 28px #0000001a}.ui-toast-minimal{border-width:0 0 0 3px;border-color:var(--ink);border-radius:0;grid-template-columns:minmax(0,1fr) auto 28px;min-height:62px;box-shadow:0 10px 28px #00000012}.ui-toast-minimal .ui-toast-icon{display:none}.ui-toast-minimal[data-tone=success]{border-color:#059669}.ui-toast-minimal[data-tone=warning]{border-color:#ea580c}.ui-toast-minimal[data-tone=danger]{border-color:#dc2626}.ui-toast-icon{background:var(--subtle);width:34px;height:34px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.ui-toast[data-tone=success] .ui-toast-icon{color:#047857;background:#ecfdf3}.ui-toast[data-tone=warning] .ui-toast-icon{color:#c2410c;background:#fff7ed}.ui-toast[data-tone=danger] .ui-toast-icon{color:#dc2626;background:#fef2f2}.ui-toast-copy{gap:4px;min-width:0;display:grid}.ui-toast-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ui-toast-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.ui-toast-action button{border:1px solid var(--line);background:var(--surface);height:30px;color:var(--ink);cursor:pointer;border-radius:8px;padding:0 9px;font-size:8px;font-weight:650}.ui-toast-close{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.ui-toast-close:hover{background:var(--subtle);color:var(--ink)}.toast-demo{border:1px solid var(--line);background:var(--surface);border-radius:25px;flex-direction:column;align-items:center;width:min(590px,100%);min-height:390px;padding:29px;display:flex;position:relative;overflow:hidden}.toast-context-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;width:100%;min-height:190px;padding:23px;display:flex;overflow:hidden;box-shadow:0 18px 45px #0000000d}.toast-context-card>span{color:var(--muted);letter-spacing:.12em;font-size:8px;font-weight:700}.toast-context-card>strong{letter-spacing:-.04em;margin-top:auto;font-size:22px}.toast-context-card>small{color:var(--muted);margin-top:5px;font-size:9px}.toast-context-card>i{background:var(--subtle);border-radius:99px;height:5px;margin-top:17px;overflow:hidden}.toast-context-card>i:after{content:"";border-radius:inherit;background:var(--ink);width:72%;height:100%;display:block}.toast-demo .ui-toast{z-index:3;position:absolute;left:50%;transform:translate(-50%)}.toast-top .ui-toast{top:19px}.toast-bottom .ui-toast{bottom:19px}.toast-demo .ui-toast[data-state=closed]{transform:translate(-50%,-8px)scale(.985)}.toast-demo-banner .ui-toast{width:calc(100% - 24px);left:12px;transform:none}.toast-demo-banner .ui-toast[data-state=closed]{transform:translateY(-8px)scale(.985)}.toast-replay{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--ink);cursor:pointer;border-radius:9px;margin-top:auto;padding:0 12px;font-size:9px;font-weight:600}.catalog-phone .toast-demo{border:0;border-radius:0;width:100%;min-height:360px;padding:14px}.catalog-phone .toast-context-card{min-height:170px;padding:16px}.catalog-phone .toast-context-card>strong{font-size:17px}.catalog-phone .ui-toast{grid-template-columns:30px minmax(0,1fr) auto 24px;gap:7px;width:calc(100% - 12px);min-height:64px;padding:9px}.catalog-phone .ui-toast-icon{width:30px;height:30px}.catalog-phone .ui-toast-copy small{max-width:100px}.developer-demo-label{min-width:0;color:var(--ink);align-items:center;gap:11px;display:flex}.developer-demo-label>svg{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex:none;width:34px;height:34px;padding:8px}.developer-demo-label>span{gap:3px;min-width:0;display:grid}.developer-demo-label strong{font-size:11px}.developer-demo-label small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.developer-demo-label-dark{color:#f3f3f5}.developer-demo-label-dark>svg{background:#1c1c20;border-color:#303035}.developer-demo-label-dark small{color:#777780}.ui-code-block{color:#d7d7dc;background:#111113;border:1px solid #29292e;border-radius:16px;width:100%;min-width:0;overflow:hidden;box-shadow:0 22px 60px #00000024}.ui-code-head{background:#151518;border-bottom:1px solid #29292e;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;height:45px;padding:0 11px 0 13px;display:grid}.ui-code-dots{gap:5px;display:flex}.ui-code-dots i,.ui-terminal-dots i{background:#45454c;border-radius:50%;width:6px;height:6px}.ui-code-dots i:first-child,.ui-terminal-dots i:first-child{background:#6b4447}.ui-code-dots i:nth-child(2),.ui-terminal-dots i:nth-child(2){background:#6a5b39}.ui-code-file{color:#c7c7cc;min-width:0;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.ui-code-language{color:#686870;font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:7px}.ui-code-head button{color:#9d9da5;cursor:pointer;background:#1d1d21;border:1px solid #303035;border-radius:7px;align-items:center;gap:5px;height:27px;padding:0 8px;font-size:8px;display:flex}.ui-code-head button:hover{color:#f2f2f4;border-color:#46464d}.ui-code-scroll{overscroll-behavior:contain;scrollbar-color:#3a3a40 transparent;overflow:auto}.ui-code-scroll>code{min-width:100%;font-family:var(--font-mono);padding:10px 0;font-size:11px;line-height:1.85;display:table}.ui-code-line{min-height:19px;display:table-row}.ui-code-line[data-highlighted=true]{background:#242119;box-shadow:inset 2px 0 #9a7b39}.ui-code-number{color:#505058;text-align:right;-webkit-user-select:none;user-select:none;width:43px;padding:0 13px 0 8px;display:table-cell}.ui-code-source{white-space:pre;padding-right:18px;display:table-cell}.ui-code-block[data-wrap=true] .ui-code-scroll>code{display:block}.ui-code-block[data-wrap=true] .ui-code-line{grid-template-columns:43px minmax(0,1fr);display:grid}.ui-code-block[data-wrap=true] .ui-code-number,.ui-code-block[data-wrap=true] .ui-code-source{display:block}.ui-code-block[data-wrap=true] .ui-code-source{white-space:pre-wrap;overflow-wrap:anywhere}.ui-code-source [data-token=comment]{color:#6f7670}.ui-code-source [data-token=keyword]{color:#c4a7e7}.ui-code-source [data-token=number]{color:#f0c674}.ui-code-source [data-token=string]{color:#9cc98d}.ui-code-minimal{box-shadow:none;border-radius:9px}.ui-code-minimal .ui-code-head{background:#111113;grid-template-columns:minmax(0,1fr) auto}.ui-code-minimal .ui-code-dots,.ui-code-minimal .ui-code-language{display:none}.ui-code-paper{border-color:var(--line);color:#292925;background:#fafaf7;box-shadow:0 18px 42px #00000012}.ui-code-paper .ui-code-head{background:#f3f3ef;border-color:#e4e4de}.ui-code-paper .ui-code-file{color:#454541}.ui-code-paper .ui-code-language{color:#91918a}.ui-code-paper .ui-code-head button{color:#686862;background:#fff;border-color:#deded8}.ui-code-paper .ui-code-number{color:#adada5}.ui-code-paper .ui-code-line[data-highlighted=true]{background:#f3eedb;box-shadow:inset 2px 0 #9a7b39}.ui-code-paper .ui-code-source [data-token=comment]{color:#7a8278}.ui-code-paper .ui-code-source [data-token=keyword]{color:#7253a3}.ui-code-paper .ui-code-source [data-token=number]{color:#a15c16}.ui-code-paper .ui-code-source [data-token=string]{color:#3e7b42}.ui-code-terminal{background:#07110b;border-color:#28382e;border-radius:6px}.ui-code-terminal .ui-code-head{background:#09150e;border-color:#1d3024}.ui-code-terminal .ui-code-file,.ui-code-terminal .ui-code-source{color:#a9e7b8}.ui-code-terminal .ui-code-language,.ui-code-terminal .ui-code-number{color:#41634a}.ui-code-terminal .ui-code-line[data-highlighted=true]{background:#122319;box-shadow:inset 2px 0 #6ee7a0}.ui-code-terminal .ui-code-source [data-token]{color:#9bdcae}.code-block-demo-paper{background:#f7f7f3}.code-block-demo-terminal{background:#08100b;border-color:#1e2e24}.code-block-demo-terminal .developer-demo-label{color:#e1f3e5}.code-block-demo-terminal .developer-demo-label small{color:#708577}.code-block-demo{border:1px solid var(--line);background:var(--surface);border-radius:23px;gap:16px;width:min(650px,100%);padding:20px;display:grid}.ui-terminal{color:#d7d7dc;background:#111113;border:1px solid #29292e;border-radius:16px;width:100%;min-width:0;overflow:hidden;box-shadow:0 24px 65px #00000030}.ui-terminal>header{background:#151518;border-bottom:1px solid #29292e;align-items:center;gap:10px;height:44px;padding:0 11px 0 13px;display:flex}.ui-terminal-dots{gap:5px;display:flex}.ui-terminal>header>strong{color:#898991;min-width:0;font-family:var(--font-mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:8px;font-weight:500;overflow:hidden}.ui-terminal-actions{gap:4px;display:flex}.ui-terminal-actions button{color:#66666f;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.ui-terminal-actions button:hover{color:#d7d7dc;background:#222226}.ui-terminal-body{min-height:225px;font-family:var(--font-mono);align-content:start;gap:8px;padding:17px;font-size:11px;line-height:1.5;display:grid;overflow:auto}.ui-terminal-line{gap:9px;min-width:0;animation:.2s both terminal-line-in;display:flex}@keyframes terminal-line-in{0%{opacity:0;transform:translateY(3px)}}.ui-terminal-line>span:last-child{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.ui-terminal-prompt{color:#a78bfa;flex:none}.ui-terminal-line[data-type=success]{color:#70d6a2}.ui-terminal-line[data-type=error]{color:#f09a9a}.ui-terminal-line[data-type=muted]{color:#66666f}.ui-terminal-cursor{background:#787880;width:7px;height:13px;animation:1s step-end infinite terminal-cursor;display:block}@keyframes terminal-cursor{50%{opacity:0}}.terminal-demo{background:#0a0a0c;border-radius:23px;gap:16px;width:min(650px,100%);padding:21px;display:grid}.terminal-demo-compact .ui-terminal-body{gap:5px;min-height:175px;padding:13px}.ui-file-tree{min-width:0;color:var(--ink);padding:7px}.ui-file-tree-node{min-width:0}.ui-file-tree-node>button{width:100%;min-height:34px;padding:0 9px 0 var(--tree-indent);color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;display:flex}.ui-file-tree-node>button:hover{background:var(--subtle)}@supports (color:color-mix(in lab, red, red)){.ui-file-tree-node>button:hover{background:color-mix(in srgb, var(--subtle) 68%, transparent)}}.ui-file-tree-node>button:hover{color:var(--ink)}.ui-file-tree-node>button[data-selected=true]{background:var(--subtle);color:var(--ink)}.ui-file-tree-chevron{flex:none;place-items:center;width:12px;height:14px;display:grid}.ui-file-tree-node>button[aria-expanded=true] .ui-file-tree-chevron{transform:rotate(90deg)}.ui-file-tree-icon{flex:none;place-items:center;width:17px;height:17px;display:grid}.ui-file-tree-node>button>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.ui-file-tree-children[data-guides=true]{position:relative}.ui-file-tree-children[data-guides=true]:before{content:"";border-left:1px solid var(--line);pointer-events:none;position:absolute;top:0;bottom:4px;left:25px}.file-tree-demo{border:1px solid var(--line);background:var(--surface);border-radius:23px;grid-template-columns:minmax(250px,.85fr) minmax(230px,1.15fr);width:min(650px,100%);min-height:390px;display:grid;overflow:hidden;box-shadow:0 24px 65px #00000012}.file-tree-panel{border-right:1px solid var(--line);min-width:0;padding:17px 10px}.file-tree-panel>.developer-demo-label{padding:0 7px 12px}.file-tree-detail{background:var(--subtle);flex-direction:column;justify-content:center;min-width:0;padding:30px;display:flex}@supports (color:color-mix(in lab, red, red)){.file-tree-detail{background:color-mix(in srgb, var(--subtle) 35%, var(--surface))}}.file-tree-detail>span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;font-size:7px}.file-tree-detail>strong{letter-spacing:-.05em;text-overflow:ellipsis;margin:13px 0 9px;font-size:28px;overflow:hidden}.file-tree-detail>small{color:var(--muted);font-size:9px;line-height:1.65}.file-tree-compact .ui-file-tree-node>button{min-height:28px}.file-tree-roomy .ui-file-tree-node>button{min-height:41px}.ui-diff-viewer{color:#d7d7dc;background:#111113;border:1px solid #29292e;border-radius:16px;width:100%;min-width:0;overflow:hidden;box-shadow:0 22px 60px #00000024}.ui-diff-viewer>header{background:#151518;border-bottom:1px solid #29292e;align-items:center;gap:10px;height:44px;padding:0 13px;display:flex}.ui-diff-viewer>header>strong{min-width:0;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:9px;font-weight:500;overflow:hidden}.ui-diff-viewer>header>span{font-family:var(--font-mono);gap:8px;font-size:8px;display:flex}.ui-diff-viewer>header b{color:#70d6a2}.ui-diff-viewer>header i{color:#f09a9a;font-style:normal}.ui-diff-body{overflow:auto}.ui-diff-body>code{min-width:100%;font-family:var(--font-mono);padding:10px 0;font-size:10px;line-height:1.85;display:table}.ui-diff-line{display:table-row}.ui-diff-line[data-type=add]{background:#11261d}.ui-diff-line[data-type=remove]{background:#2b1719}.ui-diff-line>i{color:#53535b;text-align:right;-webkit-user-select:none;user-select:none;width:31px;padding-right:7px;font-style:normal;display:table-cell}.ui-diff-line>b{color:#696971;text-align:center;width:25px;font-weight:400;display:table-cell}.ui-diff-line[data-type=add]>b{color:#70d6a2}.ui-diff-line[data-type=remove]>b{color:#f09a9a}.ui-diff-line>span{white-space:pre;padding-right:18px;display:table-cell}.ui-diff-split{grid-template-columns:1fr 1fr;display:grid}.ui-diff-split>div{min-width:0;padding-bottom:10px;overflow:auto}.ui-diff-split>div+div{border-left:1px solid #29292e}.ui-diff-split small{color:#66666f;text-transform:uppercase;border-bottom:1px solid #242429;align-items:center;height:29px;padding:0 11px;font-size:7px;display:flex}.ui-diff-split>div>span{min-width:max-content;min-height:21px;font-family:var(--font-mono);font-size:8px;line-height:21px;display:flex}.ui-diff-split>div>span[data-type=add]{background:#11261d}.ui-diff-split>div>span[data-type=remove]{background:#2b1719}.ui-diff-split i{color:#53535b;text-align:right;flex:none;width:32px;padding-right:7px;font-style:normal}.ui-diff-split code{white-space:pre;padding-right:14px}.diff-demo{border:1px solid var(--line);background:var(--surface);border-radius:23px;gap:16px;width:min(680px,100%);padding:20px;display:grid}.catalog-phone .developer-demo-label>svg{width:30px;height:30px;padding:7px}.catalog-phone .developer-demo-label strong{font-size:9px}.catalog-phone .developer-demo-label small{font-size:7px}.catalog-phone .code-block-demo,.catalog-phone .terminal-demo,.catalog-phone .diff-demo{border-radius:15px;gap:10px;width:100%;padding:10px}.catalog-phone .ui-code-head,.catalog-phone .ui-terminal>header,.catalog-phone .ui-diff-viewer>header{height:38px}.catalog-phone .ui-code-language,.catalog-phone .ui-code-head button span{display:none}.catalog-phone .ui-code-scroll>code{font-size:8px;line-height:1.75}.catalog-phone .ui-code-number{width:31px;padding-right:8px}.catalog-phone .ui-code-source{padding-right:10px}.catalog-phone .ui-terminal-body{gap:6px;min-height:220px;padding:11px;font-size:8px}.catalog-phone .terminal-demo-compact .ui-terminal-body{min-height:175px}.catalog-phone .file-tree-demo{width:100%;min-height:355px;box-shadow:none;display:block}.catalog-phone .file-tree-panel{border-right:0;height:100%;padding:12px 6px}.catalog-phone .file-tree-detail{display:none}.catalog-phone .ui-file-tree-node>button{min-height:30px}.catalog-phone .ui-file-tree-node>button>span:last-child{font-size:8px}.catalog-phone .ui-file-tree-children[data-guides=true]:before{left:18px}.catalog-phone .ui-diff-body>code{font-size:7px;line-height:1.75}.catalog-phone .ui-diff-line>i{width:22px;padding-right:4px}.catalog-phone .ui-diff-line>b{width:17px}.catalog-phone .ui-diff-line>span{white-space:pre-wrap;overflow-wrap:anywhere;max-width:135px;padding-right:8px}.demo-card,.catalog-stage,.preview-stage{min-width:0}.catalog-stage{padding:clamp(28px,5vw,48px)}.catalog-native-stage{padding-block:34px}.catalog-phone{flex:none}.catalog-phone-content{background:#fff;min-height:0;padding:10px 0}.compact-customizer>*{min-width:0}.header-actions{align-items:center}@media (width<=720px){.design-flow{gap:16px}.design-flow-head{grid-template-columns:32px minmax(0,1fr);min-height:0;padding:17px}.design-flow-head h3{font-size:16px}.design-flow-head p{font-size:10px}.design-flow-preview{min-height:320px;padding:20px}.design-flow-customize{padding:17px}.ui-auth-design-split{grid-template-columns:1fr}.ui-auth-design-split>.ui-auth-form-heading{border-right:0;grid-area:auto/1;padding-right:0}.ui-auth-design-split>:not(.ui-auth-form-heading){grid-column:1}.ui-auth-design-split .ui-auth-mark{margin-bottom:13px}.auth-design-stage-split{padding:18px}.design-flow-auth .design-flow-preview{min-height:560px}.button-design-scene,.input-design-scene{padding:20px}.progress-ring-demo{text-align:center;grid-template-columns:1fr;justify-items:center}.progress-ring-stats{width:100%}.skeleton-dashboard>div{grid-template-columns:1fr}.skeleton-dashboard article:nth-child(n+3){display:none}.tooltip-demo{padding-inline:18px}.design-flow-timeline .design-flow-preview{min-height:440px}.timeline-design-roadmap{padding:22px 18px 12px}.ui-timeline-roadmap{grid-template-columns:1fr}.ui-timeline-roadmap .ui-timeline-item{grid-template-rows:1fr;grid-template-columns:22px minmax(0,1fr);gap:11px;min-height:82px;padding:0}.ui-timeline-roadmap .ui-timeline-rail{flex-direction:column;width:22px}.ui-timeline-roadmap .ui-timeline-rail:after{background:repeating-linear-gradient(#4f46e5 0 5px,#0000 5px 9px);width:1px;height:auto;margin:5px 0}@supports (color:color-mix(in lab, red, red)){.ui-timeline-roadmap .ui-timeline-rail:after{background:repeating-linear-gradient(180deg, color-mix(in srgb, #4f46e5 32%, var(--line)) 0 5px, transparent 5px 9px)}}.ui-timeline-roadmap .ui-timeline-copy{min-height:68px;padding:11px}.ui-timeline-roadmap .ui-timeline-copy>span{flex-direction:row}}@media (width<=560px){.design-flow-head{grid-template-columns:1fr}.design-flow-head>span{width:27px;height:27px}.design-flow-preview{padding:16px}.design-flow-dialog .design-flow-preview{min-height:500px}.input-scene-underline h3{font-size:30px}.ui-auth-design-editorial .ui-auth-form-heading h3{font-size:32px}.ui-accordion-trigger small{white-space:normal}.tooltip-action-row{gap:5px}.tooltip-action-row button{width:42px;height:42px}.toast-demo{min-height:360px;padding:18px}.ui-toast{grid-template-columns:32px minmax(0,1fr) auto 26px;gap:7px}.timeline-capsule-axis{left:27px}.timeline-capsule-moment>article,.timeline-capsule-moment[data-side=left]>article,.timeline-capsule-moment[data-side=right]>article{width:auto;left:54px;right:10px}.timeline-capsule-moment>article:after,.timeline-capsule-moment[data-side=left]>article:after,.timeline-capsule-moment[data-side=right]>article:after{width:28px;left:auto;right:100%}.timeline-capsule-node{left:27px}}@media (prefers-reduced-motion:reduce){.ui-skeleton{animation:none!important}.ui-timeline-release .ui-timeline-item[data-status=current] .ui-timeline-rail>i:after{animation:none}.timeline-scroll-hint svg{animation:none!important}.timeline-capsule-moment{transition:none;opacity:1!important}.timeline-capsule-moment>article{transition:none;transform:translateY(-50%)!important}.timeline-capsule-node{opacity:1!important;transform:translate(-50%,-50%)!important}.timeline-capsule-axis>b{transition:none}}@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-font-weight{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-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}@property --tw-ease{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}@keyframes spin{to{transform:rotate(360deg)}}