.ui-button.ui-button-design-editorial{letter-spacing:-.015em;border-radius:0;gap:10px;overflow:hidden;box-shadow:inset 0 -1px}.ui-button-editorial-rule{z-index:2;background:currentColor;width:12px;height:1px;transition:width .18s;position:relative}.ui-button-editorial-copy{z-index:2;align-items:baseline;gap:7px;display:inline-flex;position:relative}.ui-button-editorial-copy small{opacity:.62;letter-spacing:.08em;text-transform:uppercase;font:600 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:none}.ui-button-editorial-progress,.ui-button-editorial-arrow{z-index:2;display:inline-flex;position:relative}.ui-button-editorial-arrow{font-size:13px;transition:transform .18s}.ui-button-design-editorial[data-size=lg] .ui-button-editorial-copy small{display:inline}.ui-button-design-editorial[data-size^=icon] .ui-button-editorial-rule,.ui-button-design-editorial[data-size^=icon] .ui-button-editorial-arrow{display:none}.ui-button.ui-button-design-editorial:hover:not(:disabled){transform:translateY(-2px)}.ui-button.ui-button-design-editorial:hover:not(:disabled) .ui-button-editorial-rule{width:18px}.ui-button.ui-button-design-editorial:hover:not(:disabled) .ui-button-editorial-arrow{transform:translate(2px,-2px)}.ui-button.ui-button-design-mono{letter-spacing:.055em;text-transform:uppercase;box-shadow:3px 3px 0 color-mix(in srgb, var(--ink,#171716) 18%, transparent);border-radius:6px;gap:6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.ui-button-mono-bracket,.ui-button-mono-progress,.ui-button-mono-command{z-index:2;position:relative}.ui-button-mono-bracket{opacity:.48;font-size:1.15em;transition:opacity .12s,transform .12s}.ui-button-mono-command{align-items:center;gap:8px;display:inline-flex}.ui-button-mono-command small{border-left:1px solid color-mix(in srgb, currentColor 25%, transparent);opacity:.56;font:inherit;padding-left:7px;font-size:7px;display:none}.ui-button-mono-progress{display:inline-flex}.ui-button-design-mono[data-size=lg] .ui-button-mono-command small{display:inline}.ui-button-design-mono[data-size^=icon] .ui-button-mono-bracket,.ui-button-design-mono[data-size^=icon] .ui-button-mono-command small{display:none}.ui-button.ui-button-design-mono:hover:not(:disabled) .ui-button-mono-bracket:first-child{opacity:.8;transform:translate(-2px)}.ui-button.ui-button-design-mono:hover:not(:disabled) .ui-button-mono-bracket:last-child{opacity:.8;transform:translate(2px)}.ui-button.ui-button-design-mono:active{box-shadow:1px 1px 0 color-mix(in srgb, var(--ink,#171716) 18%, transparent);transform:translate(2px,2px)}.ui-button.ui-button-design-soft{isolation:isolate;box-shadow:0 8px 20px color-mix(in srgb, currentColor 8%, transparent);border-radius:16px;overflow:hidden}.ui-button-soft-halo{z-index:0;background:color-mix(in srgb, currentColor 10%, transparent);filter:blur(13px);opacity:0;border-radius:999px;transition:opacity .22s,transform .26s;position:absolute;inset:-45% 18%;transform:scale(.72)}.ui-button-soft-cushion{z-index:2;justify-content:center;align-items:center;gap:inherit;transition:transform .18s;display:inline-flex;position:relative}.ui-button-soft-progress{background:color-mix(in srgb, currentColor 9%, transparent);border-radius:999px;padding:3px;display:inline-flex}.ui-button.ui-button-design-soft:hover:not(:disabled) .ui-button-soft-halo{opacity:1;transform:scale(1)}.ui-button.ui-button-design-soft:active:not(:disabled) .ui-button-soft-cushion{transform:scale(.97)}.ui-button-design-system{isolation:isolate}.ui-button-system-face{z-index:2;justify-content:center;align-items:center;gap:inherit;display:inline-flex;position:relative}.ui-button-system-progress{display:inline-flex}.ui-button-system-press{z-index:1;border-radius:inherit;pointer-events:none;transition:transform .12s,box-shadow .12s;position:absolute;inset:1px;box-shadow:inset 0 -1px #00000024}.ui-button-design-system:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.ui-button-design-system:active:not(:disabled) .ui-button-system-press{transform:translateY(1px);box-shadow:inset 0 1px #0000001f}.ui-field{width:100%;color:var(--ink,#171716);gap:7px;display:grid}.ui-field-label{font-size:9px;font-weight:650}.ui-input-shell{min-height:var(--control-height,40px);border:1px solid var(--line,#e4e4df);border-radius:var(--radius-control,9px);background:var(--surface,#fff);transition:border-color var(--motion-fast,.16s) var(--ease-smooth,ease), box-shadow var(--motion-fast,.16s) var(--ease-smooth,ease), background-color var(--motion-fast,.16s) var(--ease-smooth,ease);align-items:center;gap:8px;padding:0 12px;display:flex;box-shadow:0 1px 2px #00000006}.ui-input-shell:focus-within{border-color:color-mix(in srgb, var(--accent,#2563eb) 58%, var(--line,#e4e4df));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#2563eb) 10%, transparent)}.ui-input-shell input{min-width:0;height:100%;color:var(--ink,#171716);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:11px}.ui-input-shell input::placeholder{color:color-mix(in srgb, var(--muted,#777) 75%, transparent)}.ui-input-affix{color:var(--muted,#777);flex:none;place-items:center;display:grid}.ui-field>small{color:var(--muted,#777);font-size:8px;line-height:1.45}.ui-field-error .ui-input-shell{border-color:color-mix(in srgb, var(--danger,#d92d20) 65%, var(--line,#e4e4df));box-shadow:0 0 0 3px color-mix(in srgb, var(--danger,#d92d20) 7%, transparent)}.ui-field-error>small{color:var(--danger,#d92d20)}.field-status-success .ui-input-shell{border-color:color-mix(in srgb, #059669 55%, var(--line,#e4e4df))}.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}.ui-field-filled .ui-input-filled-surface{background:var(--subtle,#f3f3ef);box-shadow:none;border-color:#0000;align-items:stretch;gap:3px;padding-block:8px;display:grid}.ui-field-filled .ui-input-filled-surface:focus-within{border-color:color-mix(in srgb, var(--accent,#2563eb) 28%, transparent);background:color-mix(in srgb, var(--subtle,#f3f3ef) 70%, var(--surface,#fff))}.ui-field-filled .ui-field-label{color:var(--muted,#777);font-size:7px}.ui-input-control-row{align-items:center;gap:8px;min-width:0;display:flex}.ui-input-control-row input{flex:1;min-width:0}.ui-field-floating{padding-top:1px;position:relative}.ui-field-floating .ui-input-shell{min-height:54px;padding-top:11px;position:relative}.ui-field-floating .ui-field-label{z-index:2;color:var(--muted,#777);pointer-events:none;font-size:7px;transition:transform .16s,color .16s;position:absolute;top:7px;left:12px}.ui-field-floating .ui-input-shell:focus-within .ui-field-label{color:var(--accent,#2563eb);transform:translateY(-1px)}.ui-field-floating .ui-input-shell input::placeholder{color:color-mix(in srgb, var(--muted,#777) 52%, transparent)}.ui-field-outline .ui-input-shell{border-color:var(--line,#e4e4df);background:var(--surface,#fff)}.ui-field-outline .ui-field-label{letter-spacing:.01em}.ui-field-underline{gap:6px}.ui-field-underline-heading{align-items:center;gap:8px;display:flex}.ui-field-underline-heading>i{background:color-mix(in srgb, var(--line,#e4e4df) 75%, transparent);flex:1;height:1px}.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,#2563eb);box-shadow:0 1px 0 var(--accent,#2563eb)}.ui-dialog-alert{text-align:center;width:min(350px,100% - 32px)}.ui-dialog-alert-mark{background:color-mix(in srgb, var(--danger,#d92d20) 10%, transparent);width:34px;height:34px;color:var(--danger,#d92d20);border-radius:50%;place-items:center;margin:22px auto 0;font-weight:800;display:grid}.ui-dialog-alert .ui-dialog-head{text-align:center;padding:14px 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-classic{background:var(--surface,#fff)}.ui-dialog-contrast{color:#f4f4f5;background:#101012;border-color:#303036;border-radius:16px;width:min(480px,100% - 32px);box-shadow:0 32px 90px #00000075,0 0 0 1px #ffffff06}.ui-dialog-console-label{color:#6ee7b7;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-family:ui-monospace,monospace;font-size:7px;display:block}.ui-dialog-contrast .ui-dialog-head{border-bottom:1px solid #26262b;padding:21px 22px 17px}.ui-dialog-contrast .ui-dialog-head h2{letter-spacing:-.025em;font-size:19px}.ui-dialog-contrast .ui-dialog-head p{color:#92929a}.ui-dialog-contrast .ui-dialog-head>button{color:#aaaab2;background:#1b1b1f;border:1px solid #303036;transition:border-color .18s,background-color .18s,color .18s}.ui-dialog-contrast .ui-dialog-head>button:hover{color:#f4f4f5;background:#232328;border-color:#44444b}.ui-dialog-contrast .ui-dialog-body{padding:16px 22px 20px}.ui-dialog-contrast .ui-dialog-footer{background:#151518;border-color:#29292e;padding:14px 22px}.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:ui-dialog-sheet-in}.ui-dialog-sheet-handle{background:color-mix(in srgb, var(--muted,#777) 35%, transparent);border-radius:99px;width:36px;height:4px;margin:9px auto 0;display:block}@keyframes ui-dialog-sheet-in{0%{opacity:0;transform:translateY(24px)}}.app-action-dialog{border-color:var(--line);background:var(--surface);width:min(460px,100vw - 32px);color:var(--ink);border-radius:18px;box-shadow:0 30px 90px #00000059}.app-action-dialog .ui-dialog-head{padding:24px 24px 16px}.app-action-dialog .ui-dialog-head h2{color:var(--ink);letter-spacing:-.035em;font-size:21px;line-height:1.15}.app-action-dialog .ui-dialog-head p{max-width:390px;color:var(--muted);margin-top:9px;font-size:13px;line-height:1.6}.app-action-dialog .ui-dialog-head>button{border:1px solid var(--line);background:var(--subtle);color:var(--muted);flex:none}.app-action-dialog .ui-dialog-body{padding:0 24px 24px}.app-action-dialog-context{border:1px solid var(--line);background:var(--subtle);border-radius:12px;align-items:center;gap:12px;min-height:62px;padding:12px;display:flex}.app-action-dialog-context>span{background:color-mix(in srgb, var(--primary) 12%, var(--surface));width:36px;height:36px;color:var(--primary);border-radius:10px;flex:none;place-items:center;display:grid}.app-action-dialog-context[data-intent=warning]>span{background:color-mix(in srgb, #dba63a 15%, var(--surface));color:#b78318}.app-action-dialog-context[data-intent=danger]>span{background:color-mix(in srgb, var(--danger) 13%, var(--surface));color:var(--danger)}.app-action-dialog-context div{gap:3px;min-width:0;display:grid}.app-action-dialog-context small{color:var(--muted);font:700 9px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.app-action-dialog-context strong{color:var(--ink);font-size:12px;line-height:1.4}.app-action-dialog .ui-dialog-footer{border-color:var(--line);background:var(--surface);padding:14px 24px 18px}.app-action-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.app-action-dialog-actions>button{border:1px solid var(--line);min-height:44px;font:750 12px/1 var(--font-sans);cursor:pointer;border-radius:10px;padding:0 16px;transition:transform .18s,border-color .18s,background .18s}.app-action-dialog-actions>button:hover{border-color:var(--muted);transform:translateY(-1px)}.app-action-dialog-secondary{background:var(--subtle);color:var(--ink)}.app-action-dialog-primary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.app-action-dialog-primary[data-intent=danger]{border-color:var(--danger);background:var(--danger);color:#fff}.app-action-dialog-actions>button:focus-visible,.app-action-dialog .ui-dialog-head>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-action-dialog-actions>button:only-child{grid-column:1/-1}@media (width<=520px){.app-action-dialog .ui-dialog-head,.app-action-dialog .ui-dialog-footer,.app-action-dialog .ui-dialog-body{padding-left:18px;padding-right:18px}}@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);--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}.invisible{visibility:hidden}.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}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.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-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}.resize{resize:both}.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}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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-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-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-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-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.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)}.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-red-500{color:var(--color-red-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.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{--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-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)}.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,)}.grayscale{--tw-grayscale:grayscale(100%);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)}@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)}}.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\: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\: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)}.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:#6c6c66;--line:#e4e4df;--primary:#222220;--primary-foreground:#fff;--danger:#d92d20;--code:#171716;--accent:#222220;--accent-foreground:#fff;--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)}.source-export-action{grid-template-columns:auto minmax(0,260px);align-items:center;gap:10px;width:fit-content;margin-top:18px;display:grid}.source-export-action>button{border:1px solid var(--primary);border-radius:var(--radius-control);background:var(--primary);height:36px;color:var(--primary-foreground);cursor:pointer;align-items:center;gap:8px;padding:0 13px;font-size:9px;font-weight:680;display:inline-flex}.source-export-action>span{color:var(--muted);font:600 8px var(--font-mono);line-height:1.4}.source-export-action[data-allowed=false]>button{border-color:var(--line);background:var(--subtle);color:var(--muted);cursor:not-allowed}.source-export-action[data-status=error]>span{color:var(--danger)}.source-export-action[data-status=done]>span{color:#17936e}.source-export-action.is-compact{gap:6px;width:auto;margin:0;display:flex}.source-export-action.is-compact>button{border-color:var(--line);height:29px;color:var(--muted);background:0 0;border-radius:8px;padding:0 9px;font-size:8px}.source-export-action.is-compact>button:hover:not(:disabled){background:var(--subtle);color:var(--ink)}.source-export-action.is-compact>span:empty{display:none}.source-export-action.is-compact>span:not(:empty){max-width:150px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.source-export-spin{animation:.8s linear infinite sourceExportSpin}@keyframes sourceExportSpin{to{transform:rotate(360deg)}}.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{color:currentColor;flex:none;width:24px;height:24px;display:block}.logo-mark svg{shape-rendering:geometricprecision;width:100%;height:100%;display:block;overflow:visible}.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;font-size:10px;font-weight:700}.nav-overview{border-bottom:1px solid var(--line);padding-bottom:22px}@supports (color:color-mix(in lab, red, red)){.nav-overview{border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.nav-workspace-tools{padding-top:20px}.nav-overview-heading{justify-content:space-between;align-items:center;height:24px;margin:0 9px 7px 10px;display:flex}.nav-overview-heading>span{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.nav-overview-heading>span{color:color-mix(in srgb, var(--muted) 76%, transparent)}}.nav-overview-heading>span{font-family:var(--font-mono);font-size:9px;font-weight:600}.nav-overview-links{gap:2px;display:grid}.nav-heading-row{justify-content:space-between;align-items:center;height:24px;margin:23px 9px 7px 10px;display:flex}.nav-heading-link{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;transition:color var(--motion-fast) ease;font-size:10px;font-weight:700;text-decoration:none}.nav-heading-link:hover,.nav-heading-link[data-active=true]{color:var(--ink)}.nav-count{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.nav-count{color:color-mix(in srgb, var(--muted) 76%, transparent)}}.nav-count{font-family:var(--font-mono);font-size:9px;font-weight:600}.nav-group{margin-top:3px;position:relative;overflow:clip}.nav-group-heading{width:100%;min-height:38px;transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease;border-radius:8px;grid-template-columns:minmax(0,1fr) 28px;align-items:center;display:grid}.nav-group-heading:hover{background:var(--subtle)}@supports (color:color-mix(in lab, red, red)){.nav-group-heading:hover{background:color-mix(in srgb, var(--subtle) 58%, transparent)}}.nav-group-route{min-width:0;min-height:38px;color:inherit;grid-template-columns:27px minmax(0,1fr) 20px;align-items:center;gap:6px;padding:0 0 0 8px;text-decoration:none;display:grid}.nav-group-route:focus-visible,.nav-group-toggle:focus-visible{outline:2px solid var(--ink)}@supports (color:color-mix(in lab, red, red)){.nav-group-route:focus-visible,.nav-group-toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 32%, transparent)}}.nav-group-route:focus-visible,.nav-group-toggle:focus-visible{outline-offset:-2px}.nav-group-toggle{width:28px;height:38px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.nav-group-index{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.nav-group-index{color:color-mix(in srgb, var(--muted) 68%, transparent)}}.nav-group-index{font-family:var(--font-mono);font-size:9px;font-weight:600}.nav-group-label{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.nav-group-label{color:color-mix(in srgb, var(--muted) 80%, transparent)}}.nav-group-label{letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:700}.nav-group-count{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.nav-group-count{color:color-mix(in srgb, var(--muted) 70%, transparent)}}.nav-group-count{font-family:var(--font-mono);text-align:right;font-size:9px;font-weight:600}.nav-group[data-active=true] .nav-group-index,.nav-group[data-active=true] .nav-group-label{color:var(--ink)}.nav-group-route[data-current=true] .nav-group-label:after{content:"";vertical-align:middle;background:currentColor;width:14px;height:1px;margin-left:6px;display:inline-block}.nav-group-chevron{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.nav-group-chevron{color:color-mix(in srgb, var(--muted) 78%, transparent)}}.nav-group-chevron{transition:transform var(--motion-base) var(--ease-smooth), color var(--motion-fast) ease}.nav-group-toggle:hover .nav-group-chevron{color:var(--ink)}.nav-group[data-collapsed=false] .nav-group-chevron{color:var(--ink);transform:rotate(180deg)}.nav-group-panel{opacity:1;transition:grid-template-rows var(--motion-base) var(--ease-smooth), opacity var(--motion-fast) ease;grid-template-rows:1fr;display:grid}.nav-group[data-collapsed=true] .nav-group-panel{opacity:0;pointer-events:none;grid-template-rows:0fr}.nav-group-links{min-height:0;transition:transform var(--motion-base) var(--ease-smooth);gap:1px;padding:1px 0 7px 6px;display:grid;overflow:hidden;transform:translateY(0)}.nav-group[data-collapsed=true] .nav-group-links{transform:translateY(-5px)}.nav-group-links .nav-link{height:37px;padding:0 8px 0 12px}.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{grid-template-columns:minmax(0,1fr) auto 14px;gap:7px;display:grid}.component-link>.nav-link-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.component-link>.nav-link-count{min-width:20px;color:var(--muted);grid-column:2;justify-self:end}@supports (color:color-mix(in lab, red, red)){.component-link>.nav-link-count{color:color-mix(in srgb, var(--muted) 72%, transparent)}}.component-link>.nav-link-count{font-family:var(--font-mono);text-align:right;font-size:9px;font-weight:600}.component-link>svg{grid-column:3;justify-self:end}.component-link.nav-active>.nav-link-count{color:var(--ink)}.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:16px;line-height:1}.native-dot{color:#fff;background:#171716;border-radius:5px;place-items:center;width:17px;height:17px;font-size:9px;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;scroll-margin-top:108px;overflow:hidden;box-shadow:0 8px 28px #00000009}.design-flow-head{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) auto;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(--accent);padding:24px}@supports (color:color-mix(in lab, red, red)){.input-scene-floating{border:1px solid color-mix(in srgb, var(--accent) 13%, var(--line))}}.input-scene-floating{background:radial-gradient(circle at 84% 12%, var(--accent), transparent 38%), linear-gradient(145deg, #eaf2ff, #f0ebff);border-radius:28px}@supports (color:color-mix(in lab, red, red)){.input-scene-floating{background:radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 38%), linear-gradient(145deg, color-mix(in srgb, #eaf2ff 72%, var(--surface)), color-mix(in srgb, #f0ebff 64%, var(--surface)))}}.input-scene-floating{box-shadow:0 24px 55px #3a44621f}.input-scene-floating .form-kicker{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.input-scene-floating .form-kicker{color:color-mix(in srgb, var(--ink) 54%, var(--muted))}}.input-scene-floating .ui-field{box-shadow:none;background:0 0;padding:0}.input-scene-floating .ui-input-shell{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.input-scene-floating .ui-input-shell{border-color:color-mix(in srgb, var(--accent) 16%, var(--line))}}.input-scene-floating .ui-input-shell{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.input-scene-floating .ui-input-shell{background:color-mix(in srgb, var(--surface) 91%, transparent)}}.input-scene-floating .ui-input-shell{box-shadow:0 12px 30px #2a304617,inset 0 1px #ffffff75}.input-scene-floating .ui-input-shell:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.input-scene-floating .ui-input-shell:focus-within{border-color:color-mix(in srgb, var(--accent) 62%, var(--line))}}.input-scene-floating .ui-input-shell:focus-within{box-shadow:0 0 0 3px var(--accent), 0 14px 32px #2a30461f}@supports (color:color-mix(in lab, red, red)){.input-scene-floating .ui-input-shell:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 13%, transparent), 0 14px 32px #2a30461f}}.input-scene-floating .ui-field-label{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.input-scene-floating .ui-field-label{color:color-mix(in srgb, var(--ink) 70%, var(--muted))}}.input-scene-floating .ui-field>small{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.input-scene-floating .ui-field>small{color:color-mix(in srgb, var(--ink) 42%, var(--muted))}}.input-scene-floating .ui-input-affix{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.input-scene-floating .ui-input-affix{color:color-mix(in srgb, var(--ink) 42%, var(--muted))}}.dark .input-scene-floating{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark .input-scene-floating{border-color:color-mix(in srgb, var(--accent) 15%, #343747)}}.dark .input-scene-floating{background:radial-gradient(circle at 84% 12%, var(--accent), transparent 42%), linear-gradient(145deg, #171e2a, #211c31)}@supports (color:color-mix(in lab, red, red)){.dark .input-scene-floating{background:radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 42%), linear-gradient(145deg, #171e2a, #211c31)}}.dark .input-scene-floating{box-shadow:0 26px 62px #0000004d}.dark .input-scene-floating .form-kicker{color:#a9adb8}.dark .input-scene-floating .ui-input-shell{background:#0a0b10b8;border-color:#ffffff24;box-shadow:0 14px 34px #0003,inset 0 1px #ffffff0b}.dark .input-scene-floating .ui-input-shell:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark .input-scene-floating .ui-input-shell:focus-within{border-color:color-mix(in srgb, var(--accent) 70%, #7d8391)}}.dark .input-scene-floating .ui-input-shell:focus-within{box-shadow:0 0 0 3px var(--accent), 0 16px 38px #0000003d}@supports (color:color-mix(in lab, red, red)){.dark .input-scene-floating .ui-input-shell:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent), 0 16px 38px #0000003d}}.dark .input-scene-floating .ui-field-label{color:#c9ccd4}.dark .input-scene-floating .ui-field>small{color:#9b9faa}.dark .input-scene-floating .ui-input-affix{color:#b0b4bf}.dark .input-scene-floating .ui-input-shell input::placeholder{color:#747985}.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 .dialog-demo{width:100%;min-height:0;position:absolute;inset:0}.design-flow-dialog .ui-dialog-contained{width:100%;height:100%}.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-bubble-stage{background:var(--subtle);border-radius:20px}@supports (color:color-mix(in lab, red, red)){.tooltip-bubble-stage{background:color-mix(in srgb, var(--subtle) 44%, var(--surface))}}.tooltip-demo-trigger{border:1px solid var(--line);background:var(--surface);width:50px;height:50px;color:var(--muted);cursor:pointer;border-radius:14px;outline:0;place-items:center;display:grid;box-shadow:0 8px 24px #0000000d}.tooltip-demo-trigger:hover,.tooltip-demo-trigger:focus-visible{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.tooltip-demo-trigger:hover,.tooltip-demo-trigger:focus-visible{border-color:color-mix(in srgb, var(--ink) 22%, var(--line))}}.tooltip-demo-trigger:hover,.tooltip-demo-trigger:focus-visible{background:var(--subtle);color:var(--ink)}.ui-tooltip-content.tooltip-content-ink{--tooltip-border:#3a3a37;color:#fafaf7;letter-spacing:.01em;background:#111110;border-radius:3px;padding:6px 9px;font-weight:680;box-shadow:0 8px 18px #0000002e}.ui-tooltip-content.tooltip-content-ink>i{clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 1px #3a3a37);background:#111110;border:0;border-radius:0;width:10px;height:6px;transform:none}.ui-tooltip-content.tooltip-content-ink[data-placement=top]>i{inset:auto auto -6px calc(50% - 5px)}.ui-tooltip-content.tooltip-content-ink[data-placement=bottom]>i{inset:-6px auto auto calc(50% - 5px);transform:rotate(180deg)}.ui-tooltip-content.tooltip-content-ink[data-placement=left]>i{inset:calc(50% - 3px) -8px auto auto;transform:rotate(-90deg)}.ui-tooltip-content.tooltip-content-ink[data-placement=right]>i{inset:calc(50% - 3px) auto auto -8px;transform:rotate(90deg)}.tooltip-ink-copy{white-space:nowrap}.ui-tooltip-content.tooltip-content-soft{--tooltip-border:var(--ink)}@supports (color:color-mix(in lab, red, red)){.ui-tooltip-content.tooltip-content-soft{--tooltip-border:color-mix(in srgb, var(--ink) 16%, var(--line))}}.ui-tooltip-content.tooltip-content-soft{background:var(--surface);width:244px;max-width:min(244px,100vw - 32px);color:var(--ink);border-left-width:3px;border-radius:15px;padding:14px;box-shadow:0 18px 42px #0000001c}.ui-tooltip-content.tooltip-content-soft>i{background:var(--tooltip-border);border:0;border-radius:0;width:1px;height:14px;transform:none}.ui-tooltip-content.tooltip-content-soft>i:after{content:"";border:1px solid var(--tooltip-border);background:var(--surface);border-radius:50%;width:5px;height:5px;position:absolute}.ui-tooltip-content.tooltip-content-soft[data-placement=top]>i{inset:auto auto -14px 50%}.ui-tooltip-content.tooltip-content-soft[data-placement=top]>i:after{bottom:-2px;left:-2px}.ui-tooltip-content.tooltip-content-soft[data-placement=bottom]>i{inset:-14px auto auto 50%}.ui-tooltip-content.tooltip-content-soft[data-placement=bottom]>i:after{top:-2px;left:-2px}.ui-tooltip-content.tooltip-content-soft[data-placement=left]>i,.ui-tooltip-content.tooltip-content-soft[data-placement=right]>i{width:14px;height:1px;top:50%;bottom:auto}.ui-tooltip-content.tooltip-content-soft[data-placement=left]>i{left:auto;right:-14px}.ui-tooltip-content.tooltip-content-soft[data-placement=left]>i:after{top:-2px;right:-2px}.ui-tooltip-content.tooltip-content-soft[data-placement=right]>i{left:-14px;right:auto}.ui-tooltip-content.tooltip-content-soft[data-placement=right]>i:after{top:-2px;left:-2px}.tooltip-soft-copy{grid-template-columns:29px minmax(0,1fr);align-items:start;gap:10px;display:grid}.tooltip-soft-index{border:1px solid var(--line);background:var(--subtle);width:29px;height:29px;color:var(--muted);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:8px;display:grid}.tooltip-soft-copy>span:last-child{gap:4px;display:grid}.tooltip-soft-copy strong{font-size:11px}.tooltip-soft-copy small{color:var(--muted);font-size:9px;line-height:1.45}.ui-tooltip-content.tooltip-content-shortcut{--tooltip-border:#454541;min-width:184px;font-family:var(--font-mono);background:#090909;border-radius:8px;padding:7px 7px 7px 11px;box-shadow:0 13px 30px #0000003d}.ui-tooltip-content.tooltip-content-shortcut>i{display:none}.tooltip-shortcut-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px;display:grid}.tooltip-shortcut-copy>span{gap:2px;display:grid}.tooltip-shortcut-copy small{color:#74746f;letter-spacing:.11em;font-size:6px}.tooltip-shortcut-copy strong{color:#f5f5f2;font-size:9px}.tooltip-shortcut-copy kbd{color:#d7d7d1;min-width:42px;height:31px;font:inherit;background:#20201e;border:1px solid #464641;border-radius:6px;place-items:center;display:grid;box-shadow:inset 0 -2px #121211}.ui-tooltip-content.tooltip-content-status{--tooltip-border:#86efac;color:#166534;background:#f0fdf4;border-radius:11px 11px 11px 3px;width:218px;max-width:min(218px,100vw - 32px);padding:10px 12px;box-shadow:0 12px 28px #16653421}.ui-tooltip-content.tooltip-content-status>i{background:#22c55e;border:0;border-radius:50%;width:5px;height:5px;transform:none}.ui-tooltip-content.tooltip-content-status[data-placement=top]>i{inset:auto auto -8px calc(50% - 2px);box-shadow:0 5px #22c55e61}.ui-tooltip-content.tooltip-content-status[data-placement=bottom]>i{inset:-8px auto auto calc(50% - 2px);box-shadow:0 -5px #22c55e61}.ui-tooltip-content.tooltip-content-status[data-placement=left]>i{inset:calc(50% - 2px) -8px auto auto;box-shadow:5px 0 #22c55e61}.ui-tooltip-content.tooltip-content-status[data-placement=right]>i{inset:calc(50% - 2px) auto auto -8px;box-shadow:-5px 0 #22c55e61}.tooltip-status-copy{grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.tooltip-status-pulse{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #22c55e21}.tooltip-status-copy>span{gap:1px;display:grid}.tooltip-status-copy strong{font-size:10px}.tooltip-status-copy small{color:#4b8d63;font-size:8px}.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;width:100%;min-width:0;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;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;min-width:0;padding:2px;display:grid;overflow:hidden}.segmented-control button{min-width:0;height:29px;color:var(--muted);text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 7px;font-size:8px;overflow:hidden}.segmented-control button[data-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000014}.control-select-shell{align-items:center;width:100%;min-width:0;display:flex;position:relative}.ui-select{width:100%;min-width:0;display:block;position:relative}.ui-select-trigger{border:1px solid var(--line);border-radius:var(--radius-control);background:linear-gradient(180deg, var(--surface), var(--surface));outline:0;align-items:center;gap:10px;width:100%;min-height:48px;padding:7px 11px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ui-select-trigger{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, var(--canvas)), var(--surface))}}.ui-select-trigger{color:var(--ink);text-align:left;cursor:pointer;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);box-shadow:inset 0 1px #ffffff47,0 1px 2px #00000006}.ui-select-trigger:after{content:"";opacity:0;background:linear-gradient(90deg, transparent, var(--accent), transparent);height:1px;transition:opacity var(--motion-fast) ease, transform var(--motion-base) var(--ease-smooth);position:absolute;bottom:0;left:0;right:0;transform:scaleX(.45)}.ui-select-trigger:hover:not(:disabled){border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ui-select-trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 25%, var(--line))}}.ui-select-trigger:hover:not(:disabled){background:linear-gradient(180deg, var(--accent), var(--surface))}@supports (color:color-mix(in lab, red, red)){.ui-select-trigger:hover:not(:disabled){background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 3%, var(--surface)), var(--surface))}}.ui-select-trigger:hover:not(:disabled){box-shadow:inset 0 1px #ffffff52,0 4px 13px #0000000b}.ui-select-trigger:focus-visible{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ui-select-trigger:focus-visible{border-color:color-mix(in srgb, var(--accent) 46%, var(--line))}}.ui-select-trigger:focus-visible{box-shadow:0 0 0 3px var(--accent), 0 5px 16px #0000000d}@supports (color:color-mix(in lab, red, red)){.ui-select-trigger:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent), 0 5px 16px #0000000d}}.ui-select[data-state=open] .ui-select-trigger{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ui-select[data-state=open] .ui-select-trigger{border-color:color-mix(in srgb, var(--accent) 48%, var(--line))}}.ui-select[data-state=open] .ui-select-trigger{box-shadow:0 0 0 3px var(--accent), 0 8px 22px #0001}@supports (color:color-mix(in lab, red, red)){.ui-select[data-state=open] .ui-select-trigger{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 8%, transparent), 0 8px 22px #0001}}.ui-select[data-state=open] .ui-select-trigger:after{opacity:.75;transform:scaleX(1)}.ui-select-trigger:disabled{opacity:.48;cursor:not-allowed}.ui-select-value-mark{background:var(--accent);border-radius:99px;flex:none;width:2px;height:14px}@supports (color:color-mix(in lab, red, red)){.ui-select-value-mark{background:color-mix(in srgb, var(--accent) 46%, var(--muted))}}.ui-select-value-mark{transition:height var(--motion-base) var(--ease-smooth), background-color var(--motion-fast) ease}.ui-select[data-state=open] .ui-select-value-mark{background:var(--accent);height:18px}@supports (color:color-mix(in lab, red, red)){.ui-select[data-state=open] .ui-select-value-mark{background:color-mix(in srgb, var(--accent) 72%, var(--muted))}}.ui-select-value{flex:1;align-items:center;min-width:0;display:flex}.ui-select-value strong{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:570;overflow:hidden}.ui-select-value small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.25;overflow:hidden}.ui-select-trigger-meta{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);border-radius:99px;padding:3px 6px;font-size:8px}.ui-select-chevron{color:var(--muted);transition:transform var(--motion-base) var(--ease-smooth), color var(--motion-fast) ease;flex:none}.ui-select[data-state=open] .ui-select-chevron{color:var(--ink);transform:rotate(180deg)}.ui-select[data-size=compact] .ui-select-trigger{gap:8px;min-height:35px;padding:5px 9px}.ui-select[data-size=compact] .ui-select-value-mark{width:1px;height:11px}.ui-select[data-size=compact][data-state=open] .ui-select-value-mark{height:15px}.ui-select[data-size=compact] .ui-select-value strong{font-size:11px}.ui-select-popover{z-index:120;overscroll-behavior:contain;opacity:0;border:1px solid var(--accent);flex-direction:column;padding:5px;display:flex;position:fixed;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ui-select-popover{border:1px solid color-mix(in srgb, var(--accent) 17%, var(--line))}}.ui-select-popover{border-radius:max(10px, calc(var(--radius-control) + 3px));background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.ui-select-popover{background:color-mix(in srgb, var(--surface) 93%, transparent)}}.ui-select-popover{color:var(--ink);-webkit-backdrop-filter:blur(20px)saturate(1.25);backdrop-filter:blur(20px)saturate(1.25);pointer-events:none;transform-origin:center var(--select-origin-y,top);transition:opacity .14s,transform .18s cubic-bezier(.2,.8,.2,1);box-shadow:0 20px 55px #00000029,inset 0 1px #ffffff38}.ui-select-popover[data-side=bottom]{--select-origin-y:top;transform:translateY(-5px)scale(.975)}.ui-select-popover[data-side=top]{--select-origin-y:bottom;transform:translateY(5px)scale(.975)}.ui-select-popover[data-state=open]{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.ui-select-popover-rail{background:linear-gradient(90deg, transparent, var(--accent), transparent);border-radius:99px;flex:none;height:2px;margin:-1px 7px 4px}@supports (color:color-mix(in lab, red, red)){.ui-select-popover-rail{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 72%, var(--ink)), transparent)}}.ui-select-popover-rail{opacity:.58}.ui-select-options{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;flex:auto;gap:2px;min-height:0;display:grid;overflow:hidden auto}@supports (color:color-mix(in lab, red, red)){.ui-select-options{scrollbar-color:color-mix(in srgb, var(--muted) 42%, transparent) transparent}}.ui-select-options::-webkit-scrollbar{width:5px}.ui-select-options::-webkit-scrollbar-track{background:0 0;margin-block:5px}.ui-select-options::-webkit-scrollbar-thumb{background:var(--muted);border-radius:99px}@supports (color:color-mix(in lab, red, red)){.ui-select-options::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 42%, transparent)}}.ui-select-options::-webkit-scrollbar-thumb:hover{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.ui-select-options::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--muted) 62%, transparent)}}.ui-select-option{border-radius:max(7px, calc(var(--radius-control) - 1px));width:100%;min-height:42px;color:var(--ink);text-align:left;cursor:pointer;transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) var(--ease-smooth);background:0 0;border:0;outline:0;align-items:center;gap:8px;padding:7px 9px;display:flex;position:relative}.ui-select-option:hover,.ui-select-option:focus-visible{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ui-select-option:hover,.ui-select-option:focus-visible{background:color-mix(in srgb, var(--accent) 4%, var(--subtle))}}.ui-select-option:active{transform:scale(.99)}.ui-select-option:disabled{opacity:.4;cursor:not-allowed}.ui-select-option[data-selected=true]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ui-select-option[data-selected=true]{background:color-mix(in srgb, var(--accent) 5%, var(--subtle))}}.ui-select-option-icon{width:17px;height:17px;color:var(--muted);flex:none;place-items:center;display:grid}.ui-select-option-icon svg{stroke-width:1.65px;width:14px;height:14px}.ui-select-option-copy{flex:1;gap:2px;min-width:0;display:grid}.ui-select-option-copy strong{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:570;overflow:hidden}.ui-select-option-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.3;overflow:hidden}.ui-select-option-meta{color:var(--muted);font-family:var(--font-mono);font-size:8px}.ui-select-check{opacity:0;width:18px;height:18px;color:var(--accent);flex:none;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.ui-select-check{color:color-mix(in srgb, var(--accent) 72%, var(--ink))}}.ui-select-check{transition:opacity var(--motion-fast) ease, transform var(--motion-base) var(--ease-smooth);transform:scale(.7)}.ui-select-option[data-selected=true] .ui-select-check{opacity:1;transform:scale(1)}.dark .ui-select-trigger{box-shadow:inset 0 1px #ffffff09,0 1px 2px #0000001f}.dark .ui-select-popover{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.dark .ui-select-popover{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.dark .ui-select-popover{box-shadow:0 24px 65px #0000006b,inset 0 1px #ffffff0d}.ui-select-popover-contrast{--surface:#18181b;--canvas:#111113;--subtle:#28282d;--ink:#f4f4f5;--muted:#92929a;--line:#34343a;--accent:#f4f4f5;color:#f4f4f5;background:#18181bf7}.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}.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}.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}.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}.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}.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}.checkbox-design-card{gap:8px}.checkbox-design-minimal{box-shadow:none;border-radius:0}.checkbox-demo{border-radius:18px;gap:17px;width:min(440px,100%);padding:24px;display:grid}:where(.checkbox-demo){border:1px solid var(--line);background:var(--surface);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}.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}.switch-demo{border-radius:18px;gap:19px;width:min(440px,100%);padding:24px;display:grid}:where(.switch-demo){border:1px solid var(--line);background:var(--surface);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-contrast .dialog-role{color:#92929a}.ui-dialog-contrast .ui-dialog-footer>button:last-child{box-shadow:0 7px 22px #00000040;color:#171716!important;background:#f3f3ef!important}.ui-dialog-contrast .ui-dialog-footer>button:first-child{color:#aaaab2}.ui-dialog-contrast .ui-select-trigger{color:#f4f4f5;background:#19191d;border-color:#34343a;box-shadow:inset 0 1px #ffffff09}.release-console{gap:12px;display:grid}.release-console-summary{background:linear-gradient(145deg,#1b1b1f,#151518);border:1px solid #2d2d32;border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:13px;display:grid}.release-console-icon{color:#d7d7dd;background:#242429;border:1px solid #3a3a41;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.release-console-summary>div{gap:3px;min-width:0;display:grid}.release-console-summary>div>span,.release-console-grid span,.release-console-channel>div>span{color:#777780;font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;font-size:7px;font-weight:650}.release-console-summary strong{color:#f4f4f5;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.release-console-summary small,.release-console-grid small,.release-console-channel small{color:#85858e;font-size:9px;line-height:1.35}.release-console-status{color:#76d3a8;font-family:var(--font-mono);text-transform:uppercase;background:#14271e;border:1px solid #244a38;border-radius:99px;align-items:center;gap:5px;padding:5px 7px;font-size:7px;display:inline-flex}.release-console-status i{background:#5bd099;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #5bd09985}.release-console-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.release-console-grid>div{background:#151518;border:1px solid #29292e;border-radius:10px;gap:5px;min-width:0;padding:11px 12px;display:grid}.release-console-grid strong{color:#dedee3;font-family:var(--font-mono);align-items:center;gap:6px;font-size:10px;display:flex}.release-console-channel{background:#151518;border:1px solid #29292e;border-radius:10px;grid-template-columns:minmax(0,1fr) 142px;align-items:center;gap:14px;padding:11px 12px;display:grid}.release-console-channel>div{gap:4px;min-width:0;display:grid}.release-console-checks{color:#92929a;flex-wrap:wrap;gap:7px 14px;font-size:8px;display:flex}.release-console-checks span{align-items:center;gap:5px;display:inline-flex}.release-console-checks svg{color:#62c995}.dialog-size-compact .release-console-summary,.catalog-phone .release-console-summary{grid-template-columns:32px minmax(0,1fr)}.dialog-size-compact .release-console-icon,.catalog-phone .release-console-icon{width:32px;height:32px}.dialog-size-compact .release-console-status,.catalog-phone .release-console-status{grid-column:2;width:fit-content}.dialog-size-compact .release-console-channel,.catalog-phone .release-console-channel{grid-template-columns:1fr}.catalog-phone .ui-dialog-contrast .ui-dialog-head{padding:14px 14px 11px}.catalog-phone .ui-dialog-contrast .ui-dialog-body{padding:10px 14px 13px}.catalog-phone .release-console{gap:8px}.catalog-phone .release-console-summary{gap:8px;padding:9px}.catalog-phone .release-console-grid{gap:6px}.catalog-phone .release-console-grid>div,.catalog-phone .release-console-channel{padding:8px 9px}.catalog-phone .release-console-checks{gap:5px;display:grid}.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 .ui-select-trigger{min-height:40px}.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{--expand-duration:.46s;--expand-ease:cubic-bezier(.22, 1, .36, 1);border:1px solid var(--line);background:var(--surface);width:100%;transition:border-color var(--expand-duration) var(--expand-ease), box-shadow var(--expand-duration) var(--expand-ease), transform var(--expand-duration) var(--expand-ease);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 8px 25px #0000000a}.ui-expandable-card:before{content:"";z-index:2;background:var(--ink);transform-origin:0;height:2px;transition:transform var(--expand-duration) var(--expand-ease);border-radius:0 0 99px 99px;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);transition:background var(--expand-duration) var(--expand-ease), color var(--expand-duration) var(--expand-ease), transform var(--expand-duration) var(--expand-ease);border-radius:13px;flex:none;place-items:center;font-size:9px;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);width:28px;height:28px;transition:background var(--expand-duration) var(--expand-ease), border-color var(--expand-duration) var(--expand-ease), transform var(--expand-duration) var(--expand-ease);border-radius:50%;place-items:center;flex:none!important;display:grid!important}.ui-expandable-chevron i{width:7px;height:7px;transition:transform var(--expand-duration) var(--expand-ease);border-bottom:1.4px solid;border-right:1.4px solid;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;transition:grid-template-rows var(--expand-duration) var(--expand-ease), opacity .28s ease;grid-template-rows:0fr;display:grid}.ui-expandable-region[aria-hidden=true]{visibility:hidden;transition:grid-template-rows var(--expand-duration) var(--expand-ease), opacity .24s ease, visibility 0s linear var(--expand-duration)}.ui-expandable-region>div{opacity:0;transform-origin:top;min-height:0;transition:opacity .26s ease, transform .4s var(--expand-ease);overflow:hidden;transform:translateY(-9px)scale(.99)}.ui-expandable-open .ui-expandable-region{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s}.ui-expandable-open .ui-expandable-region>div{opacity:1;transition-delay:60ms;transform:none}.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%;transition:transform .58s var(--expand-ease);display:block;transform:scaleX(0)}.ui-expandable-open .expandable-meter>i span{transition-delay:.14s;transform:scaleX(1)}.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{opacity:0;background:var(--surface);min-width:0;transition:opacity .28s ease, transform .38s var(--expand-ease);gap:2px;padding:10px;display:grid;transform:translateY(-5px)}.ui-expandable-open .expandable-facts>span{opacity:1;transform:none}.ui-expandable-open .expandable-facts>span:first-child{transition-delay:.1s}.ui-expandable-open .expandable-facts>span:nth-child(2){transition-delay:.13s}.ui-expandable-open .expandable-facts>span:nth-child(3){transition-delay:.16s}.expandable-facts b{font-family:var(--font-mono);font-size:9px}.expandable-facts small{font-size:7px}.ui-expandable-action{opacity:0;border-top:1px solid var(--line);transition:opacity .25s ease, transform .38s var(--expand-ease);align-items:center;gap:7px;padding:12px 18px 17px;display:flex;transform:translateY(-5px)}.ui-expandable-open .ui-expandable-action{opacity:1;transition-delay:.15s;transform:none}.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:#c92d2d;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{opacity:0;border:1px solid var(--line);background:var(--surface);width:20px;height:20px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:10px;transition:opacity .2s,background .2s,border-color .2s;display:grid}.ui-choice-poll button[aria-pressed=true] .ui-poll-indicator{opacity:1;border-color:var(--ink);background:var(--ink);color:var(--surface)}.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}.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}.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}.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}.background-expansion-demo{--bg-fg:#f7f5ef;--bg-muted:#f7f5ef99;border:1px solid #7f7f7f2e;border-radius:30px;width:min(680px,100%);min-height:430px;box-shadow:0 28px 72px #00000029}.background-expansion-copy{z-index:4;width:min(390px,76%);color:var(--bg-fg);flex-direction:column;display:flex;position:relative}.background-expansion-copy>span,.grain-frame>span{color:var(--bg-muted);font:700 8px var(--font-mono);letter-spacing:.16em}.background-expansion-copy h3,.grain-frame h3{letter-spacing:-.06em;margin:15px 0 12px;font-size:clamp(36px,5.3vw,55px);font-weight:480;line-height:.98}.background-expansion-copy p{max-width:340px;color:var(--bg-muted);margin:0;font-size:11px;line-height:1.62}.background-expansion-copy small{border-top:1px solid var(--bg-fg);margin-top:28px;padding-top:10px}@supports (color:color-mix(in lab, red, red)){.background-expansion-copy small{border-top:1px solid color-mix(in srgb, var(--bg-fg) 18%, transparent)}}.background-expansion-copy small{color:var(--bg-muted);font:600 8px var(--font-mono)}.mesh-demo{align-items:flex-end;min-height:430px;padding:47px;display:flex}.mesh-iris{--mesh-a:#5527b9;--mesh-b:#0b7f9d;--mesh-c:#bd396d;--mesh-d:#ef8b46}.mesh-lagoon{--mesh-a:#003f5c;--mesh-b:#00a896;--mesh-c:#0353a4;--mesh-d:#6fffe9}.mesh-solar{--mesh-a:#78290f;--mesh-b:#ff7b00;--mesh-c:#9d174d;--mesh-d:#ffcb69}.mesh-defined .ui-mesh-bloom-field{filter:blur(27px)saturate(120%)}.contour-demo{background:var(--contour-bg);align-items:flex-end;min-height:430px;padding:47px;display:flex}.contour-graphite{--contour-bg:#121310;--contour-line:#62685b;--contour-accent:#d7f171}.contour-sand{--contour-bg:#e6decd;--contour-line:#8f775a;--contour-accent:#9d3a1a;--bg-fg:#252018;--bg-muted:#2520189e}.contour-ocean{--contour-bg:#071d2d;--contour-line:#2f7185;--contour-accent:#77e6ca}.grain-demo{color:#f5f1e7;background:#242322;min-height:430px;padding:39px}.grain-mono{background:linear-gradient(142deg,#393835,#111214 78%)}.grain-warm{background:linear-gradient(142deg,#7b4a2f,#211811 76%)}.grain-blue{background:linear-gradient(142deg,#264a5c,#0b1823 76%)}.grain-frame{border:1px solid #ffffff47;flex-direction:column;justify-content:flex-end;height:100%;min-height:350px;padding:30px;display:flex}.grain-frame h3{max-width:460px}.grain-frame-rule{align-items:center;gap:13px;margin-top:30px;display:flex}.grain-frame-rule i{background:#ffffff5c;flex:1;height:1px}.grain-frame-rule small{color:#ffffff8c;font:600 8px var(--font-mono)}.ripple-demo{background:var(--ripple-bg);align-items:flex-end;min-height:430px;padding:47px;display:flex}.ripple-ink{--ripple-bg:#eeeae0;--ripple-line:#1315163b;--ripple-accent:#141718;--bg-fg:#17191a;--bg-muted:#17191a99}.ripple-violet{--ripple-bg:#16101f;--ripple-line:#c5a8ff47;--ripple-accent:#a97cff}.ripple-mint{--ripple-bg:#0b2420;--ripple-line:#91ffda40;--ripple-accent:#7ce9c2}.halftone-demo{align-items:flex-end;min-height:430px;padding:47px;display:flex}.halftone-carbon{--halftone-bg:#e8e5dc;--halftone-dot-color:#171918;--halftone-ring:#1719182e;--bg-fg:#171918;--bg-muted:#17191894}.halftone-indigo{--halftone-bg:#17152c;--halftone-dot-color:#9d8cff;--halftone-ring:#9d8cff33}.halftone-citrus{--halftone-bg:#d7ff61;--halftone-dot-color:#202215;--halftone-ring:#20221530;--bg-fg:#202215;--bg-muted:#2022159e}.halftone-focus-left{--halftone-x:23%}.halftone-focus-center{--halftone-x:50%}.halftone-focus-right{--halftone-x:77%}.silk-demo{align-items:flex-end;min-height:430px;padding:47px;display:flex}.silk-pearl{--silk-bg:#e9e4dc;--silk-fold:#ffffffb3;--silk-edge:#86719a33;--silk-blend:normal;--bg-fg:#25202a;--bg-muted:#25202a99}.silk-midnight{--silk-bg:#090b13;--silk-fold:#58629a66;--silk-edge:#d1daff3d}.silk-cobalt{--silk-bg:#071f48;--silk-fold:#1974e08c;--silk-edge:#a8d5ff61}.catalog-phone .background-expansion-demo{border-radius:24px;width:100%;min-height:366px;padding:22px}.catalog-phone .background-expansion-copy{width:92%}.catalog-phone .background-expansion-copy h3,.catalog-phone .grain-frame h3{font-size:30px}.catalog-phone .background-expansion-copy p{font-size:9px}.catalog-phone .background-expansion-copy small{margin-top:18px}.catalog-phone .grain-frame{min-height:320px;padding:18px}.catalog-phone .ui-echo-ripple-field{opacity:.58;width:64%;right:7%}.catalog-phone .ui-halftone-orbit{width:130px;height:130px}.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-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}.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-links{gap:2px;margin-left:-10px;padding-right:3px;display:grid}.toc a{color:var(--muted);transition:color var(--motion-fast) ease, background-color var(--motion-fast) ease, transform var(--motion-base) var(--ease-smooth);border-radius:7px;padding:6px 8px 6px 14px;font-size:10px;text-decoration:none;position:relative}.toc a:before{content:"";opacity:0;background:var(--ink);width:2px;height:13px;transition:opacity var(--motion-fast) ease, transform var(--motion-base) var(--ease-smooth);border-radius:99px;position:absolute;top:50%;left:5px;transform:translateY(-50%)scaleY(.35)}.toc a:hover{color:var(--ink);background:var(--subtle)}@supports (color:color-mix(in lab, red, red)){.toc a:hover{background:color-mix(in srgb, var(--subtle) 58%, transparent)}}.toc a[data-active=true]{background:var(--subtle)}@supports (color:color-mix(in lab, red, red)){.toc a[data-active=true]{background:color-mix(in srgb, var(--subtle) 78%, transparent)}}.toc a[data-active=true]{color:var(--ink);font-weight:620;transform:translate(3px)}.toc a[data-active=true]:before{opacity:1;transform:translateY(-50%)scaleY(1)}.toc a[data-group-active=true]{background:var(--subtle)}@supports (color:color-mix(in lab, red, red)){.toc a[data-group-active=true]{background:color-mix(in srgb,var(--subtle) 64%,transparent)}}.toc a[data-group-active=true]{color:var(--ink);font-weight:620}.toc a[data-group-active=true]:before{opacity:1;transform:translateY(-50%)scaleY(.7)}.toc a[data-depth="1"]{color:var(--muted);margin-left:12px;padding-left:20px;padding-right:28px;font-size:10px}@supports (color:color-mix(in lab, red, red)){.toc a[data-depth="1"]{color:color-mix(in srgb,var(--muted) 86%,transparent)}}.toc a[data-depth="1"]:before{width:1px;height:8px;left:9px}.toc a[data-depth="1"]:after{content:attr(data-index);color:var(--muted);position:absolute;top:50%;right:8px;transform:translateY(-50%)}@supports (color:color-mix(in lab, red, red)){.toc a[data-depth="1"]:after{color:color-mix(in srgb,var(--muted) 65%,transparent)}}.toc a[data-depth="1"]:after{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:7px}.toc a[data-depth="1"]:hover{transform:translate(2px)}.toc a[data-depth="1"][data-active=true]{color:var(--ink);background:0 0;font-weight:650;transform:translate(4px)}.toc a[data-depth="1"][data-active=true]:before{width:5px;height:5px;box-shadow:0 0 0 4px var(--ink);border-radius:50%;left:8px}@supports (color:color-mix(in lab, red, red)){.toc a[data-depth="1"][data-active=true]:before{box-shadow:0 0 0 4px color-mix(in srgb,var(--ink) 8%,transparent)}}.toc a[data-depth="1"][data-active=true]:after{color:var(--ink);font-weight:700}.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}.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{color:#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:scale(.94)}to{opacity:1;transform: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 240px}.header-account-notch{place-self:start center;place-items:center;display:grid}.header-account-notch .account-chip{border-top:0;border-radius:0 0 15px 15px;justify-content:center;min-width:230px;height:54px;padding:4px 28px 10px;position:relative}.header-account-notch .account-chip-copy{text-align:center;justify-items:center;min-width:0}.header-account-notch .account-chip-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.header-account-notch .account-chip-chevron{margin:0;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.header-account-notch .account-chip[aria-expanded=true] .account-chip-chevron{transform:translate(-50%)rotate(180deg)}.header-actions .search-trigger{flex:0 0 150px;width:150px}.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-public{text-decoration:none}.header-account-notch .account-chip-public{border-radius:0 0 15px 15px;gap:12px;padding-bottom:4px}.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-name-mobile{display:none}.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-dialog-layer:has(.account-dialog){-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#08080861}.account-dialog{transform-origin:top;width:min(580px,100% - 32px);max-height:calc(100dvh - 32px);animation:account-notch-open .3s var(--ease-smooth) both;border-radius:0 0 20px 20px;overflow-y:auto;translate:0 calc(clamp(34px,5vh,54px) + 6px)}.ui-dialog-layer[data-state=closed]:has(.account-dialog){animation-duration:.36s;animation-timing-function:ease-in-out}.ui-dialog-layer[data-state=closed] .account-dialog{animation:.36s ease-in-out both account-notch-close}@keyframes account-notch-open{0%{opacity:.4;transform:translateY(-28px)scale(.42,.12)}to{opacity:1;transform:none}}@keyframes account-notch-close{0%{opacity:1;transform:none}to{opacity:.4;transform:translateY(-28px)scale(.42,.12)}}.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-top:0;border-radius:0 0 13px 13px;align-content:start;gap:7px;min-width:0;min-height:94px;padding:15px 15px 10px;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:13px;overflow:hidden}.account-detail-grid article>p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:-3px 0 0;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 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>.account-session-summary{align-items:center;gap:8px;display:flex}.account-session-summary>em{border:1px solid var(--line);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:8px;font-style:normal}.account-session-summary nav{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:2px;height:27px;padding:2px;display:flex}.account-session-summary nav button{width:23px;height:21px;color:var(--ink);cursor:pointer;transition:background var(--motion-fast) var(--ease-smooth), opacity var(--motion-fast) var(--ease-smooth);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.account-session-summary nav button:hover:not(:disabled){background:var(--subtle)}.account-session-summary nav button:disabled{opacity:.28;cursor:default}.account-session-summary nav span{min-width:29px;color:var(--muted);font-family:var(--font-mono);text-align:center;font-size:7px}.account-session-list{min-height:70px;display:grid;overflow:hidden}.account-session-viewport{min-width:0;overflow:hidden}.account-session-track{width:100%;transition:transform .34s var(--ease-smooth);will-change:transform;display:flex}.account-session-list article{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:100%;min-height:70px;padding:11px 13px;display:grid}.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:#126a3a;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);height:29px;color:var(--danger);cursor:pointer;border-radius:8px;align-items:center;gap:5px;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:var(--danger);margin-left:auto}.overview-hero{padding-bottom:34px}.overview-hero h1{font-size:clamp(42px,4.4vw,54px)}.overview-toc{margin-top:142px}.introduction-page .section-heading{margin-bottom:18px}.introduction-page .section-kicker{margin-bottom:7px;font-size:10px}.introduction-page .doc-section h2{font-size:27px}.introduction-page .body-copy{max-width:680px;margin-bottom:24px;font-size:15px;line-height:1.7}.introduction-toc{margin-top:120px}.intro-cover{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.08fr) minmax(285px,.76fr);align-items:center;gap:34px;min-height:570px;padding:46px 0 50px;display:grid}.intro-cover-copy{min-width:0}.intro-cover-kicker{color:var(--muted);font:650 8px var(--font-mono);letter-spacing:.13em;align-items:center;gap:9px;margin-bottom:27px;display:flex}.intro-cover h1{letter-spacing:-.067em;margin:0;font-size:clamp(58px,5.2vw,72px);font-weight:610;line-height:.88}.intro-cover-copy>p{max-width:445px;color:var(--muted);letter-spacing:-.01em;margin:25px 0 0;font-size:14px;line-height:1.7}.intro-cover-actions{align-items:center;gap:9px;margin-top:29px;display:flex}.intro-cover-actions a{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);min-height:40px;color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:9px;font-weight:650;text-decoration:none;display:inline-flex}.intro-cover-actions a:first-child{border-color:var(--ink);background:var(--ink);color:var(--surface)}.intro-cover-actions a:hover{transform:translateY(-2px);box-shadow:0 9px 22px #00000014}.intro-cover-actions a:first-child svg{transition:transform var(--motion-base) var(--ease-smooth)}.intro-cover-actions a:first-child:hover svg{transform:translate(3px)}.intro-cover-meta{flex-wrap:wrap;gap:8px 17px;margin-top:28px;display:flex}.intro-cover-meta span{color:var(--muted);text-transform:capitalize;align-items:center;gap:5px;font-size:8px;display:inline-flex}.intro-cover-meta svg{color:#10a56a}.intro-proof-sheet{border:1px solid var(--ink);grid-template-rows:46px minmax(0,1fr) 40px;min-width:0;min-height:462px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.intro-proof-sheet{border:1px solid color-mix(in srgb, var(--ink) 18%, var(--line))}}.intro-proof-sheet{background:var(--surface);box-shadow:12px 12px 0 var(--ink), 0 25px 55px #00000012;border-radius:3px}@supports (color:color-mix(in lab, red, red)){.intro-proof-sheet{box-shadow:12px 12px 0 color-mix(in srgb, var(--ink) 4%, transparent), 0 25px 55px #00000012}}.intro-proof-sheet:before,.intro-proof-sheet:after{z-index:2;content:"";pointer-events:none;width:11px;height:11px;position:absolute}.intro-proof-sheet:before{border-top:1px solid var(--muted);border-left:1px solid var(--muted);top:-6px;left:-6px}.intro-proof-sheet:after{border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);bottom:-6px;right:-6px}.intro-proof-sheet>header{border-bottom:1px solid var(--line);font:650 7px var(--font-mono);letter-spacing:.09em;justify-content:space-between;align-items:center;padding:0 15px;display:flex}.intro-proof-sheet>header em{color:var(--muted);font-style:normal}.intro-proof-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid}.intro-proof-grid>section{flex-direction:column;min-width:0;padding:15px;display:flex;overflow:hidden}.intro-proof-grid>section:nth-child(odd){border-right:1px solid var(--line)}.intro-proof-grid>section:nth-child(-n+2){border-bottom:1px solid var(--line)}.intro-proof-grid small{color:var(--muted);font:650 6px var(--font-mono);letter-spacing:.12em}.intro-proof-control{background-image:linear-gradient(var(--ink) 1px, transparent 1px), linear-gradient(90deg, var(--ink) 1px, transparent 1px)}@supports (color:color-mix(in lab, red, red)){.intro-proof-control{background-image:linear-gradient(color-mix(in srgb, var(--ink) 3.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--ink) 3.5%, transparent) 1px, transparent 1px)}}.intro-proof-control{background-size:13px 13px}.intro-proof-control>div{justify-content:center;align-items:center;gap:7px;margin:auto 0;display:flex}.intro-proof-control>div span{border:1px solid var(--ink);background:var(--ink);height:32px;color:var(--surface);border-radius:7px;align-items:center;gap:7px;padding:0 10px;font-size:7px;font-weight:650;display:inline-flex}.intro-proof-control>div i{border:1px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-style:normal;display:grid}.intro-proof-control>footer{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.intro-proof-control>footer span{color:var(--muted);font:600 5px var(--font-mono);text-align:center;padding-top:7px}.intro-proof-type{background:var(--subtle);justify-content:flex-end;position:relative}@supports (color:color-mix(in lab, red, red)){.intro-proof-type{background:color-mix(in srgb, var(--subtle) 58%, var(--surface))}}.intro-proof-type small{margin-bottom:auto}.intro-proof-type strong{letter-spacing:-.09em;margin-left:-3px;font-size:58px;font-weight:470;line-height:.8}.intro-proof-type>span{color:var(--muted);font:600 6px var(--font-mono);margin-top:11px}.intro-proof-tokens>div{align-items:center;margin:auto 0;display:flex}.intro-proof-tokens>div i{border:3px solid var(--surface);width:32px;height:32px;box-shadow:0 0 0 1px var(--line);background:#f06449;border-radius:50%;margin-right:-7px}.intro-proof-tokens>div i:nth-child(2){background:#5476e8}.intro-proof-tokens>div i:nth-child(3){background:#bed952}.intro-proof-tokens>footer{justify-content:space-between;gap:4px;display:flex}.intro-proof-tokens>footer span{color:var(--muted);font:600 5px var(--font-mono)}.intro-proof-source{color:#f2f0eb;background:#101116}.intro-proof-source small{color:#858894}.intro-proof-source code{color:#d9d5e6;font:500 7px/1.9 var(--font-mono);white-space:nowrap;margin:auto 0}.intro-proof-source code b{color:#c19cf2;font-weight:600}.intro-proof-source code span{color:#7cb4dc}.intro-proof-source code i{color:#92c77e;font-style:normal}.intro-proof-sheet>footer{border-top:1px solid var(--line);color:var(--muted);font:600 6px var(--font-mono);letter-spacing:.06em;justify-content:center;align-items:center;gap:8px;padding:0 15px;display:flex}.intro-proof-sheet>footer i{background:var(--line);width:16px;height:1px}.intro-entry-grid{grid-template-columns:minmax(0,1.35fr) minmax(245px,.8fr);gap:10px;display:grid}.intro-entry-stack{grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;display:grid}.intro-entry{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink);transition:border-color var(--motion-fast) ease, box-shadow var(--motion-base) var(--ease-smooth), transform var(--motion-base) var(--ease-smooth);border-radius:16px;flex-direction:column;padding:24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.intro-entry:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.intro-entry:hover{border-color:color-mix(in srgb, var(--ink) 24%, var(--line))}}.intro-entry:hover{transform:translateY(-2px);box-shadow:0 18px 46px #00000013}.intro-entry>header{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.intro-entry>header>span{align-items:center;gap:7px;font-size:10px;font-weight:650;display:flex}.intro-entry>header>svg{transition:transform var(--motion-base) var(--ease-smooth)}.intro-entry:hover>header>svg{transform:translate(2px,-2px)}.intro-entry-copy small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;font-size:8px;font-weight:650}.intro-entry-copy h3{letter-spacing:-.04em;margin:9px 0 10px;font-size:20px;line-height:1.08}.intro-entry-copy p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.intro-entry-catalog{background:linear-gradient(145deg, var(--surface) 55%, var(--subtle));min-height:530px;padding:27px}@supports (color:color-mix(in lab, red, red)){.intro-entry-catalog{background:linear-gradient(145deg, var(--surface) 55%, color-mix(in srgb, var(--subtle) 76%, var(--surface)))}}.intro-entry-catalog .intro-entry-copy{margin-top:47px}.intro-entry-catalog .intro-entry-copy h3{font-size:29px}.intro-entry-catalog .intro-entry-copy p{max-width:370px;font-size:11px}.intro-catalog-preview{border:1px solid var(--ink);width:min(390px,100% - 32px);min-height:156px;margin:auto auto -28px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.intro-catalog-preview{border:1px solid color-mix(in srgb, var(--ink) 15%, var(--line))}}.intro-catalog-preview{background:var(--canvas);border-radius:16px 16px 0 0;box-shadow:0 25px 55px #0000001c}.intro-catalog-preview>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:39px;padding:0 14px;display:flex}.intro-catalog-preview>div span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.09em;font-size:7px}.intro-catalog-preview>div em{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);border-radius:99px;padding:3px 6px;font-size:7px;font-style:normal}.intro-catalog-preview>section{justify-content:center;align-items:center;gap:7px;min-height:78px;padding:20px;display:flex}.intro-catalog-preview>section span{border:1px solid var(--line);height:31px;color:var(--muted);border-radius:8px;align-items:center;padding:0 12px;font-size:8px;display:inline-flex}.intro-catalog-preview>section span:first-child{border-color:var(--ink);background:var(--ink);color:var(--surface)}.intro-catalog-preview>section i{border:1px solid var(--line);border-radius:50%;place-items:center;width:31px;height:31px;font-size:13px;font-style:normal;display:grid}.intro-catalog-preview>footer{border-top:1px solid var(--line);min-height:39px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 14px;font-size:7px;display:flex}.intro-catalog-preview>footer span{align-items:center;gap:5px;display:flex}.intro-catalog-preview>footer span i{background:#10b981;border-radius:50%;width:5px;height:5px}.intro-catalog-preview>footer strong{color:var(--ink);font-size:7px}.intro-entry-stack .intro-entry{min-height:260px}.intro-entry-stack .intro-entry-copy{margin-top:21px}.intro-entry-stack .intro-entry-copy h3{max-width:230px}.intro-token-console{flex-direction:column;align-items:stretch;gap:9px;margin-top:auto;display:flex}.intro-token-strip{align-items:center;display:flex}.intro-token-strip i,.intro-token-strip span{border:3px solid var(--surface);color:#f5f5f1;width:32px;height:32px;box-shadow:0 0 0 1px var(--line);background:#101216;border-radius:50%;place-items:center;margin-right:-5px;font-size:10px;font-style:normal;display:grid}.intro-token-strip i:first-child{background:#f06449}.intro-token-strip i:nth-child(2){background:#5476e8}.intro-token-strip i:nth-child(3){background:#bed952}.intro-token-strip span{background:var(--subtle);color:var(--ink);border-radius:9px;margin-left:10px;font-family:Georgia,serif}.intro-token-values{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-top:10px;display:grid}.intro-token-values>span{gap:5px;min-width:0;padding:0 10px;display:grid}.intro-token-values>span:first-child{padding-left:0}.intro-token-values>span+span{border-left:1px solid var(--line)}.intro-token-values small{color:var(--muted);font:650 7px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.intro-token-values b{font:680 10px var(--font-mono)}.intro-entry-palette{background:linear-gradient(145deg, var(--surface) 58%, #5476e8)}@supports (color:color-mix(in lab, red, red)){.intro-entry-palette{background:linear-gradient(145deg, var(--surface) 58%, color-mix(in srgb, #5476e8 5%, var(--surface)))}}.intro-palette-preview{grid-template-columns:repeat(4,34px) minmax(45px,1fr);gap:6px;height:39px;margin-top:auto;display:grid}.intro-palette-preview span{border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:10px}.intro-palette-preview span:first-child{background:#f1e9db}.intro-palette-preview span:nth-child(2){background:#f06449}.intro-palette-preview span:nth-child(3){background:#5476e8}.intro-palette-preview span:nth-child(4){background:#bed952}.intro-palette-preview i{border:1px solid var(--line);opacity:.94;background:linear-gradient(110deg,#f06449,#f2aa43 30%,#bed952 61%,#5476e8);border-radius:10px}.intro-entry-svg{background-image:linear-gradient(var(--line) .7px, transparent .7px), linear-gradient(90deg, var(--line) .7px, transparent .7px);background-position:-1px -1px;background-size:18px 18px;grid-column:1/-1;min-height:320px}.intro-entry-svg:before{background:linear-gradient(110deg, var(--surface) 0 31%, var(--surface) 72%, transparent);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.intro-entry-svg:before{background:linear-gradient(110deg, var(--surface) 0 31%, color-mix(in srgb, var(--surface) 55%, transparent) 72%, transparent)}}.intro-entry-svg:before{content:"";pointer-events:none}.intro-entry-svg>*{z-index:1;position:relative}.intro-svg-layout{grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);align-items:center;gap:28px;margin-top:24px;display:grid}.intro-entry-svg .intro-entry-copy{margin:0}.intro-entry-svg .intro-entry-copy h3{font-size:29px}.intro-entry-svg .intro-entry-copy p{max-width:250px;font-size:10px}.intro-svg-workbench{background:#0d0e11;border:1px solid #303138;border-radius:14px;grid-template-columns:.92fr 1.08fr;min-width:0;height:220px;display:grid;overflow:hidden;box-shadow:0 24px 50px #0000002e}.intro-svg-workbench>section{grid-template-rows:36px 1fr;min-width:0;display:grid;overflow:hidden}.intro-svg-workbench>section:first-child{border-right:1px solid #2a2b30}.intro-svg-workbench section>header{color:#d4d5d9;font:600 6px var(--font-mono);border-bottom:1px solid #2a2b30;justify-content:space-between;align-items:center;padding:0 11px;display:flex}.intro-svg-workbench section>header small{color:#72757d;font-size:5px}.intro-svg-workbench code{color:#c9cbd1;font:500 6px/1.8 var(--font-mono);white-space:nowrap;padding:17px 13px;overflow:hidden}.intro-svg-workbench code span{color:#b29af7}.intro-svg-workbench code b{color:#6dd2b0;font-weight:500}.intro-svg-workbench code i{color:#7f88e9;font-style:normal}.intro-svg-workbench>section:last-child{background-color:#0a0c10;background-image:linear-gradient(#fff1 1px,#0000 1px),linear-gradient(90deg,#fff1 1px,#0000 1px);background-position:-1px -1px;background-size:18px 18px}.intro-svg-workbench>section:last-child>header{background:#111216}.intro-vector-line{width:88%;height:100%;margin:auto;overflow:visible}.intro-vector-line path{fill:none;stroke:url(#intro-signal);stroke-width:4px;stroke-linecap:round}.intro-method{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:minmax(245px,.78fr) minmax(0,1.22fr);display:grid;overflow:hidden}.intro-method-statement{background:var(--ink);min-height:410px;color:var(--surface);flex-direction:column;justify-content:space-between;padding:28px;display:flex}.intro-method-statement>span{max-width:180px;color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.intro-method-statement>span{color:color-mix(in srgb, var(--surface) 58%, transparent)}}.intro-method-statement>span{font-size:10px;line-height:1.55}.intro-method-statement>strong{letter-spacing:-.055em;font-size:37px;font-weight:590;line-height:.98}.intro-method-list{display:grid}.intro-method-list article{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr;align-items:center;gap:12px;min-height:102px;padding:18px 21px;display:grid}.intro-method-list article:last-child{border-bottom:0}.intro-method-list article>span{color:var(--muted);font-family:var(--font-mono);align-self:start;padding-top:2px;font-size:8px}.intro-method-list article>div{gap:6px;display:grid}.intro-method-list strong{font-size:12px}.intro-method-list p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.intro-anatomy{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:minmax(0,1.16fr) minmax(260px,.84fr);display:grid;overflow:hidden}.intro-anatomy-stage{border-right:1px solid var(--line);background-color:var(--subtle);place-items:center;min-height:470px;padding:54px 38px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.intro-anatomy-stage{background-color:color-mix(in srgb, var(--subtle) 68%, var(--surface))}}.intro-anatomy-stage{background-image:linear-gradient(var(--line) .65px, transparent .65px), linear-gradient(90deg, var(--line) .65px, transparent .65px);background-size:22px 22px}.intro-anatomy-stage:before{border:1px dashed var(--ink);width:290px;height:290px;position:absolute}@supports (color:color-mix(in lab, red, red)){.intro-anatomy-stage:before{border:1px dashed color-mix(in srgb, var(--ink) 14%, transparent)}}.intro-anatomy-stage:before{content:"";border-radius:50%}.intro-anatomy-window{z-index:2;border:1px solid var(--ink);width:min(350px,100%);min-height:244px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.intro-anatomy-window{border:1px solid color-mix(in srgb, var(--ink) 17%, var(--line))}}.intro-anatomy-window{background:var(--surface);border-radius:17px;box-shadow:0 28px 65px #00000021}.intro-anatomy-window>header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;padding:0 13px;display:grid}.intro-anatomy-window>header>span{gap:4px;display:flex}.intro-anatomy-window>header>span i{background:#df6c6c;border-radius:50%;width:5px;height:5px}.intro-anatomy-window>header>span i:nth-child(2){background:#d8b45f}.intro-anatomy-window>header>span i:nth-child(3){background:#65b879}.intro-anatomy-window>header small{color:var(--muted);font:600 7px var(--font-mono)}.intro-anatomy-window>header em{color:#10a56a;font:700 6px var(--font-mono);letter-spacing:.1em;justify-self:end;font-style:normal}.intro-anatomy-canvas{justify-content:center;align-items:center;gap:8px;min-height:151px;display:flex}.intro-anatomy-canvas span{border:1px solid var(--line);height:36px;color:var(--muted);border-radius:9px;align-items:center;gap:9px;padding:0 13px;font-size:8px;display:inline-flex}.intro-anatomy-canvas span:first-child{border-color:var(--ink);background:var(--ink);color:var(--surface)}.intro-anatomy-window>footer{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);min-height:48px;display:grid}.intro-anatomy-window>footer span{border-right:1px solid var(--line);color:var(--muted);font:600 6px var(--font-mono);letter-spacing:.07em;place-items:center;display:grid}.intro-anatomy-window>footer span:last-child{border-right:0}.intro-anatomy-tag{z-index:3;border:1px solid var(--line);background:var(--surface);min-height:25px;color:var(--muted);font:650 7px var(--font-mono);border-radius:7px;align-items:center;padding:0 8px;display:flex;position:absolute;box-shadow:0 8px 18px #00000014}.intro-anatomy-tag:after{background:var(--ink);height:1px;position:absolute}@supports (color:color-mix(in lab, red, red)){.intro-anatomy-tag:after{background:color-mix(in srgb, var(--ink) 24%, var(--line))}}.intro-anatomy-tag:after{content:""}.intro-anatomy-tag.is-preview{top:32px;left:22px}.intro-anatomy-tag.is-preview:after{width:34px;top:50%;left:100%}.intro-anatomy-tag.is-states{top:104px;right:18px}.intro-anatomy-tag.is-states:after{width:28px;top:50%;right:100%}.intro-anatomy-tag.is-directions{bottom:60px;right:22px}.intro-anatomy-tag.is-directions:after{width:38px;top:50%;right:100%}.intro-anatomy-tag.is-source{bottom:36px;left:29px}.intro-anatomy-tag.is-source:after{width:46px;top:50%;left:100%}.intro-anatomy-list{display:grid}.intro-anatomy-list article{border-bottom:1px solid var(--line);grid-template-columns:27px minmax(0,1fr);align-items:center;gap:10px;min-height:117px;padding:19px 20px;display:grid}.intro-anatomy-list article:last-child{border-bottom:0}.intro-anatomy-list article>span{color:var(--muted);font:600 8px var(--font-mono);align-self:start;padding-top:2px}.intro-anatomy-list article>div{gap:6px;display:grid}.intro-anatomy-list strong{font-size:12px}.intro-anatomy-list p{color:var(--muted);margin:0;font-size:9px;line-height:1.58}.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:180px 1fr 30px;align-items:center;gap:24px;min-height:90px;padding:19px 21px;display:grid}.principle-list article:last-child{border-bottom:0}.principle-list strong{font-size:14px}.principle-list p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.principle-list article>span{color:var(--muted);font-family:var(--font-mono);justify-self:end;font-size:10px}.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:330px;padding:24px;display:flex}.platform-compare article>div:first-child{align-items:center;gap:10px;display:flex}.platform-compare article>div:first-child>div{gap:4px;display:grid}.platform-compare strong{font-size:15px}.platform-compare small{color:var(--muted);font-size:11px}.platform-compare article>div:first-child>em{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;margin-left:auto;font-size:8px;font-style:normal}.platform-compare article>p{color:var(--muted);margin:30px 0 0;font-size:11px;line-height:1.65}.platform-glyph{border-radius:11px;place-items:center;width:40px;height:40px;font-weight:750;display:grid}.react-glyph{color:#0b667d;background:#e7f7fb;font-size:21px}.native-glyph{color:#fff;background:#171716;font-size:12px}.dark .react-glyph{color:#61dafb;background:#61dafb17;border:1px solid #61dafb26;box-shadow:inset 0 1px #ffffff09}.dark .native-glyph{color:#f4f4ef;background:#262624;border:1px solid #ffffff17;box-shadow:inset 0 1px #ffffff0b}.platform-compare ul{gap:12px;margin:25px 0 27px;padding:0;list-style:none;display:grid}.platform-compare li{color:var(--muted);padding-left:17px;font-size:12px;position:relative}.platform-compare li:before{content:"";background:var(--ink);opacity:.5;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;left:0}.platform-compare a{color:var(--ink);align-items:center;gap:7px;margin-top:auto;font-size:11px;font-weight:650;text-decoration:none;display:flex}.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(--accent-foreground);place-items:center;display:grid}.token-system-bar>div>div{gap:3px;display:grid}.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:var(--token-demo-accent-ink)}.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 .ui-select-trigger{min-height:48px}.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 .ui-select-trigger{min-height:40px}.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:150px repeat(7,1fr);align-items:center;min-width:1040px;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}.header{grid-template-columns:220px 1fr 150px}.token-rule-grid,.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:minmax(0,1fr) auto minmax(0,1fr);gap:6px;height:60px;padding-inline:10px}.header-left{gap:4px;min-width:0;padding-left:0}.header-left .logo{gap:5px;font-size:17px}.header-left .version{display:none}.header-account-notch .account-chip{border-radius:0 0 14px 14px;width:min(138px,37vw);min-width:0;height:46px;padding:3px 14px 9px;box-shadow:0 7px 18px #0000000f}.header-account-notch .account-chip-copy{gap:2px}.header-account-notch .account-chip-copy strong{max-width:min(102px,27vw);font-size:11px}.header-account-notch .account-chip-copy small{font-size:9px}.header-account-notch .account-chip-chevron{width:12px;height:12px;bottom:1px}.header-account-notch .account-chip-name-full{display:none}.header-account-notch .account-chip-name-mobile{display:inline}.header-actions{padding-right:0}.header-actions .search-trigger{width:34px;box-shadow:none;background:0 0;border-color:#0000;flex-basis:34px;justify-content:center;padding:0;display:inline-flex}.header-actions .search-trigger span,.header-actions .search-trigger kbd{display:none}.header-actions .search-trigger:hover{border-color:var(--line);background:var(--subtle)}.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}.intro-cover{grid-template-columns:1fr;gap:38px;padding-top:40px}.intro-cover-copy>p{max-width:520px}.intro-proof-sheet{min-height:430px}}@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}.intro-entry-grid,.intro-method,.intro-anatomy{grid-template-columns:1fr}.intro-entry-catalog{min-height:430px}.intro-entry-stack{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.intro-entry-stack .intro-entry{min-height:235px}.intro-svg-layout{grid-template-columns:1fr;align-items:stretch}.intro-entry-svg .intro-entry-copy p{max-width:430px}.intro-method-statement{min-height:300px}.intro-anatomy-stage{border-right:0;border-bottom:1px solid var(--line);min-height:400px}.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}}@media (width<=460px){.intro-cover h1{font-size:53px}.intro-cover-actions{flex-direction:column;align-items:stretch}.intro-cover-actions a{width:100%}.intro-cover-meta{gap:8px 11px}.intro-proof-sheet{min-height:408px}.intro-proof-grid>section{padding:12px}.intro-proof-type strong{font-size:48px}.intro-entry-stack{grid-template-columns:1fr}.intro-svg-workbench{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr;height:250px}.intro-svg-workbench>section:first-child{border-bottom:1px solid #2a2b30;border-right:0}.intro-svg-workbench code{padding-block:10px}.intro-entry-catalog{padding-inline:21px}.intro-entry-catalog .intro-entry-copy h3{font-size:25px}.intro-catalog-preview{width:calc(100% - 12px)}.intro-method-statement>strong{font-size:33px}}.segmented-control,.platform-tabs,.toggle-grid,.text-control input,.control-action,.ui-select-trigger{border-radius:var(--radius-control)}.segmented-control button,.platform-tabs button,.token-choice button{border-radius:max(3px, calc(var(--radius-control) - 3px))}.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-entry,.intro-method,.principle-list,.platform-compare article,.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[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)}.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}.ui-dropdown-item>.dropdown-status-dot{flex:none;width:9px}.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}.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 .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}.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}.catalog-phone .ui-accordion-flush .ui-accordion-content>div:before{margin:0 28px 10px 10px}.catalog-phone .ui-accordion-separated{gap:8px}.catalog-phone .ui-accordion-separated .ui-accordion-trigger{min-height:56px;padding:7px 9px}.catalog-phone .ui-accordion-separated .ui-accordion-trigger>i{width:29px;height:29px}.catalog-phone .ui-accordion-separated .ui-accordion-content p{margin:6px 9px 0 18px;padding:10px 12px}.catalog-phone .ui-accordion-cards{grid-template-columns:1fr;gap:8px}.catalog-phone .ui-accordion-cards .ui-accordion-trigger{min-height:104px;padding:12px}.catalog-phone .ui-accordion-cards .ui-accordion-trigger>span{gap:14px}.catalog-phone .ui-accordion-cards .ui-accordion-trigger strong{max-width:none;font-size:11px}.catalog-phone .ui-accordion-cards .ui-accordion-trigger>i{top:15px;right:14px}.catalog-phone .ui-accordion-cards .ui-accordion-content p{margin:0 12px;padding:10px 0 13px}.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:var(--ink);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:#9898a1;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:#92929c;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:#c81e1e;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{color:#d7d7dc;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][data-line-numbers=false] .ui-code-line{grid-template-columns:minmax(0,1fr)}.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-block[data-line-numbers=false] .ui-code-source{padding-left:14px}.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{color:#292925;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}.design-flow-code .design-flow-preview{background:var(--soft);min-height:590px;padding:42px}.code-family-workbench,.code-family-passage,.code-family-request,.code-family-recipe{box-sizing:border-box;justify-self:center;width:100%;min-width:0;max-width:780px;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s;position:relative}.design-flow-code .design-flow-preview:hover>:is(.code-family-workbench,.code-family-passage,.code-family-request,.code-family-recipe){transform:translateY(-2px)}.design-flow-code-workbench .design-flow-preview{background:radial-gradient(circle at 70% 20%,#5e6f9f29,#0000 40%),#090a0d}.code-family-workbench{color:#e8e8eb;background:#101115;border:1px solid #2a2c32;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px #00000059}.code-family-workbench>header{background:#14151a;border-bottom:1px solid #272930;justify-content:space-between;align-items:center;min-width:0;min-height:48px;padding:0 16px;display:flex}.code-family-workbench>header>span{color:#c7c8ce;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.code-family-workbench>header strong{color:#f3f3f5}.code-family-branch{background:#101116;border:1px solid #2d3038;border-radius:999px;padding:5px 8px}.code-workbench-body{grid-template-columns:150px minmax(0,1fr);width:100%;min-width:0;min-height:350px;display:grid}.code-workbench-body>aside{background:#0d0e12;align-content:start;gap:4px;padding:12px 8px;display:grid}.code-workbench-body>aside span{color:#777b86;min-width:0;font:500 10px/1 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;align-items:center;gap:7px;padding:8px;display:flex;overflow:hidden}.code-workbench-body>aside span.is-active{color:#fff;background:#1d1f25}.code-workbench-body .ui-code-block{min-width:0;min-height:350px;box-shadow:none;border:0;border-left:1px solid #272930;border-radius:0}.code-family-workbench>footer{color:#858995;min-height:34px;font:600 9px/1 var(--font-mono);letter-spacing:.05em;background:#111217;border-top:1px solid #272930;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.code-family-workbench>footer span{white-space:nowrap;align-items:center;gap:6px;display:flex}.code-family-workbench>footer i{background:#5d9bea;border-radius:50%;width:6px;height:6px}.design-flow-code-passage .design-flow-preview{background:#dedbd2}.code-family-passage{color:#26251f;background:#f6f3ea;border:1px solid #d2cec3;border-radius:4px;padding:25px;box-shadow:0 25px 60px #3f362629}.code-family-passage>header{color:#666156;font:700 9px/1 var(--font-mono);letter-spacing:.12em;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.code-passage-grid{border-top:1px solid #d9d4c8;grid-template-columns:190px minmax(0,1fr);gap:20px;padding-top:20px;display:grid}.code-passage-grid>aside{border-right:1px solid #d9d4c8;padding:8px 16px 8px 0}.code-passage-grid>aside small{color:#8e8677;font:700 8px/1 var(--font-mono);letter-spacing:.14em}.code-passage-grid>aside p{color:#464238;font:500 13px/1.6 var(--font-sans);margin:14px 0 24px}.code-passage-grid>aside span{color:#8e8677;font:600 9px/1 var(--font-mono);align-items:center;gap:7px;display:flex}.code-passage-grid>aside i{background:#8e8677;border-radius:50%;width:6px;height:6px}.code-family-passage .ui-code-block{min-width:0;box-shadow:none}.code-passage-ink{color:#f1f1f3;background:#151518;border-color:#34343a}.code-passage-ink>header{color:#9c9ca4}.code-passage-ink .code-passage-grid,.code-passage-ink .code-passage-grid>aside{border-color:#34343a}.code-passage-ink .code-passage-grid>aside small,.code-passage-ink .code-passage-grid>aside span{color:#85858e}.code-passage-ink .code-passage-grid>aside p{color:#c8c8ce}.design-flow-code-request .design-flow-preview{background:linear-gradient(135deg,#0c1118,#111820)}.code-family-request{color:#edf5ff;background:#0c1219;border:1px solid #293747;border-radius:24px;overflow:hidden;box-shadow:0 28px 70px #0108116b}.code-family-request>header{background:#101923;border-bottom:1px solid #22303e;justify-content:space-between;align-items:center;min-height:58px;padding:0 18px;display:flex}.code-family-request>header>span:first-child{align-items:center;gap:9px;display:flex}.code-family-request>header strong{font-size:13px}.request-status{font:700 9px/1 var(--font-mono);letter-spacing:.08em;border:1px solid;border-radius:999px;padding:6px 9px}.request-status-success{color:#7fe0ad;background:#2cbb7014}.request-status-forbidden{color:#ffb37a;background:#ff8a4c14}.request-meta{border-bottom:1px solid #22303e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:13px 17px;display:grid}.request-meta>span{color:#86b8ef;font:800 9px/1 var(--font-mono);background:#203247;border-radius:5px;padding:5px 7px}.request-meta code{color:#aebdcb;min-width:0;font:500 10px/1 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.request-meta small{color:#6f8191;font:600 9px/1 var(--font-mono)}.request-panes{background:#24303e;grid-template-columns:1fr 1fr;gap:1px;display:grid}.request-panes>section{background:#0d141c;min-width:0;padding:15px}.request-panes>section>small{color:#64798b;font:800 8px/1 var(--font-mono);letter-spacing:.16em;margin-bottom:10px;display:block}.request-panes .ui-code-block{box-shadow:none;border-radius:10px}.code-family-request:not(.is-paired) .request-panes{grid-template-columns:1fr}.design-flow-code-recipe .design-flow-preview{background:#e9e3d8}.code-family-recipe{color:#22211d;background:#f7f2e9;border:1px solid #cec4b3;border-radius:28px;padding:24px;box-shadow:0 25px 65px #46372029}.code-family-recipe>header{justify-content:space-between;align-items:center;display:flex}.code-family-recipe>header>span{align-items:center;gap:8px;display:flex}.code-family-recipe>header>span:last-child{font:700 9px/1 var(--font-mono);border:1px solid #d6cdbf;border-radius:999px;padding:5px 8px}.recipe-steps{border-top:1px solid #d8cfc0;margin-top:20px}.recipe-steps>section{border-bottom:1px solid #d8cfc0;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:15px 0;display:grid}.recipe-steps>section>i{color:#777064;width:30px;height:30px;font:700 8px/1 var(--font-mono);border:1px solid #d0c6b7;border-radius:50%;place-items:center;font-style:normal;display:grid}.recipe-steps>section>div{min-width:0}.recipe-steps>section small{color:#8b8274;font:800 8px/1 var(--font-mono);letter-spacing:.13em;margin-bottom:5px;display:block}.recipe-steps .ui-code-block{box-shadow:none;border-color:#dad2c5;border-radius:10px}.recipe-steps .ui-code-head{display:none}.recipe-steps .ui-code-scroll>code{padding:6px 0;font-size:10px}.recipe-steps>section>svg{color:#6b8e63}.code-family-recipe>footer{color:#827b70;font:600 9px/1 var(--font-mono);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.code-family-recipe>footer strong{color:#35322d;align-items:center;gap:6px;display:flex}.code-recipe-compact .recipe-steps>section{padding:8px 0}.catalog-phone :is(.code-family-workbench,.code-family-passage,.code-family-request,.code-family-recipe){border-radius:16px;width:100%}.catalog-phone .code-workbench-body{grid-template-columns:1fr;min-height:0}.catalog-phone .code-workbench-body>aside{border-bottom:1px solid #272930;padding:6px;display:flex;overflow:hidden}.catalog-phone .code-workbench-body>aside span{padding:6px;font-size:7px}.catalog-phone .code-workbench-body .ui-code-block{border-left:0;min-height:0}.catalog-phone :is(.code-passage-grid,.request-panes){grid-template-columns:1fr}.catalog-phone .code-passage-grid>aside{display:none}.catalog-phone :is(.code-family-passage,.code-family-recipe){padding:12px}.catalog-phone .request-meta{grid-template-columns:auto minmax(0,1fr)}.catalog-phone .request-meta small,.catalog-phone .request-panes>section+section{display:none}.catalog-phone .recipe-steps>section{grid-template-columns:25px minmax(0,1fr) 20px;gap:7px;padding:8px 0}.catalog-phone .recipe-steps>section>i{width:23px;height:23px}.catalog-phone .code-family-recipe>footer{flex-direction:column;align-items:flex-start;gap:6px}@media (width<=760px){.design-flow-code .design-flow-preview{min-height:500px;padding:18px}.code-workbench-body{grid-template-columns:1fr}.code-workbench-body>aside{border-bottom:1px solid #272930;display:flex;overflow:hidden}.code-workbench-body .ui-code-block{border-left:0}.code-passage-grid{grid-template-columns:1fr}.code-passage-grid>aside{border-bottom:1px solid;border-right:0;padding:0 0 15px}.request-panes{grid-template-columns:1fr}.code-family-passage,.code-family-recipe{padding:18px}}@media (prefers-reduced-motion:reduce){.code-family-workbench,.code-family-passage,.code-family-request,.code-family-recipe{transition:none}}.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}}.command-results small{font-size:11px}.command-footer{font-size:10px}.sidebar-note p{font-size:12px;line-height:1.6}.hero-meta span{font-size:11px}.platform-tabs button,.view-tabs button,.design-flow-customize-label{font-size:12px}.button-family-card>div:first-child small{font-size:11px}.workbench-label{font-size:10px}.customizer-head small,.control-group>span:first-child,.text-control>span,.segmented-control button,.toggle-control{font-size:11px}.range-control output{font-size:10px}.expressive-copy summary,.ui-field-label:not(.catalog-phone *){font-size:12px}.ui-field>small:not(.catalog-phone *){font-size:11px}.ui-field-floating .ui-field-label:not(.catalog-phone *){font-size:10px}.ui-checkbox-copy strong:not(.catalog-phone *),.ui-switch-copy strong:not(.catalog-phone *){font-size:13px}.ui-checkbox-copy small:not(.catalog-phone *),.ui-switch-copy small:not(.catalog-phone *){font-size:11px}.checkbox-demo>div:first-child p{font-size:12px;line-height:1.55}.ui-dialog-head p:not(.catalog-phone *){font-size:12px}.dialog-role:not(.catalog-phone *){font-size:11px}.dialog-role .ui-select-value strong:not(.catalog-phone *),.control-action{font-size:12px}.design-notes p{font-size:12px;line-height:1.7}.inspiration-note{font-size:11px;line-height:1.55}.toc a,.magic-card-footer:not(.catalog-phone *),.marquee-item strong:not(.catalog-phone *),.stack-card-head strong:not(.catalog-phone *){font-size:12px}.marquee-item small:not(.catalog-phone *),.stack-card-head small:not(.catalog-phone *),.stack-social:not(.catalog-phone *),.stack-hint:not(.catalog-phone *),.ticker-panel>span:first-child:not(.catalog-phone *),.ticker-panel small:not(.catalog-phone *){font-size:11px}.ticker-positive:not(.catalog-phone *){font-size:10px}.ui-animated-tabs button:not(.catalog-phone *){font-size:12px}.tabs-demo-content small:not(.catalog-phone *),.ui-notification-stack small:not(.catalog-phone *),.notices-demo>span:not(.catalog-phone *){font-size:11px}.surface-copy>span:not(.catalog-phone *){font-size:10px}.surface-copy p:not(.catalog-phone *){font-size:12px}.ui-bento-card small:not(.catalog-phone *),.ui-expandable-card small:not(.catalog-phone *){font-size:11px}.ui-expandable-content>div>p:not(.catalog-phone *),.expandable-body>p:not(.catalog-phone *),.expandable-meter>span strong:not(.catalog-phone *){font-size:12px}.expandable-meter>span small:not(.catalog-phone *),.expandable-facts small:not(.catalog-phone *){font-size:10px}.expandable-meter>b:not(.catalog-phone *),.expandable-facts b:not(.catalog-phone *),.ui-expandable-close:not(.catalog-phone *){font-size:11px}.cutout-demo-card p:not(.catalog-phone *){font-size:12px}.ui-floating-trigger strong:not(.catalog-phone *){font-size:13px}.ui-floating-trigger small:not(.catalog-phone *){font-size:11px}.ui-floating-content textarea:not(.catalog-phone *){font-size:12px}.ui-floating-content footer button:not(.catalog-phone *),.floating-action-list button:not(.catalog-phone *){font-size:11px}.floating-status-row strong:not(.catalog-phone *){font-size:12px}.floating-status-row small:not(.catalog-phone *){font-size:10px}.dock-demo-window p:not(.catalog-phone *){font-size:12px;line-height:1.55}.timer-demo p:not(.catalog-phone *){font-size:12px}.timer-demo>div button:not(.catalog-phone *){font-size:11px}.ui-choice-poll strong:not(.catalog-phone *){font-size:12px}.ui-choice-poll small:not(.catalog-phone *){font-size:11px}.ui-choice-poll output:not(.catalog-phone *){font-size:10px}.poll-demo>p:not(.catalog-phone *){font-size:12px}.poll-footer>span:not(.catalog-phone *),.poll-footer button:not(.catalog-phone *),.ui-expandable-screen-layer header:not(.catalog-phone *){font-size:11px}.expand-screen-trigger-card strong:not(.catalog-phone *){font-size:13px}.expand-screen-trigger-card small:not(.catalog-phone *){font-size:11px}.expand-screen-layout>p:not(.catalog-phone *),.expand-screen-grid strong:not(.catalog-phone *){font-size:12px}.expand-screen-grid small:not(.catalog-phone *){font-size:10px}.expand-screen-layout>button:not(.catalog-phone *){font-size:11px}.aurora-demo p:not(.catalog-phone *),.background-centerpiece p:not(.catalog-phone *),.beam-node small:not(.catalog-phone *){font-size:12px}.account-menu-identity small{font-size:11px}.account-menu-content .ui-dropdown-item>span strong{font-size:12px}.account-menu-content .ui-dropdown-item>span small{font-size:10px}.account-dialog-profile>div small{font-size:12px}.account-role-badge{font-size:10px}.account-detail-grid article>span{font-size:11px}.account-detail-grid article>small{font-size:10px;line-height:1.5}.account-dialog-security strong{font-size:12px}.account-dialog-security small{font-size:10px;line-height:1.55}.account-session-summary>em{font-size:10px}.account-session-list article strong{font-size:12px}.account-session-list article small,.account-session-list article>button{font-size:10px}.account-session-loading{font-size:11px}.account-dialog-actions button{font-size:12px}.read-only-notice strong{font-size:11px}.read-only-notice span,.readonly-role{font-size:10px}.token-system-bar strong{font-size:12px}.token-system-bar small,.token-system-bar>button{font-size:10px}.token-preview-head small{font-size:11px}.token-preview-actions button{font-size:12px}.token-choice>span,.token-choice button,.token-row>span{font-size:11px}.token-rule-grid p,.token-coverage-grid p{font-size:12px;line-height:1.7}.ui-auth-form-heading p:not(.catalog-phone *){font-size:12px}.ui-auth-providers button:not(.catalog-phone *),.ui-auth-options label:not(.catalog-phone *),.ui-auth-terms:not(.catalog-phone *),.ui-auth-options button:not(.catalog-phone *),.ui-auth-form-footer:not(.catalog-phone *){font-size:11px}.pending-invitations>span{font-size:10px}.pending-invitations small,.pending-invitations button{font-size:11px}.member-identity p{font-size:12px}.member-state>span,.member-state small{font-size:10px}.member-actions button,.permission-row>span{font-size:11px}.permission-head{font-size:10px}.access-security-note strong{font-size:13px}.access-security-note p{font-size:12px;line-height:1.65}.denied-card>div{font-size:12px}.denied-card a,.dropdown-demo>small:not(.catalog-phone *){font-size:11px}.ui-dropdown-label:not(.catalog-phone *),.dropdown-select-trigger small:not(.catalog-phone *),.dropdown-account-trigger small:not(.catalog-phone *),.dropdown-select-option small:not(.catalog-phone *),.dropdown-workspace-item small:not(.catalog-phone *){font-size:10px}.dropdown-select-option strong:not(.catalog-phone *),.dropdown-workspace-item strong:not(.catalog-phone *),.dropdown-command-trigger>span:not(.catalog-phone *),.dropdown-command-search input:not(.catalog-phone *),.dropdown-filter-trigger>span:not(.catalog-phone *),.ui-dropdown-checkbox-item>span:not(.catalog-phone *){font-size:12px}.dropdown-empty:not(.catalog-phone *),.dropdown-filter-apply:not(.catalog-phone *),.ui-accordion-trigger small:not(.catalog-phone *){font-size:11px}.ui-accordion-content p:not(.catalog-phone *){font-size:12px}.ui-tooltip-content,.tooltip-demo>small:not(.catalog-phone *){font-size:11px}.ui-progress-ring-copy small:not(.catalog-phone *),.progress-ring-stats small:not(.catalog-phone *){font-size:10px}.progress-ring-demo p:not(.catalog-phone *){font-size:12px}.ui-timeline-copy time:not(.catalog-phone *){font-size:10px}.ui-timeline-copy small:not(.catalog-phone *),.ui-timeline-editorial .ui-timeline-copy small:not(.catalog-phone *),.ui-timeline-roadmap .ui-timeline-copy small:not(.catalog-phone *),.timeline-roadmap-stop small:not(.catalog-phone *){font-size:11px}.timeline-scroll-hint:not(.catalog-phone *),.timeline-capsule-moment>article small:not(.catalog-phone *){font-size:10px}.timeline-capsule-moment>article time:not(.catalog-phone *){font-size:9px}.ui-toast-copy small:not(.catalog-phone *){font-size:11px}.ui-toast-action button:not(.catalog-phone *){font-size:10px}.toast-context-card>small:not(.catalog-phone *),.toast-replay:not(.catalog-phone *){font-size:11px}.developer-demo-label strong:not(.catalog-phone *){font-size:13px}.developer-demo-label small:not(.catalog-phone *){font-size:10px}.ui-code-file:not(.catalog-phone *){font-size:11px}.ui-code-head button:not(.catalog-phone *),.ui-terminal>header>strong:not(.catalog-phone *){font-size:10px}.ui-file-tree-node>button>span:last-child:not(.catalog-phone *),.file-tree-detail>small:not(.catalog-phone *){font-size:12px}.ui-diff-viewer>header>strong:not(.catalog-phone *){font-size:11px}.ui-diff-viewer>header>span:not(.catalog-phone *){font-size:10px}.ui-diff-body>code:not(.catalog-phone *){font-size:11px}.ui-diff-split>div>span:not(.catalog-phone *){font-size:10px}.not-found-demo{border:1px solid var(--border);background:var(--surface);width:min(620px,90%);min-height:390px;color:var(--text);border-radius:28px;flex-direction:column;justify-content:center;margin:auto;padding:48px;transition:padding .35s,min-height .35s,background .35s,color .35s;display:flex;position:relative;overflow:hidden}.not-found-demo[data-density=compact]{min-height:320px;padding:30px}.not-found-demo[data-density=roomy]{min-height:460px;padding:64px}.not-found-demo button{border:1px solid var(--border);background:var(--text);min-height:42px;color:var(--bg);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-weight:650;transition:transform .2s,opacity .2s;display:inline-flex}.not-found-demo button:hover{transform:translateY(-2px)}.not-found-number{letter-spacing:-.09em;font-size:clamp(84px,15vw,150px);font-weight:850;line-height:.78}.not-found-number span{color:#0000;border:2px solid var(--text);border-radius:50%;width:.72em;margin:0 .06em;display:inline-block;transform:rotate(-10deg)}.not-found-editorial p{margin:30px 0 5px;font-size:22px}.not-found-editorial small{color:var(--muted);letter-spacing:.14em}.not-found-editorial button{align-self:flex-start;margin-top:28px}.not-found-route{text-align:center;align-items:center}.not-found-route-map{background:linear-gradient(90deg,transparent 49%,var(--border) 50%,transparent 51%),linear-gradient(transparent 49%,var(--border) 50%,transparent 51%);background-size:40px 40px;width:250px;height:120px;margin-bottom:28px;position:relative}.not-found-route-map:before{content:"";border:2px dashed var(--muted);border-radius:50% 20% 45% 30%;position:absolute;inset:20px 12px;transform:rotate(-8deg)}.not-found-route-map i{background:var(--text);border-radius:50%;width:8px;height:8px;position:absolute}.not-found-route-map i:first-child{top:72px;left:18px}.not-found-route-map i:nth-child(2){top:25px;left:92px}.not-found-route-map i:nth-child(3){bottom:15px;right:24px}.not-found-route-map span{background:var(--text);width:42px;height:42px;color:var(--bg);border-radius:50% 50% 50% 8px;place-items:center;display:grid;position:absolute;top:42%;left:52%;transform:rotate(-45deg);box-shadow:0 12px 30px #0000002e}.not-found-route-map span svg{transform:rotate(45deg)}.not-found-route>small{color:var(--muted);letter-spacing:.16em;font-size:10px;font-weight:750}.not-found-route h3{letter-spacing:-.04em;margin:10px 0 5px;font-size:30px}.not-found-route p{color:var(--muted);margin:0 0 22px}.not-found-route>div:last-child{gap:8px;display:flex}.not-found-route>div:last-child button+button{color:var(--text);background:0 0}.not-found-terminal{color:#edeee8;background:#101110;border-color:#30322f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.not-found-terminal header{color:#9ea099;border-bottom:1px solid #30322f;align-items:center;gap:8px;height:48px;padding:0 18px;display:flex;position:absolute;inset:0 0 auto}.not-found-terminal header span{margin-right:auto}.not-found-terminal header i{background:#464944;border-radius:50%;width:7px;height:7px}.not-found-terminal code{white-space:normal;font-size:16px;line-height:2}.not-found-terminal code b{color:#77c091}.not-found-terminal code em{color:#ef6f65;font-style:normal}.not-found-terminal code span{color:#8e9189}.not-found-terminal button{color:#111;background:#edeee8;align-self:flex-start;margin-top:26px}.not-found-broadcast{color:#171511;background:#ff5a43;border-color:#171511;border-radius:10px;justify-content:flex-start;gap:13px;min-height:430px;padding:20px;box-shadow:inset 0 0 0 5px #17151117}.not-found-broadcast-header{letter-spacing:.13em;justify-content:space-between;align-items:center;min-height:27px;font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.not-found-broadcast-header span{align-items:center;gap:7px;display:flex}.not-found-broadcast-header span i{background:#171511;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite alternate notFoundLive}.not-found-broadcast-header b{border:1px solid #171511;border-radius:4px;padding:6px 8px}.not-found-broadcast-screen{isolation:isolate;background:#eee8d8;border:3px solid #171511;border-radius:20px;place-items:center;min-height:245px;display:grid;position:relative;overflow:hidden;box-shadow:5px 5px #171511}.not-found-broadcast-screen:before{content:"";z-index:3;pointer-events:none;opacity:.2;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 3px,#171511 3px 4px);position:absolute;inset:0}.not-found-test-bars{opacity:.94;grid-template-columns:1.1fr .75fr .9fr .7fr 1fr;display:grid;position:absolute;inset:0}.not-found-test-bars i:first-child{background:#f0cf3f}.not-found-test-bars i:nth-child(2){background:#eb6e98}.not-found-test-bars i:nth-child(3){background:#4aa5d8}.not-found-test-bars i:nth-child(4){background:#65b886}.not-found-test-bars i:nth-child(5){background:#f2ede0}.not-found-broadcast-message{z-index:2;background:#f6f0df;border:3px solid #171511;justify-items:center;min-width:250px;padding:20px 28px 18px;animation:.3s steps(4,end) both notFoundChannelIn;display:grid;position:relative;box-shadow:7px 7px #171511}.not-found-broadcast-message small{letter-spacing:.14em;font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.not-found-broadcast-message strong{letter-spacing:-.09em;font-size:70px;line-height:.92}.not-found-broadcast-message p{margin:5px 0 0;font-size:13px;font-weight:700}.not-found-broadcast-screen>em{z-index:4;color:#f6f0df;letter-spacing:.1em;background:#171511;padding:5px 7px;font:650 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:8px;right:10px}.not-found-broadcast-controls{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.not-found-broadcast-controls>div{gap:3px;min-width:0;display:grid}.not-found-broadcast-controls small{letter-spacing:.13em;font:750 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.not-found-broadcast-controls strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.not-found-broadcast .not-found-broadcast-controls button{color:#fff5df;background:#171511;border-color:#171511;border-radius:5px;min-height:38px}.not-found-broadcast .not-found-broadcast-controls button:last-child{color:#171511;background:0 0}.not-found-lost{color:#1d1b14;background:#efc84b;border-color:#c29d29;justify-content:space-between;gap:22px;min-height:420px;box-shadow:inset 0 0 0 8px #1d1b140f}.not-found-lost>header{letter-spacing:.12em;border-bottom:2px solid #1d1b1438;justify-content:space-between;align-items:center;padding-bottom:13px;font:750 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.not-found-lost>header b{letter-spacing:-.06em;font-size:18px}.not-found-claim-ticket{background:#fff8dd;border:2px solid #1d1b14;border-radius:3px;align-content:center;gap:7px;min-height:185px;padding:27px 30px;display:grid;position:relative;transform:rotate(-1.4deg);box-shadow:8px 8px #1d1b14}.not-found-claim-ticket:before,.not-found-claim-ticket:after{content:"";background:#efc84b;border:2px solid #1d1b14;border-radius:50%;width:19px;height:34px;position:absolute;top:50%;transform:translateY(-50%)}.not-found-claim-ticket:before{border-left:0;left:-12px}.not-found-claim-ticket:after{border-right:0;right:-12px}.not-found-claim-ticket>span{letter-spacing:.15em;font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.not-found-claim-ticket strong{letter-spacing:-.045em;max-width:390px;font-size:35px;line-height:1}.not-found-claim-ticket small{color:#6e6240;font-size:11px}.not-found-claim-ticket i{font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:20px;right:24px}.not-found-lost-actions{gap:9px;display:flex}.not-found-lost button{color:#fff8dd;background:#1d1b14;border-color:#1d1b14}.not-found-lost button+button{color:#1d1b14;background:0 0}.not-found-doors{text-align:center;color:#18214a;background:#d4dcff;border-color:#aab8ef;align-items:center;min-height:420px}.not-found-doors>small{color:#536293;letter-spacing:.15em;font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.not-found-doors>h3{letter-spacing:-.045em;margin:12px 0 26px;font-size:32px}.not-found-door-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;min-height:0;display:grid}.not-found-doors .not-found-door-grid button{color:#263568;background:#b8c5f4;border:1px solid #8e9fdc;border-radius:18px 18px 4px 4px;flex-direction:column;justify-content:space-between;min-width:0;height:150px;padding:13px;display:flex;position:relative;box-shadow:inset 0 -8px #26356812}.not-found-doors .not-found-door-grid button:hover{transform:translateY(-4px)}.not-found-doors .not-found-door-grid button[data-active=true]{color:#eef1ff;background:#18214a;border-color:#18214a;box-shadow:0 13px 28px #18214a40}.not-found-doors .not-found-door-grid button i{opacity:.7;align-self:flex-start;font:650 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.not-found-doors .not-found-door-grid button svg{align-self:center}.not-found-doors .not-found-door-grid button span{align-self:flex-start;font-size:10px}.not-found-doors .not-found-door-action{color:#eef1ff;background:#18214a;border-color:#18214a;margin-top:20px}@keyframes notFoundLive{to{opacity:.3}}@keyframes notFoundChannelIn{0%{opacity:.35;filter:contrast(2);transform:translate(-9px)}to{opacity:1;filter:none;transform:none}}.theme-scene{--scene-bg:#111313;--scene-fg:#f6f3eb;border:1px solid var(--scene-fg);border-radius:28px;width:min(650px,92%);min-height:410px;margin:auto;padding:42px}@supports (color:color-mix(in lab, red, red)){.theme-scene{border:1px solid color-mix(in srgb,var(--scene-fg) 13%,transparent)}}.theme-scene{background:var(--scene-bg);color:var(--scene-fg);isolation:isolate;flex-direction:column;justify-content:flex-end;transition:background .55s cubic-bezier(.2,.8,.2,1),color .55s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.theme-scene[data-mode=light]{--scene-bg:#f2eee3;--scene-fg:#191b1a}.theme-scene:before{content:"";z-index:-1;background:radial-gradient(circle at 78% 20%,var(--scene-fg),transparent 28%);position:absolute;inset:-25%}@supports (color:color-mix(in lab, red, red)){.theme-scene:before{background:radial-gradient(circle at 78% 20%,color-mix(in srgb,var(--scene-fg) 13%,transparent),transparent 28%)}}.theme-scene:before{transition:clip-path .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1)}.theme-transition-wipe:before{background:var(--scene-fg)}@supports (color:color-mix(in lab, red, red)){.theme-transition-wipe:before{background:color-mix(in srgb,var(--scene-fg) 8%,transparent)}}.theme-transition-wipe:before{clip-path:inset(0 0 0 58%)}.theme-transition-radial:before{clip-path:circle(28% at 80% 18%)}.theme-scene-sky{border:1px solid var(--scene-fg);width:82px;height:82px;position:absolute;top:34px;right:38px}@supports (color:color-mix(in lab, red, red)){.theme-scene-sky{border:1px solid color-mix(in srgb,var(--scene-fg) 18%,transparent)}}.theme-scene-sky{border-radius:50%;place-items:center;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:grid}.theme-scene-sky svg{grid-area:1/1;transition:opacity .35s,transform .55s}.theme-scene[data-mode=dark] .theme-scene-sky svg:first-child,.theme-scene[data-mode=light] .theme-scene-sky svg:last-child{opacity:0;transform:scale(.4)rotate(50deg)}.theme-scene-copy{max-width:390px;margin-bottom:32px}.theme-scene-copy small{letter-spacing:.16em;opacity:.58;font-weight:750}.theme-scene-copy h3{letter-spacing:-.045em;margin:10px 0 8px;font-size:34px}.theme-scene-copy p{color:var(--scene-fg);margin:0}@supports (color:color-mix(in lab, red, red)){.theme-scene-copy p{color:color-mix(in srgb,var(--scene-fg) 62%,transparent)}}.theme-scene-copy p{line-height:1.55}.ui-theme-switch{border:1px solid var(--scene-fg);align-self:flex-start;min-height:48px;padding:5px 15px 5px 5px}@supports (color:color-mix(in lab, red, red)){.ui-theme-switch{border:1px solid color-mix(in srgb,var(--scene-fg) 18%,transparent)}}.ui-theme-switch{background:var(--scene-fg);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.ui-theme-switch{background:color-mix(in srgb,var(--scene-fg) 7%,transparent)}}.ui-theme-switch{color:inherit;font:inherit;cursor:pointer;align-items:center;gap:12px;font-weight:650;display:flex}.ui-theme-switch-track{background:var(--scene-fg);border-radius:10px;justify-content:space-around;align-items:center;width:84px;height:38px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.ui-theme-switch-track{background:color-mix(in srgb,var(--scene-fg) 8%,transparent)}}.ui-theme-switch-track svg{z-index:1;opacity:.55}.ui-theme-switch-track i{background:var(--scene-fg);border-radius:8px;width:32px;height:32px;transition:transform .5s cubic-bezier(.2,.85,.2,1);position:absolute;left:3px}.ui-theme-switch[data-mode=dark] .ui-theme-switch-track i{transform:translate(46px)}.ui-theme-switch[data-mode=light] .ui-theme-switch-track svg:first-child,.ui-theme-switch[data-mode=dark] .ui-theme-switch-track svg:last-of-type{color:var(--scene-bg);opacity:1}.ui-theme-split{border:1px solid var(--scene-fg);align-self:flex-start;padding:4px;display:flex}@supports (color:color-mix(in lab, red, red)){.ui-theme-split{border:1px solid color-mix(in srgb,var(--scene-fg) 16%,transparent)}}.ui-theme-split{background:var(--scene-fg);border-radius:15px}@supports (color:color-mix(in lab, red, red)){.ui-theme-split{background:color-mix(in srgb,var(--scene-fg) 6%,transparent)}}.ui-theme-split button{min-height:42px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;padding:0 18px;display:flex}.ui-theme-split button.active{background:var(--scene-fg);color:var(--scene-bg);box-shadow:0 8px 24px #0000001f}.ui-theme-dial{border-radius:50%;padding:7px 17px 7px 7px}.ui-theme-dial .ui-theme-switch-track{border-radius:50%;width:46px;height:46px}.ui-theme-dial .ui-theme-switch-track i{border-radius:50%;width:38px;height:38px;left:4px;transform:none!important}.ui-theme-dial .ui-theme-switch-track svg{position:absolute}.ui-theme-dial[data-mode=light] .ui-theme-switch-track svg:last-of-type,.ui-theme-dial[data-mode=dark] .ui-theme-switch-track svg:first-child{opacity:0}.ui-theme-dial[data-mode=dark] .ui-theme-switch-track{transform:rotate(180deg)}.ui-theme-mask{position:relative;overflow:hidden}.ui-theme-mask:after{content:"";opacity:.4;border:1px solid;border-radius:50%;width:14px;height:14px;animation:2.2s ease-out infinite themePulse;position:absolute;top:-5px;right:-5px}@keyframes themePulse{to{opacity:0;transform:scale(7)}}.scroll-effect-demo{border:1px solid var(--border);background:var(--surface);border-radius:24px;width:min(690px,94%);height:500px;margin:auto;position:relative;overflow:hidden}.ui-scroll-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;height:100%;overflow-y:auto}.ui-scroll-viewport::-webkit-scrollbar{width:7px}.ui-scroll-viewport::-webkit-scrollbar-thumb{background:var(--muted);border:2px solid var(--surface);border-radius:8px}.scroll-progress-readout{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-width:48px;padding:7px 9px;position:absolute;bottom:14px;right:16px}@supports (color:color-mix(in lab, red, red)){.scroll-progress-readout{background:color-mix(in srgb,var(--surface) 86%,transparent)}}.scroll-progress-readout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;font-size:11px;font-weight:750}.scroll-effect-progress .ui-scroll-viewport{padding:60px 60px 140px 84px}.scroll-effect-progress section{border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;min-height:330px;display:flex}.scroll-effect-progress section>span{color:var(--muted);font:700 10px/1 ui-monospace,monospace}.scroll-effect-progress h3{letter-spacing:-.04em;margin:12px 0 8px;font-size:32px}.scroll-effect-progress p{max-width:420px;color:var(--muted);margin:0;line-height:1.65}.scroll-progress-rail{background:var(--border);z-index:2;width:2px;position:absolute;top:30px;bottom:30px;left:36px}.scroll-progress-rail i{width:100%;height:calc(var(--p) * 100%);background:var(--text);transition:height 80ms linear;display:block}.scroll-reveal-stack{min-height:1500px;padding:60px 48px 160px}.scroll-reveal-stack header{flex-direction:column;justify-content:center;align-items:flex-start;height:280px;display:flex}.scroll-reveal-stack header small{letter-spacing:.15em;color:var(--muted)}.scroll-reveal-stack header h3{letter-spacing:-.05em;max-width:380px;margin:12px 0 30px;font-size:38px}.scroll-reveal-stack article{border:1px solid var(--border);background:var(--surface);min-height:190px;transform:translateY(calc((1 - var(--p)) * 18px * var(--strength))) rotate(calc((var(--i) - 1.5) * .4deg));border-radius:22px;grid-template-columns:1fr auto;align-content:space-between;margin-bottom:34px;padding:28px;display:grid;position:sticky;top:34px;box-shadow:0 22px 50px #0000001f}.scroll-reveal-stack article span{color:var(--muted);font:700 10px/1 ui-monospace,monospace}.scroll-reveal-stack article strong{grid-column:1/-1;font-size:30px}.scroll-reveal-stack article small{color:var(--muted)}.scroll-reveal-stack footer{place-items:center;height:240px;font-size:28px;display:grid}.scroll-parallax-world{background:linear-gradient(180deg,var(--surface),var(--accent),var(--surface));min-height:1450px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.scroll-parallax-world{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--accent) 11%,var(--surface)),var(--surface))}}.parallax-copy{z-index:2;height:500px;padding:62px 50px;position:sticky;top:0}.parallax-copy small{letter-spacing:.15em;color:var(--muted)}.parallax-copy h3{letter-spacing:-.055em;max-width:360px;font-size:44px}.parallax-shape{border:1px solid var(--border);background:var(--text);border-radius:50%;position:absolute}@supports (color:color-mix(in lab, red, red)){.parallax-shape{background:color-mix(in srgb,var(--text) 6%,transparent)}}.parallax-shape{will-change:transform}.parallax-shape.one{width:260px;height:260px;transform:translateY(calc(var(--p) * -210px * var(--strength)));top:380px;left:-40px}.parallax-shape.two{background:var(--text);width:160px;height:160px;transform:translateY(calc(var(--p) * -420px * var(--strength)));top:680px;right:80px}.parallax-shape.three{width:340px;height:340px;transform:translateY(calc(var(--p) * -620px * var(--strength)));top:970px;right:-130px}.parallax-end{align-items:center;gap:10px;font-weight:700;display:flex;position:absolute;bottom:100px;left:50px}.scroll-chapters{grid-template-columns:150px 1fr;min-height:1500px;display:grid}.scroll-chapters aside{border-right:1px solid var(--border);flex-direction:column;gap:16px;height:498px;padding:54px 22px;display:flex;position:sticky;top:0}.scroll-chapters aside span{color:var(--muted);border-radius:9px;padding:10px;font:650 11px/1.2 ui-monospace,monospace;transition:all .25s}.scroll-chapters aside span.active{background:var(--text);color:var(--bg)}.scroll-chapters>div{padding:0 48px 120px}.scroll-chapters section{border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;height:350px;display:flex}.scroll-chapters section small{color:var(--muted);letter-spacing:.14em}.scroll-chapters section h3{letter-spacing:-.04em;max-width:340px;font-size:32px}.catalog-phone .not-found-demo,.catalog-phone .theme-scene{border-radius:18px;width:100%;height:100%;min-height:0;padding:22px}.catalog-phone .not-found-number{font-size:68px}.catalog-phone .not-found-editorial p{margin-top:20px;font-size:16px}.catalog-phone .not-found-route-map{width:180px;height:90px}.catalog-phone .not-found-route h3,.catalog-phone .not-found-portal h3{font-size:22px}.catalog-phone .not-found-orbit{width:140px;height:140px}.catalog-phone .theme-scene-copy h3{font-size:26px}.catalog-phone .theme-scene-copy p{font-size:11px}.catalog-phone .theme-scene-sky{width:58px;height:58px}.catalog-phone .scroll-effect-demo{border-radius:16px;width:100%;height:100%}.catalog-phone .scroll-effect-progress .ui-scroll-viewport{padding:35px 25px 100px 48px}.catalog-phone .scroll-effect-progress section{min-height:250px}.catalog-phone .scroll-effect-progress h3{font-size:24px}.catalog-phone .scroll-reveal-stack{padding:32px 18px 100px}.catalog-phone .scroll-reveal-stack article{min-height:150px}.catalog-phone .scroll-chapters{grid-template-columns:70px 1fr}.catalog-phone .scroll-chapters aside{padding:30px 8px}.catalog-phone .scroll-chapters>div{padding:0 18px 80px}.catalog-phone .scroll-chapters section h3{font-size:22px}.catalog-phone .parallax-copy{padding:35px 24px}.catalog-phone .parallax-copy h3{font-size:30px}.catalog-phone .not-found-broadcast{gap:10px;height:auto;min-height:440px;padding:15px}.catalog-phone .not-found-broadcast-screen{min-height:285px}.catalog-phone .not-found-broadcast-message{width:78%;min-width:0;padding:17px 12px}.catalog-phone .not-found-broadcast-message strong{font-size:58px}.catalog-phone .not-found-broadcast-controls{grid-template-columns:1fr 1fr}.catalog-phone .not-found-broadcast-controls>div{grid-column:1/-1}.catalog-phone .not-found-lost{gap:14px}.catalog-phone .not-found-claim-ticket{min-height:150px;padding:20px}.catalog-phone .not-found-claim-ticket strong{font-size:24px}.catalog-phone .not-found-lost-actions{grid-template-columns:1fr;width:100%;display:grid}.catalog-phone .not-found-doors>h3{margin-bottom:17px;font-size:24px}.catalog-phone .not-found-door-grid{gap:6px}.catalog-phone .not-found-doors .not-found-door-grid button{border-radius:13px 13px 3px 3px;height:105px;padding:9px}.catalog-phone .not-found-doors .not-found-door-grid button span{font-size:7px}@media (width<=720px){.not-found-demo,.theme-scene{padding:30px}.scroll-effect-progress .ui-scroll-viewport{padding:45px 28px 100px 58px}.scroll-chapters{grid-template-columns:92px 1fr}.scroll-chapters>div{padding:0 24px 80px}}@media (prefers-reduced-motion:reduce){.not-found-orbit:before,.not-found-orbit:after,.ui-theme-mask:after{animation:none}.theme-scene,.theme-scene:before,.ui-theme-switch-track i{transition-duration:.15s}.parallax-shape{transform:none!important}.not-found-broadcast-header span i,.not-found-broadcast-message{animation:none}}.theme-scene,.theme-scene:before,.theme-scene-sky,.theme-scene-copy,.ui-theme-switch-track i{transition-duration:var(--theme-duration,.56s)}.ui-theme-switch-track i{top:3px;bottom:auto}.ui-theme-switch-track svg{flex:none}.ui-theme-toggle .ui-theme-switch-track i{width:38px;height:38px;top:0;left:2px}.ui-theme-toggle[data-mode=dark] .ui-theme-switch-track i{transform:translate(42px)}.ui-theme-toggle[data-label=false]{place-items:center;gap:0;padding:5px;display:grid}.theme-scene-toggle:after{content:"";z-index:-1;background:var(--scene-fg);width:54%;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.theme-scene-toggle:after{background:color-mix(in srgb,var(--scene-fg) 5%,transparent)}}.theme-scene-toggle:after{border-right:1px solid var(--scene-fg)}@supports (color:color-mix(in lab, red, red)){.theme-scene-toggle:after{border-right:1px solid color-mix(in srgb,var(--scene-fg) 8%,transparent)}}.theme-scene-toggle:after{transition:transform var(--theme-duration,.56s) cubic-bezier(.2,.8,.2,1);transform:translate(-102%)}.theme-scene-split .theme-scene-sky{left:38px;right:auto}.theme-scene-split .theme-scene-copy{text-align:right;margin-left:auto}.theme-scene-split .ui-theme-split{align-self:flex-end}.theme-scene-split[data-mode=dark] .theme-scene-sky{transform:translate(calc(min(650px,92vw) - 164px))}.theme-scene-split[data-mode=dark] .theme-scene-copy{transform:translate(-6px)}.ui-theme-pop{border:1px solid var(--scene-fg);align-self:flex-start;min-width:230px;padding:8px 18px 8px 8px}@supports (color:color-mix(in lab, red, red)){.ui-theme-pop{border:1px solid color-mix(in srgb,var(--scene-fg) 18%,transparent)}}.ui-theme-pop{background:var(--scene-fg);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.ui-theme-pop{background:color-mix(in srgb,var(--scene-fg) 7%,transparent)}}.ui-theme-pop{color:inherit;text-align:left;font:inherit;cursor:pointer;align-items:center;gap:13px;display:flex}.ui-theme-pop-icon{background:var(--scene-fg);width:48px;height:48px;color:var(--scene-bg);border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.ui-theme-pop-icon svg{transition:opacity calc(var(--theme-duration,.56s) * .55) ease,transform var(--theme-duration,.56s) cubic-bezier(.2,1.35,.35,1);position:absolute}.ui-theme-pop>span:last-child{flex-direction:column;gap:3px;display:flex}.ui-theme-pop small{letter-spacing:.15em;opacity:.55;font-size:8px}.ui-theme-pop strong{font-size:13px}.ui-theme-pop[data-label=false]{border-radius:18px;justify-content:center;width:64px;min-width:0;height:64px;padding:7px}.ui-theme-pop[data-mode=light] .ui-theme-pop-icon svg:first-child,.ui-theme-pop[data-mode=dark] .ui-theme-pop-icon svg:last-child{opacity:1;transform:translateY(0)scale(1)}.ui-theme-pop[data-mode=light] .ui-theme-pop-icon svg:last-child{opacity:0;transform:translateY(26px)scale(.3)}.ui-theme-pop[data-mode=dark] .ui-theme-pop-icon svg:first-child{opacity:0;transform:translateY(-26px)scale(.3)}.theme-scene-pop[data-mode=dark] .theme-scene-copy{transform:translateY(3px)}.theme-scene-radial{text-align:center;justify-content:center;align-items:center}.theme-scene-radial:before{background:var(--scene-fg);opacity:.06;clip-path:none;width:80px;height:80px;transition:transform var(--theme-duration,.56s) cubic-bezier(.2,.85,.25,1),opacity var(--theme-duration,.56s) ease;border-radius:50%;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(1)}.theme-scene-radial[data-mode=dark]:before{opacity:.035;transform:translate(-50%,-50%)scale(10)}.theme-scene-radial .theme-scene-sky{display:none}.theme-scene-radial .theme-scene-copy{max-width:430px;margin:0 0 28px}.theme-scene-radial .theme-scene-copy h3{font-size:38px}.ui-theme-radial-button{border:1px solid var(--scene-fg);min-height:62px;padding:7px 20px 7px 7px}@supports (color:color-mix(in lab, red, red)){.ui-theme-radial-button{border:1px solid color-mix(in srgb,var(--scene-fg) 20%,transparent)}}.ui-theme-radial-button{background:var(--scene-fg);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.ui-theme-radial-button{background:color-mix(in srgb,var(--scene-fg) 7%,transparent)}}.ui-theme-radial-button{color:inherit;font:inherit;cursor:pointer;align-items:center;gap:12px;display:flex;position:relative}.ui-theme-radial-button>span{background:var(--scene-fg);width:46px;height:46px;color:var(--scene-bg);transition:transform var(--theme-duration,.56s) cubic-bezier(.2,1.2,.3,1);border-radius:50%;place-items:center;display:grid}.ui-theme-radial-button:active>span{transform:scale(1.35)}.ui-theme-radial-button strong{font-size:13px}.ui-theme-radial-button[data-label=false]{border-radius:50%;place-items:center;gap:0;width:58px;height:58px;min-height:0;padding:5px;display:grid}.ui-theme-radial-button[data-label=false]>span{width:46px;height:46px}.design-flow-theme-mask .design-flow-preview{padding:0}.design-flow-theme-mask .design-flow-preview>.theme-scene-mask{border-radius:0;width:100%;min-height:440px}.theme-scene-mask{--scene-bg:#000;--scene-fg:var(--force-text,#f4f4f1);text-align:center;background:var(--force-gray,#000);color:var(--force-text,#f4f4f1);contain:paint;border:0;justify-content:center;align-items:center;transition:background 60ms linear,color .16s}.theme-scene-mask:before{content:none}.theme-scene-mask[data-mode=dark]:before{opacity:1;transform:none}.theme-scene-mask .theme-scene-sky{display:none}.theme-pressure-halo{z-index:0;aspect-ratio:1;width:250px;transform:translate(-50%,-50%) scale(calc(.42 + var(--force,0) * .34));pointer-events:none;opacity:calc(.18 + var(--force,0) * .22);border-radius:50%;transition:transform 60ms linear,opacity 60ms linear;position:absolute;top:50%;left:36px}.theme-pressure-halo i{border:1px solid var(--force-text,#fff);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.theme-pressure-halo i{border:1px solid color-mix(in srgb,var(--force-text,#fff) 26%,transparent)}}.theme-pressure-halo i{box-shadow:0 0 28px var(--force-text,#fff);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.theme-pressure-halo i{box-shadow:0 0 28px color-mix(in srgb,var(--force-text,#fff) 8%,transparent)}}.theme-pressure-halo i:nth-child(2){opacity:.68;inset:18%}.theme-pressure-halo i:nth-child(3){opacity:.42;inset:36%}.theme-scene-mask .theme-scene-copy{z-index:2;max-width:430px;margin:0 0 28px;position:relative}.theme-scene-mask .theme-scene-copy h3{font-size:38px}.ui-theme-mask-button{border:1px solid;width:250px;min-height:74px;padding:8px 14px 8px 8px}@supports (color:color-mix(in lab, red, red)){.ui-theme-mask-button{border:1px solid color-mix(in srgb,currentColor 22%,transparent)}}.ui-theme-mask-button{background:var(--force-gray,#000);border-radius:20px}@supports (color:color-mix(in lab, red, red)){.ui-theme-mask-button{background:color-mix(in srgb,var(--force-gray,#000) 22%,transparent)}}.ui-theme-mask-button{color:inherit;font:inherit;text-align:left;cursor:crosshair;z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 calc(10px + var(--press,0) * 10px) calc(28px + var(--press,0) * 22px) rgba(0,0,0,calc(.13 + var(--press,0) * .13)),inset 0 calc(var(--press,0) * -4px) calc(var(--press,0) * 10px) currentColor;align-items:center;gap:13px;display:flex;position:relative;transform:translateY(-12px)}@supports (color:color-mix(in lab, red, red)){.ui-theme-mask-button{box-shadow:0 calc(10px + var(--press,0) * 10px) calc(28px + var(--press,0) * 22px) rgba(0,0,0,calc(.13 + var(--press,0) * .13)),inset 0 calc(var(--press,0) * -4px) calc(var(--press,0) * 10px) color-mix(in srgb,currentColor 10%,transparent)}}.ui-theme-mask-button{transition:transform .22s cubic-bezier(.22,.75,.25,1),border-color .22s,background 80ms linear,box-shadow .22s}.ui-theme-mask-button[data-pressing=true]{transform:translateY(calc(-12px + var(--press,0) * 4px)) scale(calc(1 - var(--press,0) * .035));border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.ui-theme-mask-button[data-pressing=true]{border-color:color-mix(in srgb,currentColor calc(30% + var(--press,0) * 36%),transparent)}}.ui-theme-mask-button[data-pressing=true]{transition-duration:60ms}.ui-theme-force-field{pointer-events:none;z-index:1;width:56px;height:56px;color:var(--ring-color,currentColor);position:absolute;top:50%;left:36px;transform:translate(-50%,-50%)}.ui-theme-force-field i{opacity:calc(var(--press,0) * .55);box-shadow:0 0 0 1px var(--ring-outline,transparent);border:1px solid;border-radius:19px;transition:transform .22s cubic-bezier(.22,.75,.25,1),opacity .22s,border-radius .22s;position:absolute;inset:0}.ui-theme-mask-button[data-pressing=true] .ui-theme-force-field i{transition-duration:60ms}.ui-theme-force-field i:first-child{transform:scale(calc(1 + var(--press,0) * .34))}.ui-theme-force-field i:nth-child(2){transform:scale(calc(1 + var(--press,0) * .7));opacity:calc(var(--press,0) * .32);border-radius:24px}.ui-theme-force-field i:nth-child(3){transform:scale(calc(1 + var(--press,0) * 1.08));opacity:calc(var(--press,0) * .2);border-radius:28px}.ui-theme-mask-icon{border:1px solid var(--force-text,#fff);flex:none;width:56px;height:56px}@supports (color:color-mix(in lab, red, red)){.ui-theme-mask-icon{border:1px solid color-mix(in srgb,var(--force-text,#fff) 22%,transparent)}}.ui-theme-mask-icon{background:var(--force-gray,#000);color:var(--force-text,#f4f4f1);z-index:2;transform:scale(calc(1 - var(--press,0) * .08));box-shadow:inset 0 calc(var(--press,0) * 5px) calc(var(--press,0) * 10px) #0003;border-radius:16px;place-items:center;transition:transform .22s cubic-bezier(.22,.75,.25,1),color 80ms linear,background 80ms linear,box-shadow .22s;display:grid;position:relative}.ui-theme-mask-button[data-pressing=true] .ui-theme-mask-icon{transition-duration:60ms}.ui-theme-force-readout{z-index:2;flex:1;grid-template-columns:1fr auto;align-items:end;gap:5px 9px;min-width:0;display:grid;position:relative}.ui-theme-force-readout small{letter-spacing:.13em;opacity:.58;grid-column:1/-1;font:750 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.ui-theme-force-readout strong{letter-spacing:-.03em;font:680 17px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace}.ui-theme-force-readout>i{background:currentColor;border-radius:999px;grid-column:1/-1;height:5px;margin-top:3px}@supports (color:color-mix(in lab, red, red)){.ui-theme-force-readout>i{background:color-mix(in srgb,currentColor 13%,transparent)}}.ui-theme-force-readout>i{position:relative;overflow:visible}.ui-theme-force-readout>i b{width:calc(var(--force,0) * 100%);border-radius:inherit;background:currentColor;height:100%;transition:width 60ms linear;display:block}.ui-theme-force-readout>i em{opacity:.58;font:650 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:9px;right:0}.ui-theme-mask-button[data-reverse=true]{text-align:right;flex-direction:row-reverse;padding:8px 8px 8px 14px}.ui-theme-mask-button[data-reverse=true] .theme-pressure-halo{transform:translate(50%,-50%) scale(calc(.42 + var(--force,0) * .34));left:auto;right:36px}.ui-theme-mask-button[data-reverse=true] .ui-theme-force-field{left:auto;right:36px;transform:translate(50%,-50%)}.ui-theme-mask-button[data-reverse=true] .ui-theme-force-readout>i b{margin-left:auto}.ui-theme-mask-button[data-reverse=true] .ui-theme-force-readout>i em{left:0;right:auto}.ui-theme-mask-button[data-label=false]{border-radius:21px;place-items:center;gap:0;width:68px;height:68px;min-height:0;padding:6px;display:grid}.ui-theme-mask-button[data-label=false] .ui-theme-mask-icon{width:54px;height:54px}.ui-theme-mask-button[data-label=false] .theme-pressure-halo,.ui-theme-mask-button[data-label=false][data-reverse=true] .theme-pressure-halo{transform:translate(-50%,-50%) scale(calc(.42 + var(--force,0) * .34));left:50%;right:auto}.ui-theme-mask-button[data-label=false] .ui-theme-force-field,.ui-theme-mask-button[data-label=false][data-reverse=true] .ui-theme-force-field{left:50%;right:auto;transform:translate(-50%,-50%)}.theme-scene-drag{background:linear-gradient(90deg,#f2eee3 0 var(--light-width),#111313 var(--light-width) 100%);color:var(--scene-fg)}.theme-scene-drag:before{display:none}.theme-scene-drag .theme-scene-sky{opacity:.25}.ui-theme-drag{border:1px solid var(--scene-fg);align-self:stretch;height:68px;padding:0 18px}@supports (color:color-mix(in lab, red, red)){.ui-theme-drag{border:1px solid color-mix(in srgb,var(--scene-fg) 20%,transparent)}}.ui-theme-drag{background:var(--scene-bg);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.ui-theme-drag{background:color-mix(in srgb,var(--scene-bg) 72%,transparent)}}.ui-theme-drag{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:inherit;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;display:grid}.ui-theme-drag>svg{border:1px solid;border-radius:10px;width:34px;height:34px;padding:8px;box-shadow:0 2px 10px #0000001f}.ui-theme-drag>svg:first-child{color:#29271f;background:#f3eddd;border-color:#29271f57}.ui-theme-drag>svg:last-of-type{color:#f4f1e8;background:#151617;border-color:#f4f1e852}.ui-theme-drag input{appearance:none;cursor:grab;background:0 0;width:100%;height:34px}.ui-theme-drag input:active{cursor:grabbing}.ui-theme-drag input::-webkit-slider-runnable-track{border:1px solid var(--scene-fg);background:linear-gradient(90deg,#f2eee3,#111313);border-radius:999px;height:8px}@supports (color:color-mix(in lab, red, red)){.ui-theme-drag input::-webkit-slider-runnable-track{border:1px solid color-mix(in srgb,var(--scene-fg) 25%,transparent)}}.ui-theme-drag input::-webkit-slider-thumb{appearance:none;border:6px solid var(--scene-bg);background:var(--scene-fg);border-radius:50%;width:28px;height:28px;margin-top:-11px;box-shadow:0 3px 14px #00000040}.ui-theme-drag input::-moz-range-track{border:1px solid var(--scene-fg);background:linear-gradient(90deg,#f2eee3,#111313);border-radius:999px;height:8px}@supports (color:color-mix(in lab, red, red)){.ui-theme-drag input::-moz-range-track{border:1px solid color-mix(in srgb,var(--scene-fg) 25%,transparent)}}.ui-theme-drag input::-moz-range-thumb{border:6px solid var(--scene-bg);background:var(--scene-fg);border-radius:50%;width:18px;height:18px;box-shadow:0 3px 14px #00000040}.ui-theme-drag input::-moz-range-progress{background:0 0}.ui-theme-drag>span{white-space:nowrap;font-size:11px;font-weight:700}.catalog-phone .theme-scene-radial .theme-scene-copy h3,.catalog-phone .theme-scene-mask .theme-scene-copy h3{font-size:25px}.catalog-phone .ui-theme-drag{grid-template-columns:auto 1fr auto;padding:0 10px}.catalog-phone .ui-theme-drag>span{display:none}.catalog-phone .ui-theme-pop{width:100%;min-width:0}@media (width<=720px){.theme-scene-split[data-mode=dark] .theme-scene-sky{transform:none}.theme-scene-split .theme-scene-copy{text-align:left;margin-left:0}.theme-scene-split .ui-theme-split{align-self:flex-start}.ui-theme-drag{grid-template-columns:auto 1fr auto}.ui-theme-drag>span{display:none}}.theme-scene-bulb{background:#111210;justify-content:flex-end}.theme-scene-bulb[data-mode=light]{color:#252218;background:#eee6cf}.theme-scene-bulb:before{clip-path:none;opacity:0;height:125%;transition:opacity var(--theme-duration,.56s) ease,transform var(--theme-duration,.56s) cubic-bezier(.2,.9,.25,1);background:radial-gradient(circle at 50% 0,#ffe08a94,#ffe08a1f 32%,#0000 64%);inset:-35% -15% auto;transform:scale(.72)}.theme-scene-bulb[data-mode=light]:before{opacity:1;transform:scale(1)}.theme-scene-bulb .theme-scene-sky{display:none}.theme-scene-bulb .theme-scene-copy{max-width:360px;transition:opacity var(--theme-duration,.56s) ease,transform var(--theme-duration,.56s) ease;margin-bottom:24px}.ui-theme-bulb{width:150px;height:230px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;top:0;right:62px}.ui-theme-bulb-wire{background:currentColor;width:2px;height:78px}@supports (color:color-mix(in lab, red, red)){.ui-theme-bulb-wire{background:color-mix(in srgb,currentColor 38%,transparent)}}.ui-theme-bulb-icon{border:1px solid;width:70px;height:70px}@supports (color:color-mix(in lab, red, red)){.ui-theme-bulb-icon{border:1px solid color-mix(in srgb,currentColor 24%,transparent)}}.ui-theme-bulb-icon{color:#8c8e85;z-index:2;transition:background var(--theme-duration,.56s) ease,color var(--theme-duration,.56s) ease,box-shadow var(--theme-duration,.56s) ease,transform .2s ease;background:#171816;border-radius:50%;place-items:center;display:grid;position:relative}.ui-theme-bulb-glow{filter:blur(25px);opacity:0;width:124px;height:124px;transition:opacity var(--theme-duration,.56s) ease,transform var(--theme-duration,.56s) cubic-bezier(.2,1,.3,1);background:#ffd7708a;border-radius:50%;position:absolute;top:51px;transform:scale(.35)}.ui-theme-bulb[data-mode=light] .ui-theme-bulb-icon{color:#5b4710;background:#fff2b9;border-color:#f1d67c;box-shadow:0 0 24px #ffda74bf,0 0 70px #ffda7466}.ui-theme-bulb[data-mode=light] .ui-theme-bulb-glow{opacity:1;transform:scale(1)}.ui-theme-bulb:active .ui-theme-bulb-icon{transform:translateY(3px)scale(.96)}.ui-theme-bulb-copy{text-align:center;flex-direction:column;gap:3px;margin-top:12px;display:flex}.ui-theme-bulb-copy small{letter-spacing:.15em;opacity:.55;font-size:8px}.ui-theme-bulb-copy strong{white-space:nowrap;font-size:12px}.catalog-phone .ui-theme-bulb{width:105px;height:175px;right:18px}.catalog-phone .ui-theme-bulb-wire{height:52px}.catalog-phone .ui-theme-bulb-icon{width:58px;height:58px}.catalog-phone .ui-theme-bulb-glow{width:100px;height:100px;top:35px}.catalog-phone .theme-scene-bulb .theme-scene-copy{max-width:190px;margin-bottom:12px}@media (width<=720px){.ui-theme-bulb{width:120px;right:24px}.theme-scene-bulb .theme-scene-copy{max-width:270px}}.theme-scene-pull-lamp{background:#0e100f;justify-content:flex-end}.theme-scene-pull-lamp[data-mode=light]{color:#292419;background:#eee6d1}.theme-scene-pull-lamp:before{clip-path:none;opacity:0;transform-origin:72% 0;height:138%;transition:opacity var(--theme-duration,.56s) ease,transform var(--theme-duration,.56s) cubic-bezier(.2,.9,.2,1);background:radial-gradient(at 72% 0,#ffde84ad,#ffde842b 31%,#0000 66%);inset:-38% -8% auto;transform:scale(.72)}.theme-scene-pull-lamp[data-mode=light]:before{opacity:1;transform:scale(1)}.theme-scene-pull-lamp .theme-scene-sky{display:none}.theme-scene-pull-lamp .theme-scene-copy{z-index:4;max-width:300px;margin-bottom:18px;position:relative}.ui-theme-pull-lamp{--pull-distance:0;--pull-axis:0px;width:300px;height:330px;color:inherit;font:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;position:absolute;top:0;right:22px}.ui-theme-pull-lamp[data-pulling=true]{cursor:grabbing}.ui-theme-pull-canopy{border:1px solid;width:78px;height:18px;position:absolute;top:0;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.ui-theme-pull-canopy{border:1px solid color-mix(in srgb,currentColor 20%,transparent)}}.ui-theme-pull-canopy{z-index:4;background:linear-gradient(#363834,#1c1e1c);border-top:0;border-radius:0 0 13px 13px;box-shadow:0 8px 18px #0000002e}.ui-theme-pull-cable{z-index:2;background:linear-gradient(90deg,#111,#666,#161716);width:2px;height:54px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:1px 0 #ffffff14}.ui-theme-pull-beam{clip-path:polygon(39% 0,61% 0,100% 100%,0 100%);filter:blur(8px);opacity:0;width:290px;height:225px;transition:opacity var(--theme-duration,.56s) ease,transform var(--theme-duration,.56s) ease;pointer-events:none;background:linear-gradient(#ffe29147,#ffe29112 55%,#0000 90%);position:absolute;top:82px;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(72% 88% at 50% 28%,#000 0 45%,#000000d1 62%,#0000 100%);mask-image:radial-gradient(72% 88% at 50% 28%,#000 0 45%,#000000d1 62%,#0000 100%)}.ui-theme-pull-shade{color:#81847c;z-index:3;width:150px;height:76px;transition:background var(--theme-duration,.56s) ease,color var(--theme-duration,.56s) ease,box-shadow var(--theme-duration,.56s) ease,border-color var(--theme-duration,.56s) ease;background:linear-gradient(135deg,#3a3c38 0,#222421 48%,#141513 100%);border:1px solid #41433e;border-radius:18px 18px 62px 62px/15px 15px 28px 28px;position:absolute;top:66px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff14,0 14px 30px #0000004d}.ui-theme-pull-shade:before{content:"";background:linear-gradient(90deg,#222320,#444640,#222320);border:1px solid #4a4c46;border-radius:8px 8px 3px 3px;width:38px;height:15px;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.ui-theme-pull-shade:after{content:"";z-index:1;background:#111210;border:1px solid #454741;border-radius:50%;height:18px;position:absolute;bottom:-8px;left:10px;right:10px;box-shadow:inset 0 4px 8px #00000080}.ui-theme-pull-shade>i{filter:blur(27px);opacity:0;width:152px;height:92px;transition:opacity var(--theme-duration,.56s) ease,transform var(--theme-duration,.56s) ease;background:#ffd6698c;border-radius:50%;position:absolute;bottom:-62px;left:50%;transform:translate(-50%)scale(.5)}.ui-theme-pull-shade svg{z-index:2;clip-path:inset(18px 0 0);width:42px;height:42px;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.ui-theme-pull-lamp[data-mode=light] .ui-theme-pull-canopy{background:linear-gradient(#625c4b,#353226);border-color:#756e58}.ui-theme-pull-lamp[data-mode=light] .ui-theme-pull-shade{color:#ffe89a;background:linear-gradient(135deg,#5d5745,#353226 58%,#242117);border-color:#756e57;box-shadow:inset 0 1px #fff7d233,0 14px 28px #49360d40,0 34px 80px #ffd66933}.ui-theme-pull-lamp[data-mode=light] .ui-theme-pull-shade:after{background:#fff0b1;border-color:#ad9550;box-shadow:0 0 22px #ffdb6fb8}.ui-theme-pull-lamp[data-mode=light] .ui-theme-pull-shade>i{opacity:1;transform:translate(-50%)scale(1.15)}.ui-theme-pull-lamp[data-mode=light] .ui-theme-pull-beam{opacity:.82;transform:translate(-50%)scaleX(1.04)}.ui-theme-pull-cord{left:calc(50% + var(--pull-axis) - 17px);width:34px;height:calc(108px + (var(--pull-distance) * 1px));transform-origin:top;z-index:5;transition:height .42s cubic-bezier(.2,1.25,.3,1);animation:3.4s ease-in-out infinite pullCordSway;position:absolute;top:164px}.ui-theme-pull-lamp[data-pulling=true] .ui-theme-pull-cord{transition:none;animation:none}.ui-theme-pull-cord:before{content:"";background:repeating-linear-gradient(currentColor 0 3px,#0000 3px 6px);width:3px;position:absolute;top:0;bottom:19px;left:16px}@supports (color:color-mix(in lab, red, red)){.ui-theme-pull-cord:before{background:repeating-linear-gradient(180deg,color-mix(in srgb,currentColor 58%,transparent) 0 3px,transparent 3px 6px)}}.ui-theme-pull-cord:before{filter:drop-shadow(1px 0 #0000002e)}.ui-theme-pull-cord:after{content:"";background:currentColor;border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;left:13px}@supports (color:color-mix(in lab, red, red)){.ui-theme-pull-cord:after{background:color-mix(in srgb,currentColor 64%,var(--scene-bg))}}.ui-theme-pull-cord:after{box-shadow:0 0 0 3px var(--scene-bg)}@supports (color:color-mix(in lab, red, red)){.ui-theme-pull-cord:after{box-shadow:0 0 0 3px color-mix(in srgb,var(--scene-bg) 78%,transparent)}}.ui-theme-pull-cord>i{border:2px solid;width:19px;height:31px;position:absolute;bottom:0;left:8px}@supports (color:color-mix(in lab, red, red)){.ui-theme-pull-cord>i{border:2px solid color-mix(in srgb,currentColor 60%,transparent)}}.ui-theme-pull-cord>i{background:linear-gradient(180deg,var(--scene-bg),var(--scene-bg));border-radius:8px 8px 13px 13px}@supports (color:color-mix(in lab, red, red)){.ui-theme-pull-cord>i{background:linear-gradient(180deg,color-mix(in srgb,var(--scene-bg) 80%,#fff),var(--scene-bg))}}.ui-theme-pull-cord>i{transition:transform .2s ease,background var(--theme-duration,.56s) ease;box-shadow:0 5px 12px #00000038,inset 0 1px #ffffff1f}.ui-theme-pull-lamp[data-pulling=true] .ui-theme-pull-cord>i{transform:scale(.92)}.ui-theme-pull-label{left:calc(50% + var(--pull-axis));border:1px solid;padding:7px 10px;position:absolute;bottom:8px;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.ui-theme-pull-label{border:1px solid color-mix(in srgb,currentColor 16%,transparent)}}.ui-theme-pull-label{background:var(--scene-bg);border-radius:9px}@supports (color:color-mix(in lab, red, red)){.ui-theme-pull-label{background:color-mix(in srgb,var(--scene-bg) 82%,transparent)}}.ui-theme-pull-label{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:.76;font-size:9px;font-weight:750}@keyframes pullCordSway{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.8deg)}}.catalog-phone .ui-theme-pull-lamp{--pull-axis:0px;width:190px;height:245px;right:-8px}.catalog-phone .ui-theme-pull-canopy{width:58px;height:14px}.catalog-phone .ui-theme-pull-cable{height:38px;top:14px}.catalog-phone .ui-theme-pull-shade{width:106px;height:58px;top:48px}.catalog-phone .ui-theme-pull-shade svg{clip-path:inset(13px 0 0);width:34px;height:34px;bottom:-18px;left:50%}.catalog-phone .ui-theme-pull-beam{width:175px;height:150px;top:64px}.catalog-phone .ui-theme-pull-cord{left:calc(50% + var(--pull-axis) - 17px);height:88px;top:123px}.catalog-phone .ui-theme-pull-label{left:calc(50% + var(--pull-axis));font-size:7px;bottom:4px;right:auto}.catalog-phone .theme-scene-pull-lamp .theme-scene-copy{max-width:165px;margin-bottom:4px}@media (prefers-reduced-motion:reduce){.ui-theme-pull-cord{animation:none}}.theme-scene-drag[data-drag-edge=light]{background:#f2eee3}.theme-scene-drag[data-drag-edge=dark]{background:#111313}.ui-theme-toggle[data-reverse=true] .ui-theme-switch-track{flex-direction:row-reverse}.ui-theme-toggle[data-reverse=true][data-mode=light] .ui-theme-switch-track i{transform:translate(42px)}.ui-theme-toggle[data-reverse=true][data-mode=dark] .ui-theme-switch-track i{transform:translate(0)}.ui-theme-toggle[data-orientation=vertical]{flex-direction:column;gap:8px;padding:5px}.ui-theme-toggle[data-orientation=vertical] .ui-theme-switch-track{flex-direction:column;width:38px;height:84px}.ui-theme-toggle[data-orientation=vertical] .ui-theme-switch-track i{top:2px;left:0;transform:translateY(0)}.ui-theme-toggle[data-orientation=vertical][data-mode=dark] .ui-theme-switch-track i{transform:translateY(42px)}.ui-theme-toggle[data-orientation=vertical][data-reverse=true] .ui-theme-switch-track{flex-direction:column-reverse}.ui-theme-toggle[data-orientation=vertical][data-reverse=true][data-mode=light] .ui-theme-switch-track i{transform:translateY(42px)}.ui-theme-toggle[data-orientation=vertical][data-reverse=true][data-mode=dark] .ui-theme-switch-track i{transform:translateY(0)}.ui-theme-split[data-reverse=true]{flex-direction:row-reverse}.ui-theme-split[data-orientation=vertical]{flex-direction:column}.ui-theme-split[data-orientation=vertical][data-reverse=true]{flex-direction:column-reverse}.ui-theme-split[data-label=false] button{justify-content:center;gap:0;width:42px;min-width:42px;height:42px;padding:0}.ui-theme-pop[data-label=false]{background:var(--scene-fg);width:58px;min-width:0;height:58px;color:var(--scene-bg);border-radius:17px;place-items:center;gap:0;padding:0;display:grid;box-shadow:0 10px 28px #00000029}.ui-theme-pop[data-label=false] .ui-theme-pop-icon{border-radius:inherit;width:100%;height:100%;color:inherit;background:0 0}.ui-theme-drag[data-label=false][data-orientation=horizontal]{grid-template-columns:auto minmax(0,1fr) auto}.ui-theme-drag[data-reverse=true]>svg:first-child{order:3}.ui-theme-drag[data-reverse=true] input{direction:rtl;order:2}.ui-theme-drag[data-reverse=true]>svg:last-of-type{order:1}.ui-theme-drag[data-reverse=true]>span{order:4}.ui-theme-drag[data-orientation=vertical]{grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr;align-self:flex-start;justify-items:center;width:82px;height:260px;padding:14px 0}.ui-theme-drag[data-orientation=vertical] input{align-self:center;width:188px;transform:rotate(90deg)}.ui-theme-drag[data-orientation=vertical]>span{writing-mode:vertical-rl}.catalog-phone .ui-theme-drag[data-orientation=vertical]{grid-template-columns:1fr;width:72px;height:210px;padding:10px 0}.catalog-phone .ui-theme-drag[data-orientation=vertical] input{width:142px}.ui-theme-pop-icon svg{top:50%;left:50%}.ui-theme-pop[data-mode=light] .ui-theme-pop-icon svg:first-child,.ui-theme-pop[data-mode=dark] .ui-theme-pop-icon svg:last-child{transform:translate(-50%,-50%)scale(1)}.ui-theme-pop[data-mode=light] .ui-theme-pop-icon svg:last-child{transform:translate(-50%,calc(26px - 50%))scale(.3)}.ui-theme-pop[data-mode=dark] .ui-theme-pop-icon svg:first-child{transform:translate(-50%,calc(-50% - 26px))scale(.3)}.theme-scene-toggle:after{width:54%;height:100%;transition:transform var(--theme-duration,.56s) cubic-bezier(.2,.8,.2,1);inset:0 auto 0 0;transform:translate(-102%)}.theme-scene-toggle[data-mode=dark]:after{transform:translate(86%)}.theme-scene-toggle[data-reverse=true]:after{transform:translate(186%)}.theme-scene-toggle[data-reverse=true][data-mode=dark]:after{transform:translate(0)}.theme-scene-toggle[data-orientation=vertical]:after{border-right:0;border-bottom:1px solid var(--scene-fg);width:100%;height:54%;inset:0 0 auto;transform:translateY(-102%)}@supports (color:color-mix(in lab, red, red)){.theme-scene-toggle[data-orientation=vertical]:after{border-bottom:1px solid color-mix(in srgb,var(--scene-fg) 8%,transparent)}}.theme-scene-toggle[data-orientation=vertical][data-mode=dark]:after{transform:translateY(86%)}.theme-scene-toggle[data-orientation=vertical][data-reverse=true]:after{transform:translateY(186%)}.theme-scene-toggle[data-orientation=vertical][data-reverse=true][data-mode=dark]:after{transform:translateY(0)}.theme-scene-split:after{content:"";z-index:-1;background:linear-gradient(90deg,transparent,var(--scene-fg),transparent);width:34%;height:100%;position:absolute;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.theme-scene-split:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--scene-fg) 8%,transparent),transparent)}}.theme-scene-split:after{transition:transform var(--theme-duration,.56s) cubic-bezier(.2,.85,.2,1);transform:translate(-110%)}.theme-scene-split[data-mode=dark]:after,.theme-scene-split[data-reverse=true]:after{transform:translate(295%)}.theme-scene-split[data-reverse=true][data-mode=dark]:after{transform:translate(-110%)}.theme-scene-split[data-reverse=true] .theme-scene-sky{left:auto;right:38px;transform:none}.theme-scene-split[data-reverse=true][data-mode=dark] .theme-scene-sky{left:38px;right:auto;transform:none}.theme-scene-split[data-orientation=vertical]:after{background:linear-gradient(180deg,transparent,var(--scene-fg),transparent);width:100%;height:34%;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.theme-scene-split[data-orientation=vertical]:after{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--scene-fg) 8%,transparent),transparent)}}.theme-scene-split[data-orientation=vertical]:after{transform:translateY(-110%)}.theme-scene-split[data-orientation=vertical][data-mode=dark]:after,.theme-scene-split[data-orientation=vertical][data-reverse=true]:after{transform:translateY(295%)}.theme-scene-split[data-orientation=vertical][data-reverse=true][data-mode=dark]:after{transform:translateY(-110%)}.theme-scene-split[data-orientation=vertical] .theme-scene-sky{top:34px;left:38px;right:auto;transform:none}.theme-scene-split[data-orientation=vertical][data-mode=dark] .theme-scene-sky{transform:translateY(112px)}.theme-scene-split[data-orientation=vertical][data-reverse=true] .theme-scene-sky{left:auto;right:38px;transform:translateY(112px)}.theme-scene-split[data-orientation=vertical][data-reverse=true][data-mode=dark] .theme-scene-sky{transform:none}.ui-theme-drag[data-orientation=vertical]{flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:10px;width:auto;min-width:104px;height:278px;padding:14px 13px;display:flex}.ui-theme-drag[data-orientation=vertical] input{appearance:none;writing-mode:vertical-lr;direction:ltr;flex:0 0 166px;align-self:center;width:34px;height:166px;min-height:0;transform:none}.ui-theme-drag[data-orientation=vertical] input::-webkit-slider-runnable-track{width:8px;height:100%}.ui-theme-drag[data-orientation=vertical] input::-webkit-slider-thumb{margin:0 0 0 -11px}.ui-theme-drag[data-orientation=vertical] input::-moz-range-track{width:8px;height:100%}.ui-theme-drag[data-orientation=vertical] input::-moz-range-thumb{margin:0}.ui-theme-drag[data-orientation=vertical]>span{writing-mode:horizontal-tb;font-size:9px;line-height:1}.ui-theme-drag[data-orientation=vertical][data-reverse=true]{flex-direction:column}.ui-theme-drag[data-orientation=vertical][data-reverse=true] input{direction:rtl}.catalog-phone .ui-theme-drag[data-orientation=vertical]{width:auto;min-width:72px;height:220px;padding:9px;display:flex}.catalog-phone .ui-theme-drag[data-orientation=vertical] input{flex-basis:120px;width:30px;height:120px}.ui-theme-drag input::-webkit-slider-thumb{opacity:1;background:#f5f0e5;border:4px solid #202220;transition:box-shadow .2s}.ui-theme-drag input::-moz-range-thumb{opacity:1;background:#f5f0e5;border:4px solid #202220;transition:box-shadow .2s}.ui-theme-drag[data-drag-edge=light]>svg:first-child,.ui-theme-drag[data-drag-edge=dark]>svg:last-of-type{box-shadow:0 0 0 3px,0 5px 16px #00000029}@supports (color:color-mix(in lab, red, red)){.ui-theme-drag[data-drag-edge=light]>svg:first-child,.ui-theme-drag[data-drag-edge=dark]>svg:last-of-type{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent),0 5px 16px #00000029}}.theme-scene-drag[data-drag-edge=mixed][data-orientation=horizontal][data-reverse=false]{background:linear-gradient(90deg,#f2eee3 0 calc(var(--light-width) - 1.5%),#8a887f var(--light-width),#111313 calc(var(--light-width) + 1.5%) 100%)}.theme-scene-drag[data-drag-edge=mixed][data-orientation=horizontal][data-reverse=true]{background:linear-gradient(90deg,#111313 0 calc(var(--dark-width) - 1.5%),#8a887f var(--dark-width),#f2eee3 calc(var(--dark-width) + 1.5%) 100%)}.theme-scene-drag[data-drag-edge=mixed][data-orientation=vertical][data-reverse=false]{background:linear-gradient(180deg,#f2eee3 0 calc(var(--light-width) - 1.5%),#8a887f var(--light-width),#111313 calc(var(--light-width) + 1.5%) 100%)}.theme-scene-drag[data-drag-edge=mixed][data-orientation=vertical][data-reverse=true]{background:linear-gradient(180deg,#111313 0 calc(var(--dark-width) - 1.5%),#8a887f var(--dark-width),#f2eee3 calc(var(--dark-width) + 1.5%) 100%)}.ui-theme-drag[data-orientation=vertical]{width:104px;min-width:104px;height:278px;padding:0;display:block;position:relative}.ui-theme-drag[data-orientation=vertical]>svg{z-index:3;position:absolute;left:50%;transform:translate(-50%)}.ui-theme-drag[data-orientation=vertical]>svg:first-child{top:14px}.ui-theme-drag[data-orientation=vertical]>svg:last-of-type,.ui-theme-drag[data-orientation=vertical][data-reverse=true]>svg:first-child{top:auto;bottom:14px}.ui-theme-drag[data-orientation=vertical][data-reverse=true]>svg:last-of-type{top:14px;bottom:auto}.ui-theme-drag[data-orientation=vertical] input{z-index:2;flex:none;width:34px;height:148px;position:absolute;top:65px;left:50%;transform:translate(-50%)}.ui-theme-drag[data-orientation=vertical] input::-webkit-slider-runnable-track{background:linear-gradient(#f3eddd,#151617);width:8px;height:100%}.ui-theme-drag[data-orientation=vertical][data-reverse=true] input::-webkit-slider-runnable-track{background:linear-gradient(#151617,#f3eddd)}.ui-theme-drag[data-orientation=vertical] input::-moz-range-track{background:linear-gradient(#f3eddd,#151617);width:8px;height:100%}.ui-theme-drag[data-orientation=vertical][data-reverse=true] input::-moz-range-track{background:linear-gradient(#151617,#f3eddd)}.ui-theme-drag[data-orientation=vertical]>span{writing-mode:vertical-rl;font-size:8px;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.catalog-phone .ui-theme-drag[data-orientation=vertical]{width:76px;min-width:76px;height:220px;padding:0;display:block;position:relative}.catalog-phone .ui-theme-drag[data-orientation=vertical]>svg:first-child{top:9px}.catalog-phone .ui-theme-drag[data-orientation=vertical]>svg:last-of-type{bottom:9px}.catalog-phone .ui-theme-drag[data-orientation=vertical] input{width:30px;height:106px;top:57px;transform:translate(-50%)}.ui-theme-drag input::-webkit-slider-runnable-track{border:0}.ui-theme-drag input::-moz-range-track{border:0}.ui-theme-drag[data-orientation=horizontal][data-reverse=true] input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#151617,#f3eddd)}.ui-theme-drag[data-orientation=horizontal][data-reverse=true] input::-moz-range-track{background:linear-gradient(90deg,#151617,#f3eddd)}.design-flow-static-text .design-flow-preview,.design-flow-animated-text .design-flow-preview{min-height:520px}.static-text-stage,.animated-text-stage{border:1px solid var(--ink);width:min(720px,100%);min-height:430px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.static-text-stage,.animated-text-stage{border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}}.static-text-stage,.animated-text-stage{border-radius:28px}.static-text-stage{--type-accent:#222220;--type-wash:#f5f4ef;background:var(--type-wash);color:#1c1c1a;flex-direction:column;justify-content:center;padding:52px;transition:background-color .3s,color .3s,padding .3s;display:flex}.static-tone-warm{--type-accent:#a34525;--type-wash:#f2eadc}.static-tone-cobalt{--type-accent:#2956ca;--type-wash:#e9eefb}.static-align-center{text-align:center;align-items:center}.static-align-right{text-align:right;align-items:flex-end}.static-density-compact{padding:34px}.static-density-open{padding:70px}.static-editorial-copy{gap:23px;width:min(570px,100%);display:grid}.static-editorial-copy>span,.static-numeric-copy span,.static-stack-overline{color:var(--type-accent);letter-spacing:.18em;font-size:9px;font-weight:750}.static-editorial-copy h4{letter-spacing:-.055em;margin:0;font-family:Georgia,serif;font-size:clamp(42px,6vw,70px);font-weight:400;line-height:.92}.static-editorial-copy h4 em{color:var(--type-accent);font-weight:400}.static-editorial-copy>div{grid-template-columns:74px minmax(0,1fr);align-items:start;gap:18px;display:grid}.static-editorial-copy>div i{background:currentColor;height:1px;margin-top:8px}.static-editorial-copy p{color:currentColor;max-width:390px;margin:0}@supports (color:color-mix(in lab, red, red)){.static-editorial-copy p{color:color-mix(in srgb,currentColor 62%,transparent)}}.static-editorial-copy p{font-family:Georgia,serif;font-size:16px;line-height:1.55}.static-align-center .static-editorial-copy>div{grid-template-columns:1fr;justify-items:center}.static-align-center .static-editorial-copy>div i{width:74px}.static-align-center .static-editorial-copy p{margin:auto}.static-align-right .static-editorial-copy>div{grid-template-columns:minmax(0,1fr) 74px}.static-align-right .static-editorial-copy>div i{grid-column:2}.static-align-right .static-editorial-copy p{grid-area:1/1}.static-text-numeric{--metric-eyebrow:#92948f;--metric-unit:#c3c4bd;color:#f5f2e9;background:#101113}.static-numeric-copy{gap:34px;width:100%;display:grid}.static-numeric-copy>div{gap:10px;display:grid}.static-numeric-copy>div>span{color:var(--metric-eyebrow)}.static-numeric-copy strong{letter-spacing:-.1em;font-variant-numeric:tabular-nums;font-size:clamp(90px,14vw,154px);font-weight:580;line-height:.72}.static-numeric-copy sup{color:var(--metric-unit);letter-spacing:-.02em;vertical-align:top;margin-left:10px;font-size:.22em}.static-numeric-copy footer{border-top:1px solid #ffffff29;grid-template-columns:auto 1fr auto;align-items:end;gap:14px;padding-top:20px;display:grid}.static-numeric-copy footer b{color:#83e19d;font-size:22px}.static-numeric-copy footer p{color:#aaa9a4;margin:0;font-size:11px;line-height:1.4}.static-numeric-copy footer small{font:9px var(--font-mono);color:#7b7b77}.static-quote-copy{text-align:left;grid-template-columns:48px minmax(0,1fr);gap:9px 18px;width:min(570px,100%);margin:0;display:grid}.static-quote-copy>span{color:var(--type-accent);font:76px/.7 Georgia,serif}.static-quote-copy>p{letter-spacing:-.035em;margin:0;font:clamp(27px,4.2vw,43px)/1.12 Georgia,serif}.static-quote-copy footer{grid-column:2;align-items:center;gap:13px;margin-top:25px;display:flex}.static-quote-copy footer>i{background:var(--type-accent);width:38px;height:1px}.static-quote-copy footer div{gap:2px;display:grid}.static-quote-copy footer strong{font-size:11px}.static-quote-copy footer small{color:currentColor}@supports (color:color-mix(in lab, red, red)){.static-quote-copy footer small{color:color-mix(in srgb,currentColor 55%,transparent)}}.static-quote-copy footer small{font-size:9px}.static-align-center .static-quote-copy{text-align:center;grid-template-columns:1fr;justify-items:center}.static-align-center .static-quote-copy footer{grid-column:1}.static-align-right .static-quote-copy{text-align:right;grid-template-columns:minmax(0,1fr) 48px}.static-align-right .static-quote-copy>span{grid-column:2}.static-align-right .static-quote-copy>p{grid-area:1/1}.static-align-right .static-quote-copy footer{grid-column:1;justify-content:flex-end}.static-text-technical{color:#d8e2ff;background:#0d111c}.static-technical-copy{width:min(600px,100%);font-family:var(--font-mono)}.static-technical-copy header{color:#6f8fe8;border-bottom:1px solid #7b9dff4d;justify-content:space-between;padding-bottom:14px;font-size:9px;display:flex}.static-technical-copy h4{color:#f1f4ff;letter-spacing:-.085em;margin:28px 0 30px;font-size:clamp(42px,7vw,72px);line-height:.86}.static-tech-grid{grid-template-columns:repeat(6,auto);align-items:end;gap:7px 13px;display:grid}.static-tech-grid span{color:#657294;font-size:7px}.static-tech-grid strong{color:#a9bdf6;font-size:12px}.static-technical-copy>p{color:#59688e;margin:28px 0 0;font-size:9px}.static-stack-copy{flex-direction:column;width:min(580px,100%);display:flex}.static-stack-display,.static-stack-outline{letter-spacing:-.08em;font-size:clamp(52px,8vw,90px);font-weight:670;line-height:.82}.static-stack-display{color:var(--type-accent);margin-top:28px}.static-stack-outline{-webkit-text-stroke:1px currentColor;color:#0000}.static-stack-copy>p{color:currentColor;max-width:470px;margin:34px 0 0}@supports (color:color-mix(in lab, red, red)){.static-stack-copy>p{color:color-mix(in srgb,currentColor 62%,transparent)}}.static-stack-copy>p{font-size:13px;line-height:1.6}.static-stack-copy>div{border-top:1px solid;justify-content:space-between;margin-top:32px;padding-top:13px;display:flex}@supports (color:color-mix(in lab, red, red)){.static-stack-copy>div{border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}}.static-stack-copy>div{font-size:8px}.static-stack-copy>div i{color:currentColor}@supports (color:color-mix(in lab, red, red)){.static-stack-copy>div i{color:color-mix(in srgb,currentColor 52%,transparent)}}.static-stack-copy>div i{font-style:normal}.animated-text-stage{--text-speed:1;--enter-y:20px;color:#f4f3ee;background:#101112;place-items:center;padding:50px;display:grid}.text-tempo-slow{--text-speed:1.45}.text-tempo-quick{--text-speed:.64}.text-direction-down{--enter-y:-20px}.animated-text-stage.is-paused *{animation-play-state:paused!important}.animated-cascade{width:min(560px,100%)}.animated-cascade>span{color:#92928e;letter-spacing:.18em;font-size:8px;font-weight:750}.animated-cascade h4{letter-spacing:-.075em;flex-wrap:wrap;gap:0 .19em;margin:24px 0 0;font-size:clamp(42px,7vw,74px);line-height:.9;display:flex}.animated-cascade h4 i{animation:textWordIn calc(.58s * var(--text-speed)) cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--word-index) * 75ms * var(--text-speed));font-style:normal}.animated-cascade h4 i:nth-child(2),.animated-cascade h4 i:nth-child(5){color:#8ea8ff}@keyframes textWordIn{0%{opacity:0;filter:blur(8px);transform:translateY(var(--enter-y)) rotate(2deg)}to{opacity:1;filter:blur();transform:none}}.animated-text-typewriter{background:#090b0d}.animated-typewriter{width:min(590px,100%);font-family:var(--font-mono);background:#0d1114;border:1px solid #283036;border-radius:16px;padding:24px;box-shadow:0 22px 60px #00000059}.animated-typewriter header{color:#657079;border-bottom:1px solid #252b2f;align-items:center;gap:6px;height:39px;margin:-24px -24px 25px;padding:0 14px;font-size:8px;display:flex}.animated-typewriter header i{background:#353b40;border-radius:50%;width:7px;height:7px}.animated-typewriter header span{margin-left:6px}.animated-typewriter p{color:#71808a;margin:0 0 15px;font-size:10px}.animated-typewriter p span{color:#80d8a1}.animated-typewriter strong{color:#e9f0ec;letter-spacing:-.035em;white-space:normal;max-width:100%;min-height:1.2em;font-size:clamp(16px,3vw,28px);font-weight:500;line-height:1.18;display:block}.animated-caret{vertical-align:-.1em;background:#80d8a1;width:2px;height:.92em;margin-left:3px;animation:.8s step-end infinite textCaret;display:inline-block}@keyframes textCaret{50%{opacity:0}}.animated-text-flip{background:linear-gradient(145deg,#14223a,#0c1019)}.animated-flip{gap:18px;width:min(590px,100%);display:grid}.animated-flip>small{color:#8092b7;letter-spacing:.17em;font-size:8px}.animated-flip>div{gap:6px;display:grid}.animated-flip>div>span{color:#9fa8bb;font-size:12px}.animated-flip strong{perspective:500px;height:70px;display:block;position:relative}.animated-flip strong i{color:#f5f7ff;letter-spacing:-.075em;backface-visibility:hidden;transform-origin:bottom;font-size:clamp(44px,7vw,76px);font-style:normal;font-weight:650;line-height:1;position:absolute;inset:0 auto auto 0}.animated-flip strong i:first-child{animation:flipAway calc(3.2s * var(--text-speed)) ease-in-out infinite}.animated-flip strong i:last-child{color:#91aaff;animation:flipArrive calc(3.2s * var(--text-speed)) ease-in-out infinite}.animated-flip>p{color:#77839a;margin:0;font-size:11px}@keyframes flipAway{0%,35%{opacity:1;transform:rotateX(0)}50%,to{opacity:0;transform:rotateX(-85deg)}}@keyframes flipArrive{0%,40%{opacity:0;transform:rotateX(85deg)}58%,to{opacity:1;transform:rotateX(0)}}.animated-text-wave{color:#24231f;background:#ece8dd}.animated-wave{text-align:center;width:100%}.animated-wave small{letter-spacing:.16em;color:#8a867c;font-size:8px;font-weight:750}.animated-wave p{letter-spacing:-.055em;margin:42px 0 35px;font-family:Georgia,serif;font-size:clamp(36px,6vw,65px)}.animated-wave p span{animation:characterWave calc(1.9s * var(--text-speed)) ease-in-out infinite;animation-delay:calc(var(--char-index) * 45ms);display:inline-block}.animated-wave>i{background:linear-gradient(90deg,#0000,#292824,#0000);width:56%;height:1px;margin:auto;display:block}@keyframes characterWave{0%,55%,to{color:inherit;transform:none}18%{color:#b04c2e;transform:translateY(-12px)rotate(-2deg)}}.animated-text-decode{background:#050806}.animated-decode{width:min(590px,100%);font-family:var(--font-mono);background:linear-gradient(145deg,#08120c,#050806);border:1px solid #173321;border-radius:19px;padding:27px;box-shadow:0 18px 55px #0006}.animated-decode header{color:#4b765b;justify-content:space-between;font-size:8px;display:flex}.animated-decode header i{color:#71d38f;border:1px solid #245534;border-radius:99px;padding:3px 6px;font-style:normal}.animated-decode>strong{color:#bff2cd;letter-spacing:-.055em;min-height:68px;margin:42px 0 20px;font-size:clamp(25px,4.5vw,46px);display:block}.animated-decode>div{gap:5px;display:flex}.animated-decode>div span{height:3px;animation:decodeMeter calc(1.5s * var(--text-speed)) ease-in-out infinite;background:#183422;flex:1}.animated-decode>div span:nth-child(2n){animation-delay:-.6s}.animated-decode>p{color:#496653;margin:16px 0 0;font-size:8px}@keyframes decodeMeter{50%{background:#61c77f;transform:scaleY(1.8)}}.animated-text-orbit{color:#f2eee2;background:#0c0d10}.animated-orbit{background:radial-gradient(circle,#15171d 0 31%,#0000 31.5%),radial-gradient(circle,#0000 0 63%,#ffffff09 63.5% 64%,#0000 64.5%);border:1px solid #33353b;border-radius:50%;place-items:center;width:350px;height:350px;display:grid;position:relative}.animated-orbit:before,.animated-orbit:after{content:"";border:1px solid #292b31;border-radius:50%;position:absolute}.animated-orbit:before{inset:30px}.animated-orbit:after{border-style:dashed;inset:82px}.animated-orbit-sweep{animation:orbitWords calc(10s * var(--text-speed)) linear infinite;border-radius:50%;position:absolute;inset:-1px}.animated-orbit-sweep:before{content:"";border-radius:inherit;background:conic-gradient(from 0deg,#ee6b4d 0 7deg,transparent 7deg 132deg,#f1d27b 132deg 137deg,transparent 137deg);position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.animated-orbit-sweep i{background:#ee6b4d;border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;left:50%;box-shadow:0 0 18px #ee6b4da6}.animated-orbit-ring{animation:orbitWords calc(16s * var(--text-speed)) linear infinite;position:absolute;inset:0}.animated-orbit-ring span{transform:rotate(calc(var(--orbit-index) * 90deg)) translateY(-176px);transform-origin:0 0;position:absolute;top:50%;left:50%}.animated-orbit-ring span>i{color:#a7a7a1;font:700 7px var(--font-mono);letter-spacing:.12em;animation:orbitCounter calc(16s * var(--text-speed)) linear infinite;background:#111216;border:1px solid #3b3c42;border-radius:99px;padding:6px 9px;font-style:normal;display:block}.animated-orbit-core{z-index:3;background:#111318;border:1px solid #42434a;border-radius:38px;flex-direction:column;justify-content:space-between;width:150px;height:150px;padding:22px;display:flex;position:relative;transform:rotate(-3deg);box-shadow:0 25px 65px #00000073}.animated-orbit-core small{color:#6f7179;font:650 6px var(--font-mono);letter-spacing:.13em}.animated-orbit-core strong{color:#f3efe4;letter-spacing:-.075em;font-size:28px;line-height:.82}.animated-orbit-core span{color:#e37558;font:650 6px var(--font-mono);letter-spacing:.12em}@keyframes orbitWords{to{transform:rotate(360deg)}}@keyframes orbitCounter{to{transform:rotate(-360deg)}}.design-flow-scroll-text .design-flow-preview{min-height:600px;padding:32px}.scroll-text-demo{--scroll-accent:#222220;border:1px solid var(--ink);width:min(720px,100%);height:500px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.scroll-text-demo{border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}}.scroll-text-demo{color:#20201e;background:#f5f4ef;border-radius:25px;box-shadow:0 24px 55px #00000014}.scroll-tone-blue{--scroll-accent:#315fdb}.scroll-tone-amber{--scroll-accent:#b95e28}.scroll-text-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scroll-accent) transparent;height:100%;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.scroll-text-viewport{scrollbar-color:color-mix(in srgb,var(--scroll-accent) 50%,transparent) transparent}}.scroll-text-viewport::-webkit-scrollbar{width:6px}.scroll-text-viewport::-webkit-scrollbar-track{background:0 0}.scroll-text-viewport::-webkit-scrollbar-thumb{background:var(--scroll-accent);border:2px solid #0000;border-radius:99px}@supports (color:color-mix(in lab, red, red)){.scroll-text-viewport::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--scroll-accent) 50%,transparent)}}.scroll-text-viewport::-webkit-scrollbar-thumb{background-clip:padding-box}.scroll-text-spacer-before{color:#8d8b83;letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:7px;height:48px;font-size:8px;display:flex}.scroll-text-spacer-before svg{animation:1.4s ease-in-out infinite scrollTextHint}.scroll-text-spacer-after{height:var(--scroll-length);color:#8d8b83;justify-content:center;align-items:flex-start;gap:12px;padding-top:120px;font-size:9px;display:flex}.scroll-text-spacer-after button{color:#35342f;cursor:pointer;background:#fff;border:1px solid #d7d4ca;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;display:flex}@keyframes scrollTextHint{50%{transform:translateY(4px)}}.scroll-text-pin{background:#f5f4ef;place-items:center;height:420px;padding:48px;display:grid;position:sticky;top:0;overflow:hidden}.scroll-text-progress{z-index:4;background:var(--scroll-accent);height:3px;position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.scroll-text-progress{background:color-mix(in srgb,var(--scroll-accent) 12%,transparent)}}.scroll-text-progress i{transform-origin:0;background:var(--scroll-accent);width:100%;height:100%;transition:transform 80ms linear;display:block}.scroll-highlight-copy{width:min(570px,100%)}.scroll-highlight-copy>span,.scroll-lines-copy>span,.scroll-track-copy>span{letter-spacing:.18em;color:var(--scroll-accent);font-size:8px;font-weight:750}.scroll-highlight-copy>p{letter-spacing:-.045em;margin:27px 0;font:clamp(34px,5.5vw,58px)/1.04 Georgia,serif}.scroll-highlight-copy>p i{color:#cfcdc5;font-style:normal;transition:color .22s}.scroll-highlight-copy>p i.is-read{color:#22211e}.scroll-highlight-copy>p i.is-read:nth-child(3n){color:var(--scroll-accent)}.scroll-highlight-copy>small{color:#929087;font:8px var(--font-mono)}.scroll-lines-copy{align-content:center;gap:9px;width:min(560px,100%);min-width:0;padding:20px 0 17px;display:grid}.scroll-lines-copy>span{margin-bottom:17px}.scroll-lines-copy>p{letter-spacing:-.05em;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(27px,4.25vw,44px);font-weight:620;line-height:1.08;transition:opacity .12s linear,transform .12s linear}.scroll-lines-copy>p:nth-of-type(2){color:var(--scroll-accent)}.scroll-text-sticky{background:#101112}.scroll-text-sticky .scroll-text-pin{color:#f3f2ed;background:#101112}.scroll-sticky-copy{text-align:center;width:100%;min-width:0;padding-inline:8px}.scroll-sticky-copy>small{color:#777873;font:8px var(--font-mono);letter-spacing:.15em}.scroll-sticky-copy>strong{color:#f4f2e9;letter-spacing:-.075em;overflow-wrap:anywhere;max-width:100%;margin:28px auto 9px;font-size:clamp(48px,7.2vw,78px);line-height:.88;animation:.3s cubic-bezier(.2,.8,.2,1) both stickyWordIn;display:block}.scroll-sticky-copy>p{color:#868782;margin:0;font-size:12px}.scroll-sticky-copy>div{gap:5px;width:150px;margin:36px auto 0;display:flex}.scroll-sticky-copy>div i{background:#292a29;flex:1;height:3px}.scroll-sticky-copy>div i.is-active{background:var(--scroll-accent)}@keyframes stickyWordIn{0%{opacity:0;filter:blur(7px);transform:translateY(12px)}to{opacity:1;filter:none;transform:none}}.scroll-text-track{background:#111728}.scroll-text-track .scroll-text-pin{color:#f3f2ed;background:#111728}.scroll-track-copy{width:100%;overflow:hidden}.scroll-track-copy>span{color:#809be3}.scroll-track-copy>div{align-items:baseline;gap:26px;width:max-content;margin:72px 0 52px;transition:transform 80ms linear;display:flex}.scroll-track-copy>div strong,.scroll-track-copy>div i{letter-spacing:-.09em;white-space:nowrap;font-size:clamp(58px,10vw,112px);line-height:.7}.scroll-track-copy>div i{color:#6677a7;font-family:Georgia,serif;font-weight:400}.scroll-track-copy>small{color:#6576a5;font:9px var(--font-mono)}.scroll-text-reading{background:#eee8dc}.scroll-text-reading .scroll-text-pin{color:#25231f;background:#eee8dc}.scroll-reader-copy{grid-template-columns:90px minmax(0,1fr);gap:35px;width:100%;display:grid}.scroll-reader-copy aside{border-left:1px solid #cac2b2;flex-direction:column;gap:7px;min-height:260px;padding-left:15px;display:flex;position:relative}.scroll-reader-copy aside span{letter-spacing:.16em;font-size:7px;font-weight:750}.scroll-reader-copy aside strong{color:var(--scroll-accent);font:28px var(--font-mono)}.scroll-reader-copy aside i{background:var(--scroll-accent);width:2px;position:absolute;top:0;left:-1px}.scroll-reader-copy article{gap:17px;display:grid}.scroll-reader-copy article p{color:#b0aa9e;margin:0;font:19px/1.42 Georgia,serif;transition:color .2s,transform .2s}.scroll-reader-copy article p.is-current{color:#282621;transform:translate(8px)}.catalog-phone .static-text-stage,.catalog-phone .animated-text-stage{border-radius:19px;width:100%;min-height:360px;padding:25px}.catalog-phone .static-density-compact{padding:18px}.catalog-phone .static-density-open{padding:34px}.catalog-phone .static-editorial-copy h4{font-size:40px}.catalog-phone .static-editorial-copy>div{grid-template-columns:36px minmax(0,1fr);gap:10px}.catalog-phone .static-editorial-copy p{font-size:11px}.catalog-phone .static-numeric-copy strong{font-size:82px}.catalog-phone .static-quote-copy{grid-template-columns:29px minmax(0,1fr);gap:7px}.catalog-phone .static-quote-copy>span{font-size:48px}.catalog-phone .static-quote-copy>p{font-size:25px}.catalog-phone .static-tech-grid{grid-template-columns:repeat(2,auto)}.catalog-phone .static-technical-copy h4{font-size:38px}.catalog-phone .static-stack-display,.catalog-phone .static-stack-outline{font-size:45px}.catalog-phone .static-stack-copy>p{font-size:10px}.catalog-phone .animated-cascade h4{font-size:43px}.catalog-phone .animated-typewriter{padding:15px}.catalog-phone .animated-typewriter header{margin:-15px -15px 18px}.catalog-phone .animated-typewriter strong{white-space:normal;font-size:15px}.catalog-phone .animated-flip strong{height:55px}.catalog-phone .animated-flip strong i{font-size:37px}.catalog-phone .animated-wave p{font-size:35px}.catalog-phone .animated-decode{padding:17px}.catalog-phone .animated-decode>strong{font-size:24px}.catalog-phone .animated-orbit{width:245px;height:245px}.catalog-phone .animated-orbit:before{inset:21px}.catalog-phone .animated-orbit:after{inset:57px}.catalog-phone .animated-orbit-ring span{transform:rotate(calc(var(--orbit-index) * 90deg)) translateY(-123px)}.catalog-phone .animated-orbit-core{border-radius:29px;width:108px;height:108px;padding:15px}.catalog-phone .animated-orbit-core strong{font-size:20px}.catalog-phone .scroll-text-demo{border-radius:18px;width:100%;height:385px}.catalog-phone .scroll-text-pin{height:330px;padding:23px}.catalog-phone .scroll-text-spacer-before{height:35px}.catalog-phone .scroll-highlight-copy>p{font-size:32px}.catalog-phone .scroll-lines-copy{padding-block:12px}.catalog-phone .scroll-lines-copy>span{margin-bottom:10px}.catalog-phone .scroll-lines-copy>p{font-size:23px;line-height:1.1}.catalog-phone .scroll-sticky-copy>strong{font-size:43px;line-height:.92}.catalog-phone .scroll-track-copy>div{margin:53px 0 41px}.catalog-phone .scroll-track-copy>div strong,.catalog-phone .scroll-track-copy>div i{font-size:65px}.catalog-phone .scroll-reader-copy{grid-template-columns:48px minmax(0,1fr);gap:15px}.catalog-phone .scroll-reader-copy aside span{writing-mode:vertical-rl}.catalog-phone .scroll-reader-copy article{gap:11px}.catalog-phone .scroll-reader-copy article p{font-size:13px}@media (width<=720px){.static-text-stage,.animated-text-stage{min-height:390px;padding:32px}.static-density-open{padding:42px}.static-numeric-copy strong{font-size:100px}.design-flow-scroll-text .design-flow-preview{min-height:530px;padding:18px}.scroll-text-demo{height:460px}.scroll-text-pin{height:390px;padding:31px}.scroll-reader-copy{grid-template-columns:65px minmax(0,1fr);gap:20px}.scroll-reader-copy article p{font-size:16px}}@media (prefers-reduced-motion:reduce){.animated-text-stage *,.scroll-text-spacer-before svg{animation:none!important}.animated-cascade h4 i{opacity:1!important;filter:none!important;transform:none!important}.animated-typewriter strong{width:auto!important}.scroll-text-progress i,.scroll-track-copy>div{transition:none}}.design-flow-text-reveal .design-flow-preview,.design-flow-gradient-text .design-flow-preview{min-height:520px}.reveal-family-stage,.gradient-family-stage{border:1px solid var(--ink);place-items:center;width:min(720px,100%);min-height:430px;padding:52px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.reveal-family-stage,.gradient-family-stage{border:1px solid color-mix(in srgb,var(--ink) 11%,transparent)}}.reveal-family-stage,.gradient-family-stage{border-radius:28px}.reveal-speed-slow{--reveal-speed:1.4}.reveal-speed-normal{--reveal-speed:1}.reveal-speed-fast{--reveal-speed:.62}.reveal-family-text{letter-spacing:-.065em;font-size:clamp(40px,6.4vw,70px);font-weight:620;line-height:.98}.reveal-family-rise{color:#24231f;background:#f0ede4}.reveal-rise-copy{gap:24px;width:min(590px,100%);display:grid}.reveal-rise-copy>small{color:#918d83;font:700 8px var(--font-mono);letter-spacing:.16em}.reveal-rise-copy>i{width:76px;height:2px;animation:revealRuleIn calc(.8s * var(--reveal-speed)) cubic-bezier(.2,.8,.2,1) .2s both;background:#c65f43}.reveal-family-curtain{color:#f2f4fb;background:#11141c}.reveal-curtain-copy{gap:5px;width:min(610px,100%);display:grid}.reveal-curtain-copy>span{padding-bottom:.06em;display:block;overflow:hidden}.reveal-curtain-copy>span>i{color:inherit;letter-spacing:-.075em;animation:revealCurtainIn calc(.82s * var(--reveal-speed)) cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--reveal-line) * .12s);font-size:clamp(43px,7vw,76px);font-style:normal;font-weight:640;line-height:.9;display:block}.reveal-curtain-copy>span:nth-child(2){text-align:right}.reveal-curtain-copy>span:first-child>i{--curtain-x:-105%}.reveal-curtain-copy>span:nth-child(2)>i{--curtain-x:105%}.reveal-curtain-copy>small{color:#66708d;font:700 8px var(--font-mono);letter-spacing:.16em;text-align:center;margin-top:27px}.reveal-family-focus{--focus-ink:#17203c;--focus-muted:#314573;--focus-line:#385cd0;color:var(--focus-ink);background:linear-gradient(145deg,#e8ecfb 0%,#cbd5f4 100%);box-shadow:inset 0 0 0 1px #17203c0a}.reveal-focus-copy{width:min(610px,100%);color:var(--focus-ink);gap:27px;display:grid}.reveal-focus-copy>small{width:max-content;font:800 9px var(--font-mono);letter-spacing:.16em;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;color:#263865!important;-webkit-text-fill-color:#263865!important;-webkit-text-stroke:0 transparent!important;text-shadow:none!important}.reveal-focus-copy>p{color:var(--focus-ink);letter-spacing:-.065em;flex-wrap:wrap;gap:.07em .2em;margin:0;font-size:clamp(38px,6vw,66px);font-weight:620;line-height:.98;display:flex}.reveal-focus-copy>p span{color:inherit;animation:revealFocusIn calc(.9s * var(--reveal-speed)) cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--reveal-index) * 55ms);display:inline-block}.reveal-focus-copy>i{background:#17203c26;height:3px;overflow:hidden}.reveal-focus-copy>i b{background:var(--focus-line);transform-origin:0;width:100%;height:100%;animation:revealRuleIn calc(1.25s * var(--reveal-speed)) ease both;display:block}.reveal-family-marker{color:#2a241b;background:#f4e9cf}.reveal-marker-copy{gap:25px;width:min(590px,100%);display:grid}.reveal-marker-copy>small{color:#8d6f45;font:700 8px var(--font-mono);letter-spacing:.16em}.reveal-marker-copy>strong{z-index:1;letter-spacing:-.05em;font:400 clamp(38px,6.2vw,67px)/1.02 Georgia,serif;position:relative}.reveal-marker-copy>strong>i{z-index:-1;transform-origin:0;height:.27em;animation:revealMarkerIn var(--reveal-duration) cubic-bezier(.16,1,.3,1) .35s both;background:#ef9a38;position:absolute;bottom:.04em;left:-1%;right:-1%;transform:scaleX(0)rotate(-1deg)}.reveal-marker-copy>span{color:#8a7656;border-top:1px solid #d5c4a3;padding-top:15px;font-size:10px}.reveal-gradient .ui-reveal-word,.reveal-gradient.reveal-curtain-copy>span>i,.reveal-gradient.reveal-focus-copy>p span,.reveal-gradient.reveal-marker-copy>strong{color:#0000;background:linear-gradient(100deg,#2959c9,#7d4dc5 48%,#d35a68);-webkit-background-clip:text;background-clip:text}.reveal-outline .ui-reveal-word,.reveal-outline.reveal-curtain-copy>span>i,.reveal-outline.reveal-focus-copy>p span,.reveal-outline.reveal-marker-copy>strong{color:#0000;-webkit-text-stroke:1.35px currentColor;-webkit-text-stroke-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.reveal-outline .ui-reveal-word,.reveal-outline.reveal-curtain-copy>span>i,.reveal-outline.reveal-focus-copy>p span,.reveal-outline.reveal-marker-copy>strong{-webkit-text-stroke-color:color-mix(in srgb,var(--ink) 80%,#2f436f)}}.reveal-family-focus .reveal-outline.reveal-focus-copy>p span{color:#17203c1f;-webkit-text-fill-color:#17203c1f;-webkit-text-stroke:1.5px #344978;text-shadow:0 1px #ffffff3d}@keyframes revealCurtainIn{0%{opacity:0;transform:translateX(var(--curtain-x))}to{opacity:1;transform:none}}@keyframes revealFocusIn{0%{opacity:0;filter:blur(15px);transform:translateY(12px)scale(.94)}to{opacity:1;filter:none;transform:none}}@keyframes revealMarkerIn{to{transform:scaleX(1)rotate(-1deg)}}@keyframes revealRuleIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.gradient-family-stage{--gradient-a:#4555da;--gradient-b:#a24fd4;--gradient-c:#ee6d8f;color:#211f1c;background:#f1efe9}.gradient-collection-text{background-image:linear-gradient(105deg,var(--gradient-a) 4%,var(--gradient-c) 25%,var(--gradient-b) 48%,#f4ba68 65%,var(--gradient-a) 94%);background-size:260% 100%}.gradient-collection-text.gradient-palette-ocean{--gradient-a:#075985;--gradient-b:#06b6d4;--gradient-c:#60a5fa}.gradient-collection-text.gradient-palette-sunset{--gradient-a:#9f1239;--gradient-b:#f97316;--gradient-c:#f2b84b}.gradient-collection-text.gradient-palette-violet{--gradient-a:#4338ca;--gradient-b:#a855f7;--gradient-c:#ec4899}.gradient-family-prism{background:#f1efe9}.gradient-prism-copy{text-align:center;width:min(620px,100%)}.gradient-prism-copy>small,.gradient-bands-copy>small,.gradient-afterglow-copy>small{color:#85817a;font:700 8px var(--font-mono);letter-spacing:.17em;margin-bottom:21px;display:block}.gradient-prism-copy .ui-gradient-text{letter-spacing:-.07em;font-weight:680;line-height:.94}.gradient-prism-copy>p{color:#8a867e;margin:22px 0 0;font-size:10px}.gradient-family-chrome{color:#f1f4f8;background:#090b0f}.gradient-chrome-copy{grid-template-columns:1fr auto;align-items:end;width:min(610px,100%);display:grid}.gradient-chrome-copy>header{color:#676d78;font:700 8px var(--font-mono);letter-spacing:.15em;border-bottom:1px solid #292d34;grid-column:1/-1;justify-content:space-between;padding-bottom:14px;display:flex}.gradient-chrome-copy>.ui-gradient-text{letter-spacing:-.12em;background-image:linear-gradient(110deg,#30343b 2%,#edf2f5 21%,#616975 35%,#f8fafb 50%,#484f59 70%,#d9e2e8 84%,#343942 98%);background-size:240% 100%;font-size:clamp(115px,18vw,190px);font-weight:760;line-height:.72}.gradient-chrome-copy>div{border-left:1px solid #2d3138;gap:6px;padding:0 0 4px 28px;display:grid}.gradient-chrome-copy>div strong{letter-spacing:.12em;font-size:10px}.gradient-chrome-copy>div p{color:#707782;margin:0;font-size:9px}.gradient-family-bands{color:#f1f5ff;background:#111827}.gradient-bands-copy{width:min(610px,100%)}.gradient-bands-copy>small{color:#6f7d9d}.gradient-bands-copy>div{justify-items:start;display:grid}.gradient-bands-copy .ui-gradient-text{letter-spacing:-.08em;font-size:clamp(50px,8.5vw,92px);font-weight:730;line-height:.77}.gradient-bands-copy .ui-gradient-text:nth-child(2){filter:saturate(.7);margin-left:18%;animation-direction:alternate-reverse}.gradient-bands-copy .ui-gradient-text:nth-child(3){filter:hue-rotate(18deg);margin-left:5%;animation-direction:alternate}.gradient-bands-copy>span{color:#667494;font:700 8px var(--font-mono);letter-spacing:.15em;margin-top:35px;display:block}.gradient-family-afterglow{color:#fff;background:radial-gradient(circle at 50% 45%,#30213b,#101014 58%)}.gradient-afterglow-copy{text-align:center;width:min(610px,100%)}.gradient-afterglow-copy>small{color:#8c7c95}.gradient-afterglow-copy>div{place-items:center;display:grid;position:relative}.gradient-afterglow-copy .ui-gradient-text{z-index:2;letter-spacing:-.07em;font-weight:620;line-height:.9;position:relative}.gradient-afterglow-copy>div>i{color:#d66e94;letter-spacing:-.07em;opacity:.22;filter:blur(18px);font-size:55px;font-style:normal;font-weight:620;line-height:.9;position:absolute;transform:scale(1.06)}.gradient-afterglow-copy>p{color:#8f8295;margin:28px 0 0;font-size:10px}.gradient-scale-caption{font-size:32px}.gradient-scale-display{font-size:60px}.gradient-scale-giant{font-size:82px}.catalog-phone .reveal-family-stage,.catalog-phone .gradient-family-stage{border-radius:19px;width:100%;min-height:360px;padding:27px}.catalog-phone .reveal-family-text{font-size:35px}.catalog-phone .reveal-curtain-copy>span>i{font-size:38px}.catalog-phone .reveal-focus-copy>p{font-size:34px}.catalog-phone .reveal-marker-copy>strong{font-size:36px}.catalog-phone .gradient-scale-caption{font-size:23px}.catalog-phone .gradient-scale-display{font-size:38px}.catalog-phone .gradient-scale-giant{font-size:50px}.catalog-phone .gradient-chrome-copy>.ui-gradient-text{font-size:105px}.catalog-phone .gradient-chrome-copy{grid-template-columns:1fr}.catalog-phone .gradient-chrome-copy>div{border-top:1px solid #2d3138;border-left:0;padding:12px 0 0}.catalog-phone .gradient-bands-copy .ui-gradient-text{font-size:48px}.catalog-phone .gradient-afterglow-copy>div>i{font-size:38px}@media (width<=720px){.reveal-family-stage,.gradient-family-stage{min-height:400px;padding:34px}.gradient-chrome-copy>.ui-gradient-text{font-size:125px}.gradient-bands-copy .ui-gradient-text{font-size:57px}}@media (prefers-reduced-motion:reduce){.reveal-family-stage *,.gradient-family-stage *{animation:none!important}.reveal-marker-copy>strong>i,.reveal-rise-copy>i,.reveal-focus-copy>i b{transform:none!important}}.design-flow-badge .design-flow-preview,.design-flow-slider .design-flow-preview,.design-flow-breadcrumb .design-flow-preview,.design-flow-pagination .design-flow-preview,.design-flow-empty .design-flow-preview{min-height:440px}.badge-scene{--badge-accent:#16865f;border:1px solid var(--ink);align-items:center;width:min(660px,100%);min-height:300px;padding:42px;display:flex}@supports (color:color-mix(in lab, red, red)){.badge-scene{border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}}.badge-scene{background:var(--paper);color:var(--ink);border-radius:26px;box-shadow:0 20px 45px #00000012}.badge-live-dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px}@supports (color:color-mix(in lab, red, red)){.badge-live-dot{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 13%,transparent)}}.badge-live-dot{animation:2s ease-in-out infinite badgePulse}@keyframes badgePulse{50%{box-shadow:0 0 0 5px color-mix(in srgb,currentColor 0%,transparent)}}.badge-scene-signal{justify-content:space-between;gap:25px}.badge-project{align-items:center;gap:13px;display:flex}.badge-project-mark{background:var(--ink);width:44px;height:44px;color:var(--paper);font:700 10px var(--font-mono);border-radius:14px;place-items:center;display:grid}.badge-project>span:last-child{gap:4px;display:grid}.badge-project strong{font-size:15px}.badge-project small{color:var(--muted);font-size:10px}.badge-scene-counter{grid-template-columns:1fr 1fr;align-content:center;gap:10px;display:grid}.badge-scene-counter button{border:1px solid var(--line);background:var(--paper);height:54px;color:var(--ink);border-radius:15px;justify-content:space-between;align-items:center;padding:0 17px;font-size:12px;display:flex}.badge-scene-counter p{color:var(--muted);text-align:center;grid-column:1/-1;margin:12px 0 0;font-size:10px}.badge-scene-counter .ui-badge{min-width:30px}.badge-scene-filter{align-content:center;gap:18px;display:grid}.badge-filter-label{color:var(--muted);font:700 8px var(--font-mono);letter-spacing:.16em}.badge-scene-filter>div{flex-wrap:wrap;gap:8px;display:flex}.badge-scene-filter .ui-badge{cursor:pointer;min-height:34px;padding-inline:12px}.badge-scene-filter p{color:var(--muted);margin:0;font-size:10px}.badge-add{border:1px dashed var(--line);color:var(--muted);background:0 0;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;display:flex}.badge-scene-presence{gap:18px}.badge-avatars{display:flex}.badge-avatars>span,.badge-avatars>b{border:3px solid var(--paper);background:var(--ink);border-radius:50%;place-items:center;width:44px;height:44px;margin-left:-9px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.badge-avatars>span,.badge-avatars>b{background:color-mix(in srgb,var(--ink) 11%,var(--paper))}}.badge-avatars>span,.badge-avatars>b{font:700 8px var(--font-mono)}.badge-avatars>span:first-child{margin-left:0}.badge-avatars>span i{border:2px solid var(--paper);background:#21a86f;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.badge-avatars>b{background:var(--ink);color:var(--paper)}.badge-scene-presence>div:nth-child(2){gap:4px;display:grid}.badge-scene-presence>div:nth-child(2) strong{font-size:14px}.badge-scene-presence>div:nth-child(2) small{color:var(--muted);font-size:10px}.badge-scene-presence>.ui-badge{margin-left:auto}.slider-scene{--slider-accent:#2f6be3;border:1px solid var(--line);background:var(--paper);width:min(680px,100%);min-height:310px;color:var(--ink);border-radius:27px;align-content:center;gap:30px;padding:46px;display:grid;box-shadow:0 22px 50px #00000012}.slider-readout{align-items:end;gap:12px;display:flex}.slider-readout>svg{color:var(--slider-accent);margin-bottom:9px}.slider-readout>span{display:grid}.slider-readout small,.range-heading small,.step-value small,.vertical-slider-scene small{color:var(--muted);font:700 8px var(--font-mono);letter-spacing:.15em}.slider-readout strong{letter-spacing:-.07em;font-size:55px;line-height:.8}.slider-readout em{color:var(--muted);margin-bottom:3px;font-size:12px;font-style:normal}.slider-ticks{color:var(--muted);font:7px var(--font-mono);justify-content:space-between;display:flex}.range-heading{justify-content:space-between;align-items:end;display:flex}.range-heading>span{gap:5px;display:grid}.range-heading strong{font-size:30px}.range-heading b{background:var(--slider-accent);border-radius:7px;padding:6px 8px}@supports (color:color-mix(in lab, red, red)){.range-heading b{background:color-mix(in srgb,var(--slider-accent) 9%,var(--paper))}}.range-heading b{color:var(--slider-accent);font-size:8px}.range-captions{color:var(--muted);justify-content:space-between;font-size:8px;display:flex}.range-captions span:nth-child(2){color:var(--slider-accent);font-weight:700}.step-value{align-items:center;gap:12px;display:flex}.step-value svg{color:var(--slider-accent)}.step-value>span{gap:4px;display:grid}.step-value strong{font-size:25px}.step-dots{justify-content:space-between;margin-top:-21px;display:flex}.step-dots button{width:34px;height:42px;color:var(--muted);background:0 0;border:0;place-items:start center;font-size:7px;display:grid;position:relative}.step-dots i{background:currentColor;border-radius:50%;width:4px;height:4px;margin-top:2px}.step-dots .is-current{color:var(--slider-accent);font-weight:700}.step-dots .is-current i{box-shadow:0 0 0 4px var(--slider-accent)}@supports (color:color-mix(in lab, red, red)){.step-dots .is-current i{box-shadow:0 0 0 4px color-mix(in srgb,var(--slider-accent) 13%,transparent)}}.vertical-slider-scene{grid-template-columns:1fr 70px 18px;justify-content:center;align-items:center;min-height:360px}.vertical-slider-scene>div:first-child{align-self:start;display:grid}.vertical-slider-scene>div:first-child strong{margin-top:18px;font-size:70px;line-height:.8}.vertical-slider-scene>div:first-child span{color:var(--muted);font-size:9px}.vertical-meter{flex-direction:column-reverse;justify-content:space-between;height:210px;display:flex}.vertical-meter i{background:var(--ink);border-radius:99px;width:13px;height:3px}@supports (color:color-mix(in lab, red, red)){.vertical-meter i{background:color-mix(in srgb,var(--ink) 9%,var(--paper))}}.vertical-meter i.is-on{background:var(--slider-accent)}.design-flow-table .design-flow-preview{min-height:500px}.data-table-demo{border:1px solid var(--line);background:var(--paper);width:min(760px,100%);color:var(--ink);border-radius:24px;overflow:hidden;box-shadow:0 22px 50px #00000012}.data-table-scroll{max-width:100%;overflow-x:auto}.data-table-demo table{border-collapse:collapse;width:100%;min-width:620px}.data-table-demo th,.data-table-demo td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;height:62px;padding:0 16px;font-size:10px}.data-table-demo thead th{height:45px;color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.data-table-demo thead button,.data-table-demo td button{color:inherit;background:0 0;border:0;align-items:center;gap:6px;display:flex}.data-table-demo tbody tr:last-child td,.data-table-demo tbody tr:last-child th{border-bottom:0}.data-table-demo tbody tr[data-selected=true]{background:#3970de}@supports (color:color-mix(in lab, red, red)){.data-table-demo tbody tr[data-selected=true]{background:color-mix(in srgb,#3970de 6%,var(--paper))}}.data-table-demo td:nth-child(2){display:table-cell}.data-table-demo td strong{font-size:10px;display:block}.data-table-demo td small{color:var(--muted);font:7px var(--font-mono);margin-top:3px;display:block}.table-avatar{border:1px solid var(--line);background:var(--surface);width:28px;height:28px;font:700 7px var(--font-mono);border-radius:9px;place-items:center;display:grid}.table-status{background:var(--surface);border-radius:99px;padding:5px 7px;font-size:7px;font-weight:700}.status-ready{color:#148359;background:#148359}@supports (color:color-mix(in lab, red, red)){.status-ready{background:color-mix(in srgb,#148359 9%,var(--paper))}}.status-review{color:#a76120;background:#a76120}@supports (color:color-mix(in lab, red, red)){.status-review{background:color-mix(in srgb,#a76120 9%,var(--paper))}}.status-working{color:#3467cf;background:#3467cf}@supports (color:color-mix(in lab, red, red)){.status-working{background:color-mix(in srgb,#3467cf 9%,var(--paper))}}.table-density-compact th,.table-density-compact td{height:48px}.table-density-roomy th,.table-density-roomy td{height:74px}.data-table-demo.is-striped tbody tr:nth-child(2n){background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.data-table-demo.is-striped tbody tr:nth-child(2n){background:color-mix(in srgb,var(--ink) 2.8%,var(--paper))}}.data-ledger{padding:35px}.data-ledger header{border-bottom:1px solid var(--line);padding-bottom:28px;display:grid}.data-ledger header span{color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.15em}.data-ledger header strong{letter-spacing:-.06em;margin-top:15px;font-size:46px;line-height:.9}.data-ledger header small{color:var(--muted);margin-top:7px;font-size:9px}.data-ledger>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 60px;align-items:center;height:54px;font-size:9px;display:grid}.data-ledger>div strong{text-align:right;font-size:13px}.data-ledger>div i{text-align:right;color:#15825a;font-size:8px;font-style:normal}.comparison-table td{text-align:center}.comparison-table th:first-child{z-index:2;background:var(--paper);position:sticky;left:0}.comparison-table td svg{color:#16865f;margin:auto}.comparison-table td span{color:var(--muted)}.compact-register header{border-bottom:1px solid var(--line);justify-content:space-between;padding:0 2px 15px;font-size:9px;font-weight:700;display:flex}.compact-register header button{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;font-size:8px;display:flex}.compact-register>button{border:0;border-bottom:1px solid var(--line);width:100%;height:48px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:28px minmax(0,1fr) 35px 55px 30px;align-items:center;gap:8px;padding:0 4px;display:grid}.compact-register>button>strong{font-size:9px}.compact-register>button>small{font:7px var(--font-mono)}.compact-register>button>i{color:var(--muted);font-size:7px;font-style:normal}.compact-register>button>b{text-align:right;font-size:9px}.breadcrumb-demo{border:1px solid var(--line);background:var(--paper);width:min(720px,100%);min-height:280px;color:var(--ink);border-radius:25px;align-content:center;gap:36px;padding:42px;display:grid;box-shadow:0 22px 50px #0000000f}.breadcrumb-demo ol{align-items:center;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.breadcrumb-demo li{min-width:0;color:var(--muted);align-items:center;gap:8px;display:flex}.breadcrumb-demo button{min-width:0;color:inherit;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:8px;font-size:10px;display:flex}.breadcrumb-demo button span{text-overflow:ellipsis;overflow:hidden}.breadcrumb-demo [aria-current=page]{color:var(--ink);font-weight:700}.breadcrumb-demo>p{gap:6px;margin:0;display:grid}.breadcrumb-demo>p strong{letter-spacing:-.04em;font-size:29px}.breadcrumb-demo>p small{color:var(--muted);font-size:9px}.breadcrumb-boxed li{gap:3px}.breadcrumb-boxed button{border:1px solid var(--line);background:var(--surface)}.breadcrumb-boxed [aria-current=page]{background:var(--ink);color:var(--paper)}.breadcrumb-overflow li:nth-child(2) button{border:1px solid var(--line);background:var(--surface);justify-content:center;width:35px}.breadcrumb-route{color:#eef0f3;background:#101216}.breadcrumb-route li{color:#6f7682}.breadcrumb-route button{font-family:var(--font-mono);font-size:9px}.breadcrumb-route button svg{color:#7698ea}.breadcrumb-route [aria-current=page]{color:#f4f6f9}.breadcrumb-route>p small{color:#68707c}.breadcrumb-demo.is-compact{gap:25px;min-height:230px;padding:30px}.breadcrumb-demo.is-compact button{padding:5px}.pagination-demo{border:1px solid var(--line);background:var(--paper);width:min(720px,100%);min-height:290px;color:var(--ink);border-radius:26px;place-items:center;padding:46px;display:grid;box-shadow:0 22px 50px #0000000f}.pagination-tone-contrast{color:#f4f3ef;background:#101112}.pagination-tone-blue{color:#183065;background:#eef3ff}.pagination-numbered{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;width:100%;display:grid}.pagination-numbered>button{border:1px solid;align-items:center;gap:7px;height:38px;padding:0 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.pagination-numbered>button{border:1px solid color-mix(in srgb,currentColor 14%,transparent)}}.pagination-numbered>button{color:inherit;background:0 0;border-radius:10px;font-size:9px}.pagination-numbered>button:disabled{opacity:.35}.pagination-numbered>div{justify-content:center;gap:4px;display:flex}.pagination-numbered>div button{width:34px;height:34px;color:inherit;background:0 0;border:0;border-radius:9px;font-size:9px}.pagination-numbered>div [aria-current=page]{background:var(--ink);color:var(--paper);box-shadow:0 8px 20px #00000026}.pagination-tone-contrast .pagination-numbered>div [aria-current=page]{color:#101112;background:#f4f3ef}.pagination-compact{border:1px solid;align-items:center;gap:18px;padding:7px;display:flex}@supports (color:color-mix(in lab, red, red)){.pagination-compact{border:1px solid color-mix(in srgb,currentColor 14%,transparent)}}.pagination-compact{border-radius:18px}.pagination-compact button{background:currentColor;border:0;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}@supports (color:color-mix(in lab, red, red)){.pagination-compact button{background:color-mix(in srgb,currentColor 6%,transparent)}}.pagination-compact button{color:inherit}.pagination-compact span{grid-template-columns:auto auto;align-items:end;gap:5px;display:grid}.pagination-compact small{color:currentColor;grid-column:1/-1}@supports (color:color-mix(in lab, red, red)){.pagination-compact small{color:color-mix(in srgb,currentColor 55%,transparent)}}.pagination-compact small{font:700 6px var(--font-mono);letter-spacing:.15em}.pagination-compact strong{font-size:30px;line-height:.8}.pagination-compact i{color:currentColor}@supports (color:color-mix(in lab, red, red)){.pagination-compact i{color:color-mix(in srgb,currentColor 55%,transparent)}}.pagination-compact i{font:8px var(--font-mono);font-style:normal}.pagination-cursor{grid-template-columns:1fr 1px 1fr;gap:22px;width:100%;display:grid}.pagination-cursor>i{background:currentColor}@supports (color:color-mix(in lab, red, red)){.pagination-cursor>i{background:color-mix(in srgb,currentColor 14%,transparent)}}.pagination-cursor button{border:1px solid;align-items:center;gap:14px;padding:20px;display:flex}@supports (color:color-mix(in lab, red, red)){.pagination-cursor button{border:1px solid color-mix(in srgb,currentColor 12%,transparent)}}.pagination-cursor button{color:inherit;text-align:left;background:0 0;border-radius:16px}.pagination-cursor button:last-child{text-align:right;justify-content:flex-end}.pagination-cursor button span{gap:5px;display:grid}.pagination-cursor small{color:currentColor}@supports (color:color-mix(in lab, red, red)){.pagination-cursor small{color:color-mix(in srgb,currentColor 50%,transparent)}}.pagination-cursor small{font:700 6px var(--font-mono);letter-spacing:.15em}.pagination-cursor strong{font-size:11px}.pagination-chapters{width:100%;position:relative}.chapter-progress{background:currentColor;height:2px;position:absolute;top:16px;left:8%;right:8%}@supports (color:color-mix(in lab, red, red)){.chapter-progress{background:color-mix(in srgb,currentColor 12%,transparent)}}.chapter-progress i{background:currentColor;height:100%;transition:width .28s;display:block}.pagination-chapters>div:last-child{justify-content:space-between;display:flex;position:relative}.pagination-chapters button{color:currentColor;background:0 0;border:0;justify-items:center;gap:12px;width:70px;display:grid}@supports (color:color-mix(in lab, red, red)){.pagination-chapters button{color:color-mix(in srgb,currentColor 45%,transparent)}}.pagination-chapters button{font-size:8px}.pagination-chapters button i{border:1px solid;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.pagination-chapters button i{border:1px solid color-mix(in srgb,currentColor 16%,transparent)}}.pagination-chapters button i{background:var(--paper);font:7px var(--font-mono);border-radius:50%;font-style:normal}.pagination-tone-contrast .pagination-chapters button i{background:#101112}.pagination-chapters .is-current{color:inherit;font-weight:700}@supports (color:color-mix(in lab, red, red)){.pagination-chapters .is-current i{box-shadow:0 0 0 5px color-mix(in srgb,currentColor 9%,transparent)}}.empty-state-demo{--empty-action-bg:var(--primary);--empty-action-fg:var(--primary-foreground);border:1px solid var(--line);background:var(--surface);width:min(700px,100%);min-height:360px;color:var(--ink);border-radius:28px;place-items:center;padding:46px;display:grid;overflow:hidden;box-shadow:0 24px 55px #00000012}.empty-tone-blue{--empty-action-bg:#14264f;--empty-action-fg:#eff4ff;color:#14264f;background:#eff4ff}.empty-tone-warm{--empty-action-bg:#2c271f;--empty-action-fg:#f3eee3;color:#2c271f;background:#f3eee3}.empty-state-content{text-align:center;justify-items:center;max-width:420px;display:grid}.empty-state-content>small{color:currentColor;margin-top:23px}@supports (color:color-mix(in lab, red, red)){.empty-state-content>small{color:color-mix(in srgb,currentColor 50%,transparent)}}.empty-state-content>small{font:700 7px var(--font-mono);letter-spacing:.17em}.empty-state-content h4{letter-spacing:-.05em;margin:14px 0 0;font-size:30px;line-height:1}.empty-state-content p{color:currentColor;max-width:350px;margin:13px 0 0}@supports (color:color-mix(in lab, red, red)){.empty-state-content p{color:color-mix(in srgb,currentColor 57%,transparent)}}.empty-state-content p{font-size:10px;line-height:1.55}.empty-state-content>button{background:var(--empty-action-bg);min-height:39px;color:var(--empty-action-fg);border:0;border-radius:11px;align-items:center;gap:7px;margin-top:22px;padding:0 15px;font-size:9px;font-weight:700;display:flex}.empty-canvas-art{border:1px solid;place-items:center;width:90px;height:76px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.empty-canvas-art{border:1px solid color-mix(in srgb,currentColor 14%,transparent)}}.empty-canvas-art{background:currentColor;border-radius:20px}@supports (color:color-mix(in lab, red, red)){.empty-canvas-art{background:color-mix(in srgb,currentColor 4%,transparent)}}.empty-canvas-art>i{background:currentColor;border-radius:2px;width:20px;height:2px;position:absolute}@supports (color:color-mix(in lab, red, red)){.empty-canvas-art>i{background:color-mix(in srgb,currentColor 18%,transparent)}}.empty-canvas-art>i:first-of-type{top:10px;left:-8px;transform:rotate(-22deg)}.empty-canvas-art>i:nth-of-type(2){bottom:13px;right:-9px;transform:rotate(20deg)}.empty-canvas-art>i:nth-of-type(3){top:-3px;right:8px;transform:rotate(80deg)}.empty-search-art{border:1px solid;place-items:center;width:94px;height:94px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.empty-search-art{border:1px solid color-mix(in srgb,currentColor 12%,transparent)}}.empty-search-art{background:currentColor;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.empty-search-art{background:color-mix(in srgb,currentColor 3%,transparent)}}.empty-search-art span{border:4px solid var(--paper);background:var(--ink);width:29px;height:29px;color:var(--paper);font:700 8px var(--font-mono);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:4px;right:-4px}.empty-search-content label{border:1px solid;align-items:center;gap:8px;width:min(330px,100%);height:40px;margin-top:19px;padding:0 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.empty-search-content label{border:1px solid color-mix(in srgb,currentColor 15%,transparent)}}.empty-search-content label{background:currentColor;border-radius:11px}@supports (color:color-mix(in lab, red, red)){.empty-search-content label{background:color-mix(in srgb,currentColor 3%,transparent)}}.empty-search-content input{min-width:0;color:inherit;background:0 0;border:0;outline:0;flex:1;font-size:9px}.empty-offline-art{place-items:center;width:98px;height:82px;display:grid;position:relative}.empty-offline-art:before{content:"";border:1px dashed;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.empty-offline-art:before{border:1px dashed color-mix(in srgb,currentColor 22%,transparent)}}.empty-offline-art:before{border-radius:50%;animation:8s linear infinite emptyOrbit}.empty-offline-art i{background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute}.empty-offline-art i:first-of-type{top:3px}.empty-offline-art i:nth-of-type(2){bottom:18px;right:2px}.empty-offline-art i:nth-of-type(3){bottom:4px;left:14px}.empty-offline-art.is-busy svg{animation:.7s ease-in-out infinite emptyRetry}@keyframes emptyOrbit{to{transform:rotate(360deg)}}@keyframes emptyRetry{50%{opacity:.45;transform:scale(.85)}}.empty-lock-art{color:#f3f2ed;background:#111318;border-radius:22px;place-items:center;width:100px;height:86px;display:grid;position:relative;box-shadow:0 20px 40px #0003}.empty-lock-art span{background:#34373d;height:1px;position:absolute;left:17px;right:17px}.empty-lock-art span:first-of-type{top:18px}.empty-lock-art span:last-of-type{bottom:18px}.empty-permission-content em{color:currentColor;margin-top:15px}@supports (color:color-mix(in lab, red, red)){.empty-permission-content em{color:color-mix(in srgb,currentColor 45%,transparent)}}.empty-permission-content em{font-size:8px;font-style:normal}.catalog-phone .badge-scene,.catalog-phone .slider-scene,.catalog-phone .breadcrumb-demo,.catalog-phone .pagination-demo,.catalog-phone .empty-state-demo{border-radius:20px;width:100%;min-height:350px;padding:26px}.catalog-phone .badge-scene-signal{flex-direction:column;justify-content:center;align-items:flex-start}.catalog-phone .badge-scene-presence{align-content:center;display:grid}.catalog-phone .badge-scene-presence>.ui-badge{margin:0}.catalog-phone .slider-readout strong{font-size:44px}.catalog-phone .data-table-demo{border-radius:18px;width:100%}.catalog-phone .data-table-demo table{min-width:540px}.catalog-phone .breadcrumb-demo ol{overflow-x:auto}.catalog-phone .pagination-numbered{grid-template-columns:auto 1fr auto;gap:5px}.catalog-phone .pagination-numbered>button{padding:0 7px}.catalog-phone .pagination-numbered>div button{width:27px}.catalog-phone .pagination-cursor{grid-template-columns:1fr;gap:8px}.catalog-phone .pagination-cursor>i{display:none}.catalog-phone .empty-state-content h4{font-size:25px}@media (width<=720px){.badge-scene,.slider-scene,.breadcrumb-demo,.pagination-demo,.empty-state-demo{padding:30px}.badge-scene-presence{align-content:center;display:grid}.badge-scene-presence>.ui-badge{margin:0}.pagination-numbered{gap:6px}.pagination-numbered>button{font-size:0}.pagination-numbered>button svg{width:16px}.pagination-numbered>div button{width:28px}.pagination-cursor{grid-template-columns:1fr}.pagination-cursor>i{display:none}.vertical-slider-scene{grid-template-columns:1fr 62px 16px}.data-ledger{padding:26px}}@media (prefers-reduced-motion:reduce){.badge-live-dot,.empty-offline-art:before,.empty-offline-art.is-busy svg{animation:none!important}.chapter-progress i{transition:none!important}}.badge-scene,.slider-scene,.data-table-demo,.breadcrumb-demo,.pagination-demo,.empty-state-demo{transition:background-color .26s,color .26s,border-color .26s,box-shadow .26s;box-shadow:0 14px 34px #0000000e}.badge-scene button{transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}.badge-scene button:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.badge-scene button:hover{border-color:color-mix(in srgb,var(--ink) 23%,transparent)}}.badge-scene button:hover{transform:translateY(-1px)}.badge-scene button:active{transform:translateY(0)scale(.985)}.badge-scene-filter>div{animation:.24s cubic-bezier(.2,.7,.25,1) both catalogChipIn}.badge-avatars>span,.badge-avatars>b{transition:transform .22s cubic-bezier(.2,.8,.25,1),margin .22s,box-shadow .22s}.badge-avatars:hover>span,.badge-avatars:hover>b{margin-left:-4px;transform:translateY(-2px)}.badge-avatars:hover>span:first-child{margin-left:0}@keyframes catalogChipIn{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:none}}.vertical-meter i{transition:background-color .18s,transform .18s}.vertical-meter i.is-on{transform-origin:0;transform:scaleX(1.15)}.step-dots button,.step-dots i{transition:color .2s,transform .2s,box-shadow .2s}.step-dots button:hover i{transform:scale(1.45)}.step-value strong{animation:.2s both sliderValueIn}@keyframes sliderValueIn{0%{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}.data-table-demo tbody tr,.compact-register>button,.data-ledger>div{transition:background-color .18s,color .18s}.data-table-demo tbody tr:hover,.compact-register>button:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.data-table-demo tbody tr:hover,.compact-register>button:hover{background:color-mix(in srgb,var(--ink) 4.5%,var(--paper))}}.data-table-demo tbody tr[data-selected=true]{box-shadow:inset 3px 0 #3970de}.data-table-demo tbody tr[data-selected=true] .table-avatar{border-color:#3970de;transform:scale(1.04)}@supports (color:color-mix(in lab, red, red)){.data-table-demo tbody tr[data-selected=true] .table-avatar{border-color:color-mix(in srgb,#3970de 34%,var(--line))}}.table-avatar,.table-status{transition:transform .2s,border-color .2s,background-color .2s,color .2s}.data-table-sort-frame,.compact-register{animation:.24s cubic-bezier(.2,.7,.25,1) both tableSettle}.data-table-demo thead button[data-active=true]{color:var(--ink)}.data-table-demo.is-striped .data-ledger>div:nth-child(2n),.data-table-demo.is-striped .compact-register>button:nth-child(odd){background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.data-table-demo.is-striped .data-ledger>div:nth-child(2n),.data-table-demo.is-striped .compact-register>button:nth-child(odd){background:color-mix(in srgb,var(--ink) 2.8%,var(--paper))}}@keyframes tableSettle{0%{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}.breadcrumb-demo ol{scrollbar-width:none}.breadcrumb-demo ol::-webkit-scrollbar{display:none}.breadcrumb-demo li{animation:.24s cubic-bezier(.2,.75,.25,1) both crumbSettle}.breadcrumb-demo li:nth-child(2){animation-delay:18ms}.breadcrumb-demo li:nth-child(3){animation-delay:36ms}.breadcrumb-demo li:nth-child(4){animation-delay:54ms}.breadcrumb-demo li:nth-child(5){animation-delay:72ms}.breadcrumb-demo button{transition:background-color .18s,color .18s,border-color .18s,transform .18s}.breadcrumb-demo button:hover{background:currentColor}@supports (color:color-mix(in lab, red, red)){.breadcrumb-demo button:hover{background:color-mix(in srgb,currentColor 6%,transparent)}}.breadcrumb-demo button:hover{color:var(--ink);transform:translateY(-1px)}.breadcrumb-route button:hover{color:#f4f6f9}.breadcrumb-demo [aria-current=page]{box-shadow:inset 0 -1px}.breadcrumb-boxed [aria-current=page]{box-shadow:0 6px 16px #0000001f}.breadcrumb-demo>p{animation:.25s both crumbCopyIn}@keyframes crumbSettle{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}@keyframes crumbCopyIn{0%{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}.pagination-demo{--pagination-active:var(--primary);--pagination-active-fg:var(--primary-foreground);grid-template-rows:1fr auto;align-items:center;gap:38px;min-height:350px;padding:42px 46px}.pagination-tone-contrast{--pagination-active:#f4f3ef;--pagination-active-fg:#101112}.pagination-tone-blue{--pagination-active:#315fbe;--pagination-active-fg:#fff}.pagination-page-sample{text-align:center;will-change:transform,opacity;align-self:end;justify-items:center;width:min(420px,100%);display:grid}.pagination-page-sample>span{color:currentColor}@supports (color:color-mix(in lab, red, red)){.pagination-page-sample>span{color:color-mix(in srgb,currentColor 45%,transparent)}}.pagination-page-sample>span{font:700 7px var(--font-mono);letter-spacing:.16em}.pagination-page-sample>strong{letter-spacing:-.05em;margin-top:10px;font-size:31px;line-height:1}.pagination-page-sample>p{color:currentColor;margin:10px 0 0}@supports (color:color-mix(in lab, red, red)){.pagination-page-sample>p{color:color-mix(in srgb,currentColor 55%,transparent)}}.pagination-page-sample>p{font-size:9px;line-height:1.45}.pagination-page-sample[data-direction=forward]{animation:.28s cubic-bezier(.2,.72,.25,1) both paginationForward}.pagination-page-sample[data-direction=backward]{animation:.28s cubic-bezier(.2,.72,.25,1) both paginationBackward}@keyframes paginationForward{0%{opacity:0;transform:translate(9px)}to{opacity:1;transform:none}}@keyframes paginationBackward{0%{opacity:0;transform:translate(-9px)}to{opacity:1;transform:none}}.pagination-numbered>button,.pagination-numbered>div button,.pagination-compact button,.pagination-cursor button,.pagination-chapters button{transition:background-color .18s,color .18s,border-color .18s,opacity .18s,transform .18s,box-shadow .2s}.pagination-numbered>button:not(:disabled):hover,.pagination-compact button:not(:disabled):hover{background:currentColor}@supports (color:color-mix(in lab, red, red)){.pagination-numbered>button:not(:disabled):hover,.pagination-compact button:not(:disabled):hover{background:color-mix(in srgb,currentColor 6%,transparent)}}.pagination-numbered>button:not(:disabled):hover,.pagination-compact button:not(:disabled):hover{transform:translateY(-1px)}.pagination-numbered>div button:hover{background:currentColor}@supports (color:color-mix(in lab, red, red)){.pagination-numbered>div button:hover{background:color-mix(in srgb,currentColor 6%,transparent)}}.pagination-numbered>div [aria-current=page]{background:var(--pagination-active);color:var(--pagination-active-fg);transform:translateY(-1px);box-shadow:0 5px 13px #0000001a}.pagination-compact button:disabled,.pagination-cursor button:disabled{opacity:.28;cursor:not-allowed}.pagination-moving-number[data-direction=forward]{animation:.22s both paginationNumberForward}.pagination-moving-number[data-direction=backward]{animation:.22s both paginationNumberBackward}@keyframes paginationNumberForward{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes paginationNumberBackward{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.pagination-cursor button:not(:disabled):first-child:hover{border-color:currentColor;transform:translate(-2px)}@supports (color:color-mix(in lab, red, red)){.pagination-cursor button:not(:disabled):first-child:hover{border-color:color-mix(in srgb,currentColor 24%,transparent)}}.pagination-cursor button:not(:disabled):last-child:hover{border-color:currentColor;transform:translate(2px)}@supports (color:color-mix(in lab, red, red)){.pagination-cursor button:not(:disabled):last-child:hover{border-color:color-mix(in srgb,currentColor 24%,transparent)}}.chapter-progress i{transition:width .34s cubic-bezier(.2,.72,.25,1)}.pagination-chapters button i{transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s,transform .22s cubic-bezier(.2,.8,.25,1)}.pagination-chapters button:hover i{transform:scale(1.05)}.pagination-chapters .is-current i{background:var(--pagination-active);color:var(--pagination-active-fg);box-shadow:0 0 0 4px var(--pagination-active)}@supports (color:color-mix(in lab, red, red)){.pagination-chapters .is-current i{box-shadow:0 0 0 4px color-mix(in srgb,var(--pagination-active) 9%,transparent)}}.pagination-chapters .is-current i{transform:scale(1.04)}.empty-state-transition{place-items:center;animation:.28s cubic-bezier(.2,.72,.25,1) both emptyStateSettle;display:grid}.empty-state-content>button,.empty-search-content label{transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}.empty-state-content>button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000024}.empty-state-content>button:active{transform:translateY(0)scale(.985)}.empty-search-content label:focus-within{border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.empty-search-content label:focus-within{border-color:color-mix(in srgb,currentColor 34%,transparent)}}.empty-search-content label:focus-within{box-shadow:0 0 0 4px}@supports (color:color-mix(in lab, red, red)){.empty-search-content label:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,currentColor 6%,transparent)}}.empty-canvas-art,.empty-search-art,.empty-offline-art,.empty-lock-art{animation:.32s cubic-bezier(.2,.75,.25,1) both emptyArtSettle}@keyframes emptyStateSettle{0%{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes emptyArtSettle{0%{opacity:0;transform:translateY(7px)scale(.96)}to{opacity:1;transform:none}}@media (width<=720px){.pagination-demo{gap:28px;min-height:360px;padding:30px 24px}.pagination-page-sample>strong{font-size:27px}.pagination-index-list{gap:2px;padding:4px}.pagination-index-list button{flex-basis:28px;width:28px;height:30px}.pagination-index-list .pagination-page-optional{display:none}.pagination-ellipsis{flex-basis:18px;width:18px;height:30px}.pagination-cursor button{padding:14px}}@media (prefers-reduced-motion:reduce){.badge-scene *,.slider-scene *,.data-table-demo *,.breadcrumb-demo *,.pagination-demo *,.empty-state-demo *{transition:none!important;animation:none!important}}.badge-scene-presence{justify-content:center;padding:34px}.badge-presence-panel{border:1px solid var(--ink);width:min(500px,100%);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.badge-presence-panel{border:1px solid color-mix(in srgb,var(--ink) 13%,transparent)}}.badge-presence-panel{background:var(--ink);border-radius:20px}@supports (color:color-mix(in lab, red, red)){.badge-presence-panel{background:color-mix(in srgb,var(--ink) 2.5%,var(--paper))}}.badge-presence-panel{box-shadow:0 12px 28px #0000000d}.badge-presence-panel>header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}@supports (color:color-mix(in lab, red, red)){.badge-presence-panel>header{border-bottom:1px solid color-mix(in srgb,var(--ink) 9%,transparent)}}.badge-presence-panel>header>span:first-child{gap:5px;display:grid}.badge-presence-panel>header small{color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.14em}.badge-presence-panel>header strong{font-size:15px}.badge-presence-main{align-items:center;gap:20px;padding:24px 20px;display:flex}.badge-presence-main>div:last-child{gap:5px;min-width:0;display:grid}.badge-presence-main>div:last-child strong{font-size:11px}.badge-presence-main>div:last-child small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.4;overflow:hidden}.badge-avatars{isolation:isolate;flex:none}.badge-avatars>span,.badge-avatars>b{border:3px solid var(--paper);width:46px;height:46px;box-shadow:0 1px 0 var(--ink);margin-left:-11px}@supports (color:color-mix(in lab, red, red)){.badge-avatars>span,.badge-avatars>b{box-shadow:0 1px 0 color-mix(in srgb,var(--ink) 13%,transparent)}}.badge-avatars>span,.badge-avatars>b{color:var(--ink);font-size:9px}.badge-avatars>span:first-child{z-index:4;background:#5277d8;margin-left:0}@supports (color:color-mix(in lab, red, red)){.badge-avatars>span:first-child{background:color-mix(in srgb,#5277d8 19%,var(--paper))}}.badge-avatars>span:first-child{color:#5277d8}@supports (color:color-mix(in lab, red, red)){.badge-avatars>span:first-child{color:color-mix(in srgb,#5277d8 72%,var(--ink))}}.badge-avatars>span:nth-child(2){z-index:3;background:#7b58d5}@supports (color:color-mix(in lab, red, red)){.badge-avatars>span:nth-child(2){background:color-mix(in srgb,#7b58d5 18%,var(--paper))}}.badge-avatars>span:nth-child(2){color:#7b58d5}@supports (color:color-mix(in lab, red, red)){.badge-avatars>span:nth-child(2){color:color-mix(in srgb,#7b58d5 72%,var(--ink))}}.badge-avatars>span:nth-child(3){z-index:2;background:#178b69}@supports (color:color-mix(in lab, red, red)){.badge-avatars>span:nth-child(3){background:color-mix(in srgb,#178b69 17%,var(--paper))}}.badge-avatars>span:nth-child(3){color:#178b69}@supports (color:color-mix(in lab, red, red)){.badge-avatars>span:nth-child(3){color:color-mix(in srgb,#178b69 72%,var(--ink))}}.badge-avatars>b{z-index:1;background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.badge-avatars>b{background:color-mix(in srgb,var(--ink) 8%,var(--paper))}}.badge-avatars>b{color:var(--ink)}.badge-avatars>span i{width:10px;height:10px;bottom:0;right:0;box-shadow:0 0 0 1px #21a86f33}.badge-presence-panel>footer{border-top:1px solid var(--ink);align-items:center;gap:15px;min-height:40px;padding:0 20px;display:flex}@supports (color:color-mix(in lab, red, red)){.badge-presence-panel>footer{border-top:1px solid color-mix(in srgb,var(--ink) 9%,transparent)}}.badge-presence-panel>footer{color:var(--muted);font-size:8px}.badge-presence-panel>footer span{align-items:center;gap:6px;display:flex}.badge-presence-panel>footer span i{background:#21a86f;border-radius:50%;width:5px;height:5px}.badge-presence-panel>footer em{font:7px var(--font-mono);margin-left:auto;font-style:normal}.badge-presence-panel,.badge-presence-main,.badge-presence-panel>footer{transition:background-color .22s,border-color .22s,color .22s}.catalog-phone .badge-presence-panel>header,.catalog-phone .badge-presence-main,.catalog-phone .badge-presence-panel>footer{padding-inline:14px}.catalog-phone .badge-presence-main{flex-direction:column;align-items:flex-start}.catalog-phone .badge-presence-main>div:last-child small{white-space:normal}.catalog-phone .badge-presence-panel>footer{gap:9px}.catalog-phone .badge-presence-panel>footer em{display:none}@media (width<=720px){.badge-presence-main{flex-direction:column;align-items:flex-start}.badge-presence-main>div:last-child small{white-space:normal}}.slider-scene{--slider-accent:#2f6be3;border:1px solid var(--ink);place-items:center;width:min(680px,100%);min-height:370px;padding:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.slider-scene{border:1px solid color-mix(in srgb,var(--ink) 11%,transparent)}}.slider-scene{background:var(--paper);color:var(--ink);border-radius:28px;overflow:hidden}.slider-graphite{--slider-accent:var(--ink)}@supports (color:color-mix(in lab, red, red)){.slider-graphite{--slider-accent:color-mix(in srgb,var(--ink) 88%,#6d727a)}}.slider-violet{--slider-accent:#7655da}.slider-amber{--slider-accent:#c6762d}@supports (color:color-mix(in lab, red, red)){.slider-scene-scalar{background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--slider-accent) 10%,transparent),transparent 38%),var(--paper)}}.signal-fader-panel,.range-window-panel,.stepped-scale-panel,.studio-channel-panel{border:1px solid var(--ink);width:min(570px,100%)}@supports (color:color-mix(in lab, red, red)){.signal-fader-panel,.range-window-panel,.stepped-scale-panel,.studio-channel-panel{border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}}.signal-fader-panel,.range-window-panel,.stepped-scale-panel,.studio-channel-panel{background:var(--ink);border-radius:22px}@supports (color:color-mix(in lab, red, red)){.signal-fader-panel,.range-window-panel,.stepped-scale-panel,.studio-channel-panel{background:color-mix(in srgb,var(--ink) 2.2%,var(--paper))}}.signal-fader-panel,.range-window-panel,.stepped-scale-panel,.studio-channel-panel{overflow:hidden;box-shadow:0 18px 44px #00000012}.signal-fader-panel{padding:24px 26px 18px}.signal-fader-panel>header,.stepped-scale-panel>header,.studio-channel-panel>header{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.slider-title-mark{border:1px solid var(--ink);place-items:center;width:38px;height:38px;display:grid}@supports (color:color-mix(in lab, red, red)){.slider-title-mark{border:1px solid color-mix(in srgb,var(--ink) 11%,transparent)}}.slider-title-mark{background:var(--paper);color:var(--slider-accent);border-radius:12px}.signal-fader-panel>header>span:nth-child(2),.stepped-scale-panel>header>span:nth-child(2),.studio-channel-panel>header>span:nth-child(2){gap:4px;display:grid}.signal-fader-panel small,.range-window-panel small,.stepped-scale-panel small,.studio-channel-panel small{color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.16em}.signal-fader-panel>header>span:nth-child(2)>strong,.range-window-panel>header>span:first-child>strong,.studio-channel-panel>header>span:nth-child(2)>strong{font-size:11px}.signal-fader-panel .slider-readout{color:var(--ink);align-items:baseline;gap:3px;display:flex}.signal-fader-panel .slider-readout strong{letter-spacing:-.06em;font-size:34px;line-height:1}.signal-fader-panel .slider-readout em{color:var(--muted);font:8px var(--font-mono);margin:0;font-style:normal}.signal-fader-control{height:34px;margin-top:34px}.signal-fader-control .ui-slider-track{background:var(--ink);height:6px;top:14px}@supports (color:color-mix(in lab, red, red)){.signal-fader-control .ui-slider-track{background:color-mix(in srgb,var(--ink) 9%,var(--paper))}}.signal-fader-control .ui-slider-track:after{border:4px solid var(--paper);background:var(--slider-accent);width:20px;height:20px;box-shadow:0 0 0 1px var(--ink),0 6px 16px #0000002e}@supports (color:color-mix(in lab, red, red)){.signal-fader-control .ui-slider-track:after{box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 20%,transparent),0 6px 16px #0000002e}}.slider-scale{height:13px;color:var(--muted);font:6px var(--font-mono);justify-content:space-between;align-items:start;display:flex}.slider-scale i{background:var(--ink);width:1px;height:5px}@supports (color:color-mix(in lab, red, red)){.slider-scale i{background:color-mix(in srgb,var(--ink) 18%,transparent)}}.signal-fader-panel>footer{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;display:flex}@supports (color:color-mix(in lab, red, red)){.signal-fader-panel>footer{border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}}.signal-fader-panel>footer{color:var(--muted);font-size:7px}.signal-fader-panel>footer b{color:var(--ink);align-items:center;gap:6px;display:flex}@supports (color:color-mix(in lab, red, red)){.signal-fader-panel>footer b{color:color-mix(in srgb,var(--ink) 68%,transparent)}}.signal-fader-panel>footer b{font-weight:650}.signal-fader-panel>footer b i{background:#20a46d;border-radius:50%;width:5px;height:5px}@supports (color:color-mix(in lab, red, red)){.slider-scene-range{background:linear-gradient(150deg,color-mix(in srgb,var(--slider-accent) 5%,var(--paper)),var(--paper) 62%)}}.range-window-panel{padding:25px 26px 20px}.range-window-panel>header{justify-content:space-between;align-items:center;gap:20px;display:flex}.range-window-panel>header>span:first-child{gap:5px;display:grid}.range-window-values{align-items:center;gap:7px;display:flex}.range-window-values b{border:1px solid var(--ink);place-items:center;min-width:38px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.range-window-values b{border:1px solid color-mix(in srgb,var(--ink) 11%,transparent)}}.range-window-values b{background:var(--paper);font:700 11px var(--font-mono);border-radius:10px}.range-window-values i{color:var(--muted);font-size:7px;font-style:normal}.range-window-plot{opacity:.82;justify-content:space-between;align-items:end;gap:7px;height:86px;margin:28px 3px -11px;display:flex}.range-window-plot i{height:var(--bar-height);background:var(--slider-accent);border-radius:4px 4px 1px 1px;flex:1}@supports (color:color-mix(in lab, red, red)){.range-window-plot i{background:color-mix(in srgb,var(--slider-accent) 13%,var(--paper))}}.range-window-plot i{transition:height .22s,background-color .22s}.range-window-plot i:nth-child(n+4):nth-child(-n+8){background:var(--slider-accent)}@supports (color:color-mix(in lab, red, red)){.range-window-plot i:nth-child(n+4):nth-child(-n+8){background:color-mix(in srgb,var(--slider-accent) 34%,var(--paper))}}.range-window-panel .dual-slider{height:40px}.range-window-panel .dual-slider-track{background:var(--ink);height:6px;top:17px}@supports (color:color-mix(in lab, red, red)){.range-window-panel .dual-slider-track{background:color-mix(in srgb,var(--ink) 10%,var(--paper))}}.range-window-panel .dual-slider-track i{box-shadow:0 0 14px var(--slider-accent)}@supports (color:color-mix(in lab, red, red)){.range-window-panel .dual-slider-track i{box-shadow:0 0 14px color-mix(in srgb,var(--slider-accent) 18%,transparent)}}.range-window-panel .dual-slider-track:before,.range-window-panel .dual-slider-track:after{border:4px solid var(--paper);background:var(--slider-accent);width:20px;height:25px;box-shadow:0 0 0 1px var(--ink),0 5px 14px #00000024;border-radius:8px}@supports (color:color-mix(in lab, red, red)){.range-window-panel .dual-slider-track:before,.range-window-panel .dual-slider-track:after{box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 18%,transparent),0 5px 14px #00000024}}.range-window-panel .dual-slider input::-webkit-slider-thumb{pointer-events:auto;width:34px;height:34px}.range-window-panel .dual-slider input::-moz-range-thumb{pointer-events:auto;width:34px;height:34px}.range-window-panel>footer{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:14px;font-size:7px;display:grid}.range-window-panel>footer span{align-items:center;gap:6px;display:flex}.range-window-panel>footer span:last-child{justify-content:flex-end}.range-window-panel>footer b{color:var(--ink);font:700 8px var(--font-mono)}.range-window-panel>footer em{background:var(--slider-accent);border-radius:99px;padding:5px 8px}@supports (color:color-mix(in lab, red, red)){.range-window-panel>footer em{background:color-mix(in srgb,var(--slider-accent) 9%,var(--paper))}}.range-window-panel>footer em{color:var(--slider-accent);font-style:normal;font-weight:700}@supports (color:color-mix(in lab, red, red)){.slider-scene-steps{background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--slider-accent) 4%,var(--paper)))}}.stepped-scale-panel{padding:24px 25px 20px}.stepped-scale-panel>header>b{color:var(--muted);font:700 8px var(--font-mono)}.stepped-scale-panel>header>span:nth-child(2)>strong{font-size:17px;line-height:1}.stepped-slider{height:46px;margin-top:30px}.stepped-slider .ui-slider-track{height:4px;top:21px}.stepped-slider .ui-slider-track:after{border:4px solid var(--paper);background:var(--slider-accent);width:18px;height:18px}.stepped-rail-points{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:17px 2px auto}.stepped-rail-points i{border:3px solid var(--ink);width:12px;height:12px}@supports (color:color-mix(in lab, red, red)){.stepped-rail-points i{border:3px solid color-mix(in srgb,var(--ink) 10%,var(--paper))}}.stepped-rail-points i{background:var(--paper);border-radius:50%;transition:border-color .2s,background-color .2s,transform .2s}.stepped-rail-points i.is-passed{border-color:var(--slider-accent);background:var(--slider-accent)}.step-options{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:5px;display:grid}.step-options button{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-items:center;gap:6px;padding:9px 3px;display:grid}.step-options button i{border:1px solid var(--ink);place-items:center;width:20px;height:20px;display:grid}@supports (color:color-mix(in lab, red, red)){.step-options button i{border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}}.step-options button i{font:6px var(--font-mono);border-radius:7px;font-style:normal}.step-options button span{text-overflow:ellipsis;max-width:100%;font-size:7px;overflow:hidden}.step-options button:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.step-options button:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}}.step-options button:hover{color:var(--ink)}.step-options button.is-current{border-color:var(--slider-accent)}@supports (color:color-mix(in lab, red, red)){.step-options button.is-current{border-color:color-mix(in srgb,var(--slider-accent) 20%,transparent)}}.step-options button.is-current{background:var(--slider-accent)}@supports (color:color-mix(in lab, red, red)){.step-options button.is-current{background:color-mix(in srgb,var(--slider-accent) 8%,var(--paper))}}.step-options button.is-current{color:var(--slider-accent);font-weight:700}.step-options button.is-current i{border-color:var(--slider-accent);background:var(--slider-accent);color:var(--paper);box-shadow:0 4px 12px var(--slider-accent)}@supports (color:color-mix(in lab, red, red)){.step-options button.is-current i{box-shadow:0 4px 12px color-mix(in srgb,var(--slider-accent) 24%,transparent)}}.stepped-scale-panel>p{border-top:1px solid var(--ink);margin:18px 0 0;padding-top:14px}@supports (color:color-mix(in lab, red, red)){.stepped-scale-panel>p{border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}}.stepped-scale-panel>p{color:var(--muted);text-align:center;font-size:7px;line-height:1.5}.vertical-slider-scene{align-items:center;justify-content:initial;background:radial-gradient(circle at 50% 55%,var(--slider-accent),transparent 45%),var(--paper);grid-template-columns:1fr;min-height:470px}@supports (color:color-mix(in lab, red, red)){.vertical-slider-scene{background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--slider-accent) 7%,transparent),transparent 45%),var(--paper)}}.studio-channel-panel{width:min(440px,100%)}.studio-channel-panel>header{border-bottom:1px solid var(--ink);padding:18px 20px}@supports (color:color-mix(in lab, red, red)){.studio-channel-panel>header{border-bottom:1px solid color-mix(in srgb,var(--ink) 9%,transparent)}}.studio-channel-panel>header>b{border:1px solid var(--ink);place-items:center;width:28px;height:28px;display:grid}@supports (color:color-mix(in lab, red, red)){.studio-channel-panel>header>b{border:1px solid color-mix(in srgb,var(--ink) 11%,transparent)}}.studio-channel-panel>header>b{color:var(--muted);font:700 7px var(--font-mono);border-radius:9px}.studio-channel-body{grid-template-columns:minmax(100px,1fr) 28px 62px 19px;align-items:center;gap:12px;min-height:285px;padding:24px 28px;display:grid}.channel-readout{align-content:center;align-self:stretch;justify-items:start;padding:22px 0;display:grid}.channel-readout>svg{color:var(--slider-accent);margin-bottom:22px}.channel-readout strong{letter-spacing:-.075em;font-size:72px;line-height:.75}.channel-readout>span{color:var(--muted);font:8px var(--font-mono);margin-top:8px}.channel-readout>small{background:var(--slider-accent);border-radius:99px;margin-top:auto;padding:6px 8px}@supports (color:color-mix(in lab, red, red)){.channel-readout>small{background:color-mix(in srgb,var(--slider-accent) 9%,var(--paper))}}.channel-readout>small{color:var(--slider-accent);letter-spacing:.05em}.channel-scale{height:232px;color:var(--muted);font:6px var(--font-mono);text-align:right;flex-direction:column;justify-content:space-between;display:flex}.studio-channel-panel .vertical-slider{width:62px;height:250px}.studio-channel-panel .vertical-slider input{width:230px}.studio-channel-panel .vertical-slider>span{width:7px;height:230px}.studio-channel-panel .vertical-slider>span:after{border:4px solid var(--paper);background:var(--slider-accent);width:29px;height:19px;box-shadow:0 0 0 1px var(--ink),0 7px 17px #0000002b;border-radius:7px}@supports (color:color-mix(in lab, red, red)){.studio-channel-panel .vertical-slider>span:after{box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 21%,transparent),0 7px 17px #0000002b}}.studio-channel-panel .vertical-meter{justify-content:space-between;height:230px}.studio-channel-panel .vertical-meter i{background:var(--ink);width:17px;height:4px}@supports (color:color-mix(in lab, red, red)){.studio-channel-panel .vertical-meter i{background:color-mix(in srgb,var(--ink) 8%,var(--paper))}}.studio-channel-panel .vertical-meter i{transition:background-color .18s,transform .18s}.studio-channel-panel .vertical-meter i.is-on{background:var(--slider-accent);transform:scaleX(1)}.studio-channel-panel .vertical-meter i:nth-last-child(-n+3).is-on{background:#db7b32}.studio-channel-panel>footer{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;min-height:44px;padding:0 20px;display:flex}@supports (color:color-mix(in lab, red, red)){.studio-channel-panel>footer{border-top:1px solid color-mix(in srgb,var(--ink) 9%,transparent)}}.studio-channel-panel>footer{color:var(--muted);font-size:7px}.studio-channel-panel>footer span{color:var(--ink);align-items:center;gap:6px;display:flex}@supports (color:color-mix(in lab, red, red)){.studio-channel-panel>footer span{color:color-mix(in srgb,var(--ink) 70%,transparent)}}.studio-channel-panel>footer span{font-weight:700}.studio-channel-panel>footer span i{background:#20a46d;border-radius:50%;width:6px;height:6px}.studio-channel-panel>footer em{font-style:normal}.signal-fader-panel,.range-window-panel,.stepped-scale-panel,.studio-channel-panel{transition:border-color .24s,background-color .24s,box-shadow .24s}.slider-scene:focus-within .signal-fader-panel,.slider-scene:focus-within .range-window-panel,.slider-scene:focus-within .stepped-scale-panel,.slider-scene:focus-within .studio-channel-panel{border-color:var(--slider-accent)}@supports (color:color-mix(in lab, red, red)){.slider-scene:focus-within .signal-fader-panel,.slider-scene:focus-within .range-window-panel,.slider-scene:focus-within .stepped-scale-panel,.slider-scene:focus-within .studio-channel-panel{border-color:color-mix(in srgb,var(--slider-accent) 34%,transparent)}}.slider-scene:focus-within .signal-fader-panel,.slider-scene:focus-within .range-window-panel,.slider-scene:focus-within .stepped-scale-panel,.slider-scene:focus-within .studio-channel-panel{box-shadow:0 20px 48px #00000014,0 0 0 4px var(--slider-accent)}@supports (color:color-mix(in lab, red, red)){.slider-scene:focus-within .signal-fader-panel,.slider-scene:focus-within .range-window-panel,.slider-scene:focus-within .stepped-scale-panel,.slider-scene:focus-within .studio-channel-panel{box-shadow:0 20px 48px #00000014,0 0 0 4px color-mix(in srgb,var(--slider-accent) 6%,transparent)}}.catalog-phone .slider-scene{min-height:390px;padding:20px}.catalog-phone .vertical-slider-scene{grid-template-columns:1fr}.catalog-phone .signal-fader-panel,.catalog-phone .range-window-panel,.catalog-phone .stepped-scale-panel,.catalog-phone .studio-channel-panel{border-radius:18px;width:100%}.catalog-phone .signal-fader-panel,.catalog-phone .range-window-panel,.catalog-phone .stepped-scale-panel{padding:19px 17px 15px}.catalog-phone .signal-fader-panel .slider-readout strong{font-size:28px}.catalog-phone .slider-scale i:nth-of-type(2n){display:none}.catalog-phone .range-window-panel>header{align-items:flex-start}.catalog-phone .range-window-values b{min-width:32px}.catalog-phone .range-window-plot{gap:4px;height:68px}.catalog-phone .range-window-panel>footer{grid-template-columns:1fr 1fr}.catalog-phone .range-window-panel>footer em{display:none}.catalog-phone .step-options{gap:2px}.catalog-phone .step-options button{padding-inline:1px}.catalog-phone .step-options button span{font-size:6px}.catalog-phone .studio-channel-body{grid-template-columns:minmax(72px,1fr) 23px 48px 16px;gap:7px;padding:20px 17px}.catalog-phone .channel-readout strong{font-size:51px}.catalog-phone .studio-channel-panel .vertical-slider{width:48px}.catalog-phone .studio-channel-panel>footer em{display:none}@media (width<=720px){.slider-scene{min-height:390px;padding:25px}.signal-fader-panel,.range-window-panel,.stepped-scale-panel{padding-inline:21px}.range-window-plot{height:72px}.studio-channel-body{grid-template-columns:minmax(86px,1fr) 25px 54px 17px;gap:9px;padding-inline:21px}.channel-readout strong{font-size:58px}}@media (prefers-reduced-motion:reduce){.slider-scene *{transition:none!important;animation:none!important}}.design-flow-badge .badge-tone-control{grid-column:span 2}.design-flow-badge .badge-tone-control .segmented-control button{padding-inline:10px}.design-flow-slider .slider-tone-control{grid-column:span 2}.design-flow-slider .slider-tone-control .segmented-control button{padding-inline:6px}.badge-scene-signal{background:linear-gradient(135deg,var(--ink),var(--paper) 58%);justify-content:center;padding:36px}@supports (color:color-mix(in lab, red, red)){.badge-scene-signal{background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 2.5%,var(--paper)),var(--paper) 58%)}}.badge-signal-panel{--signal-color:#16865f;border:1px solid var(--ink);width:min(530px,100%);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.badge-signal-panel{border:1px solid color-mix(in srgb,var(--ink) 13%,transparent)}}.badge-signal-panel{background:var(--ink);border-radius:20px}@supports (color:color-mix(in lab, red, red)){.badge-signal-panel{background:color-mix(in srgb,var(--ink) 2%,var(--paper))}}.badge-signal-panel{box-shadow:0 18px 42px #00000013}.badge-signal-neutral{--signal-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.badge-signal-neutral{--signal-color:color-mix(in srgb,var(--ink) 75%,#747982)}}.badge-signal-blue{--signal-color:#3475d7}.badge-signal-green{--signal-color:#16865f}.badge-signal-amber{--signal-color:#bd7228}.badge-signal-panel>header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:18px;min-height:55px;padding:0 20px;display:flex}@supports (color:color-mix(in lab, red, red)){.badge-signal-panel>header{border-bottom:1px solid color-mix(in srgb,var(--ink) 9%,transparent)}}.badge-signal-panel>header>span:first-child{color:var(--signal-color);align-items:center;gap:8px;display:flex}.badge-signal-panel>header>span:first-child small{color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.15em}.badge-signal-copy{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;padding:24px 21px 19px;display:grid}.badge-signal-copy>span{gap:5px;min-width:0;display:grid}.badge-signal-copy>span small{color:var(--signal-color);font:700 7px var(--font-mono);letter-spacing:.14em}.badge-signal-copy strong{letter-spacing:-.025em;font-size:18px}.badge-signal-copy p{max-width:360px;color:var(--muted);margin:0;font-size:9px;line-height:1.48}.badge-signal-copy>b{color:var(--signal-color);font:700 34px var(--font-mono);align-items:baseline;line-height:.9;display:flex}.badge-signal-copy>b small{font-size:9px}.badge-signal-rail{grid-template-columns:repeat(4,1fr);gap:5px;margin:0 21px;display:grid}.badge-signal-rail i{background:var(--ink);border-radius:99px;height:4px}@supports (color:color-mix(in lab, red, red)){.badge-signal-rail i{background:color-mix(in srgb,var(--ink) 8%,var(--paper))}}.badge-signal-rail i.is-done,.badge-signal-rail i.is-active{background:var(--signal-color)}.badge-signal-rail i.is-active{animation:1.4s ease-in-out infinite badgeSignalBreath}.badge-signal-panel>footer{color:var(--muted);font:6px var(--font-mono);letter-spacing:.08em;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 21px 15px;display:grid}.badge-signal-panel>footer b{color:var(--signal-color)}.badge-signal-panel.is-paused{--signal-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.badge-signal-panel.is-paused{--signal-color:color-mix(in srgb,var(--ink) 48%,#8b8f95)}}.badge-signal-panel.is-paused .badge-signal-copy>b{opacity:.55}.badge-signal-panel.is-paused .badge-signal-rail i{animation:none}@keyframes badgeSignalBreath{50%{opacity:.38;transform:scaleX(.94)}}.slider-scene-scalar{background:radial-gradient(circle at 84% 13%,var(--slider-accent),transparent 32%),var(--paper)}@supports (color:color-mix(in lab, red, red)){.slider-scene-scalar{background:radial-gradient(circle at 84% 13%,color-mix(in srgb,var(--slider-accent) 12%,transparent),transparent 32%),var(--paper)}}.slider-scene-range{background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 31px),linear-gradient(160deg,var(--slider-accent),var(--paper) 64%)}@supports (color:color-mix(in lab, red, red)){.slider-scene-range{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 3%,transparent) 0 1px,transparent 1px 31px),linear-gradient(160deg,color-mix(in srgb,var(--slider-accent) 4%,var(--paper)),var(--paper) 64%)}}.slider-scene-steps{background:linear-gradient(var(--ink) 1px,transparent 1px),linear-gradient(90deg,var(--ink) 1px,transparent 1px),var(--paper)}@supports (color:color-mix(in lab, red, red)){.slider-scene-steps{background:linear-gradient(color-mix(in srgb,var(--ink) 3.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 3.5%,transparent) 1px,transparent 1px),var(--paper)}}.slider-scene-steps{background-size:22px 22px}.vertical-slider-scene{background:linear-gradient(145deg,var(--ink),var(--paper) 54%),var(--paper)}@supports (color:color-mix(in lab, red, red)){.vertical-slider-scene{background:linear-gradient(145deg,color-mix(in srgb,var(--ink) 3%,var(--paper)),var(--paper) 54%),var(--paper)}}.range-window-panel{border-radius:9px}.stepped-scale-panel{border-radius:28px}.studio-channel-panel{border-radius:12px}.stepped-slider{--step-edge:9px}.stepped-slider input{left:var(--step-edge);width:calc(100% - (var(--step-edge) * 2))}.stepped-slider .ui-slider-track{right:var(--step-edge);left:var(--step-edge)}.stepped-slider .ui-slider-track:after{display:none}.stepped-rail-points{inset:auto var(--step-edge) auto var(--step-edge);height:12px;display:block;top:17px}.stepped-rail-points i{position:absolute;top:0;transform:translate(-50%)}.stepped-rail-points i:first-child{left:0}.stepped-rail-points i:nth-child(2){left:25%}.stepped-rail-points i:nth-child(3){left:50%}.stepped-rail-points i:nth-child(4){left:75%}.stepped-rail-points i:nth-child(5){left:100%}.stepped-rail-points i.is-current{box-shadow:0 0 0 4px var(--slider-accent);transform:translate(-50%)scale(1.45)}@supports (color:color-mix(in lab, red, red)){.stepped-rail-points i.is-current{box-shadow:0 0 0 4px color-mix(in srgb,var(--slider-accent) 13%,transparent)}}.breadcrumb-demo button:hover{color:inherit;background:0 0;transform:none}.breadcrumb-quiet button{border-radius:0;position:relative}.breadcrumb-quiet button:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .2s;position:absolute;bottom:4px;left:8px;right:8px;transform:scaleX(0)}.breadcrumb-quiet button:hover{color:var(--ink)}.breadcrumb-quiet button:hover:after{transform:scaleX(1)}.breadcrumb-boxed button:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.breadcrumb-boxed button:hover{border-color:color-mix(in srgb,var(--ink) 24%,transparent)}}.breadcrumb-boxed button:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.breadcrumb-boxed button:hover{background:color-mix(in srgb,var(--ink) 5%,var(--paper))}}.breadcrumb-boxed button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000012}.breadcrumb-boxed ol{margin-block:-9px;padding-block:9px}.breadcrumb-overflow button:hover{color:var(--ink);transform:translate(3px)}.breadcrumb-overflow .breadcrumb-more{transition:width .22s,background-color .18s,color .18s}.breadcrumb-overflow .breadcrumb-more:hover{background:var(--ink);width:48px}@supports (color:color-mix(in lab, red, red)){.breadcrumb-overflow .breadcrumb-more:hover{background:color-mix(in srgb,var(--ink) 7%,var(--paper))}}.breadcrumb-overflow .breadcrumb-more:hover{transform:none}.breadcrumb-route button{border-radius:0}.breadcrumb-route button:hover{color:#fff;background:0 0;transform:translate(3px)}.breadcrumb-route button svg{transition:color .18s,transform .18s}.breadcrumb-route button:hover svg{color:#a5bbf4;transform:scale(.9)}.breadcrumb-route [aria-current=page]{box-shadow:inset 3px 0 #7698ea}.pagination-demo{grid-template-rows:1fr auto;gap:32px}.pagination-numbered-scene:not(.pagination-tone-contrast):not(.pagination-tone-blue){background:linear-gradient(180deg,var(--paper),var(--ink))}@supports (color:color-mix(in lab, red, red)){.pagination-numbered-scene:not(.pagination-tone-contrast):not(.pagination-tone-blue){background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--ink) 2%,var(--paper)))}}.pagination-compact-scene:not(.pagination-tone-contrast):not(.pagination-tone-blue){background:radial-gradient(circle at 50% 42%,var(--ink),var(--paper) 53%)}@supports (color:color-mix(in lab, red, red)){.pagination-compact-scene:not(.pagination-tone-contrast):not(.pagination-tone-blue){background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--ink) 4%,var(--paper)),var(--paper) 53%)}}.pagination-cursor-scene:not(.pagination-tone-blue){color:#eef0f3;background:#101216}.pagination-chapters-scene:not(.pagination-tone-contrast):not(.pagination-tone-blue){background:linear-gradient(var(--ink) 1px,transparent 1px),var(--paper)}@supports (color:color-mix(in lab, red, red)){.pagination-chapters-scene:not(.pagination-tone-contrast):not(.pagination-tone-blue){background:linear-gradient(color-mix(in srgb,var(--ink) 3%,transparent) 1px,transparent 1px),var(--paper)}}.pagination-chapters-scene:not(.pagination-tone-contrast):not(.pagination-tone-blue){background-size:100% 34px}.pagination-index-list{border:1px solid;justify-content:center;align-items:center;gap:4px;min-width:0;padding:5px;display:flex;overflow:visible}@supports (color:color-mix(in lab, red, red)){.pagination-index-list{border:1px solid color-mix(in srgb,currentColor 10%,transparent)}}.pagination-index-list{background:currentColor;border-radius:13px}@supports (color:color-mix(in lab, red, red)){.pagination-index-list{background:color-mix(in srgb,currentColor 2.5%,transparent)}}.pagination-index-list button{flex:0 0 34px;place-items:center;width:34px;height:34px;line-height:1;display:grid;position:relative;overflow:visible}.pagination-index-list [aria-current=page]{isolation:isolate}.pagination-ellipsis{color:currentColor;flex:0 0 26px;place-items:center;width:26px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.pagination-ellipsis{color:color-mix(in srgb,currentColor 58%,transparent)}}.pagination-ellipsis{font:700 10px/1 var(--font-mono)}.pagination-compact{justify-content:space-between;min-width:min(410px,100%)}.pagination-compact-center{gap:10px;min-width:160px;display:grid}.pagination-compact-center>span{grid-template-columns:auto auto;justify-content:center;display:grid}.pagination-compact-track{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.pagination-compact-track i{background:currentColor;border-radius:99px;height:3px}@supports (color:color-mix(in lab, red, red)){.pagination-compact-track i{background:color-mix(in srgb,currentColor 10%,transparent)}}.pagination-compact-track i{transition:background-color .2s,transform .2s}.pagination-compact-track i.is-reached{background:var(--pagination-active);transform:scaleY(1.35)}.pagination-cursor button span{min-width:0}.pagination-cursor button em{color:currentColor;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.pagination-cursor button em{color:color-mix(in srgb,currentColor 47%,transparent)}}.pagination-cursor button em{text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-style:normal;line-height:1.4}.pagination-cursor button:hover em{color:currentColor}@supports (color:color-mix(in lab, red, red)){.pagination-cursor button:hover em{color:color-mix(in srgb,currentColor 68%,transparent)}}.pagination-chapters .is-complete{color:currentColor}@supports (color:color-mix(in lab, red, red)){.pagination-chapters .is-complete{color:color-mix(in srgb,currentColor 72%,transparent)}}.pagination-chapters .is-complete i{border-color:var(--pagination-active)}@supports (color:color-mix(in lab, red, red)){.pagination-chapters .is-complete i{border-color:color-mix(in srgb,var(--pagination-active) 38%,transparent)}}.pagination-chapters .is-complete i{background:var(--pagination-active)}@supports (color:color-mix(in lab, red, red)){.pagination-chapters .is-complete i{background:color-mix(in srgb,var(--pagination-active) 11%,var(--paper))}}.pagination-chapters .is-complete i{color:var(--pagination-active)}@media (width<=720px){.design-flow-badge .badge-tone-control,.design-flow-slider .slider-tone-control{grid-column:1/-1}.badge-signal-copy{grid-template-columns:1fr}.badge-signal-copy>b{font-size:27px}.pagination-compact{min-width:0}.pagination-compact-center{min-width:120px}.pagination-cursor button em{display:none}}@media (prefers-reduced-motion:reduce){.badge-signal-rail i,.breadcrumb-demo button,.pagination-compact-track i{transition:none!important;animation:none!important}}.badge-scene-signal,.badge-scene-presence{background:var(--ink);flex-direction:column;place-content:center;gap:22px;padding:40px}@supports (color:color-mix(in lab, red, red)){.badge-scene-signal,.badge-scene-presence{background:color-mix(in srgb,var(--ink) 1.6%,var(--paper))}}.badge-beacon{--beacon:#16865f;border:1px solid var(--beacon);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:min(420px,100%);min-height:82px;padding:12px 15px 12px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.badge-beacon{border:1px solid color-mix(in srgb,var(--beacon) 24%,var(--line))}}.badge-beacon{background:var(--beacon)}@supports (color:color-mix(in lab, red, red)){.badge-beacon{background:color-mix(in srgb,var(--beacon) 5%,var(--paper))}}.badge-beacon{color:var(--ink);transition:background-color .24s,border-color .24s,border-radius .24s;box-shadow:0 14px 28px #0000000f}.badge-beacon-soft{border-radius:13px}.badge-beacon-round{border-radius:22px}.badge-beacon-pill{border-radius:999px}.badge-beacon-neutral{--beacon:var(--ink)}@supports (color:color-mix(in lab, red, red)){.badge-beacon-neutral{--beacon:color-mix(in srgb,var(--ink) 68%,#747982)}}.badge-beacon-blue{--beacon:#3475d7}.badge-beacon-green{--beacon:#16865f}.badge-beacon-amber{--beacon:#bd7228}.badge-beacon-mark{background:var(--beacon);color:#fff;width:52px;height:52px;box-shadow:0 0 0 5px var(--beacon);border-radius:50%;place-items:center;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.badge-beacon-mark{box-shadow:0 0 0 5px color-mix(in srgb,var(--beacon) 10%,transparent)}}.badge-beacon-mark>i{border:1px solid var(--beacon);position:absolute;inset:-5px}@supports (color:color-mix(in lab, red, red)){.badge-beacon-mark>i{border:1px solid color-mix(in srgb,var(--beacon) 45%,transparent)}}.badge-beacon-mark>i{border-radius:inherit;animation:1.8s ease-in-out infinite badgeBeaconOrbit}.badge-beacon-copy{gap:3px;min-width:0;display:grid}.badge-beacon-copy small{color:var(--beacon);font:700 7px var(--font-mono);letter-spacing:.14em}.badge-beacon-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.badge-beacon-copy em{color:var(--muted);font-size:8px;font-style:normal}.badge-beacon-value{color:var(--beacon);font:700 24px var(--font-mono);align-items:baseline;display:flex}.badge-beacon-value small{font-size:8px}.badge-beacon.is-paused{--beacon:var(--ink)}@supports (color:color-mix(in lab, red, red)){.badge-beacon.is-paused{--beacon:color-mix(in srgb,var(--ink) 48%,#81858b)}}.badge-beacon.is-paused .badge-beacon-mark>i{animation:none}.badge-beacon-scale{align-items:center;gap:7px;display:flex}.badge-beacon-scale span{border:1px solid var(--line);height:29px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:8px;display:flex}.badge-beacon-scale span>i{background:currentColor;border-radius:50%;width:5px;height:5px}.badge-beacon-scale .is-current{border-color:var(--beacon)}@supports (color:color-mix(in lab, red, red)){.badge-beacon-scale .is-current{border-color:color-mix(in srgb,var(--beacon) 35%,var(--line))}}.badge-beacon-scale .is-current{color:var(--beacon);background:var(--beacon)}@supports (color:color-mix(in lab, red, red)){.badge-beacon-scale .is-current{background:color-mix(in srgb,var(--beacon) 5%,var(--paper))}}@keyframes badgeBeaconOrbit{0%,to{opacity:.55;transform:scale(.93)}50%{opacity:0;transform:scale(1.2)}}.badge-presence-knot{border:1px solid var(--ink);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;width:min(460px,100%);padding:12px 13px;display:grid}@supports (color:color-mix(in lab, red, red)){.badge-presence-knot{border:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}}.badge-presence-knot{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.badge-presence-knot{background:color-mix(in srgb,var(--ink) 2.5%,var(--paper))}}.badge-presence-knot{box-shadow:0 15px 32px #00000012}.badge-presence-soft{border-radius:13px}.badge-presence-round{border-radius:22px}.badge-presence-pill{border-radius:999px}.badge-presence-knot .badge-avatars{isolation:isolate;align-items:center;display:flex}.badge-presence-knot .badge-avatars>span,.badge-presence-knot .badge-avatars>b{border:3px solid var(--paper);color:#fff;width:42px;height:42px;font:700 8px var(--font-mono);margin-left:-10px;box-shadow:0 5px 13px #00000029,inset 0 1px #ffffff29}.badge-presence-knot .badge-avatars>span:first-child{background:linear-gradient(145deg,#3d70b3,#274d7c);margin-left:0}.badge-presence-knot .badge-avatars>span:nth-child(2){background:linear-gradient(145deg,#865daf,#5c3d82)}.badge-presence-knot .badge-avatars>span:nth-child(3){background:linear-gradient(145deg,#31977d,#206956)}.badge-presence-knot .badge-avatars>.badge-avatar-overflow{background:linear-gradient(145deg,#3a3f49,#171a1f);position:relative;overflow:hidden;box-shadow:0 5px 13px #0003,inset 0 0 0 1px #ffffff1f;color:#f8f8f4!important}.badge-presence-knot .badge-avatars>.badge-avatar-overflow:before{content:"";border-radius:inherit;border:1px dashed #fff3;position:absolute;inset:3px}.badge-presence-knot .badge-avatars>.badge-avatar-overflow>span{z-index:1;color:inherit;font:700 8px var(--font-mono);letter-spacing:-.02em;position:relative}.badge-presence-knot .badge-avatars>span i{border-color:var(--paper);bottom:0;right:0;box-shadow:0 0 0 1px #21a86f40}.badge-presence-copy{gap:4px;min-width:0;display:grid}.badge-presence-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.badge-presence-copy small{color:var(--muted);font:700 6px var(--font-mono);letter-spacing:.14em}.badge-presence-status{border:1px solid;align-items:center;gap:6px;height:28px;padding:0 9px;display:flex}@supports (color:color-mix(in lab, red, red)){.badge-presence-status{border:1px solid color-mix(in srgb,currentColor 25%,var(--line))}}.badge-presence-status{background:currentColor;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.badge-presence-status{background:color-mix(in srgb,currentColor 5%,var(--paper))}}.badge-presence-status{color:var(--ink);font-size:8px;font-style:normal}.badge-presence-status>span{background:#16865f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #16865f1f}.design-flow-table .data-table-demo{width:min(790px,100%)}.operations-table{overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);background:var(--ink);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 17px;display:flex}@supports (color:color-mix(in lab, red, red)){.table-toolbar{background:color-mix(in srgb,var(--ink) 2%,var(--paper))}}.table-toolbar>span{gap:3px;display:grid}.table-toolbar small{color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.14em}.table-toolbar strong{font-size:12px}.table-toolbar button{border:1px solid var(--line);background:var(--paper);height:32px;color:var(--ink);border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-size:8px;font-weight:700;display:flex}.table-toolbar button:disabled{opacity:.4}.operations-table table{min-width:760px}.operations-table th:first-child,.operations-table td:first-child{width:38px;padding-right:2px}.operations-table input[type=checkbox]{accent-color:#3970de;width:14px;height:14px}.table-score{align-items:center;gap:8px;display:flex}.table-score>i{background:var(--ink);border-radius:99px;width:48px;height:4px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.table-score>i{background:color-mix(in srgb,var(--ink) 9%,var(--paper))}}.table-score>i:after{content:"";width:var(--score);border-radius:inherit;transform-origin:0;background:#3970de;animation:.45s cubic-bezier(.2,.7,.2,1) both tableScoreIn;position:absolute;inset:0 auto 0 0}.table-score>b{font:700 8px var(--font-mono)}@keyframes tableScoreIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.data-ledger{--ledger-columns:minmax(110px,1fr) minmax(90px,1.2fr) 72px 78px;padding:0}.data-ledger header{padding:28px 30px 24px}.data-ledger header>span:first-child{justify-content:space-between;align-items:center;gap:15px;display:flex}.data-ledger header>span:first-child b{color:var(--muted);font:700 7px var(--font-mono)}.data-ledger header>small{align-items:center;gap:8px;display:flex}.data-ledger header>small i{color:#16865f;font-style:normal;font-weight:700}.data-ledger>.data-ledger-labels,.data-ledger>.data-ledger-row{grid-template-columns:var(--ledger-columns);align-items:center;gap:18px;padding-inline:30px;display:grid}.data-ledger>.data-ledger-labels{border-bottom:1px solid var(--line);background:var(--ink);height:34px}@supports (color:color-mix(in lab, red, red)){.data-ledger>.data-ledger-labels{background:color-mix(in srgb,var(--ink) 2%,var(--paper))}}.data-ledger>.data-ledger-labels{color:var(--muted);font:700 6px var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.data-ledger-labels>span{white-space:nowrap;min-width:0}.data-ledger-labels>span:nth-child(3),.data-ledger-labels>span:nth-child(4){text-align:right}.data-ledger>.data-ledger-row{height:62px}.data-ledger-row>span{gap:3px;display:grid}.data-ledger-row>span strong{text-align:left;font-size:10px}.data-ledger-row>span small{color:var(--muted);font-size:7px}.data-ledger-row>em{background:var(--ink);border-radius:99px;height:5px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.data-ledger-row>em{background:color-mix(in srgb,var(--ink) 8%,var(--paper))}}.data-ledger-row>em{font-style:normal}.data-ledger-row>em i{width:var(--metric);border-radius:inherit;background:var(--ink);height:100%;display:block}.data-ledger-row>strong{text-align:right;font:700 12px var(--font-mono)}.data-ledger-row>b{color:#bb5c49;font:700 7px var(--font-mono);justify-content:flex-end;align-items:center;gap:3px;display:flex}.data-ledger-row>b[data-positive=true]{color:#16865f}.comparison-wrap{overflow:hidden}.comparison-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:18px;padding:25px 26px;display:flex}.comparison-heading>span{gap:5px;display:grid}.comparison-heading small{color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.14em}.comparison-heading strong{letter-spacing:-.03em;font-size:19px}.comparison-heading>b{border:1px solid var(--line);height:27px;color:var(--muted);border-radius:999px;align-items:center;padding:0 9px;font-size:7px;display:flex}.comparison-table{min-width:700px}.comparison-table th:first-child{min-width:230px}.comparison-table thead th:not(:first-child){text-align:center;color:var(--ink);font-size:8px}.comparison-table thead th small{color:var(--muted);font:6px var(--font-mono);text-transform:none;margin-top:3px;display:block}.comparison-table tbody th strong{font-size:9px}.comparison-table tbody th small{font-weight:400}.comparison-table td span{background:#16865f;border-radius:999px;align-items:center;gap:4px;width:max-content;margin:auto;padding:5px 8px;display:flex}@supports (color:color-mix(in lab, red, red)){.comparison-table td span{background:color-mix(in srgb,#16865f 8%,var(--paper))}}.comparison-table td span{color:#16865f;font-size:7px;font-weight:700}.comparison-table td i{color:var(--muted);font-size:7px;font-style:normal}.comparison-table td:nth-child(4),.comparison-table th:nth-child(4){background:#3970de}@supports (color:color-mix(in lab, red, red)){.comparison-table td:nth-child(4),.comparison-table th:nth-child(4){background:color-mix(in srgb,#3970de 4%,var(--paper))}}.compact-register{padding:12px}.compact-register>header{height:54px;padding:0 8px 0 12px}.compact-register>header>span{gap:3px;display:grid}.compact-register>header small{color:var(--muted);font:700 6px var(--font-mono);letter-spacing:.14em}.compact-register>header strong{font-size:11px}.compact-register>header button{border:1px solid var(--line);background:var(--paper);border-radius:8px;height:30px;padding:0 9px}.compact-register>button{border:1px solid #0000;border-radius:11px;grid-template-columns:25px 7px minmax(0,1fr) 62px 30px 15px;gap:9px;min-height:56px;margin-top:4px;padding:0 11px;display:grid}.compact-register>button[data-active=true]{border-color:#3970de}@supports (color:color-mix(in lab, red, red)){.compact-register>button[data-active=true]{border-color:color-mix(in srgb,#3970de 26%,var(--line))}}.compact-register>button[data-active=true]{background:#3970de}@supports (color:color-mix(in lab, red, red)){.compact-register>button[data-active=true]{background:color-mix(in srgb,#3970de 5%,var(--paper))}}.compact-register>button[data-active=true]{box-shadow:inset 3px 0 #3970de}.compact-register>button>span{color:var(--muted);font:7px var(--font-mono)}.compact-register .register-dot{background:#3970de;border-radius:50%;width:6px;height:6px}.compact-register .register-dot.status-ready{background:#16865f}.compact-register .register-dot.status-review{background:#bd7228}.compact-register>button>strong{text-align:left;gap:3px;font-size:10px;display:grid}.compact-register>button>strong small{color:var(--muted);font:6px var(--font-mono);font-weight:400}.compact-register>button>em{color:var(--muted);font-size:7px;font-style:normal}.compact-register>button>b{font:700 8px var(--font-mono)}@media (width<=720px){.badge-beacon,.badge-presence-knot{width:100%;min-width:0}.badge-beacon-scale{flex-wrap:wrap;justify-content:center}.badge-presence-knot{grid-template-columns:auto 1fr}.badge-presence-status{grid-column:1/-1;justify-self:start}.data-ledger{--ledger-columns:minmax(105px,1fr) 65px 66px}.data-ledger>.data-ledger-labels,.data-ledger>.data-ledger-row{padding-inline:20px}.data-ledger-labels span:nth-child(2),.data-ledger-row>em{display:none}.comparison-heading{flex-direction:column;align-items:flex-start}.compact-register>button{grid-template-columns:20px 7px minmax(0,1fr) 30px 13px}.compact-register>button>em{display:none}}@media (prefers-reduced-motion:reduce){.badge-beacon-mark>i,.table-score>i:after{animation:none!important}}.palette-studio-page .overview-hero{padding-bottom:38px}.palette-studio-page .doc-section h2{font-size:27px}.palette-studio-page .body-copy{max-width:690px;font-size:14px;line-height:1.7}.palette-section{scroll-margin-top:92px}.palette-room{border:1px solid var(--palette-border);background:var(--palette-canvas);color:var(--palette-ink);border-radius:20px;margin-top:27px;transition:background-color .4s,border-color .4s,color .4s;overflow:hidden;box-shadow:0 24px 55px #00000014}.palette-room button{font:inherit}.palette-room-toolbar{border-bottom:1px solid var(--palette-border);background:var(--palette-surface);justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:11px 13px 11px 16px;transition:background-color .4s,border-color .4s;display:flex}.palette-room-toolbar>div:first-child{align-items:center;gap:11px;min-width:0;display:flex}.palette-room-toolbar>div:first-child>span:last-child{gap:3px;min-width:0;display:grid}.palette-room-toolbar strong{font-size:14px;line-height:1.2}.palette-room-toolbar small{color:var(--palette-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;overflow:hidden}.palette-room-mark{border:1px solid var(--palette-border);background:var(--palette-elevated);width:37px;height:37px;color:var(--palette-ink);border-radius:11px;flex:none;place-items:center;display:grid}.palette-room-actions{align-items:center;gap:8px;display:flex}.palette-mode-switch{border:1px solid var(--palette-border);background:var(--palette-elevated);border-radius:11px;grid-template-columns:repeat(2,1fr);padding:3px;display:grid}.palette-mode-switch button{height:34px;color:var(--palette-muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:11px;font-weight:650;transition:background-color .2s,color .2s,box-shadow .2s;display:flex}.palette-mode-switch button[aria-pressed=true]{background:var(--palette-surface);color:var(--palette-ink);box-shadow:0 2px 8px #00000014}.palette-copy-theme{border:1px solid var(--palette-border);background:var(--palette-ink);height:40px;color:var(--palette-canvas);border-radius:11px;align-items:center;gap:7px;padding:0 14px;font-size:11px;font-weight:700;transition:transform .2s,opacity .2s;display:flex}.palette-copy-theme:hover{transform:translateY(-1px)}.palette-copy-theme:active{transform:translateY(0)scale(.98)}.palette-interface-preview{background:radial-gradient(circle at 76% 10%,var(--palette-accent),transparent 36%),linear-gradient(155deg,var(--palette-canvas),var(--palette-elevated));padding:38px}@supports (color:color-mix(in lab, red, red)){.palette-interface-preview{background:radial-gradient(circle at 76% 10%,color-mix(in srgb,var(--palette-accent) 13%,transparent),transparent 36%),linear-gradient(155deg,var(--palette-canvas),color-mix(in srgb,var(--palette-elevated) 60%,var(--palette-canvas)))}}.palette-preview-shell{border:1px solid var(--palette-border);background:var(--palette-surface);border-radius:19px;grid-template-columns:70px minmax(0,1fr);width:min(680px,100%);min-height:420px;margin:auto;transition:background-color .4s,border-color .4s;display:grid;overflow:hidden;box-shadow:0 28px 60px #00000021}.palette-preview-shell>aside{border-right:1px solid var(--palette-border);background:var(--palette-elevated);flex-direction:column;align-items:center;padding:17px 0;display:flex}@supports (color:color-mix(in lab, red, red)){.palette-preview-shell>aside{background:color-mix(in srgb,var(--palette-elevated) 52%,var(--palette-surface))}}.palette-preview-logo{background:var(--palette-ink);border-radius:10px;place-items:center;width:33px;height:33px;display:grid}.palette-preview-logo i{background:var(--palette-canvas);border-radius:3px;width:9px;height:9px;transform:rotate(12deg)}.palette-preview-shell aside nav{gap:16px;margin-top:47px;display:grid}.palette-preview-shell aside nav i{background:var(--palette-border);border-radius:9px;width:21px;height:5px}.palette-preview-shell aside nav i.is-active{background:var(--palette-accent);box-shadow:0 0 0 5px var(--palette-accent)}@supports (color:color-mix(in lab, red, red)){.palette-preview-shell aside nav i.is-active{box-shadow:0 0 0 5px color-mix(in srgb,var(--palette-accent) 12%,transparent)}}.palette-preview-avatar{border:1px solid var(--palette-border);background:var(--palette-surface);width:31px;height:31px;color:var(--palette-muted);font:700 7px var(--font-mono);border-radius:50%;place-items:center;margin-top:auto;display:grid}.palette-preview-shell>main{min-width:0;padding:20px}.palette-preview-shell main>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.palette-preview-shell main>header div{gap:4px;display:grid}.palette-preview-shell main>header small,.palette-preview-feature>span,.palette-preview-metrics small{color:var(--palette-muted);font:700 9px var(--font-mono);letter-spacing:.11em}.palette-preview-shell main>header strong{font-size:14px}.palette-preview-shell main>header button{border:1px solid var(--palette-border);background:var(--palette-surface);height:32px;color:var(--palette-ink);border-radius:8px;padding:0 11px;font-size:10px;font-weight:700}.palette-preview-feature{border:1px solid var(--palette-border);background:linear-gradient(135deg,var(--palette-elevated),var(--palette-accent));border-radius:15px;flex-direction:column;align-items:flex-start;min-height:201px;margin-top:19px;padding:24px;display:flex}@supports (color:color-mix(in lab, red, red)){.palette-preview-feature{background:linear-gradient(135deg,var(--palette-elevated),color-mix(in srgb,var(--palette-accent) 8%,var(--palette-surface)))}}.palette-preview-feature>span{color:var(--palette-accent)}.palette-preview-feature h3{letter-spacing:-.045em;max-width:390px;margin:18px 0 9px;font-size:31px;font-weight:520;line-height:1.02}.palette-preview-feature p{max-width:350px;color:var(--palette-muted);margin:0;font-size:11px;line-height:1.55}.palette-preview-feature button{background:var(--palette-accent);height:34px;color:var(--palette-accent-ink);border:0;border-radius:8px;margin-top:auto;padding:0 12px;font-size:10px;font-weight:700}.palette-preview-metrics{border:1px solid var(--palette-border);background:var(--palette-surface);border-radius:13px;grid-template-columns:repeat(3,1fr);margin-top:12px;display:grid}.palette-preview-metrics article{gap:5px;min-width:0;padding:12px 13px;display:grid}.palette-preview-metrics article+article{border-left:1px solid var(--palette-border)}.palette-preview-metrics strong{font:700 16px var(--font-mono)}.palette-preview-metrics strong i{background:var(--palette-positive);border-radius:50%;width:6px;height:6px;display:inline-block}.palette-preview-metrics span{color:var(--palette-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.palette-room-strip{border-top:1px solid var(--palette-border);background:var(--palette-surface);grid-template-columns:repeat(7,1fr);display:grid}.palette-room-strip button{border:0;border-right:1px solid var(--palette-border);min-width:0;color:var(--palette-ink);text-align:left;background:0 0;align-items:center;gap:8px;padding:10px;display:flex}.palette-room-strip button:last-child{border-right:0}.palette-room-strip button>i{border:1px solid #7f7f7f33;border-radius:8px;flex:none;width:28px;height:28px}.palette-room-strip button>span{gap:3px;min-width:0;display:grid}.palette-room-strip small{color:var(--palette-muted);font:700 8px var(--font-mono);text-transform:uppercase}.palette-room-strip code{font:600 8px var(--font-mono);text-overflow:ellipsis;overflow:hidden}.palette-library-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px;display:flex}.palette-library-heading .body-copy{margin-bottom:0}.palette-filters{border:1px solid var(--line);background:var(--soft);white-space:nowrap;border-radius:11px;align-items:center;padding:3px;display:flex}.palette-filters button{height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:11px}.palette-filters button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 2px 7px #00000012}.palette-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.palette-family-grid>article{border:1px solid var(--line);background:var(--paper);border-radius:16px;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}.palette-family-grid>article:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0000000f}.palette-family-grid>article[data-selected=true]{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.palette-family-grid>article[data-selected=true]{border-color:color-mix(in srgb,var(--ink) 45%,var(--line))}}.palette-family-grid>article[data-selected=true]{box-shadow:inset 0 0 0 1px var(--ink)}@supports (color:color-mix(in lab, red, red)){.palette-family-grid>article[data-selected=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 13%,transparent)}}.palette-family-select{width:100%;min-height:78px;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr) auto 15px;align-items:center;gap:11px;padding:13px;display:grid}.palette-card-index{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);font:600 9px var(--font-mono);border-radius:9px;place-items:center;display:grid}.palette-card-copy{gap:5px;min-width:0;display:grid}.palette-card-copy strong{font-size:14px}.palette-card-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.palette-family-tag{border:1px solid var(--line);height:25px;color:var(--muted);font:600 8px var(--font-mono);text-transform:uppercase;border-radius:999px;align-items:center;padding:0 9px;display:flex}.palette-swatches{border-block:1px solid var(--line);height:95px;display:flex}.palette-swatches button{border:0;flex:1;min-width:0;transition:flex .24s cubic-bezier(.2,.7,.2,1);position:relative}.palette-swatches button:hover{flex:1.65}.palette-swatches button span{color:#fff;font:600 8px var(--font-mono);opacity:0;background:#0000008c;border-radius:6px;padding:5px 6px;transition:opacity .2s;position:absolute;bottom:6px;right:6px}.palette-swatches button:hover span{opacity:1}.palette-family-grid article>p{min-height:48px;color:var(--muted);margin:0;padding:13px;font-size:11px;line-height:1.55}.palette-token-board{border:1px solid var(--line);background:var(--paper);border-radius:17px;margin-top:24px;overflow:hidden}.palette-token-board-head{border-bottom:1px solid var(--line);background:var(--soft);justify-content:space-between;align-items:center;gap:16px;min-height:61px;padding:0 16px;display:flex}.palette-token-board-head>span{align-items:center;gap:8px;display:flex}.palette-token-board-head strong{text-transform:capitalize;font-size:13px}.palette-token-board-head small{color:var(--muted);font:600 8px var(--font-mono);letter-spacing:.11em}.palette-token-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.palette-token-grid button{border:0;border-bottom:1px solid var(--line);min-width:0;min-height:69px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:21px 36px minmax(0,1fr) auto 12px;align-items:center;gap:10px;padding:10px 13px;transition:background-color .18s;display:grid}.palette-token-grid button:nth-child(odd){border-right:1px solid var(--line)}.palette-token-grid button:hover{background:var(--soft)}.palette-token-grid button>span{color:var(--muted);font:600 8px var(--font-mono)}.palette-token-grid button>i{border:1px solid #7f7f7f38;border-radius:10px;width:36px;height:36px}.palette-token-grid button>strong{gap:4px;min-width:0;font-size:12px;display:grid}.palette-token-grid button>strong small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:400;overflow:hidden}.palette-token-grid code{font:600 8px var(--font-mono)}.palette-token-grid svg{color:var(--muted)}.palette-contrast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:23px;display:grid}.palette-contrast-grid article{border:1px solid;flex-direction:column;min-height:210px;padding:20px;display:flex}@supports (color:color-mix(in lab, red, red)){.palette-contrast-grid article{border:1px solid color-mix(in srgb,currentColor 20%,transparent)}}.palette-contrast-grid article{border-radius:17px;box-shadow:0 12px 26px #0000000f}.palette-contrast-grid article>div{justify-content:space-between;align-items:center;display:flex}.palette-contrast-grid article>div span{border:1px solid;padding:5px 9px}@supports (color:color-mix(in lab, red, red)){.palette-contrast-grid article>div span{border:1px solid color-mix(in srgb,currentColor 20%,transparent)}}.palette-contrast-grid article>div span{font:700 9px var(--font-mono);border-radius:999px}.palette-contrast-grid article>strong{letter-spacing:-.07em;margin:auto 0;font-size:62px;font-weight:500}.palette-contrast-grid article footer{justify-content:space-between;align-items:end;gap:12px;display:flex}.palette-contrast-grid article footer span{font-size:12px}.palette-contrast-grid article footer b{font:700 14px var(--font-mono)}.palette-gradient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:23px;display:grid}.palette-gradient-grid button{text-align:left;border:1px solid #7f7f7f33;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:end;gap:12px;min-height:170px;padding:18px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:inset 0 1px #ffffff40}.palette-gradient-grid button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0000001a,inset 0 1px #ffffff40}.palette-gradient-grid button>span{font:600 9px var(--font-mono);align-self:start}.palette-gradient-grid button>div{gap:5px;display:grid}.palette-gradient-grid button strong{font-size:15px}.palette-gradient-grid button small{font-size:10px}.palette-gradient-grid code{font:700 8px var(--font-mono)}.palette-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:23px;display:grid}.palette-rule-grid article{border:1px solid var(--line);background:var(--paper);border-radius:17px;flex-direction:column;align-items:flex-start;min-height:215px;padding:20px;display:flex}.palette-rule-grid article>span{color:var(--muted);font:700 9px var(--font-mono);letter-spacing:.12em}.palette-rule-grid article>svg{margin-top:auto}.palette-rule-grid h3{letter-spacing:-.025em;margin:13px 0 7px;font-size:17px}.palette-rule-grid p{max-width:360px;color:var(--muted);margin:0;font-size:11px;line-height:1.65}@media (width<=900px){.palette-library-heading{flex-direction:column;align-items:flex-start}.palette-filters{max-width:100%;overflow-x:auto}.palette-room-strip{grid-template-columns:none;grid-auto-columns:112px;grid-auto-flow:column;overflow-x:auto}.palette-room-strip button{border-bottom:0}.palette-token-grid{grid-template-columns:1fr}.palette-token-grid button:nth-child(odd){border-right:0}}@media (width<=720px){.palette-studio-page .doc-section h2{font-size:24px}.palette-room{border-radius:16px;margin-top:20px}.palette-room-toolbar{flex-direction:column;align-items:stretch;padding:13px}.palette-room-actions{justify-content:space-between}.palette-interface-preview{padding:18px}.palette-preview-shell{grid-template-columns:52px minmax(0,1fr)}.palette-preview-shell>aside{padding-block:14px}.palette-preview-shell>main{padding:14px}.palette-preview-feature{padding:19px}.palette-preview-feature h3{font-size:26px}.palette-family-grid,.palette-contrast-grid,.palette-gradient-grid,.palette-rule-grid{grid-template-columns:1fr}.palette-gradient-grid button{min-height:150px}.palette-token-grid code{display:none}}@media (width<=480px){.palette-room-actions{grid-template-columns:1fr;display:grid}.palette-mode-switch,.palette-copy-theme{width:100%}.palette-copy-theme{justify-content:center}.palette-preview-shell{grid-template-columns:1fr;min-height:390px}.palette-preview-shell>aside{display:none}.palette-preview-shell main>header{align-items:flex-start}.palette-preview-feature{min-height:220px}.palette-preview-feature h3{font-size:25px}.palette-preview-metrics article{padding:9px}.palette-preview-metrics strong{font-size:11px}.palette-family-select{grid-template-columns:30px minmax(0,1fr) auto}.palette-family-select>svg{display:none}.palette-family-tag{padding-inline:6px}.palette-token-board-head>small{display:none}.palette-token-grid button{grid-template-columns:18px 30px minmax(0,1fr) 12px}.palette-token-grid button>i{width:30px;height:30px}.palette-contrast-grid article{min-height:180px}.palette-rule-grid article{min-height:190px}}@media (prefers-reduced-motion:reduce){.palette-room,.palette-room-toolbar,.palette-family-grid>article,.palette-swatches button,.palette-gradient-grid button{transition:none!important}}.breadcrumb a{color:inherit;transition:color var(--motion-fast) ease;text-decoration:none}.breadcrumb a:hover{color:var(--ink)}.catalog-category-hero .eyebrow{min-height:21px}.catalog-category-number{border:1px solid var(--line);min-width:25px;height:21px;color:var(--ink);font:650 8px var(--font-mono);border-radius:999px;place-items:center;padding:0 6px;display:inline-grid}.catalog-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.catalog-component-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);min-width:0;min-height:344px;color:var(--ink);transition:transform var(--motion-base) var(--ease-smooth), border-color var(--motion-fast) ease, box-shadow var(--motion-base) ease;grid-template-rows:148px minmax(0,1fr);text-decoration:none;display:grid;overflow:hidden}.catalog-component-card:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.catalog-component-card:hover{border-color:color-mix(in srgb, var(--ink) 22%, var(--line))}}.catalog-component-card:hover{transform:translateY(-2px);box-shadow:0 17px 36px #0000000f}.catalog-family-visual{--peek-surface:var(--paper)}@supports (color:color-mix(in lab, red, red)){.catalog-family-visual{--peek-surface:color-mix(in srgb, var(--paper) 92%, var(--ink) 8%)}}.catalog-family-visual{--peek-strong:var(--ink)}@supports (color:color-mix(in lab, red, red)){.catalog-family-visual{--peek-strong:color-mix(in srgb, var(--ink) 88%, var(--paper))}}.catalog-family-visual{isolation:isolate;border-bottom:1px solid var(--line);background:var(--soft);place-items:center;padding:16px 20px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.catalog-family-visual{background:color-mix(in srgb, var(--soft) 84%, var(--ink) 2%)}}.catalog-family-visual:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 54%, var(--accent), transparent 56%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.catalog-family-visual:before{background:radial-gradient(circle at 50% 54%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 56%)}}.catalog-family-visual:before{pointer-events:none}.catalog-family-visual *,.catalog-family-visual :before,.catalog-family-visual :after{box-sizing:border-box}.catalog-family-visual button{color:inherit;font:inherit;border:0}.catalog-family-visual small{color:var(--muted);font-size:7px}.catalog-family-visual strong,.catalog-family-visual b{font-weight:680}.catalog-component-card:hover .catalog-family-visual>div{transform:translateY(-1px)}.catalog-family-visual>div{transition:transform var(--motion-base) var(--ease-smooth)}.catalog-peek-buttons{align-items:center;gap:7px;display:flex}.catalog-peek-buttons>span{border:1px solid var(--line);background:var(--paper);min-height:33px;transition:transform var(--motion-base) var(--ease-smooth);border-radius:9px;align-items:center;padding:0 13px;font-size:8px;display:inline-flex;box-shadow:0 8px 18px #0000000d}.catalog-peek-buttons>span:first-child{background:var(--primary);color:var(--primary-foreground)}.catalog-peek-buttons>span:first-child b{margin-left:10px}.catalog-peek-buttons>span:last-child{border-radius:50%;justify-content:center;width:33px;padding:0;font-size:14px}.catalog-component-card:hover .catalog-peek-buttons>span:first-child{transform:translate(3px)}.catalog-peek-input{width:min(238px,90%)}.catalog-peek-input>small{margin:0 0 5px 4px;font-weight:700;display:block}.catalog-peek-input>span{border:1px solid var(--ink);align-items:center;gap:9px;height:42px;padding:0 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.catalog-peek-input>span{border:1px solid color-mix(in srgb, var(--ink) 22%, var(--line))}}.catalog-peek-input>span{background:var(--paper);border-radius:10px;box-shadow:0 8px 20px #0000000a}.catalog-peek-input>span i{color:var(--muted);font:700 9px var(--font-mono)}.catalog-peek-input>span b{font-size:9px}.catalog-peek-input>span em{margin-left:auto;font-style:normal;animation:1.05s step-end infinite catalog-caret}.catalog-peek-input p{color:#059669;margin:4px 0 0 5px;font-size:6px}@keyframes catalog-caret{50%{opacity:0}}.catalog-peek-dropdown{width:176px;position:relative;transform:translateY(-5px)}.catalog-peek-dropdown-trigger{border:1px solid var(--ink);justify-content:space-between;align-items:center;width:100%;height:32px;padding:0 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.catalog-peek-dropdown-trigger{border:1px solid color-mix(in srgb, var(--ink) 26%, var(--line))}}.catalog-peek-dropdown-trigger{background:var(--paper);border-radius:9px;font-size:8px}.catalog-peek-dropdown section{z-index:2;border:1px solid var(--line);background:var(--paper);border-radius:10px;gap:2px;padding:4px;display:grid;position:absolute;top:37px;left:10px;right:-10px}@supports (color:color-mix(in lab, red, red)){.catalog-peek-dropdown section{background:color-mix(in srgb, var(--paper) 96%, transparent)}}.catalog-peek-dropdown section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 25px #0000001c}.catalog-peek-dropdown section span{border-radius:6px;align-items:center;gap:7px;height:22px;padding:0 7px;font-size:7px;display:flex}.catalog-peek-dropdown section span:first-child{background:var(--subtle)}.catalog-peek-dropdown section i{border:1px solid var(--muted);width:5px;height:5px;transform:rotate(45deg)}.catalog-peek-dropdown section b{margin-left:auto}.catalog-peek-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;max-width:250px;display:flex}.catalog-peek-badges span{border:1px solid var(--line);background:var(--paper);border-radius:999px;align-items:center;gap:6px;min-height:25px;padding:0 10px;font-size:7px;font-weight:680;display:inline-flex}.catalog-peek-badges span:nth-child(2){background:var(--primary);color:var(--primary-foreground);border-radius:7px}.catalog-peek-badges span:nth-child(3){border-style:dashed}.catalog-peek-badges span:nth-child(4){border-radius:5px 12px 12px 5px}.catalog-peek-badges i{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #10b9811f}.catalog-peek-slider{border:1px solid var(--line);background:var(--paper);border-radius:12px;width:min(232px,90%);padding:11px 12px 9px}.catalog-peek-slider header,.catalog-peek-slider footer{justify-content:space-between;align-items:center;font-size:7px;display:flex}.catalog-peek-slider header strong{font:700 11px var(--font-mono)}.catalog-peek-slider section{height:22px;position:relative}.catalog-peek-slider section:before{content:"";background:var(--ink);border-radius:99px;height:3px;position:absolute;top:10px;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.catalog-peek-slider section:before{background:color-mix(in srgb, var(--ink) 15%, var(--line))}}.catalog-peek-slider section i{z-index:1;background:var(--ink);border-radius:99px;width:68%;height:3px;position:absolute;top:10px;left:0}.catalog-peek-slider section b{z-index:2;border:4px solid var(--paper);background:var(--ink);width:17px;height:17px;box-shadow:0 0 0 1px var(--line), 0 5px 12px #00000026;transition:left var(--motion-base) var(--ease-smooth);border-radius:50%;position:absolute;top:3px;left:calc(68% - 8px)}.catalog-component-card:hover .catalog-peek-slider section b{left:calc(76% - 8px)}.catalog-peek-slider footer{color:var(--muted);font-size:6px}.catalog-peek-checks,.catalog-peek-switches{gap:7px;width:min(220px,90%);display:grid}.catalog-peek-checks>span,.catalog-peek-switches>span{border:1px solid var(--line);background:var(--paper);border-radius:8px;align-items:center;gap:9px;min-height:27px;padding:0 9px;display:flex}@supports (color:color-mix(in lab, red, red)){.catalog-peek-checks>span,.catalog-peek-switches>span{background:color-mix(in srgb, var(--paper) 75%, transparent)}}.catalog-peek-checks>span,.catalog-peek-switches>span{font-size:7px}.catalog-peek-checks i{border:1px solid var(--ink);place-items:center;width:14px;height:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.catalog-peek-checks i{border:1px solid color-mix(in srgb, var(--ink) 35%, var(--line))}}.catalog-peek-checks i{background:var(--paper);border-radius:4px;font-size:9px;font-style:normal}.catalog-peek-checks span:first-child i{background:var(--primary);color:var(--primary-foreground)}.catalog-peek-checks span:last-child i{border-radius:50%}.catalog-peek-switches b{font-weight:560}.catalog-peek-switches i{background:var(--ink);border-radius:99px;width:28px;height:16px;margin-left:auto;position:relative}@supports (color:color-mix(in lab, red, red)){.catalog-peek-switches i{background:color-mix(in srgb, var(--ink) 15%, var(--line))}}.catalog-peek-switches i:after{content:"";background:var(--paper);border-radius:50%;width:10px;height:10px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000029}.catalog-peek-switches i.is-on{background:var(--ink)}.catalog-peek-switches i.is-on:after{left:15px}.catalog-peek-dialog{place-items:center;width:226px;height:112px;display:grid;position:relative}.catalog-peek-scrim{background:var(--ink);border-radius:13px;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.catalog-peek-scrim{background:color-mix(in srgb, var(--ink) 15%, transparent)}}.catalog-peek-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.catalog-peek-dialog section{border:1px solid var(--line);background:var(--paper);border-radius:11px;width:158px;padding:10px;position:relative;box-shadow:0 14px 28px #00000026}.catalog-peek-dialog header{justify-content:space-between;align-items:center;font-size:9px;font-weight:680;display:flex}.catalog-peek-dialog header b{background:var(--subtle);width:17px;height:17px;color:var(--muted);border-radius:5px;place-items:center;display:grid}.catalog-peek-dialog p{color:var(--muted);margin:7px 0 10px;font-size:6px}.catalog-peek-dialog footer{justify-content:flex-end;gap:8px;font-size:6px;display:flex}.catalog-peek-dialog footer strong{background:var(--primary);color:var(--primary-foreground);border-radius:5px;padding:5px 8px}.catalog-peek-dialog footer span{padding:5px}.catalog-peek-accordion{border:1px solid var(--line);background:var(--paper);border-radius:11px;width:min(224px,92%);overflow:hidden}.catalog-peek-accordion>span{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-content:center;min-height:29px;padding:0 10px;font-size:7px;display:grid}.catalog-peek-accordion>span:last-child{border-bottom:0}.catalog-peek-accordion i{font-style:normal}.catalog-peek-accordion small{grid-column:1/-1;margin-top:3px}.catalog-peek-tooltip{place-items:center;gap:7px;display:grid}.catalog-peek-tooltip>span{background:var(--primary);color:var(--primary-foreground);border-radius:6px;padding:6px 9px;font-size:7px;position:relative;box-shadow:0 8px 20px #00000024}.catalog-peek-tooltip>span:after{content:"";background:var(--primary);width:8px;height:8px;position:absolute;bottom:-4px;left:calc(50% - 4px);transform:rotate(45deg)}.catalog-peek-tooltip section{gap:6px;display:flex}.catalog-peek-tooltip section i{border:1px solid var(--line);background:var(--paper);width:29px;height:29px;font:600 10px var(--font-mono);border-radius:8px;place-items:center;font-style:normal;display:grid}.catalog-peek-theme{border:1px solid var(--line);background:linear-gradient(90deg,#f5f1e8 0 50%,#161719 50%);border-radius:999px;grid-template-columns:1fr 58px 1fr;align-items:center;width:min(238px,92%);display:grid;overflow:hidden}.catalog-peek-theme section{color:#171717;align-content:center;height:66px;padding:0 16px;display:grid}.catalog-peek-theme section:last-child{color:#f4f2ec;text-align:right}.catalog-peek-theme section span{font:700 6px var(--font-mono);letter-spacing:.14em;opacity:.55}.catalog-peek-theme section strong{font-size:11px}.catalog-peek-theme>i{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#80808026;border:1px solid #80808059;border-radius:999px;justify-content:space-between;width:48px;height:30px;padding:3px;font-style:normal;display:flex}.catalog-peek-theme>i b{color:#171717;background:#f6f2e8;border-radius:50%;place-items:center;width:22px;font-size:11px;display:grid}.catalog-peek-theme>i b:last-child{color:#f4f2ec;background:0 0}.catalog-peek-auth{border:1px solid var(--line);background:var(--paper);border-radius:12px;grid-template-columns:22px 1fr;gap:5px 7px;width:172px;padding:9px 10px;display:grid;box-shadow:0 14px 28px #00000014}.catalog-peek-auth-mark{background:var(--primary);width:22px;height:22px;color:var(--primary-foreground);font:700 8px var(--font-mono);border-radius:7px;grid-row:span 2;place-items:center;display:grid}.catalog-peek-auth>strong{align-self:center;font-size:9px}.catalog-peek-field{border:1px solid var(--line);border-radius:5px;grid-column:1/-1;height:20px;padding:3px 6px;display:grid}.catalog-peek-field small{font-size:5px;line-height:1}.catalog-peek-field i{background:var(--ink);border-radius:99px;width:58%;height:2px;margin-top:3px}@supports (color:color-mix(in lab, red, red)){.catalog-peek-field i{background:color-mix(in srgb, var(--ink) 24%, transparent)}}.catalog-peek-auth>b{background:var(--primary);height:19px;color:var(--primary-foreground);border-radius:5px;grid-column:1/-1;place-items:center;font-size:6px;display:grid}.catalog-family-visual[data-component=sign-up] .catalog-peek-auth{gap:4px 7px;padding-block:7px}.catalog-family-visual[data-component=sign-up] .catalog-peek-field{height:17px}.catalog-peek-magic-card,.catalog-peek-tilt-card,.catalog-peek-spotlight,.catalog-peek-cutout{color:#f5f3ee;background:#0d0e10;border:1px solid #303138;border-radius:16px;width:218px;height:106px;padding:15px;position:relative;overflow:hidden;box-shadow:0 14px 28px #00000024}.catalog-peek-magic-card:before{content:"";background:radial-gradient(circle,#6b58ff73,#0000 68%);border-radius:50%;width:140px;height:140px;position:absolute;top:-70px;right:-35px}.catalog-peek-magic-card span{background:#1b1c1f;border:1px solid #3b3c42;border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.catalog-peek-magic-card small,.catalog-peek-tilt-card small,.catalog-peek-spotlight small,.catalog-peek-cutout small{color:#777981;font:700 5px var(--font-mono);letter-spacing:.1em;margin-top:11px;display:block}.catalog-peek-magic-card strong,.catalog-peek-tilt-card strong,.catalog-peek-spotlight strong,.catalog-peek-cutout strong{letter-spacing:-.04em;margin-top:3px;font-size:13px;display:block}.catalog-peek-card-stack{width:205px;height:104px;position:relative}.catalog-peek-card-stack>span{color:#f4f3ee;background:#111216;border:1px solid #34343a;border-radius:14px;width:150px;height:82px;padding:11px;position:absolute;box-shadow:0 10px 24px #00000029}.catalog-peek-card-stack>span:first-child{color:#0000;background:#292340;top:9px;left:5px;transform:rotate(-6deg)}.catalog-peek-card-stack>span:nth-child(2){color:#0000;background:#172f2b;top:9px;left:42px;transform:rotate(5deg)}.catalog-peek-card-stack>span:last-child{flex-direction:column;justify-content:flex-end;display:flex;top:1px;left:25px}.catalog-peek-card-stack b{font-size:10px}.catalog-peek-card-stack small{color:#777981;font-size:6px}.catalog-peek-tilt-card{transform:perspective(400px)rotateY(-9deg)rotateX(5deg)}.catalog-peek-tilt-card i{background:radial-gradient(circle at 35% 30%,#fff 0 4%,#7964ff 12%,#19152f 64%,#07070b 68%);border-radius:50%;width:45px;height:45px;margin:2px auto -5px;display:block;box-shadow:0 0 24px #7257ff52}.catalog-peek-spotlight{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:20px 20px}.catalog-peek-spotlight>i{background:radial-gradient(circle,#ffffff38,#0000 65%);border-radius:50%;width:130px;height:130px;position:absolute;top:-55px;left:45px}.catalog-peek-spotlight span,.catalog-peek-cutout span{color:#aaa;font-size:6px;position:absolute;bottom:12px;right:15px}.catalog-peek-bento{grid-template-rows:1fr 1fr;grid-template-columns:1.3fr .7fr 1fr;gap:5px;width:218px;height:106px;display:grid}.catalog-peek-bento span{border:1px solid var(--line);background:var(--paper);border-radius:9px;align-content:end;padding:8px;display:grid;overflow:hidden}.catalog-peek-bento span:first-child{grid-row:1/3}.catalog-peek-bento span:nth-child(2){background:linear-gradient(135deg, var(--accent), var(--paper));grid-column:2/4}@supports (color:color-mix(in lab, red, red)){.catalog-peek-bento span:nth-child(2){background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 15%, var(--paper)), var(--paper))}}.catalog-peek-bento b{font-size:19px}.catalog-peek-bento small{font-size:5px}.catalog-peek-expandable{gap:6px;width:220px;display:grid}.catalog-peek-expandable>span{border:1px solid var(--line);background:var(--paper);border-radius:11px;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;min-height:36px;padding:8px 10px;font-size:7px;display:grid}.catalog-peek-expandable>span.is-open{align-content:start;min-height:57px;box-shadow:0 9px 20px #0000000d}.catalog-peek-expandable i{background:var(--subtle);border-radius:6px;place-items:center;width:20px;height:20px;font-size:6px;font-style:normal;display:grid}.catalog-peek-expandable em{font-style:normal}.catalog-peek-expandable small{grid-column:2/-1}.catalog-peek-cutout{clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.catalog-peek-cutout{background:color-mix(in srgb, var(--accent) 14%, #101114)}}.catalog-peek-cutout>i{background:#0b0c0d;border-bottom:1px solid #3a3b42;border-left:1px solid #3a3b42;width:29px;height:29px;position:absolute;top:0;right:0}.catalog-peek-type{border:1px solid var(--line);background:var(--paper);border-radius:13px;flex-direction:column;justify-content:center;width:min(236px,94%);min-height:105px;padding:13px 16px;display:flex;position:relative;overflow:hidden}.catalog-peek-type strong{letter-spacing:-.06em;font-size:20px;line-height:.95}.catalog-peek-type.is-static small{font:650 6px var(--font-mono);letter-spacing:.1em;margin-top:9px}.catalog-peek-type.is-animated span,.catalog-peek-type.is-animated i{font:700 7px var(--font-mono);letter-spacing:.16em;font-style:normal}.catalog-peek-type.is-animated strong{background:var(--primary);width:max-content;color:var(--primary-foreground);margin:5px 0;padding:4px 6px;transform:translate(15px)}.catalog-peek-type.is-animated i{align-self:flex-end}.catalog-peek-type.is-scroll{grid-template-columns:25px 1fr;align-content:center;gap:5px 10px;display:grid}.catalog-peek-type.is-scroll strong{font-size:17px}.catalog-peek-type.is-scroll span{color:var(--muted);grid-column:2;font-size:8px}.catalog-peek-type.is-scroll i{background:var(--line);width:1px;position:absolute;top:16px;bottom:16px;left:35px}.catalog-peek-type.is-reveal strong{font-size:18px}.catalog-peek-type.is-reveal span{color:var(--muted);filter:blur(1.4px);opacity:.62;margin-top:5px;font-size:13px}.catalog-peek-type.is-reveal i{background:linear-gradient(90deg, var(--ink) 45%, var(--ink) 45%);width:75%;height:2px;margin-top:12px}@supports (color:color-mix(in lab, red, red)){.catalog-peek-type.is-reveal i{background:linear-gradient(90deg, var(--ink) 45%, color-mix(in srgb, var(--ink) 12%, transparent) 45%)}}.catalog-peek-type.is-gradient{color:#f8f6f1;background:#111216;border-color:#0000}.catalog-peek-type.is-gradient small{color:#8a8c94;font:700 6px var(--font-mono);letter-spacing:.14em}.catalog-peek-type.is-gradient strong{color:#0000;background:linear-gradient(90deg,#f7f4ec,#9b8cff,#58d3b1);-webkit-background-clip:text;background-clip:text;margin-top:6px}.catalog-peek-background{color:#f7f5ef;flex-direction:column;justify-content:flex-end;width:calc(100% + 40px);height:148px;margin:-16px -20px;padding:0 27px 22px;display:flex;position:relative;overflow:hidden}.catalog-peek-background strong{font-size:15px;position:relative}.catalog-peek-background small{color:#ffffff94;position:relative}.catalog-peek-background.is-aurora{background:radial-gradient(circle at 22% 15%,#7166c7,#0000 37%),radial-gradient(circle at 78% 80%,#358f81,#0000 43%),#12131a}.catalog-peek-background.is-aurora span{filter:blur(10px);background:linear-gradient(110deg,#0000 28%,#7ef1d72e,#a684ff33,#0000 72%);border-radius:50%;position:absolute;inset:-55px 10% 30px;transform:rotate(-12deg)}.catalog-peek-background.is-dots{color:var(--ink);background-color:var(--paper);background-image:radial-gradient(var(--ink) 1px, transparent 1px)}@supports (color:color-mix(in lab, red, red)){.catalog-peek-background.is-dots{background-image:radial-gradient(color-mix(in srgb, var(--ink) 24%, transparent) 1px, transparent 1px)}}.catalog-peek-background.is-dots{background-size:12px 12px}.catalog-peek-background.is-dots small{color:var(--muted)}.catalog-peek-background.is-grid{background-color:#0d1016;background-image:linear-gradient(#738dff26 1px,#0000 1px),linear-gradient(90deg,#738dff26 1px,#0000 1px);background-size:18px 18px}.catalog-peek-background.is-grid span:first-child{background:linear-gradient(90deg,#0000,#718dff,#0000);width:120px;height:2px;position:absolute;top:44px;left:30%;transform:rotate(-16deg);box-shadow:0 0 18px #718dff}.catalog-peek-background.is-mesh{background:radial-gradient(circle at 20% 10%,#ffad7d,#0000 38%),radial-gradient(circle at 78% 22%,#b995ff,#0000 40%),radial-gradient(circle at 54% 90%,#4fcdb5,#0000 48%),#24222f}.catalog-peek-background.is-contour{background:#17201c}.catalog-peek-background.is-contour:before{content:"";background:repeating-radial-gradient(at 68% 46%,#0000 0 12px,#aadebc38 13px 14px);position:absolute;inset:-70px -20px;transform:rotate(-7deg)}.catalog-peek-background.is-grain{background:linear-gradient(135deg,#4b4741,#18191b)}.catalog-peek-background.is-grain:before{content:"";opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' 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='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.catalog-peek-background.is-ripple{background:#0d1516}.catalog-peek-background.is-ripple span{border:1px solid #73e7d261;border-radius:50%;width:42px;height:42px;position:absolute;top:22px;right:26%;box-shadow:0 0 0 17px #73e7d221,0 0 0 35px #73e7d20f}.catalog-peek-background.is-halftone{color:#191919;background-color:#f2d86f;background-image:radial-gradient(#26231c 1px,#0000 1.4px);background-size:8px 8px}.catalog-peek-background.is-halftone:before{content:"";background:radial-gradient(circle at 68% 38%,#0000 0 25px,#f2d86f 72px);position:absolute;inset:-20px}.catalog-peek-background.is-halftone small{color:#645b33}.catalog-peek-background.is-silk{background:linear-gradient(120deg,#171824,#6f5d83 42%,#34485c 64%,#111318)}.catalog-peek-background.is-silk span:first-child{filter:blur(5px);background:repeating-linear-gradient(110deg,#0000 0 18px,#ffffff14 20px,#0000 26px);position:absolute;inset:-50px -20px;transform:skew(-9deg)}.catalog-peek-marquee{border-block:1px solid var(--line);background:var(--paper);width:calc(100% + 40px);height:48px;font:700 13px var(--font-mono);white-space:nowrap;align-items:center;gap:15px;display:flex;overflow:hidden;transform:rotate(-3deg)}.catalog-peek-marquee span{flex:none}.catalog-peek-marquee i{color:var(--muted);font-style:normal}.catalog-peek-orbit{border:1px dashed var(--ink);place-items:center;width:104px;height:104px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.catalog-peek-orbit{border:1px dashed color-mix(in srgb, var(--ink) 25%, transparent)}}.catalog-peek-orbit{border-radius:50%}.catalog-peek-orbit>span{background:var(--primary);width:40px;height:40px;color:var(--primary-foreground);font:700 12px var(--font-mono);border-radius:12px;place-items:center;display:grid}.catalog-peek-orbit>i{border:1px solid var(--line);background:var(--paper);width:22px;height:22px;font:600 8px var(--font-mono);border-radius:7px;place-items:center;font-style:normal;display:grid;position:absolute}.catalog-peek-orbit i:first-of-type{top:-5px;left:41px}.catalog-peek-orbit i:nth-of-type(2){top:41px;right:-5px}.catalog-peek-orbit i:nth-of-type(3){bottom:-5px;left:41px}.catalog-peek-orbit i:nth-of-type(4){top:41px;left:-5px}.catalog-peek-blur{align-items:center;gap:18px;font-size:16px;font-weight:650;display:flex}.catalog-peek-blur span:nth-child(2){filter:blur(1px);opacity:.65}.catalog-peek-blur span:last-child{filter:blur(3px);opacity:.28}.catalog-peek-screen{align-items:center;gap:13px;display:flex}.catalog-peek-screen>span{border:2px solid var(--ink);border-radius:12px;align-items:flex-end;width:45px;height:78px;padding:4px;display:flex}.catalog-peek-screen>span i{background:var(--ink);border-radius:6px;width:100%;height:28px}.catalog-peek-screen>b{color:var(--muted)}.catalog-peek-screen>section{border:1px solid var(--line);background:var(--paper);border-radius:12px;gap:7px;width:118px;height:78px;padding:12px;display:grid}.catalog-peek-screen>section i{background:var(--ink);border-radius:99px;height:7px}@supports (color:color-mix(in lab, red, red)){.catalog-peek-screen>section i{background:color-mix(in srgb, var(--ink) 16%, transparent)}}.catalog-peek-screen>section i:first-child{background:var(--ink);width:68%}.catalog-peek-beam{border:1px solid var(--line);background:var(--paper);border-radius:14px;width:220px;height:86px;padding:15px;position:relative;overflow:hidden}.catalog-peek-beam span{gap:8px;display:grid}.catalog-peek-beam small{font:700 6px var(--font-mono);letter-spacing:.12em}.catalog-peek-beam strong{font-size:13px}.catalog-peek-beam i{border-radius:inherit;background:conic-gradient(from 190deg, transparent 0 72%, var(--ink) 82%, transparent 90%);-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:2px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.catalog-peek-magnetic{place-items:center;width:210px;height:88px;display:grid;position:relative}.catalog-peek-magnetic>span{border:1px solid var(--line);background:var(--primary);color:var(--primary-foreground);border-radius:9px;padding:10px 14px;font-size:8px;transform:translate(15px,-7px)rotate(-2deg);box-shadow:0 14px 26px #00000029}.catalog-peek-magnetic>i{border-left:2px solid var(--ink);width:22px;height:29px;position:absolute;bottom:9px;left:22px;transform:rotate(-28deg)}.catalog-peek-magnetic>i:after{content:"";background:var(--ink);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:-3px}.catalog-peek-magnetic>b{color:var(--muted);position:absolute;top:11px;right:31px}.catalog-peek-skeleton{border:1px solid var(--line);background:var(--paper);border-radius:12px;align-items:center;gap:12px;width:206px;padding:12px;display:flex}.catalog-peek-skeleton>i{background:linear-gradient(100deg, var(--subtle) 35%, var(--paper) 50%, var(--subtle) 65%);border-radius:10px;flex:none;width:46px;height:46px}@supports (color:color-mix(in lab, red, red)){.catalog-peek-skeleton>i{background:linear-gradient(100deg, var(--subtle) 35%, color-mix(in srgb, var(--paper) 55%, var(--subtle)) 50%, var(--subtle) 65%)}}.catalog-peek-skeleton>i{background-size:220% 100%}.catalog-peek-skeleton section{flex:1;gap:8px;display:grid}.catalog-peek-skeleton span{background:var(--subtle);border-radius:99px;height:7px}.catalog-peek-skeleton span:nth-child(2){width:78%}.catalog-peek-skeleton span:last-child{width:50%}.catalog-peek-scroll{justify-content:space-around;align-items:center;width:222px;height:104px;display:flex;position:relative}.catalog-peek-scroll>i{background:var(--line);height:1px;position:absolute;top:52px;left:23px;right:23px}.catalog-peek-scroll span{z-index:1;border:1px solid var(--line);background:var(--paper);width:42px;height:58px;font:700 8px var(--font-mono);border-radius:11px;place-items:center;display:grid}.catalog-peek-scroll span:nth-of-type(2){background:var(--primary);height:82px;color:var(--primary-foreground)}.catalog-peek-scroll b{color:var(--muted);position:absolute;right:1px}.catalog-peek-number{grid-template-columns:auto auto;align-items:end;column-gap:5px;display:grid}.catalog-peek-number small{text-align:center;font:700 6px var(--font-mono);letter-spacing:.16em;grid-column:1/-1}.catalog-peek-number strong{letter-spacing:-.09em;font-size:64px;line-height:.8}.catalog-peek-number span{color:var(--muted);font:700 14px var(--font-mono)}.catalog-peek-number i{color:#10b981;text-align:center;font:700 8px var(--font-mono);grid-column:1/-1;margin-top:7px;font-style:normal}.catalog-peek-timer{place-items:center;gap:7px;display:grid}.catalog-peek-timer section{background:conic-gradient(var(--ink) 0 72%, var(--ink) 72%);border-radius:50%;align-content:center;place-items:center;width:88px;height:88px;display:grid}@supports (color:color-mix(in lab, red, red)){.catalog-peek-timer section{background:conic-gradient(var(--ink) 0 72%, color-mix(in srgb, var(--ink) 10%, transparent) 72%)}}.catalog-peek-timer section{box-shadow:inset 0 0 0 7px var(--paper)}.catalog-peek-timer strong{font:700 15px var(--font-mono)}.catalog-peek-timer small{font:700 5px var(--font-mono);letter-spacing:.14em}.catalog-peek-timer>span{background:var(--primary);color:var(--primary-foreground);border-radius:99px;padding:4px 10px;font-size:6px}.catalog-peek-progress{place-items:center;gap:6px;display:grid}.catalog-peek-progress section{background:conic-gradient(#6d7cff 0 72%, var(--ink) 72%);border-radius:50%;place-items:center;width:86px;height:86px;display:grid}@supports (color:color-mix(in lab, red, red)){.catalog-peek-progress section{background:conic-gradient(#6d7cff 0 72%, color-mix(in srgb, var(--ink) 9%, transparent) 72%)}}.catalog-peek-progress section{box-shadow:inset 0 0 0 9px var(--paper)}.catalog-peek-progress strong{font:700 22px var(--font-mono)}.catalog-peek-progress section small{margin-top:-27px;margin-left:30px;font-size:6px}.catalog-peek-progress>span{color:var(--muted);font-size:7px}.catalog-peek-timeline{justify-content:space-between;align-items:center;width:234px;height:80px;display:flex;position:relative}.catalog-peek-timeline>i{background:linear-gradient(90deg, var(--ink) 0 62%, var(--line) 62%);height:2px;position:absolute;top:27px;left:18px;right:18px}.catalog-peek-timeline span{z-index:1;place-items:center;gap:6px;display:grid}.catalog-peek-timeline b{border:2px solid var(--paper);background:var(--primary);width:22px;height:22px;color:var(--primary-foreground);font:700 6px var(--font-mono);box-shadow:0 0 0 1px var(--line);border-radius:50%;place-items:center;display:grid}.catalog-peek-timeline span:last-child b{background:var(--paper);color:var(--muted)}.catalog-peek-timeline small{font-size:6px}.catalog-peek-table{border:1px solid var(--line);background:var(--paper);border-radius:10px;width:230px;overflow:hidden}.catalog-peek-table header,.catalog-peek-table p{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 38px;align-items:center;gap:8px;margin:0;padding:0 9px;display:grid}.catalog-peek-table header{background:var(--subtle);height:20px;color:var(--muted);font:650 5px var(--font-mono);text-transform:uppercase}.catalog-peek-table p{height:25px;font-size:6px}.catalog-peek-table p:last-child{border-bottom:0}.catalog-peek-table p i{background:linear-gradient(90deg, #69d4aa 0 72%, var(--line) 72%);border-radius:99px;height:3px}.catalog-peek-table p:nth-of-type(2) i{background:linear-gradient(90deg, #7d8fff 0 42%, var(--line) 42%)}.catalog-peek-table strong{text-align:right;font-family:var(--font-mono)}.catalog-peek-tabs{border:1px solid var(--line);background:var(--paper);border-radius:11px;width:226px;overflow:hidden}.catalog-peek-tabs header{background:var(--subtle);grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.catalog-peek-tabs header span{height:24px;color:var(--muted);border-radius:7px;place-items:center;font-size:6px;display:grid}.catalog-peek-tabs header span.is-active{background:var(--paper);color:var(--ink);box-shadow:0 2px 7px #00000012}.catalog-peek-tabs section{gap:9px;padding:12px;display:flex}.catalog-peek-tabs section>i{background:var(--primary);width:31px;height:31px;color:var(--primary-foreground);border-radius:8px;flex:none;place-items:center;font-style:normal;display:grid}.catalog-peek-tabs p{gap:3px;margin:0;font-size:7px;display:grid}.catalog-peek-tabs p small{font-size:6px}.catalog-peek-breadcrumb{width:228px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:7px;display:flex}.catalog-peek-breadcrumb strong{color:var(--ink)}.catalog-peek-breadcrumb i{font-style:normal}.catalog-peek-breadcrumb section{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:10px;margin-top:8px;padding:13px;font-size:9px}.catalog-peek-pagination{align-items:center;gap:5px;display:flex}.catalog-peek-pagination span{border:1px solid var(--line);background:var(--paper);border-radius:8px;place-items:center;width:28px;height:28px;font-size:7px;display:grid}.catalog-peek-pagination span.is-active{background:var(--primary);color:var(--primary-foreground);transform:translateY(-3px);box-shadow:0 8px 14px #00000024}.catalog-peek-pagination i{color:var(--muted);font-style:normal}.catalog-peek-pagination .catalog-peek-page-arrow{color:var(--muted)}.catalog-peek-dock{border:1px solid var(--ink);align-items:center;gap:5px;padding:6px;display:flex}@supports (color:color-mix(in lab, red, red)){.catalog-peek-dock{border:1px solid color-mix(in srgb, var(--ink) 26%, var(--line))}}.catalog-peek-dock{background:var(--paper);border-radius:15px}@supports (color:color-mix(in lab, red, red)){.catalog-peek-dock{background:color-mix(in srgb, var(--paper) 88%, transparent)}}.catalog-peek-dock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 30px #0000001f}.catalog-peek-dock span{background:var(--subtle);width:31px;height:31px;font:700 10px var(--font-mono);transition:transform var(--motion-base) var(--ease-smooth);border-radius:9px;place-items:center;display:grid}.catalog-peek-dock span.is-active{background:var(--primary);color:var(--primary-foreground);transform:translateY(-7px)scale(1.15)}.catalog-peek-code,.catalog-peek-terminal,.catalog-peek-tree,.catalog-peek-diff{color:#d7d8dc;width:224px;min-height:105px;font:500 6px/1.5 var(--font-mono);background:#0e0f12;border:1px solid #303138;border-radius:11px;padding:9px 11px;overflow:hidden;box-shadow:0 12px 24px #0000001f}.catalog-peek-code header,.catalog-peek-diff header{color:#8a8c93;border-bottom:1px solid #28292d;justify-content:space-between;margin:-9px -11px 8px;padding:7px 10px;display:flex}.catalog-peek-code p{margin:2px 0}.catalog-peek-code p b{color:#b39aff}.catalog-peek-code p i{color:#6bd4b2;font-style:normal}.catalog-peek-code header i{font-style:normal}.catalog-peek-terminal header{gap:4px;display:flex}.catalog-peek-terminal header i{background:#e15d5d;border-radius:50%;width:6px;height:6px}.catalog-peek-terminal header i:nth-child(2){background:#d9b457}.catalog-peek-terminal header i:nth-child(3){background:#62ba80}.catalog-peek-terminal p{margin:9px 0 0}.catalog-peek-terminal p b{color:#7b8fff}.catalog-peek-terminal>span{color:#72d2ad}.catalog-peek-tree{align-content:center;gap:3px;display:grid}.catalog-peek-tree strong{color:#b39aff}.catalog-peek-tree span{color:#aaaeb8}.catalog-peek-tree span:nth-of-type(2),.catalog-peek-tree span:nth-of-type(3){color:#e5e5e5}.catalog-peek-diff{align-content:start;gap:5px;display:grid}.catalog-peek-diff span{margin-inline:-3px;padding:3px 6px}.catalog-peek-diff .is-removed{color:#e77c80;background:#e5484d1f}.catalog-peek-diff .is-added{color:#68d3ac;background:#10b9811a}.catalog-peek-island,.catalog-peek-notch{justify-content:center;width:238px;height:106px;display:flex;position:relative}.catalog-peek-island>span{color:#f8f8f7;background:#050506;border-radius:17px;grid-template-rows:1fr 1fr;grid-template-columns:29px 1fr 20px;column-gap:8px;width:186px;height:51px;padding:8px 10px;display:grid;box-shadow:0 15px 27px #00000038}.catalog-peek-island i{background:linear-gradient(135deg,#7d66df,#5ccdb1);border-radius:8px;grid-row:1/3;width:29px;height:29px}.catalog-peek-island strong{font-size:7px}.catalog-peek-island small{color:#7f8188;font-size:5px}.catalog-peek-island b{text-align:center;grid-area:1/3/3;align-self:center}.catalog-peek-notch>span{color:#f7f7f4;background:#050506;border-radius:0 0 16px 16px;grid-template-columns:1fr auto;width:196px;height:56px;padding:21px 11px 7px;display:grid}.catalog-peek-notch>span:before{content:"";background:#050506;border-radius:0 0 10px 10px;width:76px;height:14px;position:absolute;top:0;left:calc(50% - 38px)}.catalog-peek-notch strong{font-size:7px}.catalog-peek-notch small{color:#777981;grid-column:1;font-size:5px}.catalog-peek-notch b{grid-area:1/2/3;align-self:center}.catalog-peek-notch>i{background:var(--ink);opacity:.14;border-radius:99px;width:54px;height:4px;position:absolute;top:68px}.catalog-peek-notifications{width:220px;height:106px;position:relative}.catalog-peek-notifications span{border:1px solid var(--line);background:var(--paper);border-radius:11px;width:190px;min-height:43px;padding:9px 12px;display:grid;position:absolute;left:15px}@supports (color:color-mix(in lab, red, red)){.catalog-peek-notifications span{background:color-mix(in srgb, var(--paper) 94%, transparent)}}.catalog-peek-notifications span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 24px #0000001a}.catalog-peek-notifications span:first-child{z-index:3;top:1px}.catalog-peek-notifications span:nth-child(2){z-index:2;opacity:.75;top:24px;transform:scale(.94)}.catalog-peek-notifications span:last-child{z-index:1;opacity:.42;top:45px;transform:scale(.88)}.catalog-peek-notifications b{font-size:7px}.catalog-peek-notifications small{font-size:5px}.catalog-peek-panel{border:1px solid var(--line);background:var(--paper);border-radius:13px;width:213px;padding:11px}@supports (color:color-mix(in lab, red, red)){.catalog-peek-panel{background:color-mix(in srgb, var(--paper) 88%, transparent)}}.catalog-peek-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 15px 28px #0000001a}.catalog-peek-panel>span{color:var(--muted);font:700 5px var(--font-mono);letter-spacing:.13em}.catalog-peek-panel section{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px;display:grid}.catalog-peek-panel b{background:var(--subtle);border-radius:8px;place-items:end start;height:48px;padding:6px;font-size:6px;display:grid}.catalog-peek-panel b:first-child{background:var(--primary);color:var(--primary-foreground)}.catalog-peek-poll{gap:7px;width:216px;display:grid}.catalog-peek-poll>strong{margin-bottom:3px;font-size:11px}.catalog-peek-poll>span{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;height:30px;padding:0 9px;font-size:7px;display:flex;position:relative;overflow:hidden}.catalog-peek-poll>span:before{content:"";z-index:-1;background:var(--accent);position:absolute;inset:0 36% 0 0}@supports (color:color-mix(in lab, red, red)){.catalog-peek-poll>span:before{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.catalog-peek-poll>span:last-child:before{right:64%}.catalog-peek-poll i{font:650 7px var(--font-mono);font-style:normal}.catalog-peek-toasts{width:224px}.catalog-peek-toasts>span{border:1px solid var(--line);background:var(--paper);border-radius:12px;align-items:center;gap:9px;min-height:54px;padding:9px 11px;display:flex;box-shadow:0 14px 28px #0000001a}.catalog-peek-toasts>span>i{color:#071b15;background:#0f9f72;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.catalog-peek-toasts p{flex:1;margin:0;display:grid}.catalog-peek-toasts b{font-size:8px}.catalog-peek-toasts small{font-size:5px}.catalog-peek-toasts em{color:var(--muted);font-style:normal}.catalog-peek-empty{place-items:center;gap:5px;display:grid}.catalog-peek-empty>i{border:1px dashed var(--muted);width:38px;height:38px;color:var(--muted);border-radius:12px;place-items:center;font-style:normal;display:grid;transform:rotate(4deg)}.catalog-peek-empty strong{font-size:10px}.catalog-peek-empty small{font-size:6px}.catalog-peek-empty>b{background:var(--primary);color:var(--primary-foreground);border-radius:6px;margin-top:4px;padding:5px 10px;font-size:6px}.catalog-peek-404{grid-template-columns:auto 45px auto;align-items:center;column-gap:6px;display:grid}.catalog-peek-404>span{letter-spacing:-.1em;font-size:50px;font-weight:700}.catalog-peek-404>i{border:6px solid var(--ink);width:43px;height:43px;box-shadow:inset 0 0 0 5px var(--paper);border-radius:50%;place-items:center;font-size:0;font-style:normal;display:grid}.catalog-peek-404>small{text-align:center;grid-column:1/-1;margin-top:-3px}.catalog-peek-fallback{place-items:center;gap:7px;display:grid}.catalog-peek-fallback span{background:var(--primary);width:38px;height:38px;color:var(--primary-foreground);font:700 11px var(--font-mono);border-radius:11px;place-items:center;display:grid}.catalog-peek-fallback strong{text-transform:capitalize;font-size:9px}.catalog-component-copy{flex-direction:column;min-width:0;padding:18px 19px 19px;display:flex}.catalog-card-overline{color:var(--muted);font:650 8px var(--font-mono);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.catalog-component-copy h3{letter-spacing:-.035em;margin:0;font-size:19px;font-weight:560}.catalog-component-copy p{color:var(--muted);margin:8px 0 18px;font-size:10px;line-height:1.58}.catalog-card-action{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;font-size:10px;font-weight:680;display:flex}.catalog-card-action svg,.catalog-group-card footer svg,.catalog-family-note a svg{transition:transform var(--motion-fast) ease}.catalog-component-card:hover .catalog-card-action svg,.catalog-group-card:hover footer svg,.catalog-family-note a:hover svg{transform:translate(3px)}.catalog-family-note{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:128px;margin-top:24px;padding:24px;display:grid}.catalog-family-note>span{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);font:650 9px var(--font-mono);border-radius:12px;place-items:center;display:grid}.catalog-family-note p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.catalog-family-note a{color:var(--ink);white-space:nowrap;align-items:center;gap:9px;font-size:10px;font-weight:680;text-decoration:none;display:flex}.catalog-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.catalog-group-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);min-height:298px;color:var(--ink);transition:transform var(--motion-base) var(--ease-smooth), border-color var(--motion-fast) ease, box-shadow var(--motion-base) ease;flex-direction:column;padding:21px;text-decoration:none;display:flex}@supports (color:color-mix(in lab, red, red)){.catalog-group-card:hover{border-color:color-mix(in srgb, var(--ink) 22%, var(--line))}}.catalog-group-card header{color:var(--muted);font:650 8px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;display:flex}.catalog-group-card h2{letter-spacing:-.045em;margin:38px 0 9px;font-size:26px;font-weight:540}.catalog-group-card>p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.catalog-group-list{flex-wrap:wrap;gap:6px;margin-top:21px;display:flex}.catalog-group-list span{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:5px 7px;font-size:8px}.catalog-group-card footer{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:22px;font-size:10px;font-weight:680;display:flex}.catalog-category-main{--paper:var(--surface);--soft:var(--subtle)}.catalog-index-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.06fr) minmax(315px,.78fr);align-items:center;gap:42px;min-height:570px;padding:44px 0 48px;display:grid}.catalog-index-hero-copy h1{letter-spacing:-.066em;margin:18px 0;font-size:clamp(49px,4.8vw,64px);font-weight:610;line-height:.91}.catalog-index-hero-copy>p{max-width:510px;color:var(--muted);margin:0;font-size:14px;line-height:1.68}.catalog-index-console{color:#f4f5ef;background:#111310;border:1px solid #303330;border-radius:25px;grid-template-rows:52px minmax(0,1fr) 74px;min-height:430px;display:grid;overflow:hidden;box-shadow:0 27px 70px #00000029}.catalog-index-console>header{color:#aaada7;font:680 8px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #292c28;justify-content:space-between;align-items:center;padding:0 17px;display:flex}.catalog-index-console>header span,.catalog-index-console>header b{align-items:center;gap:7px;display:flex}.catalog-index-console>header b{color:#68d2a8;font-size:6px}.catalog-index-console>header b i{background:#23b77d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #23b77d1a}.catalog-index-console-main{grid-template-columns:.78fr 1.22fr;align-items:end;gap:17px;min-height:302px;padding:24px 18px 18px;display:grid}.catalog-index-console-main>div{align-content:end;display:grid}.catalog-index-console-main small,.catalog-index-console>footer small{color:#7f837d;font:650 6px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.catalog-index-console-main>div>strong{letter-spacing:-.085em;margin-top:8px;font-size:67px;line-height:.8}.catalog-index-console-main>div>em{color:#747971;font:600 7px var(--font-mono);margin-top:13px;font-style:normal}.catalog-index-console-main>section{justify-content:flex-end;align-items:end;gap:5px;height:218px;display:flex}.catalog-index-console-main>section span{align-items:end;width:10%;min-width:8px;height:100%;display:flex}.catalog-index-console-main>section i{opacity:.9;background:linear-gradient(#8793f7,#4958cb);border-radius:4px 4px 1px 1px;width:100%}.catalog-index-console-main>section small{display:none}.catalog-index-console-main>section span:first-child i{height:94%}.catalog-index-console-main>section span:nth-child(2) i{height:28%}.catalog-index-console-main>section span:nth-child(3) i{height:62%}.catalog-index-console-main>section span:nth-child(4) i{height:45%}.catalog-index-console-main>section span:nth-child(5) i{height:78%}.catalog-index-console-main>section span:nth-child(6) i{height:70%}.catalog-index-console-main>section span:nth-child(7) i{height:42%}.catalog-index-console-main>section span:nth-child(8) i{height:35%}.catalog-index-console-main>section span:nth-child(9) i{height:36%}.catalog-index-console-main>section span:nth-child(10) i{height:69%}.catalog-index-console>footer{border-top:1px solid #292c28;grid-template-columns:repeat(3,1fr);display:grid}.catalog-index-console>footer span{border-right:1px solid #292c28;gap:7px;padding:13px;display:grid}.catalog-index-console>footer span:last-child{border-right:0}.catalog-index-console>footer strong{font:650 13px var(--font-mono)}.catalog-index-directory-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(280px,.76fr) minmax(0,1.24fr);min-height:610px;padding:45px 0 52px;display:grid}.catalog-index-directory-intro{border-right:1px solid var(--line);flex-direction:column;min-width:0;padding-right:39px;display:flex;overflow:clip}.catalog-index-directory-intro>header{min-height:34px;color:var(--muted);font:650 7px var(--font-mono);letter-spacing:.11em;justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.catalog-index-directory-intro>header span:last-child{text-align:right}.catalog-index-directory-intro>div{margin:auto 0}.catalog-index-directory-intro h1{letter-spacing:-.073em;max-width:100%;margin:0;font-size:clamp(46px,4.15vw,60px);font-weight:570;line-height:.88}.catalog-index-directory-intro p{max-width:330px;color:var(--muted);margin:28px 0 0;font-size:12px;line-height:1.72}.catalog-index-directory-intro>footer{border-top:1px solid var(--line);align-items:flex-end;gap:18px;min-height:82px;padding-top:18px;display:flex}.catalog-index-directory-intro>footer strong{letter-spacing:-.075em;font-size:54px;font-weight:560;line-height:.76}.catalog-index-directory-intro>footer span{color:var(--muted);font:600 7px/1.55 var(--font-mono);text-transform:uppercase;padding-bottom:1px}.catalog-family-directory{align-content:stretch;min-width:0;padding-left:39px;display:grid}.catalog-family-directory a{border-bottom:1px solid var(--line);min-width:0;min-height:52px;color:var(--muted);transition:color var(--motion-fast) ease, padding-left var(--motion-base) var(--ease-smooth);grid-template-columns:31px minmax(96px,.68fr) minmax(130px,1.32fr) 25px 18px;align-items:center;gap:10px;text-decoration:none;display:grid;position:relative}.catalog-family-directory a:first-child{border-top:1px solid var(--line)}.catalog-family-directory a:before{background:var(--ink);content:"";width:2px;height:0;transition:height var(--motion-base) var(--ease-smooth);position:absolute;top:50%;left:0;transform:translateY(-50%)}.catalog-family-directory a:hover{color:var(--ink);padding-left:9px}.catalog-family-directory a:hover:before{height:22px}.catalog-family-directory a>span,.catalog-family-directory a>small{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.catalog-family-directory a>span,.catalog-family-directory a>small{color:color-mix(in srgb, var(--muted) 72%, transparent)}}.catalog-family-directory a>span,.catalog-family-directory a>small{font:600 7px var(--font-mono)}.catalog-family-directory a>strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:660;overflow:hidden}.catalog-family-directory a>em{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-style:normal;overflow:hidden}.catalog-family-directory a>small{justify-self:end}.catalog-family-directory a>svg{transition:transform var(--motion-fast) ease}.catalog-family-directory a:hover>svg{transform:translate(3px)}.catalog-group-grid{gap:13px;margin-top:27px}.catalog-group-card{border-radius:19px;grid-template-rows:174px minmax(0,1fr);min-width:0;min-height:430px;padding:0;display:grid;overflow:hidden}.catalog-group-card.is-wide{grid-column:1/-1;grid-template-rows:1fr;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);min-height:372px}.catalog-group-card:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.catalog-group-card:hover{border-color:color-mix(in srgb, var(--ink) 24%, var(--line))}}.catalog-group-card:hover{transform:translateY(-3px);box-shadow:0 22px 48px #00000013}.catalog-group-visual{border-bottom:1px solid var(--line);background:var(--subtle);place-items:center;min-width:0;min-height:174px;padding:23px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.catalog-group-visual{background:color-mix(in srgb, var(--subtle) 63%, var(--paper))}}.catalog-group-card.is-wide .catalog-group-visual{border-right:1px solid var(--line);border-bottom:0;min-height:370px}.catalog-group-visual>div{transition:transform var(--motion-base) var(--ease-smooth)}.catalog-group-card:hover .catalog-group-visual>div{transform:translateY(-2px)}.catalog-group-copy{flex-direction:column;min-width:0;padding:21px 22px 20px;display:flex}.catalog-group-card.is-wide .catalog-group-copy{padding:27px 28px}.catalog-group-copy>header{color:var(--muted);font:650 7px var(--font-mono);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;display:flex}.catalog-group-copy h2{letter-spacing:-.045em;margin:27px 0 8px;font-size:25px;font-weight:560}.catalog-group-card.is-wide .catalog-group-copy h2{margin-top:42px;font-size:33px}.catalog-group-copy>p{color:var(--muted);margin:0;font-size:9px;line-height:1.58}.catalog-group-list{gap:5px;margin-top:17px}.catalog-group-list span{padding:4px 6px;font-size:7px}.catalog-group-copy>footer{margin-top:auto;padding-top:18px;font-size:9px}.catalog-index-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;width:min(270px,94%);display:flex}.catalog-index-controls>span{border:1px solid var(--line);background:var(--paper);height:37px;color:var(--muted);border-radius:9px;align-items:center;gap:14px;padding:0 13px;font-size:8px;display:flex}.catalog-index-controls>span:first-child{border-color:var(--ink);background:var(--ink);color:var(--paper)}.catalog-index-controls>i{border:1px solid var(--line);background:var(--paper);border-radius:50%;place-items:center;width:37px;height:37px;font-style:normal;display:grid}.catalog-index-controls footer{border-top:1px solid var(--line);justify-content:space-between;width:100%;margin-top:9px;padding-top:12px;font-size:7px;display:flex}.catalog-index-controls footer small{align-items:center;gap:5px;display:flex}.catalog-index-controls footer small i{background:#10b981;border-radius:50%;width:5px;height:5px}.catalog-index-auth{border:1px solid var(--line);background:var(--paper);border-radius:14px;gap:10px;width:min(220px,95%);padding:13px;display:grid;box-shadow:0 16px 30px #00000014}.catalog-index-auth header{align-items:center;gap:8px;display:flex}.catalog-index-auth header>i{background:var(--ink);width:28px;height:28px;color:var(--paper);font:700 7px var(--font-mono);border-radius:8px;place-items:center;font-style:normal;display:grid}.catalog-index-auth header span{display:grid}.catalog-index-auth small{color:var(--muted);font:650 5px var(--font-mono)}.catalog-index-auth header strong{font-size:9px}.catalog-index-auth label{color:var(--muted);gap:4px;font-size:6px;display:grid}.catalog-index-auth label span{border:1px solid var(--line);height:25px;color:var(--ink);border-radius:7px;align-items:center;padding:0 7px;display:flex}.catalog-index-auth>b{background:var(--ink);height:26px;color:var(--paper);border-radius:7px;place-items:center;font-size:6px;display:grid}.catalog-index-cards{width:190px;height:125px;position:relative}.catalog-index-cards>i,.catalog-index-cards article{border:1px solid var(--line);background:var(--paper);border-radius:13px;position:absolute;inset:12px 9px 0;box-shadow:0 12px 25px #00000014}.catalog-index-cards>i:first-child{opacity:.52;transform:translate(-8px,-8px)rotate(-5deg)}.catalog-index-cards>i:nth-child(2){opacity:.75;transform:translate(8px,-4px)rotate(4deg)}.catalog-index-cards article{flex-direction:column;padding:13px;display:flex}.catalog-index-cards small{color:var(--muted);font:650 5px var(--font-mono)}.catalog-index-cards strong{margin-top:13px;font-size:13px;line-height:1}.catalog-index-cards span{margin-top:auto;font-size:6px}.catalog-index-type{text-align:center}.catalog-index-type small{color:var(--muted);font:650 6px var(--font-mono);letter-spacing:.12em}.catalog-index-type strong{letter-spacing:-.06em;margin:8px 0;font-size:24px;font-weight:570;line-height:.87;display:block}.catalog-index-type strong em{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.catalog-index-type strong em{color:color-mix(in srgb, var(--ink) 45%, var(--muted))}}.catalog-index-type strong em{font-style:normal}.catalog-index-type span{color:var(--muted);font:600 6px var(--font-mono)}.catalog-index-atmosphere{background:#0e1220;border-radius:14px;width:100%;height:100%;min-height:128px;position:relative;overflow:hidden}.catalog-index-atmosphere>i{filter:blur(28px);border-radius:50%;width:130px;height:130px;position:absolute}.catalog-index-atmosphere>i:first-child{background:#6455d9;top:-50px;left:-15px}.catalog-index-atmosphere>i:nth-child(2){background:#168a9f;top:-20px;right:-20px}.catalog-index-atmosphere>i:nth-child(3){background:#b24b78;bottom:-75px;left:34%}.catalog-index-atmosphere>span{z-index:2;color:#fff;gap:5px;display:grid;position:absolute;bottom:15px;left:16px}.catalog-index-atmosphere small{color:#ffffff8c;font:650 5px var(--font-mono)}.catalog-index-atmosphere strong{font-size:13px}.catalog-index-motion{place-items:center;width:136px;height:136px;display:grid;position:relative}.catalog-index-motion>i{border:1px solid var(--line);border-radius:50%;position:absolute}.catalog-index-motion .is-outer{border-style:dashed;animation:24s linear infinite catalog-index-rotate;inset:0}.catalog-index-motion .is-inner{inset:28px}.catalog-index-motion>b{background:var(--ink);border-radius:12px;width:34px;height:34px;box-shadow:0 13px 26px #00000029}.catalog-index-motion>span{color:var(--muted);font:600 5px var(--font-mono);white-space:nowrap;position:absolute;bottom:-4px}@keyframes catalog-index-rotate{to{transform:rotate(360deg)}}.catalog-index-data{color:#f4f5ef;background:#111310;border-radius:13px;width:min(240px,95%);min-height:126px;padding:12px;position:relative;overflow:hidden}.catalog-index-data header{justify-content:space-between;display:flex}.catalog-index-data small,.catalog-index-data footer{color:#7d827a;font:650 5px var(--font-mono)}.catalog-index-data header b{color:#69d3a8;font:650 5px var(--font-mono);align-items:center;gap:4px;display:flex}.catalog-index-data header b i{background:#22b77d;border-radius:50%;width:4px;height:4px}.catalog-index-data>strong{letter-spacing:-.07em;font-size:35px;position:absolute;bottom:24px;left:13px}.catalog-index-data>strong em{color:#7d827a;font:650 7px var(--font-mono);margin-left:3px;font-style:normal}.catalog-index-data>section{align-items:end;gap:4px;height:67px;margin:14px 0 0 78px;display:flex}.catalog-index-data>section i{background:#6978df;border-radius:3px 3px 0 0;width:9px}.catalog-index-data>section i:first-child{height:28%}.catalog-index-data>section i:nth-child(2){height:42%}.catalog-index-data>section i:nth-child(3){height:35%}.catalog-index-data>section i:nth-child(4){height:58%}.catalog-index-data>section i:nth-child(5){height:50%}.catalog-index-data>section i:nth-child(6){height:72%}.catalog-index-data>section i:nth-child(7){height:64%}.catalog-index-data>section i:nth-child(8){height:91%}.catalog-index-data footer{color:#69d3a8;padding:0;position:absolute;bottom:10px;left:13px}.catalog-index-route{gap:13px;width:min(245px,96%);display:grid}.catalog-index-route>small{color:var(--muted);font:650 6px var(--font-mono)}.catalog-index-route>span{align-items:center;display:flex}.catalog-index-route>span i{border:1px solid var(--line);background:var(--paper);width:29px;height:29px;color:var(--muted);font:650 6px var(--font-mono);border-radius:50%;place-items:center;font-style:normal;display:grid}.catalog-index-route>span i.is-current{border-color:var(--ink);background:var(--ink);color:var(--paper)}.catalog-index-route>span b{background:var(--line);flex:1;height:1px}.catalog-index-route>strong{font-size:8px}.catalog-index-code{color:#d8d9dd;background:#0e0f12;border:1px solid #303238;border-radius:12px;width:min(238px,96%);min-height:126px;overflow:hidden;box-shadow:0 14px 28px #00000029}.catalog-index-code header{border-bottom:1px solid #292a30;grid-template-columns:1fr auto 1fr;align-items:center;min-height:32px;padding:0 10px;display:grid}.catalog-index-code header span{gap:4px;display:flex}.catalog-index-code header i{background:#db6065;border-radius:50%;width:5px;height:5px}.catalog-index-code header i:nth-child(2){background:#d8ae55}.catalog-index-code header i:nth-child(3){background:#5fb779}.catalog-index-code header small{color:#8e9098;font:600 6px var(--font-mono)}.catalog-index-code code{font:500 7px/1.75 var(--font-mono);padding:14px;display:block}.catalog-index-code code b{color:#b39aff}.catalog-index-code code span{color:#747781}.catalog-index-code code i{color:#68d2ad;font-style:normal}.catalog-index-feedback{width:min(280px,96%);height:180px;position:relative}.catalog-index-feedback>span{border:1px solid var(--line);background:var(--paper);border-radius:13px;grid-template-rows:auto auto;grid-template-columns:29px 1fr;column-gap:9px;width:230px;min-height:62px;padding:11px;display:grid;position:absolute;left:50%}@supports (color:color-mix(in lab, red, red)){.catalog-index-feedback>span{background:color-mix(in srgb, var(--paper) 95%, transparent)}}.catalog-index-feedback>span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%);box-shadow:0 15px 30px #0000001a}.catalog-index-feedback>span:first-child{z-index:3;top:2px}.catalog-index-feedback>span:nth-child(2){z-index:2;opacity:.72;top:49px;transform:translate(-50%)scale(.94)}.catalog-index-feedback>span:last-child{z-index:1;opacity:.4;top:94px;transform:translate(-50%)scale(.88)}.catalog-index-feedback i{color:#fff;background:#0c7656;border-radius:9px;grid-row:1/3;place-items:center;width:29px;height:29px;font-style:normal;display:grid}.catalog-index-feedback b{font-size:8px}.catalog-index-feedback small{color:var(--muted);font-size:6px}.catalog-quick-index{border:1px solid var(--line);background:var(--paper);border-radius:17px;display:block;overflow:hidden}.catalog-quick-index>section{border-bottom:1px solid var(--line);grid-template-columns:155px minmax(0,1fr);min-width:0;display:grid}.catalog-quick-index>section:last-child{border-bottom:0}.catalog-quick-index>section>header{border-right:1px solid var(--line);background:var(--subtle);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;min-height:100%;padding:15px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.catalog-quick-index>section>header{background:color-mix(in srgb, var(--subtle) 55%, var(--paper))}}.catalog-quick-index>section>header>span{color:var(--muted);font:650 7px var(--font-mono)}.catalog-quick-index>section>header a{color:var(--ink);align-items:center;gap:7px;font-size:10px;font-weight:680;text-decoration:none;display:flex}.catalog-quick-index>section>div{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));align-content:start;gap:2px;padding:9px;display:grid}.catalog-quick-index>section>div a{min-width:0;min-height:35px;color:var(--muted);border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:0 9px;font-size:9px;text-decoration:none;display:flex}.catalog-quick-index>section>div a>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.catalog-quick-index>section>div a:hover{background:var(--subtle);color:var(--ink)}.catalog-quick-index>section>div small{font:600 7px var(--font-mono)}.catalog-contract-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.catalog-contract-grid article{border:1px solid var(--line);background:var(--paper);border-radius:15px;flex-direction:column;min-height:215px;padding:20px;display:flex}.catalog-contract-grid article>span{color:var(--muted);font:650 8px var(--font-mono)}.catalog-contract-grid strong{margin-top:auto;font-size:13px}.catalog-contract-grid p{color:var(--muted);margin:8px 0 0;font-size:9px;line-height:1.58}.catalog-card-action svg,.catalog-group-copy>footer svg,.catalog-quick-index header svg{transition:transform var(--motion-fast) ease}.catalog-group-card:hover .catalog-group-copy>footer svg,.catalog-quick-index header a:hover svg{transform:translate(3px)}@media (width<=900px){.catalog-index-hero{grid-template-columns:minmax(0,1fr) 290px;gap:28px}.catalog-index-console-main{grid-template-columns:.9fr 1.1fr}}@media (width<=680px){.catalog-index-hero{grid-template-columns:1fr;gap:36px;padding-top:38px}.catalog-index-directory-hero{grid-template-columns:1fr;min-height:0;padding-top:36px}.catalog-index-directory-intro{border-right:0;border-bottom:1px solid var(--line);min-height:410px;padding:0 0 34px}.catalog-index-directory-intro p{max-width:440px}.catalog-family-directory{padding:34px 0 0}.catalog-index-console{min-height:405px}.catalog-group-card.is-wide{grid-template-rows:174px minmax(0,1fr);grid-template-columns:1fr;min-height:430px}.catalog-group-card.is-wide .catalog-group-visual{border-right:0;border-bottom:1px solid var(--line);min-height:174px}.catalog-group-card.is-wide .catalog-group-copy{padding:21px 22px 20px}.catalog-group-card.is-wide .catalog-group-copy h2{margin-top:27px;font-size:25px}.catalog-quick-index{grid-template-columns:1fr}.catalog-quick-index>section,.catalog-quick-index>section:nth-child(2n),.catalog-quick-index>section:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr}.catalog-quick-index>section>header{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;min-height:49px}.catalog-quick-index>section:last-child{border-bottom:0}.catalog-contract-grid{grid-template-columns:1fr}.catalog-contract-grid article{min-height:170px}}@media (width<=440px){.catalog-index-directory-intro{min-height:380px}.catalog-index-directory-intro h1{font-size:54px}.catalog-family-directory a{grid-template-columns:27px minmax(0,1fr) 24px 16px}.catalog-family-directory a>em{display:none}}.catalog-code-indent{width:9px;display:inline-block}.catalog-code-indent.is-double{width:18px}@media (width<=720px){.catalog-component-grid,.catalog-group-grid{grid-template-columns:1fr}.catalog-component-card{min-height:322px}.catalog-family-note{grid-template-columns:42px minmax(0,1fr)}.catalog-family-note a{grid-column:2}.catalog-group-card{min-height:430px}}@media (prefers-reduced-motion:reduce){.catalog-component-card,.catalog-group-card,.catalog-card-action svg,.catalog-group-card footer svg,.catalog-family-note a svg{transition:none!important}}.data-catalog-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);align-items:end;gap:52px;padding:38px 0 44px;display:grid}.data-hero-copy h1{letter-spacing:-.066em;max-width:720px;margin:19px 0 17px;font-size:clamp(48px,5.2vw,76px);line-height:.94}.data-hero-copy>p{max-width:680px;color:var(--muted);margin:0;font-size:17px;line-height:1.62}.data-hero-copy .hero-meta{margin-top:28px}.data-live-snapshot{color:#f5f6f1;background:#111310;border:1px solid #2f312f;border-radius:24px;flex-direction:column;min-height:354px;display:flex;overflow:hidden;box-shadow:0 26px 70px #00000026}.data-live-snapshot>header{color:#aaada7;height:58px;font:700 9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #292b28;justify-content:space-between;align-items:center;padding:0 19px;display:flex}.data-live-snapshot>header span,.data-live-snapshot>header b{align-items:center;gap:8px;display:flex}.data-live-snapshot>header b{color:#69d4aa;font-size:7px;font-weight:680}.data-live-snapshot>header b i{background:#28bd83;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #28bd831a}.data-snapshot-primary{flex:auto;grid-template-columns:auto minmax(120px,1fr);align-items:end;gap:20px;min-height:204px;padding:26px 21px 18px;display:grid}.data-snapshot-primary>div:first-child{display:grid}.data-snapshot-primary small,.data-live-snapshot footer small{color:#838680;font:650 7px var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.data-snapshot-primary strong{letter-spacing:-.09em;margin-top:6px;font-size:clamp(58px,5vw,84px);line-height:.82}.data-snapshot-primary strong span{color:#858881;font:650 14px var(--font-mono);letter-spacing:-.04em;margin-left:6px}.data-snapshot-primary em{color:#69d4aa;font:700 11px var(--font-mono);margin-top:12px;font-style:normal}.data-snapshot-chart{justify-content:flex-end;align-items:end;gap:6px;height:118px;display:flex}.data-snapshot-chart i{opacity:.9;background:linear-gradient(#8895ff,#4757d2);border-radius:4px 4px 1px 1px;width:11%;min-width:6px}.data-snapshot-chart i:first-child{height:31%}.data-snapshot-chart i:nth-child(2){height:45%}.data-snapshot-chart i:nth-child(3){height:38%}.data-snapshot-chart i:nth-child(4){height:58%}.data-snapshot-chart i:nth-child(5){height:50%}.data-snapshot-chart i:nth-child(6){height:72%}.data-snapshot-chart i:nth-child(7){height:65%}.data-snapshot-chart i:nth-child(8){height:91%}.data-live-snapshot>footer{border-top:1px solid #292b28;flex:none;grid-template-columns:repeat(3,1fr);min-height:91px;display:grid}.data-live-snapshot>footer span{border-right:1px solid #292b28;gap:8px;padding:16px 17px;display:grid}.data-live-snapshot>footer span:last-child{border-right:0}.data-live-snapshot>footer strong{font:650 18px var(--font-mono)}.data-catalog-section{padding-top:54px}.data-catalog-section .section-heading h2{max-width:720px}.data-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:30px;display:grid}.data-family-card{border:1px solid var(--line);background:var(--paper);min-width:0;color:var(--ink);transition:transform var(--motion-base) var(--ease-smooth), border-color var(--motion-fast) ease, box-shadow var(--motion-base) ease;border-radius:20px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.data-family-card:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.data-family-card:hover{border-color:color-mix(in srgb, var(--ink) 23%, var(--line))}}.data-family-card:hover{transform:translateY(-2px);box-shadow:0 22px 46px #00000012}.data-family-card.is-number-ticker,.data-family-card.is-timeline,.data-family-card.is-data-table{grid-column:1/-1}.data-family-card>header{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) auto;gap:16px;min-height:142px;padding:22px 23px;display:grid}.data-family-card>header>span{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);font:650 8px var(--font-mono);border-radius:11px;place-items:center;display:grid}.data-family-card>header small{color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.data-family-card>header h3{letter-spacing:-.04em;margin:6px 0;font-size:24px;font-weight:570}.data-family-card>header p{max-width:620px;color:var(--muted);margin:0;font-size:11px;line-height:1.55}.data-family-card>header>b{color:var(--muted);font:650 8px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.data-family-preview{background:var(--subtle);place-items:center;min-height:330px;padding:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.data-family-preview{background:color-mix(in srgb, var(--subtle) 42%, var(--paper))}}.data-family-card.is-number-ticker .data-family-preview,.data-family-card.is-timeline .data-family-preview,.data-family-card.is-data-table .data-family-preview{min-height:360px}.data-family-card>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:60px;padding:0 23px;font-size:10px;font-weight:700;display:flex}.data-family-card>footer svg{transition:transform var(--motion-fast) ease}.data-family-card:hover>footer svg{transform:translate(4px)}.data-preview-number{border:1px solid var(--line);background:var(--paper);border-radius:18px;width:min(100%,720px);padding:27px 29px 25px;box-shadow:0 20px 40px #0000000f}.data-preview-number header,.data-preview-timeline header,.data-preview-table>header{color:var(--muted);font:680 8px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.data-number-value{justify-content:space-between;align-items:end;gap:20px;margin-top:43px;display:flex}.data-number-value strong{letter-spacing:-.08em;font-size:clamp(48px,8vw,92px);line-height:.8}.data-number-value span{color:#15966d;font:700 11px var(--font-mono);align-items:center;gap:5px;display:flex}.data-preview-number>p{color:var(--muted);margin:17px 0 24px;font-size:10px}.data-number-bars{border-bottom:1px solid var(--line);align-items:end;gap:7px;height:62px;display:flex}.data-number-bars i{background:var(--ink);border-radius:3px 3px 0 0;flex:1}@supports (color:color-mix(in lab, red, red)){.data-number-bars i{background:color-mix(in srgb, var(--ink) 18%, transparent)}}.data-number-bars .is-1{height:26%}.data-number-bars .is-2{height:38%}.data-number-bars .is-3{height:33%}.data-number-bars .is-4{height:57%}.data-number-bars .is-5{height:72%}.data-number-bars .is-6{background:var(--ink);height:91%}.data-preview-timer{color:#f3f4ef;background:#111310;border-radius:22px;flex-direction:column;width:min(100%,360px);min-height:320px;padding:21px;display:flex;box-shadow:0 24px 46px #0000002e}.data-preview-timer>header,.data-preview-progress>header{color:#969a93;font:680 8px var(--font-mono);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.data-timer-dial{background:radial-gradient(circle,#171916 0 52%,#0000 53%);border:1px solid #363935;border-radius:50%;place-items:center;width:190px;height:190px;margin:26px auto 18px;display:grid;position:relative;box-shadow:inset 0 0 0 10px #151714}.data-timer-dial:before{content:"";border:7px solid #7887ff;border-color:#7887ff #7887ff #0000 #0000;border-radius:50%;position:absolute;inset:8px;transform:rotate(28deg)}.data-timer-dial>i{background:#555950;width:2px;height:7px;position:absolute;top:7px}.data-timer-dial>i:nth-child(2){top:auto;bottom:7px}.data-timer-dial>i:nth-child(3){width:7px;height:2px;top:50%;left:8px}.data-timer-dial>i:nth-child(4){width:7px;height:2px;top:50%;right:8px}.data-timer-dial div{z-index:1;place-items:center;display:grid}.data-timer-dial strong{font:650 31px var(--font-mono);letter-spacing:-.08em}.data-timer-dial small{color:#7f837b;font:650 6px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.data-preview-timer footer{color:#858981;font:650 7px var(--font-mono);border-top:1px solid #2e302d;justify-content:space-between;margin-top:auto;padding-top:14px;display:flex}.data-preview-timer footer b{color:#d8dad4}.data-preview-progress{border:1px solid var(--line);background:var(--paper);border-radius:22px;width:min(100%,360px);min-height:320px;padding:23px;box-shadow:0 24px 46px #00000012}.data-preview-progress>header{color:var(--muted)}.data-preview-progress>header b{color:#15966d;background:#15a9781f;border-radius:99px;padding:5px 8px;font-size:7px}.data-progress-layout{grid-template-columns:174px minmax(0,1fr);align-items:center;gap:24px;margin-top:35px;display:grid}.data-progress-ring{background:conic-gradient(#6979f8 0 84%, var(--ink) 84%);border-radius:50%;place-items:center;width:174px;height:174px;display:grid}@supports (color:color-mix(in lab, red, red)){.data-progress-ring{background:conic-gradient(#6979f8 0 84%, color-mix(in srgb, var(--ink) 9%, transparent) 84%)}}.data-progress-ring{box-shadow:inset 0 0 0 13px var(--paper)}.data-progress-ring>div{border:1px solid var(--line);background:var(--paper);border-radius:50%;justify-content:center;align-items:center;width:118px;height:118px;display:flex}.data-progress-ring strong{letter-spacing:-.08em;font-size:42px;line-height:1}.data-progress-ring small{color:var(--muted);font:650 9px var(--font-mono);align-self:flex-end;margin:0 0 34px 4px}.data-preview-progress dl{gap:0;margin:0;display:grid}.data-preview-progress dl div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 0;display:flex}.data-preview-progress dl div:last-child{border-bottom:0}.data-preview-progress dt{color:var(--muted);font-size:8px}.data-preview-progress dd{font:650 12px var(--font-mono);margin:0}.data-preview-timeline{color:#f3f4ef;background:#121411;border:1px solid #30322f;border-radius:19px;width:min(100%,760px);padding:26px 27px 30px;overflow:hidden;box-shadow:0 20px 40px #00000024}.data-preview-timeline header{color:#888c84}.data-preview-timeline>section{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:55px;display:grid;position:relative}.data-preview-timeline>section:before{content:"";background:linear-gradient(90deg,#6f7df4 0 64%,#343733 64%);height:1px;position:absolute;top:15px;left:7%;right:7%}.data-preview-timeline section div{z-index:1;gap:7px;min-width:0;padding:0 3px;display:grid}.data-preview-timeline section i{color:#a3a69e;width:31px;height:31px;font:700 7px var(--font-mono);background:#171916;border:1px solid #3a3c38;border-radius:50%;place-items:center;font-style:normal;display:grid}.data-preview-timeline section .is-complete i{color:#10152a;background:#6979f8;border-color:#6979f8}.data-preview-timeline section .is-current i{color:#a9b1ff;border-color:#8a96ff;box-shadow:0 0 0 6px #6979f81f}.data-preview-timeline section strong{margin-top:12px;font-size:12px}.data-preview-timeline section small{color:#72766e;font-size:7px}.data-preview-timeline .is-current small{color:#9da7ff}.data-preview-table{border:1px solid var(--line);background:var(--paper);border-radius:17px;width:min(100%,780px);overflow:auto;box-shadow:0 20px 42px #0000000f}.data-preview-table>header{border-bottom:1px solid var(--line);min-width:620px;height:55px;padding:0 18px}.data-preview-table>header span{align-items:center;gap:8px;display:flex}.data-preview-table>header b{color:#15966d}.data-table-row{border-bottom:1px solid var(--line);grid-template-columns:1.4fr .8fr .7fr .7fr;align-items:center;gap:18px;min-width:620px;min-height:58px;padding:0 18px;font-size:9px;display:grid}.data-table-row:last-child{border-bottom:0}.data-table-row.is-heading{background:var(--subtle);min-height:35px;color:var(--muted);font:680 7px var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.data-table-row>span:first-child{align-items:center;gap:8px;font-weight:650;display:flex}.data-table-row i{border-radius:50%;width:7px;height:7px}.data-table-row i.is-green{background:#23b884}.data-table-row i.is-blue{background:#6979f8}.data-table-row i.is-amber{background:#d69b50}.data-table-row strong{font-family:var(--font-mono)}.data-table-row b{color:#15966d;font:700 8px var(--font-mono)}.data-table-row b.is-warm{color:#c47b47}.data-reading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px;display:grid}.data-reading-grid article{border:1px solid var(--line);background:var(--paper);border-radius:18px;flex-direction:column;min-height:235px;padding:22px;display:flex}.data-reading-grid article>span{color:var(--muted);font:650 8px var(--font-mono)}.data-reading-grid article>svg{color:var(--muted);margin-top:40px}.data-reading-grid h3{letter-spacing:-.03em;margin:auto 0 8px;font-size:17px}.data-reading-grid p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}@media (width<=980px){.data-catalog-hero{grid-template-columns:1fr;align-items:start;gap:34px}.data-live-snapshot{max-width:620px}.data-family-card.is-number-ticker,.data-family-card.is-timeline,.data-family-card.is-data-table{grid-column:auto}.data-family-grid,.data-reading-grid{grid-template-columns:1fr}.data-reading-grid article{min-height:190px}.data-reading-grid article>svg{margin-top:28px}}@media (width<=620px){.data-catalog-hero{padding-top:25px}.data-hero-copy h1{font-size:46px}.data-hero-copy>p{font-size:15px}.data-live-snapshot{border-radius:19px;min-height:320px}.data-snapshot-primary{grid-template-columns:1fr;min-height:180px}.data-snapshot-chart{height:50px}.data-live-snapshot>footer span{padding:13px 10px}.data-family-card>header{grid-template-columns:34px minmax(0,1fr);padding:18px}.data-family-card>header>b{grid-column:2}.data-family-preview{min-height:290px;padding:18px}.data-number-value{flex-direction:column;align-items:start;margin-top:32px}.data-number-value strong{font-size:52px}.data-progress-layout{grid-template-columns:1fr}.data-progress-ring{margin:auto}.data-preview-progress dl{grid-template-columns:repeat(3,1fr);margin-top:8px;display:grid}.data-preview-progress dl div{text-align:center;border-bottom:0;gap:6px;display:grid}.data-preview-timeline>section{grid-template-columns:repeat(4,120px);padding:6px;overflow-x:auto}.data-preview-timeline>section:before{display:none}.data-reading-grid article{min-height:180px}}@media (prefers-reduced-motion:reduce){.data-family-card,.data-family-card>footer svg{transition:none!important}}.data-catalog-hero{grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);align-items:center;gap:clamp(32px,4vw,58px);padding:38px 0 48px}.data-hero-copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.data-hero-ledger{border-block:1px solid var(--line);grid-template-columns:.72fr .72fr 1.25fr;max-width:680px;margin-top:31px;display:grid}.data-hero-ledger>span{border-right:1px solid var(--line);align-content:center;gap:5px;min-height:78px;padding:15px 18px;display:grid}.data-hero-ledger>span:first-child{padding-left:0}.data-hero-ledger>span:last-child{border-right:0}.data-hero-ledger small{color:var(--muted);font:700 10px var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.data-hero-ledger strong{letter-spacing:-.025em;font-size:18px;font-weight:650}.data-live-snapshot>header{font-size:10px}.data-live-snapshot>header b,.data-snapshot-primary small,.data-live-snapshot footer small{font-size:9px}.data-catalog-intro{padding-right:150px;position:relative}.data-catalog-intro .section-heading h2{max-width:720px}.data-catalog-intro>p{max-width:690px;color:var(--muted);margin:18px 0 0;font-size:15px;line-height:1.65}.data-catalog-intro>span{color:var(--muted);font:700 9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:baseline;gap:8px;display:flex;position:absolute;bottom:0;right:0}.data-catalog-intro>span b{color:var(--ink);letter-spacing:-.05em;font-size:25px}.data-family-card>header small{font-size:10px}.data-family-card>header p{font-size:13px}.data-family-card>header>b{font-size:10px}.data-family-card>footer{font-size:12px}.data-preview-number header,.data-preview-timeline header,.data-preview-table>header{font-size:10px}.data-preview-number>p{font-size:12px}.data-preview-timer>header,.data-preview-progress>header{font-size:10px}.data-timer-dial small{font-size:8px}.data-preview-timer footer,.data-preview-progress>header b{font-size:9px}.data-preview-progress dt{font-size:10px}.data-preview-progress dd,.data-preview-timeline section strong{font-size:13px}.data-preview-timeline section small{font-size:9px}.data-table-row{font-size:11px}.data-table-row.is-heading{font-size:9px}.data-reading-section{padding-bottom:40px}.data-reading-board{border:1px solid var(--line);background:var(--paper);border-radius:20px;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);margin-top:25px;display:grid;overflow:hidden}.data-reading-board>aside{border-right:1px solid var(--line);background:var(--subtle);flex-direction:column;justify-content:flex-end;min-height:330px;padding:28px;display:flex}@supports (color:color-mix(in lab, red, red)){.data-reading-board>aside{background:color-mix(in srgb, var(--subtle) 50%, var(--paper))}}.data-reading-board>aside>span{color:var(--muted);font:700 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:auto}.data-reading-board>aside>strong{letter-spacing:-.045em;max-width:360px;font-size:29px;font-weight:560;line-height:1.08}.data-reading-board>aside>p{max-width:390px;color:var(--muted);margin:15px 0 0;font-size:12px;line-height:1.6}.data-reading-list{display:grid}.data-reading-list article{border-bottom:1px solid var(--line);grid-template-columns:32px 40px minmax(0,1fr);align-items:center;gap:15px;min-height:110px;padding:23px 25px;display:grid}.data-reading-list article:last-child{border-bottom:0}.data-reading-list article>span{color:var(--muted);font:650 10px var(--font-mono)}.data-reading-list article>svg{color:var(--muted)}.data-reading-list h3{letter-spacing:-.025em;margin:0 0 6px;font-size:16px}.data-reading-list p{max-width:570px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}@media (width<=980px){.data-catalog-hero{grid-template-columns:1fr;align-items:start}.data-reading-board{grid-template-columns:1fr}.data-reading-board>aside{border-right:0;border-bottom:1px solid var(--line);min-height:240px}}@media (width<=620px){.data-hero-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.data-hero-ledger>span:nth-child(2){border-right:0}.data-hero-ledger>span:nth-child(3){border-top:1px solid var(--line);grid-column:1/-1;padding-left:0}.data-catalog-intro{padding-right:0}.data-catalog-intro>span{margin-top:18px;position:static}.data-reading-board>aside{min-height:220px;padding:22px}.data-reading-board>aside>strong{font-size:25px}.data-reading-list article{grid-template-columns:25px 28px minmax(0,1fr);gap:10px;min-height:122px;padding:19px}}.family-story-main{--family-accent:var(--ink);--family-accent-foreground:var(--surface);--family-soft:var(--ink)}@supports (color:color-mix(in lab, red, red)){.family-story-main{--family-soft:color-mix(in srgb, var(--ink) 5%, var(--paper))}}.family-story-main.is-authentication{--family-accent:#596cff;--family-accent-foreground:#08080a;--family-soft:#596cff}@supports (color:color-mix(in lab, red, red)){.family-story-main.is-authentication{--family-soft:color-mix(in srgb, #596cff 8%, var(--paper))}}.family-story-main.is-cards{--family-accent:#7a5af8;--family-soft:#7a5af8}@supports (color:color-mix(in lab, red, red)){.family-story-main.is-cards{--family-soft:color-mix(in srgb, #7a5af8 8%, var(--paper))}}.family-story-main.is-text{--family-accent:#d6578a;--family-soft:#d6578a}@supports (color:color-mix(in lab, red, red)){.family-story-main.is-text{--family-soft:color-mix(in srgb, #d6578a 7%, var(--paper))}}.family-story-main.is-backgrounds{--family-accent:#3d8f7b;--family-soft:#3d8f7b}@supports (color:color-mix(in lab, red, red)){.family-story-main.is-backgrounds{--family-soft:color-mix(in srgb, #3d8f7b 8%, var(--paper))}}.family-story-main.is-motion{--family-accent:#e06b35;--family-soft:#e06b35}@supports (color:color-mix(in lab, red, red)){.family-story-main.is-motion{--family-soft:color-mix(in srgb, #e06b35 7%, var(--paper))}}.family-story-main.is-navigation{--family-accent:#2769d8;--family-accent-foreground:#fff;--family-soft:#2769d8}@supports (color:color-mix(in lab, red, red)){.family-story-main.is-navigation{--family-soft:color-mix(in srgb, #2769d8 7%, var(--paper))}}.family-story-main.is-developer{--family-accent:#20a472;--family-soft:#20a472}@supports (color:color-mix(in lab, red, red)){.family-story-main.is-developer{--family-soft:color-mix(in srgb, #20a472 7%, var(--paper))}}.family-story-main.is-feedback{--family-accent:#d84b4b;--family-soft:#d84b4b}@supports (color:color-mix(in lab, red, red)){.family-story-main.is-feedback{--family-soft:color-mix(in srgb, #d84b4b 7%, var(--paper))}}.family-story-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.04fr) minmax(350px,.76fr);align-items:stretch;gap:clamp(32px,4.5vw,66px);padding:38px 0 54px;display:grid}.family-story-copy{flex-direction:column;justify-content:center;min-width:0;max-width:100%;display:flex}.family-story-copy h1{letter-spacing:-.058em;text-wrap:balance;width:100%;max-width:100%;margin:17px 0;font-size:clamp(47px,4.15vw,64px);font-weight:690;line-height:.98}.family-story-copy>p{max-width:680px;color:var(--muted);margin:0;font-size:16px;line-height:1.62}.family-story-ledger{border-block:1px solid var(--line);grid-template-columns:.68fr .75fr 1.55fr;margin-top:31px;display:grid}.family-story-ledger>span{border-right:1px solid var(--line);align-content:center;gap:4px;min-width:0;min-height:82px;padding:15px 18px;display:grid}.family-story-ledger>span:first-child{padding-left:0}.family-story-ledger>span:last-child{border-right:0;padding-right:0}.family-story-ledger small,.family-story-instrument>footer small{color:var(--muted);font:700 9px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.family-story-ledger strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:610;line-height:1.1;overflow:hidden}.family-story-ledger em{min-width:0;color:var(--muted);font:500 9px var(--font-mono);white-space:normal;flex-wrap:wrap;gap:2px 7px;line-height:1.35;display:flex}.family-story-ledger em i{font:inherit;white-space:nowrap;align-items:center;gap:7px;font-style:normal;display:inline-flex}.family-story-ledger em i:not(:last-child):after{content:"·";color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.family-story-ledger em i:not(:last-child):after{color:color-mix(in srgb, var(--muted) 58%, transparent)}}.family-story-instrument{border:1px solid var(--line);background:var(--paper);border-radius:23px;grid-template-rows:56px minmax(0,1fr) 78px;min-width:0;min-height:480px;display:grid;overflow:hidden}.family-story-instrument>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:0 19px;font-size:11px;font-weight:650;display:flex}.family-story-instrument>header>span,.family-story-instrument>header>b{align-items:center;gap:8px;display:inline-flex}.family-story-instrument>header>b{color:var(--muted);font:650 9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.family-story-instrument>header>b i{background:#20a472;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #20a47221}.family-story-stage{background:linear-gradient(135deg, transparent 0 48%, var(--family-accent) 48% 100%), var(--subtle);place-items:center;min-height:0;padding:clamp(22px,3vw,33px);display:grid}@supports (color:color-mix(in lab, red, red)){.family-story-stage{background:linear-gradient(135deg, transparent 0 48%, color-mix(in srgb, var(--family-accent) 3%, transparent) 48% 100%), color-mix(in srgb, var(--subtle) 58%, var(--paper))}}.family-story-instrument>footer{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.family-story-instrument>footer>span{border-right:1px solid var(--line);align-content:center;gap:5px;min-width:0;padding:14px 16px;display:grid}.family-story-instrument>footer>span:last-child{border-right:0}.family-story-instrument>footer strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:620;line-height:1;overflow:hidden}.family-demo{width:min(100%,390px);min-height:250px;color:var(--ink);position:relative}.family-demo small{font:680 8px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.family-demo-core{border:1px solid var(--line);background:var(--paper);border-radius:20px;align-content:space-between;gap:24px;min-height:232px;padding:26px;display:grid}.family-demo-core label{gap:8px;display:grid}.family-demo-core label small{color:var(--muted)}.family-demo-core label>span{border:1px solid var(--line);border-radius:13px;align-items:center;gap:10px;height:52px;padding:0 15px;font-size:13px;font-weight:560;display:flex}.family-demo-core label b{font-size:11px}.family-demo-actions{align-items:center;gap:9px;display:flex}.family-demo-actions i,.family-demo-actions b{border:1px solid var(--line);border-radius:11px;place-items:center;height:39px;padding:0 15px;font-size:11px;font-style:normal;display:grid}.family-demo-actions i:first-child{color:var(--primary-foreground);background:var(--primary)}.family-demo-actions b{border-radius:50%;width:39px;padding:0;font-size:17px}.family-demo-core footer{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.family-demo-core footer span{align-items:center;gap:7px;display:flex}.family-demo-core footer i{background:#20a472;border-radius:50%;width:6px;height:6px}.family-demo-core footer strong{color:var(--ink);font-weight:620}.family-demo-auth{border:1px solid var(--family-accent);align-content:start;gap:18px;min-height:278px;padding:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.family-demo-auth{border:1px solid color-mix(in srgb, var(--family-accent) 24%, var(--line))}}.family-demo-auth{background:var(--paper);border-radius:22px}.family-demo-auth>header{align-items:center;gap:12px;display:flex}.family-demo-auth>header>span{color:#fff;background:var(--family-accent);width:42px;height:42px;font:750 10px var(--font-mono);border-radius:13px;place-items:center;display:grid}.family-demo-auth>header div{gap:3px;display:grid}.family-demo-auth>header small{color:var(--muted)}.family-demo-auth>header strong{font-size:15px}.family-demo-auth label{gap:7px;display:grid}.family-demo-auth label small{color:var(--muted)}.family-demo-auth label span{border:1px solid var(--line);color:var(--muted);border-radius:11px;padding:12px 13px;font-size:11px}.family-auth-code{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.family-auth-code i{aspect-ratio:1;border:1px solid var(--line);background:var(--subtle);border-radius:10px}.family-auth-code i:first-child{border-color:var(--family-accent);box-shadow:inset 0 -2px 0 var(--family-accent)}.family-demo-auth>footer{justify-content:space-between;align-items:center;gap:15px;font-size:10px;display:flex}.family-demo-auth>footer span{color:var(--muted);align-items:center;gap:7px;display:flex}.family-demo-auth>footer i{background:#20a472;border-radius:50%;width:6px;height:6px}.family-demo-auth>footer b{color:var(--family-accent-foreground);background:var(--family-accent);border-radius:10px;padding:10px 12px;font-weight:620}.family-demo-cards{min-height:282px}.family-demo-cards .card-layer{border:1px solid var(--line);border-radius:24px;display:block;position:absolute}.family-demo-cards .is-back{background:var(--family-accent);inset:9px 42px 55px 10px;transform:rotate(-5deg)}@supports (color:color-mix(in lab, red, red)){.family-demo-cards .is-back{background:color-mix(in srgb, var(--family-accent) 18%, var(--paper))}}.family-demo-cards .is-middle{background:var(--family-accent);inset:28px 12px 32px 46px;transform:rotate(4deg)}@supports (color:color-mix(in lab, red, red)){.family-demo-cards .is-middle{background:color-mix(in srgb, var(--family-accent) 11%, var(--paper))}}.family-demo-cards .is-front{color:#f7f6f2;background:#111114;flex-direction:column;justify-content:space-between;padding:25px;display:flex;inset:44px 29px 7px;transform:none}.family-demo-cards .is-front small{color:#8e8c96}.family-demo-cards .is-front strong{letter-spacing:-.04em;font-size:24px;font-weight:540;line-height:1.05}.family-demo-cards .is-front span{color:#cbc8d2;font-size:10px}.family-demo-text{align-content:center;gap:18px;min-height:270px;display:grid}.family-demo-text>small{color:var(--family-accent)}.family-demo-text>strong{letter-spacing:-.065em;font-size:clamp(34px,4vw,50px);font-weight:640;line-height:.92}.family-demo-text>strong em{color:#0000;-webkit-text-stroke:1px var(--family-accent);font-style:normal}@supports (color:color-mix(in lab, red, red)){.family-demo-text>strong em{-webkit-text-stroke:1px color-mix(in srgb, var(--family-accent) 72%, var(--ink))}}.family-demo-text>div{flex-wrap:wrap;gap:7px;display:flex}.family-demo-text>div span{border:1px solid var(--line);color:var(--muted);font:600 8px var(--font-mono);text-transform:uppercase;border-radius:999px;padding:7px 10px}.family-demo-text>div span:nth-child(2){color:var(--ink);border-color:var(--family-accent)}.family-demo-backgrounds{border:1px solid var(--line);background:var(--paper);border-radius:26px;place-items:center;min-height:282px;display:grid;overflow:hidden}.family-ambient-field{position:absolute;inset:0;overflow:hidden}.family-ambient-field:before{content:"";background-image:radial-gradient(circle, var(--family-accent) 1px, transparent 1.2px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.family-ambient-field:before{background-image:radial-gradient(circle, color-mix(in srgb, var(--family-accent) 38%, transparent) 1px, transparent 1.2px)}}.family-ambient-field:before{background-size:18px 18px;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000 76%);mask-image:linear-gradient(to bottom right,#000,#0000 76%)}.family-ambient-field i{filter:blur(38px);opacity:.28;background:var(--family-accent);border-radius:50%;width:180px;height:180px;position:absolute}.family-ambient-field i:first-child{top:-72px;left:-45px}.family-ambient-field i:nth-child(2){opacity:.18;bottom:-74px;right:-70px}.family-ambient-field i:nth-child(3){opacity:.12;width:90px;height:90px;top:46%;left:44%}.family-demo-backgrounds section{border:1px solid var(--family-accent);align-content:space-between;width:72%;min-height:176px;padding:23px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.family-demo-backgrounds section{border:1px solid color-mix(in srgb, var(--family-accent) 22%, var(--line))}}.family-demo-backgrounds section{background:var(--paper);border-radius:19px}@supports (color:color-mix(in lab, red, red)){.family-demo-backgrounds section{background:color-mix(in srgb, var(--paper) 88%, transparent)}}.family-demo-backgrounds section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.family-demo-backgrounds section small{color:var(--muted)}.family-demo-backgrounds section strong{letter-spacing:-.04em;font-size:23px;line-height:1.03}.family-demo-backgrounds section span{color:var(--muted);font-size:9px}.family-demo-motion{grid-template-columns:145px minmax(0,1fr);align-items:center;gap:25px;min-height:270px;display:grid}.family-motion-orbit{border:1px solid var(--line);border-radius:50%;width:142px;height:142px;position:relative}.family-motion-orbit:before,.family-motion-orbit:after{content:"";border:1px solid var(--line);border-radius:50%;position:absolute;inset:20px}.family-motion-orbit:after{background:var(--paper);inset:43px}.family-motion-orbit i{z-index:2;background:var(--family-accent);border-radius:50%;width:9px;height:9px;position:absolute}.family-motion-orbit i:first-child{top:10px;left:65px}.family-motion-orbit i:nth-child(2){opacity:.55;bottom:30px;right:19px}.family-motion-orbit i:nth-child(3){opacity:.25;bottom:23px;left:25px}.family-motion-orbit b{z-index:3;background:var(--family-accent);border-radius:50%;animation:2.8s ease-in-out infinite familyMotionPulse;position:absolute;inset:56px}.family-demo-motion section{gap:11px;display:grid}.family-demo-motion section small{color:var(--muted)}.family-demo-motion section strong{letter-spacing:-.04em;font-size:22px;line-height:1.05}.family-demo-motion section span{color:var(--muted);font:550 8px var(--font-mono)}@keyframes familyMotionPulse{0%,to{opacity:.55;transform:scale(.78)}50%{opacity:1;transform:scale(1)}}.family-demo-navigation{align-content:center;gap:31px;min-height:245px;display:grid}.family-route-line{grid-template-columns:repeat(4,1fr);display:grid;position:relative}.family-route-line:before{content:"";background:var(--line);height:1px;position:absolute;top:20px;left:10%;right:10%}.family-route-line i{z-index:1;border:1px solid var(--line);width:41px;height:41px;color:var(--muted);background:var(--paper);font:650 8px var(--font-mono);border-radius:50%;place-items:center;margin:auto;font-style:normal;display:grid;position:relative}.family-route-line i.is-done{color:var(--family-accent-foreground);border-color:var(--family-accent);background:var(--family-accent)}.family-route-line i.is-current{color:var(--family-accent);border-color:var(--family-accent);box-shadow:0 0 0 6px var(--family-accent)}@supports (color:color-mix(in lab, red, red)){.family-route-line i.is-current{box-shadow:0 0 0 6px color-mix(in srgb, var(--family-accent) 10%, transparent)}}.family-demo-navigation section{text-align:center;justify-items:center;gap:7px;display:grid}.family-demo-navigation section small{color:var(--muted)}.family-demo-navigation section strong{letter-spacing:-.045em;font-size:25px}.family-demo-navigation section span{color:var(--muted);font-size:10px}.family-demo-navigation section b{color:var(--family-accent);margin:0 6px}.family-demo-developer{color:#d7d9dd;background:#0e1012;border:1px solid #292c30;border-radius:18px;grid-template-rows:42px 1fr 42px;min-height:250px;display:grid;overflow:hidden}.family-demo-developer header{border-bottom:1px solid #292c30;align-items:center;gap:6px;padding:0 15px;display:flex}.family-demo-developer header i{background:#5b5e63;border-radius:50%;width:7px;height:7px}.family-demo-developer header i:first-child{background:#dd655c}.family-demo-developer header i:nth-child(2){background:#d9aa4c}.family-demo-developer header i:nth-child(3){background:#50a96b}.family-demo-developer header span{color:#858991;font:550 8px var(--font-mono);margin-left:8px}.family-demo-developer ol{color:#a8abb2;font:500 10px/1.45 var(--font-mono);align-content:start;gap:15px;margin:0;padding:29px 28px 22px 50px;display:grid}.family-demo-developer li::marker{color:#4f535a}.family-demo-developer li b{color:#b58df2;font-weight:600}.family-demo-developer li span{color:#73b7e5}.family-demo-developer footer{color:#68c58b;font:600 8px var(--font-mono);border-top:1px solid #292c30;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.family-demo-developer footer b{color:#858991}.family-demo-feedback{align-content:center;gap:13px;min-height:273px;display:grid}.family-feedback-island{color:#f6f6f4;background:#090a0b;border-radius:24px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;width:88%;min-height:68px;margin:0 auto 5px;padding:13px 17px;display:grid}.family-feedback-island>i{background:linear-gradient(145deg,#e8665d,#a52f45);border-radius:50%;width:34px;height:34px}.family-feedback-island>span{gap:3px;display:grid}.family-feedback-island small{color:#8e9195}.family-feedback-island strong{font-size:11px}.family-feedback-island>b{font:600 9px var(--font-mono)}.family-demo-feedback>section{gap:8px;width:78%;margin:auto;display:grid}.family-demo-feedback>section>span,.family-demo-feedback>footer{border:1px solid var(--line);background:var(--paper);border-radius:12px;align-items:center;gap:9px;min-height:39px;padding:0 12px;font-size:9px;display:flex}.family-demo-feedback>section i,.family-demo-feedback>footer i{background:#20a472;border-radius:50%;width:6px;height:6px}.family-demo-feedback>section b{color:var(--muted);font:550 8px var(--font-mono);margin-left:auto}.family-demo-feedback>footer{width:66%;color:var(--muted);border-style:dashed;justify-content:center;margin:auto}.family-story-catalog{padding-top:54px}.family-catalog-intro{min-height:110px;padding:0 190px 27px 0;position:relative}.family-catalog-intro .section-heading{margin-bottom:13px}.family-catalog-intro>p{max-width:690px;color:var(--muted);margin:0;font-size:13px;line-height:1.58}.family-catalog-intro>span{color:var(--muted);font:650 9px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;align-items:baseline;gap:8px;display:flex;position:absolute;top:8px;right:0}.family-catalog-intro>span b{color:var(--ink);font-size:19px}.family-card-anchor-wrap{min-width:0;height:100%;scroll-margin-top:110px}.family-card-anchor-wrap>.catalog-component-card{height:100%}.family-direction-board{border:1px solid var(--line);border-radius:24px;grid-template-columns:.76fr 1.24fr;display:grid;overflow:hidden}.family-direction-board>aside{border-right:1px solid var(--line);background:radial-gradient(circle at 90% 10%, var(--family-accent), transparent 38%), var(--family-soft);flex-direction:column;min-height:360px;padding:clamp(26px,4vw,46px);display:flex}@supports (color:color-mix(in lab, red, red)){.family-direction-board>aside{background:radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--family-accent) 13%, transparent), transparent 38%), var(--family-soft)}}.family-direction-board>aside>span{color:var(--muted);font:700 9px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:auto}.family-direction-board>aside>strong{letter-spacing:-.05em;max-width:390px;font-size:clamp(25px,2.4vw,35px);font-weight:590;line-height:1.05}.family-direction-board>aside>p{max-width:390px;color:var(--muted);margin:16px 0 25px;font-size:12px;line-height:1.62}.family-direction-board>aside>a{color:var(--ink);align-items:center;gap:8px;font-size:11px;font-weight:650;display:inline-flex}.family-direction-list{display:grid}.family-direction-list article{border-bottom:1px solid var(--line);grid-template-columns:30px 40px minmax(0,1fr);align-items:center;gap:15px;min-height:120px;padding:22px 25px;display:grid}.family-direction-list article:last-child{border-bottom:0}.family-direction-list article>span{color:var(--muted);font:650 9px var(--font-mono)}.family-direction-list article>svg{color:var(--family-accent)}@supports (color:color-mix(in lab, red, red)){.family-direction-list article>svg{color:color-mix(in srgb, var(--family-accent) 70%, var(--ink))}}.family-direction-list h3{letter-spacing:-.025em;margin:0 0 7px;font-size:15px}.family-direction-list p{max-width:590px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}@media (width<=1080px){.family-story-hero{grid-template-columns:1fr}.family-story-copy h1{max-width:900px}.family-story-instrument{min-height:445px}}@media (width<=820px){.family-direction-board{grid-template-columns:1fr}.family-direction-board>aside{border-right:0;border-bottom:1px solid var(--line);min-height:280px}.family-demo{width:min(100%,430px)}}@media (width<=620px){.family-story-hero{gap:28px;padding-top:25px}.family-story-copy h1{font-size:clamp(43px,13vw,59px)}.family-story-copy>p{font-size:14px}.family-story-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.family-story-ledger>span:nth-child(2){border-right:0}.family-story-ledger>span:last-child{border-top:1px solid var(--line);grid-column:1/-1;padding-left:0}.family-story-instrument{border-radius:19px;grid-template-rows:53px minmax(0,1fr) 73px;min-height:420px}.family-story-stage{padding:18px}.family-story-instrument>footer>span{padding:11px 9px}.family-story-instrument>footer strong{font-size:14px}.family-story-catalog{padding-top:42px}.family-catalog-intro{padding-right:0}.family-catalog-intro>span{margin-top:18px;position:static}.family-direction-board>aside{min-height:255px;padding:25px}.family-direction-list article{grid-template-columns:24px 26px minmax(0,1fr);gap:10px;min-height:128px;padding:19px}.family-demo-motion{grid-template-columns:115px minmax(0,1fr);gap:16px}.family-motion-orbit{width:112px;height:112px}.family-motion-orbit b{inset:43px}.family-demo-cards .is-front{inset-inline:20px}.family-demo-text>strong{font-size:37px}.family-demo-developer ol{padding-inline:39px 17px;font-size:8px}}@media (prefers-reduced-motion:reduce){.family-motion-orbit b{animation:none}}.svg-studio-page .overview-hero{padding-bottom:38px}.svg-studio-page .body-copy{max-width:720px}.svg-studio-shell{border:1px solid var(--line);background:var(--paper);box-shadow:0 28px 70px var(--ink);border-radius:22px;margin-top:25px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.svg-studio-shell{box-shadow:0 28px 70px color-mix(in srgb, var(--ink) 7%, transparent)}}.svg-studio-toolbar,.svg-studio-options,.svg-studio-status{justify-content:space-between;align-items:center;display:flex}.svg-studio-toolbar{border-bottom:1px solid var(--line);gap:18px;min-height:68px;padding:12px 14px 12px 18px}.svg-studio-file{align-items:center;gap:11px;min-width:0;display:flex}.svg-studio-file>span{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:var(--surface);border-radius:11px;flex:none;place-items:center;display:grid}.svg-studio-file>div{gap:3px;min-width:0;display:grid}.svg-studio-file strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.svg-studio-file small{color:var(--muted);font:550 9px var(--font-mono)}.svg-studio-actions{align-items:center;gap:5px;display:flex}.svg-studio-actions>input{display:none}.svg-studio-actions>button,.svg-layout-switch button,.svg-inspector-toggle,.svg-grid-toggle,.svg-zoom-control button{border:1px solid var(--line);min-height:34px;color:var(--muted);font:620 10px var(--font-sans);cursor:pointer;transition:border-color var(--motion-fast), color var(--motion-fast), background var(--motion-fast);background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:7px;display:inline-flex}.svg-studio-actions>button{padding:0 10px}.svg-studio-actions>button[aria-expanded=true]{border-color:#7c63df}@supports (color:color-mix(in lab, red, red)){.svg-studio-actions>button[aria-expanded=true]{border-color:color-mix(in srgb, #7c63df 45%, var(--line))}}.svg-studio-actions>button[aria-expanded=true]{color:#7c63df}@supports (color:color-mix(in lab, red, red)){.svg-studio-actions>button[aria-expanded=true]{color:color-mix(in srgb, #7c63df 76%, var(--ink))}}.svg-studio-actions>button[aria-expanded=true]{background:#7c63df}@supports (color:color-mix(in lab, red, red)){.svg-studio-actions>button[aria-expanded=true]{background:color-mix(in srgb, #7c63df 9%, var(--surface))}}.svg-studio-actions>button:hover,.svg-layout-switch button:hover,.svg-inspector-toggle:hover,.svg-grid-toggle:hover,.svg-zoom-control button:hover{color:var(--ink);border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.svg-studio-actions>button:hover,.svg-layout-switch button:hover,.svg-inspector-toggle:hover,.svg-grid-toggle:hover,.svg-zoom-control button:hover{border-color:color-mix(in srgb, var(--ink) 28%, var(--line))}}.svg-studio-actions>button:hover,.svg-layout-switch button:hover,.svg-inspector-toggle:hover,.svg-grid-toggle:hover,.svg-zoom-control button:hover{background:var(--surface)}.svg-studio-actions>button:disabled{opacity:.45;cursor:not-allowed}.svg-template-library{border-bottom:1px solid var(--line);background:var(--paper);gap:18px;padding:22px;display:grid}@supports (color:color-mix(in lab, red, red)){.svg-template-library{background:color-mix(in srgb, var(--paper) 76%, var(--surface))}}.svg-template-library>header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.svg-template-library>header>div{gap:6px;max-width:660px;display:grid}.svg-template-index{color:#8372d4;font:700 8px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.svg-template-library>header strong{letter-spacing:-.025em;font-size:18px}.svg-template-library>header p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.svg-template-library>header>button,.svg-studio-guide>header>button{border:1px solid var(--line);width:31px;height:31px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;flex:none;place-items:center;display:grid}.svg-template-library>header>button:hover,.svg-studio-guide>header>button:hover{background:var(--surface);color:var(--ink)}.svg-template-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.svg-template-toolbar>label{border:1px solid var(--line);background:var(--surface);width:min(270px,100%);height:36px;color:var(--muted);border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.svg-template-toolbar input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:10px}.svg-template-toolbar>div{scrollbar-width:none;align-items:center;gap:4px;display:flex;overflow-x:auto}.svg-template-toolbar>div::-webkit-scrollbar{display:none}.svg-template-toolbar>div button{min-height:31px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 9px;font-size:8px;font-weight:650}.svg-template-toolbar>div button:hover{color:var(--ink)}.svg-template-toolbar>div button[data-active=true]{border-color:var(--line);background:var(--surface);color:var(--ink)}.svg-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:520px;padding:1px;display:grid;overflow-y:auto}.svg-template-grid>button{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink);text-align:left;cursor:pointer;border-radius:13px;grid-template-rows:150px minmax(0,1fr);padding:0;display:grid;overflow:hidden}.svg-template-grid>button:hover,.svg-template-grid>button[data-active=true]{border-color:#7c63df}@supports (color:color-mix(in lab, red, red)){.svg-template-grid>button:hover,.svg-template-grid>button[data-active=true]{border-color:color-mix(in srgb, #7c63df 58%, var(--line))}}.svg-template-grid>button:hover,.svg-template-grid>button[data-active=true]{box-shadow:0 0 0 1px #7c63df38}.svg-template-preview{border-bottom:1px solid var(--line);place-items:center;min-width:0;padding:15px;display:grid}.svg-template-preview[data-tone=dark]{background:#0b0d0c}.svg-template-preview[data-tone=light]{background:#eeece5}.svg-template-preview[data-tone=transparent]{background-color:#ecece8;background-image:linear-gradient(45deg,#d8d8d3 25%,#0000 25%),linear-gradient(-45deg,#d8d8d3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d8d8d3 75%),linear-gradient(-45deg,#0000 75%,#d8d8d3 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.svg-template-preview img{object-fit:contain;width:100%;height:120px;display:block}.svg-template-copy{align-content:start;gap:5px;min-width:0;padding:13px;display:grid}.svg-template-copy small{color:#8372d4;font:700 7px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.svg-template-copy strong{font-size:11px}.svg-template-copy p{min-height:34px;color:var(--muted);margin:0;font-size:8px;line-height:1.45}.svg-template-copy em{color:var(--muted);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.svg-template-copy em{color:color-mix(in srgb, var(--muted) 74%, transparent)}}.svg-template-copy em{font:550 7px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-style:normal}.svg-template-empty{min-height:210px;color:var(--muted);text-align:center;grid-column:1/-1;place-content:center;justify-items:center;gap:7px;display:grid}.svg-template-empty strong{color:var(--ink);font-size:11px}.svg-template-empty span{font-size:9px}.svg-studio-guide{border-bottom:1px solid var(--line);background:#191b1f;gap:15px;padding:17px 20px 18px;display:grid}@supports (color:color-mix(in lab, red, red)){.svg-studio-guide{background:color-mix(in srgb, #191b1f 94%, var(--surface))}}.svg-studio-guide{color:#eeeee9}.svg-studio-guide>header{justify-content:space-between;align-items:center;display:flex}.svg-studio-guide>header>span{align-items:center;gap:8px;display:flex}.svg-studio-guide>header>span svg{color:#9e8cf0}.svg-studio-guide>header strong{font-size:11px}.svg-studio-guide>header>button{color:#9499a1;border-color:#34373d}.svg-studio-guide>div{border:1px solid #34373d;border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.svg-studio-guide article{grid-template-columns:24px minmax(0,1fr);align-content:start;gap:9px;min-width:0;min-height:124px;padding:14px;display:grid}.svg-studio-guide article+article{border-left:1px solid #34373d}.svg-studio-guide article>span{color:#8f7ee0;font:700 8px var(--font-mono)}.svg-studio-guide article div{gap:6px;display:grid}.svg-studio-guide article strong{font-size:9px}.svg-studio-guide article p{color:#969ba4;margin:0;font-size:8px;line-height:1.55}.svg-studio-guide>footer{color:#8e939b;font:550 7px var(--font-mono);align-items:center;gap:18px;display:flex}.svg-studio-guide>footer span{align-items:center;gap:5px;display:inline-flex}.svg-studio-guide kbd{color:#d7d9df;font:inherit;background:#111317;border:1px solid #3b3f46;border-radius:5px;padding:3px 5px}.svg-studio-options{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;gap:18px;min-height:55px;padding:9px 14px}@supports (color:color-mix(in lab, red, red)){.svg-studio-options{background:color-mix(in srgb, var(--surface) 48%, transparent)}}.svg-layout-switch,.svg-tone-switch,.svg-zoom-control{align-items:center;display:inline-flex}.svg-layout-switch{border:1px solid var(--line);background:var(--paper);border-radius:11px;gap:2px;padding:3px}.svg-layout-switch button{border:0;border-radius:8px;min-height:30px;padding:0 10px}.svg-layout-switch button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.svg-split-control{min-width:150px;color:var(--muted);font:600 8px var(--font-mono);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.svg-split-control input{width:min(150px,100%);min-width:70px;height:4px;accent-color:var(--ink);cursor:ew-resize}.svg-split-control output{width:29px;color:var(--ink);text-align:right}.svg-canvas-controls{align-items:center;gap:7px;display:flex}.svg-inspector-toggle{height:34px;padding:0 9px}.svg-inspector-toggle[aria-pressed=true]{border-color:#7c63df}@supports (color:color-mix(in lab, red, red)){.svg-inspector-toggle[aria-pressed=true]{border-color:color-mix(in srgb, #7c63df 45%, var(--line))}}.svg-inspector-toggle[aria-pressed=true]{color:#7c63df}@supports (color:color-mix(in lab, red, red)){.svg-inspector-toggle[aria-pressed=true]{color:color-mix(in srgb, #7c63df 78%, var(--ink))}}.svg-inspector-toggle[aria-pressed=true]{background:#7c63df}@supports (color:color-mix(in lab, red, red)){.svg-inspector-toggle[aria-pressed=true]{background:color-mix(in srgb, #7c63df 10%, var(--paper))}}.svg-inspector-toggle:disabled{opacity:.38;cursor:not-allowed}.svg-tone-switch{border:1px solid var(--line);background:var(--paper);border-radius:10px;gap:3px;height:34px;padding:4px}.svg-tone-switch button{cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:25px;height:24px;padding:0;display:grid}.svg-tone-switch button[aria-pressed=true]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.svg-tone-switch i{border:1px solid #b8b8b2;border-radius:50%;width:12px;height:12px;display:block}.svg-tone-switch button[data-tone=transparent] i{background:conic-gradient(#d9d9d4 25%, #fff 0 50%, #d9d9d4 0 75%, #fff 0);background-size:6px 6px}.svg-tone-switch button[data-tone=light] i{background:#fff}.svg-tone-switch button[data-tone=dark] i{background:#090b0f;border-color:#44474e}.svg-grid-toggle{width:34px;padding:0}.svg-grid-toggle[aria-pressed=true]{color:var(--ink);background:var(--paper)}.svg-zoom-control{border:1px solid var(--line);background:var(--paper);border-radius:10px;height:34px;overflow:hidden}.svg-zoom-control button{border:0;border-radius:0;width:31px;min-height:32px;padding:0}.svg-zoom-control span{width:46px;color:var(--muted);text-align:center;font:620 9px var(--font-mono)}.svg-studio-workspace{min-height:600px;transition:grid-template-columns 90ms linear;display:grid}.svg-studio-workspace[data-layout=split]{grid-template-columns:minmax(0, var(--editor-share,50%)) 9px minmax(0, 1fr)}.svg-studio-workspace[data-resizing=true]{transition:none}.svg-editor-pane,.svg-preview-pane{grid-template-rows:44px minmax(0,1fr);min-width:0;min-height:0;display:grid}.svg-editor-pane{background:#0d0f13}.svg-split-resizer{z-index:4;border:0;border-right:1px solid var(--line);width:9px;min-width:9px;color:var(--muted);background:var(--surface);border-left:1px solid #282a31;outline:0;place-items:center;padding:0;display:none;position:relative}@supports (color:color-mix(in lab, red, red)){.svg-split-resizer{background:color-mix(in srgb, var(--surface) 72%, #111318)}}.svg-split-resizer{cursor:col-resize;touch-action:none}.svg-studio-workspace[data-layout=split] .svg-split-resizer{display:grid}.svg-split-resizer:before{content:"";background:var(--muted);border-radius:99px;width:2px;height:54px;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.svg-split-resizer:before{background:color-mix(in srgb, var(--muted) 28%, transparent)}}.svg-split-resizer:before{transition:height var(--motion-fast), background-color var(--motion-fast);transform:translate(-50%,-50%)}.svg-split-resizer>svg{z-index:1;background:var(--surface);opacity:0;width:13px;height:24px;box-shadow:0 0 0 1px var(--line);transition:opacity var(--motion-fast);border-radius:5px;padding:4px 0;position:relative}.svg-split-resizer:hover:before,.svg-split-resizer:focus-visible:before,.svg-split-resizer[data-resizing=true]:before{background:#7c63df;height:92px}@supports (color:color-mix(in lab, red, red)){.svg-split-resizer:hover:before,.svg-split-resizer:focus-visible:before,.svg-split-resizer[data-resizing=true]:before{background:color-mix(in srgb, #7c63df 70%, var(--muted))}}.svg-split-resizer:hover>svg,.svg-split-resizer:focus-visible>svg,.svg-split-resizer[data-resizing=true]>svg{opacity:1}body:has(.svg-split-resizer[data-resizing=true]){cursor:col-resize;-webkit-user-select:none;user-select:none}.svg-editor-pane>header,.svg-preview-pane>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 16px;font-size:10px;display:flex}.svg-editor-pane>header{color:#d7d9df;background:#111318;border-color:#282a31}.svg-editor-pane>header>span,.svg-preview-pane>header>span{align-items:center;gap:7px;font-weight:650;display:inline-flex}.svg-editor-pane>header small,.svg-preview-pane>header small{color:var(--muted);font:550 8px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.svg-editor-pane>header>div{align-items:center;gap:9px;display:flex}.svg-editor-pane>header button{color:#888d98;height:27px;font:600 8px var(--font-mono);cursor:pointer;background:#15171c;border:1px solid #2b2e35;border-radius:7px;align-items:center;gap:5px;padding:0 7px;display:inline-flex}.svg-editor-pane>header button:hover{color:#d8dbe2;border-color:#3b3f49}.svg-editor-pane>header button[aria-pressed=true]{color:#b9a7ea;background:#1b1823;border-color:#493e68}.svg-code-editor{background:#0d0f13;grid-template-columns:44px minmax(0,1fr);min-width:0;min-height:556px;display:grid;overflow:hidden}.svg-code-gutter{color:#858b98;height:100%;font:500 9px/21px var(--font-mono);text-align:right;-webkit-user-select:none;user-select:none;background:#0a0c10;border-right:1px solid #24272e;overflow:hidden}.svg-code-gutter>div{min-height:100%;padding:21px 10px 34px 0}.svg-code-gutter span{display:block}.svg-code-stack{min-width:0;min-height:556px;position:relative;overflow:hidden}.svg-code-highlight,.svg-editor-pane textarea{width:100%;height:100%;min-height:556px;font:500 12px/1.75 var(--font-mono);tab-size:2;border:0;outline:0;margin:0;padding:21px 22px 34px;position:absolute;inset:0}.svg-code-highlight{z-index:1;color:#d5d8df;scrollbar-width:none;pointer-events:none;background:#0d0f13;overflow:auto}.svg-code-highlight::-webkit-scrollbar{display:none}.svg-code-highlight code{font:inherit}.svg-editor-pane textarea{z-index:2;resize:none;color:#0000;caret-color:#f0eef8;-webkit-text-fill-color:transparent;background:0 0;overflow:auto}.svg-editor-pane textarea::selection{background:#745cc457}.svg-code-editor[data-wrap=false] .svg-code-highlight,.svg-code-editor[data-wrap=false] textarea{overflow-wrap:normal;white-space:pre}.svg-code-editor[data-wrap=true] .svg-code-highlight,.svg-code-editor[data-wrap=true] textarea{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-all;overflow-x:hidden}.svg-token-text{color:#d7dae1}.svg-token-punctuation{color:#7d8492}.svg-token-tag{color:#d58bc8}.svg-token-attribute{color:#79b8d7}.svg-token-string{color:#9cca85}.svg-token-entity{color:#e0ad67}.svg-token-comment{color:#686f79;font-style:italic}.svg-preview-pane{background:var(--surface)}.svg-preview-canvas{isolation:isolate;background-color:#e8e8e4;place-items:center;min-height:556px;padding:60px clamp(22px,4vw,52px);display:grid;position:relative;overflow:auto}.svg-preview-canvas[data-tone=transparent]{background-color:#e9e9e5;background-image:linear-gradient(45deg,#d7d7d2 25%,#0000 25%),linear-gradient(-45deg,#d7d7d2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d7d7d2 75%),linear-gradient(-45deg,#0000 75%,#d7d7d2 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.svg-preview-canvas[data-tone=light]{background-color:#f8f8f5}.svg-preview-canvas[data-tone=dark]{background-color:#090b0f}.svg-preview-canvas:before{content:"";z-index:-1;opacity:0;pointer-events:none;background-image:linear-gradient(#7479822b 1px,#0000 1px),linear-gradient(90deg,#7479822b 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.svg-preview-canvas[data-grid=true]:before{opacity:1}.svg-preview-canvas[data-tone=dark][data-grid=true]:before{opacity:1;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:28px 28px}.svg-preview-canvas:after{content:"Drop SVG to import";z-index:4;color:#efeaff;font:650 11px var(--font-mono);letter-spacing:.03em;opacity:0;pointer-events:none;transition:opacity var(--motion-fast);background:#17142cdb;border:1px dashed #7f70dc;border-radius:14px;place-items:center;display:grid;position:absolute;inset:16px}.svg-preview-canvas[data-dragging=true]:after{opacity:1}.svg-preview-canvas[data-inspecting=true]{cursor:crosshair}.svg-preview-canvas>img{z-index:1;object-fit:contain;transform-origin:50%;filter:drop-shadow(0 24px 34px #090a0e2e);max-width:78%;max-height:390px;transition:transform var(--motion-fast);-webkit-user-select:none;user-select:none;display:block;position:relative}.svg-inline-preview{z-index:1;transform-origin:50%;filter:drop-shadow(0 24px 34px #090a0e2e);width:min(88%,720px);max-height:390px;transition:transform var(--motion-fast);place-items:center;display:grid;position:relative}.svg-inline-preview>svg{width:100%;height:auto;max-height:390px;display:block;overflow:visible}.svg-inline-preview [data-svg-studio-node]{transition:filter 90ms,opacity 90ms}.svg-inline-preview [data-svg-studio-hovered=true]{outline-offset:3px;filter:brightness(1.13)drop-shadow(0 0 5px #7b61e2e6);outline:2px solid #8b6ff2}.svg-node-popover{z-index:6;color:#e8e9ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;text-align:left;background:#0e1015f5;border:1px solid #373943;border-radius:11px;gap:8px;width:min(284px,100% - 24px);max-height:208px;padding:11px;display:grid;position:absolute;overflow:hidden;box-shadow:0 18px 48px #00000047}.svg-node-popover header{justify-content:space-between;align-items:center;gap:10px;display:flex}.svg-node-popover header span{color:#f3f1ff;min-width:0;font:650 10px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:inline-flex;overflow:hidden}.svg-node-popover header b{color:#969aa5;font:550 8px var(--font-mono);flex:none}.svg-node-popover>code{color:#cbbbed;font:500 8px/1.45 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;background:#090b0e;border-radius:7px;padding:7px 8px;overflow:hidden}.svg-node-popover dl{gap:3px;margin:0;display:grid}.svg-node-popover dl>div{grid-template-columns:72px minmax(0,1fr);gap:7px;min-width:0;display:grid}.svg-node-popover dt{color:#8b90a0;font:550 8px var(--font-mono);text-overflow:ellipsis;overflow:hidden}.svg-node-popover dd{color:#d9dbe2;font:500 8px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.svg-node-popover footer{color:#8ccfb5;font:550 8px var(--font-mono);flex-wrap:wrap;gap:4px;display:flex}.svg-node-popover footer span{background:#489b791f;border-radius:5px;padding:3px 5px}.svg-node-popover>small{color:#878b96;font:500 7px var(--font-mono)}.svg-preview-error{z-index:1;border:1px solid #a85858;justify-items:center;gap:10px;width:min(350px,100%);padding:36px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.svg-preview-error{border:1px solid color-mix(in srgb, #a85858 35%, var(--line))}}.svg-preview-error{color:#6f3838;text-align:center;background:#ffffffd1;border-radius:18px}.svg-preview-canvas[data-tone=dark] .svg-preview-error{color:#e7aaa6;background:#161215eb}.svg-preview-error strong{font-size:12px}.svg-preview-error p{color:inherit;font:500 10px/1.55 var(--font-mono);opacity:.8;margin:0}.svg-drop-label{z-index:2;color:#5e626a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:600 8px var(--font-mono);background:#ffffffb8;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;display:inline-flex;position:absolute;bottom:12px;right:14px}.svg-preview-canvas[data-tone=dark] .svg-drop-label{color:#b9bdc6;background:#0c0e12b8}.svg-studio-workspace[data-layout=editor]{grid-template-columns:1fr}.svg-studio-workspace[data-layout=editor] .svg-editor-pane{border-right:0}.svg-studio-workspace[data-layout=editor] .svg-split-resizer,.svg-studio-workspace[data-layout=editor] .svg-preview-pane{display:none}.svg-studio-workspace[data-layout=preview]{grid-template-columns:1fr}.svg-studio-workspace[data-layout=preview] .svg-editor-pane,.svg-studio-workspace[data-layout=preview] .svg-split-resizer{display:none}.svg-studio-status{border-top:1px solid var(--line);background:var(--paper);justify-content:flex-start;gap:16px;min-height:45px;padding:8px 16px}.svg-studio-status>span{color:#a66c42;font:620 9px var(--font-mono);align-items:center;gap:6px;display:inline-flex}.svg-studio-status>span[data-valid=true]{color:#438267}.svg-studio-status>span+span{color:var(--muted)}.svg-studio-status small{color:var(--muted);font:550 8px var(--font-mono);margin-left:auto}.svg-inspector-grid{border:1px solid var(--line);border-radius:18px 18px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.svg-inspector-grid article{border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:136px;padding:22px;display:flex}.svg-inspector-grid article:last-child{border-right:0}.svg-inspector-grid article>span{color:var(--muted);font:650 8px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.svg-inspector-grid strong{color:var(--ink);font:570 16px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin:auto 0 9px;overflow:hidden}.svg-inspector-grid small{color:var(--muted);font-size:9px}.svg-color-inspector{border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;grid-template-columns:170px minmax(0,1fr);gap:22px;padding:20px 22px;display:grid}.svg-color-inspector>div:first-child{align-content:start;gap:5px;display:grid}.svg-color-inspector>div:first-child span{font-size:11px;font-weight:650}.svg-color-inspector small{color:var(--muted);font-size:9px}.svg-color-inspector>div:last-child{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.svg-color-inspector button{border:1px solid var(--line);min-height:34px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:4px 9px 4px 5px;display:inline-flex}.svg-color-inspector button:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.svg-color-inspector button:hover{border-color:color-mix(in srgb, var(--ink) 30%, var(--line))}}.svg-color-inspector button i{border:1px solid #0000001f;border-radius:6px;width:24px;height:24px}.svg-color-inspector code{font:570 9px var(--font-mono)}.svg-color-inspector p{color:var(--muted);margin:0;font-size:10px}.svg-safety-grid{border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.svg-safety-grid article{grid-template-columns:27px minmax(0,1fr);align-content:start;gap:14px;min-height:154px;padding:34px 28px;display:grid}.svg-safety-grid article+article{border-left:1px solid var(--line)}.svg-safety-grid article>svg{color:#3b9977}@supports (color:color-mix(in lab, red, red)){.svg-safety-grid article>svg{color:color-mix(in srgb, #3b9977 70%, var(--ink))}}.svg-safety-grid strong{font-size:13px}.svg-safety-grid p{max-width:470px;color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.65}@media (width<=980px){.svg-template-grid,.svg-studio-guide>div{grid-template-columns:repeat(2,minmax(0,1fr))}.svg-studio-guide article:nth-child(3){border-left:0}.svg-studio-guide article:nth-child(n+3){border-top:1px solid #34373d}.svg-studio-workspace[data-layout=split]{grid-template-columns:1fr}.svg-studio-workspace[data-layout=split] .svg-split-resizer,.svg-split-control{display:none}.svg-studio-workspace[data-layout=split] .svg-editor-pane{border-bottom:1px solid #282a31;border-right:0}.svg-studio-workspace[data-layout=split] .svg-code-editor,.svg-studio-workspace[data-layout=split] .svg-code-stack,.svg-studio-workspace[data-layout=split] .svg-code-highlight,.svg-studio-workspace[data-layout=split] .svg-editor-pane textarea{min-height:360px}.svg-studio-workspace[data-layout=split] .svg-preview-canvas{min-height:430px}.svg-inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svg-inspector-grid article:nth-child(2){border-right:0}.svg-inspector-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (width<=700px){.svg-studio-shell{border-radius:16px;margin-top:18px}.svg-studio-toolbar{flex-direction:column;align-items:flex-start}.svg-studio-file{width:100%}.svg-studio-actions{grid-template-columns:repeat(7,1fr);width:100%;display:grid}.svg-studio-actions>button{padding:0 6px}.svg-studio-actions>button span{display:none}.svg-template-library{padding:17px}.svg-template-toolbar{flex-direction:column;align-items:stretch}.svg-template-toolbar>label{width:100%}.svg-template-grid{grid-template-columns:1fr}.svg-template-grid>button{grid-template-rows:165px minmax(0,1fr)}.svg-template-preview img{height:135px}.svg-studio-guide>div{grid-template-columns:1fr}.svg-studio-guide article+article{border-top:1px solid #34373d;border-left:0}.svg-studio-guide>footer{flex-direction:column;align-items:flex-start;gap:7px}.svg-studio-options{flex-direction:column;align-items:stretch}.svg-layout-switch{grid-template-columns:repeat(3,1fr);display:grid}.svg-layout-switch button{width:100%}.svg-canvas-controls{justify-content:space-between}.svg-studio-workspace{min-height:500px}.svg-code-editor,.svg-code-stack,.svg-code-highlight,.svg-editor-pane textarea{min-height:456px}.svg-code-highlight,.svg-editor-pane textarea{padding:17px;font-size:12px}.svg-code-gutter>div{padding-top:17px;padding-bottom:17px}.svg-preview-canvas{min-height:456px;padding:48px 25px}.svg-preview-canvas>img{max-width:88%;max-height:330px}.svg-inline-preview{width:88%;max-height:330px}.svg-inline-preview>svg{max-height:330px}.svg-drop-label{display:none}.svg-studio-status{flex-direction:column;align-items:flex-start;gap:7px;padding-block:12px}.svg-studio-status small{margin-left:0}.svg-inspector-grid{grid-template-columns:1fr}.svg-inspector-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:112px}.svg-inspector-grid article:last-child{border-bottom:0}.svg-color-inspector,.svg-safety-grid{grid-template-columns:1fr}.svg-safety-grid article+article{border-top:1px solid var(--line);border-left:0}}.app-shell{--content-column-width:clamp(680px, min(calc(100vw - var(--sidebar-width,240px) - 244px), calc(1200px - var(--sidebar-width,240px))), 1100px)}.header .header-account-notch{z-index:2;justify-self:auto;width:max-content;margin-inline:auto;position:absolute;top:0;left:0;right:0}.header .header-actions{grid-column:3}.desktop-sidebar-toggle{flex:none}.header-left{transition:gap var(--motion-base) var(--ease-smooth), padding var(--motion-base) var(--ease-smooth)}.header-left .logo{white-space:nowrap;transform-origin:0;max-width:92px;transition:max-width var(--motion-base) var(--ease-smooth), opacity var(--motion-fast) 90ms, transform var(--motion-base) var(--ease-smooth);flex:none;overflow:hidden}.nav-overview-heading{transition:height var(--motion-base) var(--ease-smooth), margin var(--motion-base) var(--ease-smooth), opacity var(--motion-fast), transform var(--motion-base) var(--ease-smooth);overflow:hidden}.nav-overview-links .nav-link{width:100%;transition:width var(--motion-base) var(--ease-smooth), height var(--motion-base) var(--ease-smooth), padding var(--motion-base) var(--ease-smooth), gap var(--motion-base) var(--ease-smooth), color var(--motion-fast), background-color var(--motion-fast), box-shadow var(--motion-fast);justify-content:flex-start;gap:10px}.nav-overview-links .nav-link>svg{flex:none}.nav-link-copy,.nav-heading-link>span{opacity:1;white-space:nowrap;min-width:0;max-width:160px;transition:max-width var(--motion-base) var(--ease-smooth), opacity var(--motion-fast) 90ms, transform var(--motion-base) var(--ease-smooth), visibility 0s;overflow:hidden;transform:translate(0)}.nav-heading-link{transition:width var(--motion-base) var(--ease-smooth), gap var(--motion-base) var(--ease-smooth), background-color var(--motion-fast);align-items:center;gap:0;display:inline-flex;overflow:hidden}.nav-heading-icon{opacity:0;width:0;transition:width var(--motion-base) var(--ease-smooth), opacity var(--motion-fast), transform var(--motion-base) var(--ease-smooth);flex:none;display:block;transform:scale(.75)}.nav-count{transition:min-width var(--motion-base) var(--ease-smooth), width var(--motion-base) var(--ease-smooth), padding var(--motion-base) var(--ease-smooth), opacity var(--motion-fast), border-color var(--motion-fast);overflow:hidden}.nav-group-heading{transition:grid-template-columns var(--motion-base) var(--ease-smooth), background-color var(--motion-fast)}.nav-group-route{transition:width var(--motion-base) var(--ease-smooth), padding var(--motion-base) var(--ease-smooth), gap var(--motion-base) var(--ease-smooth), grid-template-columns var(--motion-base) var(--ease-smooth), background-color var(--motion-fast), box-shadow var(--motion-fast)}.nav-group-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;transition:max-width var(--motion-base) var(--ease-smooth), opacity var(--motion-fast), transform var(--motion-base) var(--ease-smooth), visibility 0s;overflow:hidden}.nav-group-count{min-width:0;transition:opacity var(--motion-fast), max-width var(--motion-base) var(--ease-smooth);overflow:hidden}.nav-group-toggle{transition:width var(--motion-base) var(--ease-smooth), opacity var(--motion-fast), color var(--motion-fast)}.nav-group-panel{transition:grid-template-rows var(--motion-base) var(--ease-smooth), opacity var(--motion-fast), visibility 0s}.sidebar-note{max-height:120px;transition:max-height var(--motion-base) var(--ease-smooth), margin var(--motion-base) var(--ease-smooth), padding var(--motion-base) var(--ease-smooth), opacity var(--motion-fast), border-color var(--motion-fast);overflow:hidden}@media (width>=821px){.app-shell .header{grid-template-columns:var(--sidebar-width,240px) minmax(0, 1fr) clamp(150px, 20vw, 240px);transition:grid-template-columns var(--motion-base) var(--ease-smooth), background-color var(--motion-base) var(--ease-smooth)}.app-shell .sidebar{width:var(--sidebar-width,240px);transition:width var(--motion-base) var(--ease-smooth), padding var(--motion-base) var(--ease-smooth), background-color var(--motion-base) var(--ease-smooth)}.app-shell .main{margin-left:var(--sidebar-width,240px);transition:margin-left var(--motion-base) var(--ease-smooth), grid-template-columns var(--motion-base) var(--ease-smooth)}.app-shell[data-sidebar-collapsed=true] .header-left{gap:8px;padding-left:18px;overflow:visible}.app-shell[data-sidebar-collapsed=true] .header-left .logo{opacity:1;pointer-events:auto;width:max-content;max-width:none;transition-delay:0s;transform:none}.app-shell[data-sidebar-collapsed=true] .header-left .logo-mark{display:none}.sidebar[data-collapsed=true]{padding:22px 14px 18px;overflow-x:hidden}.sidebar[data-collapsed=true] nav{width:43px}.sidebar[data-collapsed=true] .nav-overview{padding-bottom:16px}.sidebar[data-collapsed=true] .nav-overview-heading{opacity:0;height:0;margin:0;transform:translate(-6px)}.sidebar[data-collapsed=true] .nav-overview-links{justify-items:center;gap:4px}.sidebar[data-collapsed=true] .nav-overview-links .nav-link{border-radius:11px;justify-content:center;gap:0;width:42px;height:42px;padding:0}.sidebar[data-collapsed=true] .nav-link-copy{opacity:0;visibility:hidden;max-width:0;transition-delay:0s, 0s, 0s, var(--motion-base);transform:translate(-7px)}.sidebar[data-collapsed=true] .nav-heading-row{justify-content:center;margin:17px 0 9px}.sidebar[data-collapsed=true] .nav-heading-link{border-radius:10px;justify-content:center;gap:0;width:42px;height:38px}.sidebar[data-collapsed=true] .nav-heading-link:hover,.sidebar[data-collapsed=true] .nav-heading-link[data-active=true]{background:var(--subtle)}.sidebar[data-collapsed=true] .nav-heading-link>span{opacity:0;visibility:hidden;max-width:0;transition-delay:0s, 0s, 0s, var(--motion-base);transform:translate(-6px)}.sidebar[data-collapsed=true] .nav-count{opacity:0;border-color:#0000;width:0;min-width:0;padding:0}.sidebar[data-collapsed=true] .nav-heading-icon{opacity:1;width:15px;transition-delay:80ms;transform:scale(1)}.sidebar[data-collapsed=true] .nav-group{width:42px;margin-top:3px}.sidebar[data-collapsed=true] .nav-group-heading{border-radius:10px;grid-template-columns:42px 0;min-height:38px}.sidebar[data-collapsed=true] .nav-group-route{border-radius:10px;grid-template-columns:42px minmax(0,0fr) 0;gap:0;width:42px;height:38px;min-height:38px;padding:0;display:grid}.sidebar[data-collapsed=true] .nav-group[data-active=true] .nav-group-route,.sidebar[data-collapsed=true] .nav-group-route:hover{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.sidebar[data-collapsed=true] .nav-group-index{justify-self:center;font-size:9px}.sidebar[data-collapsed=true] .nav-group-label{opacity:0;visibility:hidden;max-width:0;transition-delay:0s, 0s, 0s, var(--motion-base);transform:translate(-6px)}.sidebar[data-collapsed=true] .nav-group-count{opacity:0;max-width:0}.sidebar[data-collapsed=true] .nav-group-toggle{opacity:0;pointer-events:none;width:0}.sidebar[data-collapsed=true] .nav-group-panel{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s, 0s, var(--motion-base);grid-template-rows:0fr}.sidebar[data-collapsed=true] .sidebar-note{opacity:0;border-color:#0000;max-height:0;margin:0;padding:0}}@media (width>=1181px){.app-shell .main{grid-template-columns:minmax(0, var(--content-column-width)) 160px;column-gap:84px}}@media (width<=820px){.desktop-sidebar-toggle,.nav-heading-icon{display:none}}.design-flow-mode-switch{border:1px solid var(--line);background:var(--subtle);border-radius:10px;align-items:center;gap:2px;min-width:max-content;padding:3px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.design-flow-mode-switch{background:color-mix(in srgb, var(--subtle) 76%, var(--surface))}}.design-flow-mode-switch button{height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:8px;font-weight:680;display:inline-flex}.design-flow-mode-switch button:hover{color:var(--ink)}.design-flow-mode-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014, inset 0 0 0 1px var(--ink)}@supports (color:color-mix(in lab, red, red)){.design-flow-mode-switch button[aria-pressed=true]{box-shadow:0 1px 2px #00000014, inset 0 0 0 1px color-mix(in srgb, var(--ink) 5%, transparent)}}.design-flow-preview[data-view=code]{background:var(--code);place-items:stretch stretch;min-height:470px;padding:0;overflow:hidden}.design-flow-preview[data-view=code]>.design-source-panel{z-index:2;position:relative}.design-source-single{background:var(--code);place-items:stretch stretch;min-height:470px;padding:0;display:grid;overflow:hidden}.design-source-panel{background:var(--code);color:#dedfd9;text-align:left;grid-template-rows:54px 40px minmax(0,1fr);width:100%;min-width:0;min-height:470px;max-height:680px;display:grid;overflow:hidden}.design-source-toolbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:0 13px 0 15px;display:flex}.design-source-identity{align-items:center;gap:10px;min-width:0;display:flex}.design-source-identity>span{border:1px solid var(--line);background:var(--subtle);width:29px;height:29px;color:var(--muted);border-radius:8px;flex:none;place-items:center;display:grid}.design-source-identity>div{gap:2px;min-width:0;display:grid}.design-source-identity small{color:var(--muted);font:650 7px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.design-source-identity strong{color:var(--ink);font:650 9px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.design-source-files{border-bottom:1px solid var(--line);background:var(--subtle);align-items:stretch;gap:4px;min-width:0;padding:0 14px;display:flex;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.design-source-files{background:color-mix(in srgb, var(--subtle) 46%, var(--surface))}}.design-source-files{scrollbar-width:none}.design-source-files::-webkit-scrollbar{display:none}.design-source-files button,.design-source-copy{height:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:680}.design-source-files button{align-items:center;gap:7px;min-width:max-content;padding:0 10px;display:inline-flex;position:relative}.design-source-files button>span{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.design-source-files button>span{color:color-mix(in srgb, var(--muted) 72%, transparent)}}.design-source-files button>span{font:650 6px var(--font-mono)}.design-source-files button>strong{font-size:8px;font-weight:680}.design-source-files button:after{background:var(--ink);content:"";opacity:0;height:2px;transition:opacity var(--motion-fast) ease, transform var(--motion-base) var(--ease-smooth);border-radius:2px 2px 0 0;position:absolute;bottom:-1px;left:10px;right:10px;transform:scaleX(.45)}.design-source-files button:hover,.design-source-files button[aria-selected=true]{color:var(--ink)}.design-source-files button[aria-selected=true]:after{opacity:1;transform:scaleX(1)}.design-source-copy{border:1px solid var(--line);height:29px;color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.design-source-copy:hover{background:var(--subtle);color:var(--ink)}.design-source-actions{align-items:center;gap:6px;display:flex}.design-source-scroll{overscroll-behavior:contain;scrollbar-color:#373d4b transparent;min-width:0;min-height:0;overflow:auto}.design-source-scroll>code{color:#d8dbe5;width:max-content;min-width:100%;font:500 10px/1.72 var(--font-mono);tab-size:2;padding:14px 0 20px;display:block}.design-source-line{white-space:pre;grid-template-columns:48px minmax(0,1fr);min-height:17px;padding-right:20px;display:grid}.design-source-line:hover{background:#ffffff09}.design-source-line>span:first-child{color:#505766;text-align:right;-webkit-user-select:none;user-select:none;padding-right:13px}.design-source-state{color:#8f96a7;text-align:center;background:#0d0f14;place-content:center;justify-items:center;gap:8px;min-height:470px;padding:40px;font-size:9px;display:grid}.design-source-state strong{color:#e7e9ef;font-size:12px}.design-source-state span{max-width:360px;line-height:1.55}.design-source-state[data-state=error] svg{color:#f07178}.source-token-comment{color:#6f7e70;font-style:italic}.source-token-string{color:#a8d58d}.source-token-number{color:#efb37a}.source-token-tag{color:#c49be8}.source-token-attribute{color:#83cbd4}.source-token-keyword{color:#ee86ad}@media (width<=720px){.design-flow-head{grid-template-columns:32px minmax(0,1fr)}.design-flow-head .design-flow-mode-switch{grid-column:1/-1;justify-self:start}.design-source-identity small{display:none}.design-source-scroll>code{font-size:9px}.design-source-line{grid-template-columns:40px minmax(0,1fr)}}@media (width<=440px){.demo-toolbar .preview-label{display:none}.demo-toolbar{justify-content:flex-end}.design-flow-mode-switch button{padding-inline:8px}.design-source-toolbar{gap:7px;padding-inline:8px}.design-source-copy{justify-content:center;width:29px;padding:0;font-size:0}}.workspace-route-loading{min-height:100vh;color:var(--muted);align-content:center;place-items:center;gap:12px;display:grid}.workspace-route-loading span{border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite workspace-route-spin}.workspace-route-loading strong{font-size:11px}@keyframes workspace-route-spin{to{transform:rotate(360deg)}}@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)}}.design-flow-music .design-flow-preview,.design-flow-profile .design-flow-preview,.design-flow-avatars .design-flow-preview,.design-flow-bitmoji .design-flow-preview,.design-flow-media .design-flow-preview,.design-flow-gallery .design-flow-preview,.design-flow-grids .design-flow-preview,.design-flow-graphic .design-flow-preview,.design-flow-hover .design-flow-preview,.design-flow-nav .design-flow-preview,.design-flow-type .design-flow-preview,.design-flow-loading .design-flow-preview{color:#f6f4ee;background:#0c0d0d;place-items:center;min-height:520px;padding:clamp(22px,5vw,70px);display:grid;overflow:hidden}.design-flow-preview :is(button,input){font:inherit}:where(.design-flow-preview button:not(.ui-button)){color:inherit}.design-flow-preview button:focus-visible{outline-offset:3px;outline:2px solid}.design-flow-preview>.catalog-phone{margin:auto}.catalog-phone-content :is(.music-scene,.profile-scene,.avatar-scene,.bitmoji-scene,.media-scene,.gallery-scene,.grid-scene,.graphic-scene,.hover-scene,.nav-scene,.type-scene,.loading-scene){width:100%;max-width:none;font-size:.72em;transform:none}.showcase-art{--art-a:#6558ff;--art-b:#22c7ad;isolation:isolate;background:#14161c;position:relative;overflow:hidden}.showcase-art:before{content:"";background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--art-a) 80%,transparent),transparent 40%),radial-gradient(circle at 82% 65%,color-mix(in srgb,var(--art-b) 75%,transparent),transparent 44%);position:absolute;inset:0}.showcase-art:after{content:"";mix-blend-mode:screen;background:linear-gradient(115deg,#0000 30%,#ffffff1f,#0000 70%);position:absolute;inset:0}.showcase-art-orb{z-index:1;border:1px solid #ffffff47;border-radius:50%;position:absolute}.showcase-art-orb.is-a{aspect-ratio:1;background:color-mix(in srgb,var(--art-a) 42%,transparent);width:48%;top:15%;left:9%}.showcase-art-orb.is-b{aspect-ratio:1;background:color-mix(in srgb,var(--art-b) 34%,transparent);width:32%;bottom:10%;right:9%}.showcase-art-line{z-index:2;border-top:2px solid #ffffffc7;border-radius:50%;width:84%;height:26%;position:absolute;top:44%;left:8%;transform:rotate(-8deg)}.showcase-art small{z-index:3;letter-spacing:.15em;font:700 9px/1.2 ui-monospace,monospace;position:absolute;bottom:16px;left:18px}.is-art-2{--art-a:#ff684d;--art-b:#ffcf58}.is-art-3{--art-a:#19d4a8;--art-b:#2563eb}.is-art-4{--art-a:#e6d6c2;--art-b:#eb563f}.is-art-5{--art-a:#c8ff38;--art-b:#6a4dff}.is-art-6{--art-a:#ef4d9a;--art-b:#ff9238}.is-art-7{--art-a:#4361ee;--art-b:#7fffd4}.is-art-8{--art-a:#f1d8ff;--art-b:#ff6138}.showcase-wave{align-items:center;gap:4px;height:76px;display:flex}.showcase-wave i{width:3px;height:calc(10px + (var(--wave-index) % 8) * 6px);background:#34373e;border-radius:4px;max-height:72px}.showcase-wave i[data-active=true]{background:linear-gradient(#8b7cff,#42d6bb)}.showcase-scrubber{background:#ffffff29;border-radius:3px;height:3px;display:block;position:relative}.showcase-scrubber>i{border-radius:inherit;background:currentColor;height:100%;display:block}.showcase-scrubber>b{background:currentColor;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%)}.showcase-avatar{--skin:#d79a71;--hair:#292322;border-radius:inherit;background:#7359ff;width:100%;height:100%;display:inline-block;position:relative;overflow:hidden}.showcase-avatar .avatar-face{background:var(--skin);border-radius:45% 45% 40% 40%;width:68%;height:70%;position:absolute;top:21%;left:16%}.avatar-hair{z-index:2;background:var(--hair);border-radius:50% 55% 36% 26%;width:76%;height:42%;position:absolute;top:7%;left:12%;transform:rotate(-4deg)}.avatar-eye{background:#211a18;border-radius:50%;width:7%;height:8%;position:absolute;top:42%}.avatar-eye.is-left{left:27%}.avatar-eye.is-right{right:27%}.avatar-mouth{border-bottom:2px solid #5b282a;border-radius:50%;width:24%;height:11%;position:absolute;bottom:22%;left:38%}.expression-wink .avatar-eye.is-right{height:1px;top:46%}.expression-calm .avatar-eye{border-radius:0;height:1px}.expression-surprised .avatar-mouth{border:2px solid #5b282a;border-radius:50%;width:12%;height:12%;left:44%}.expression-laugh .avatar-mouth{background:#6d292c;border:0;height:17%}.is-avatar-2{--skin:#a96f4d;--hair:#171719;background:#ff704d}.is-avatar-3{--skin:#edbf8f;--hair:#9a512b;background:#29bca7}.is-avatar-4{--skin:#79533e;--hair:#151515;background:#f6bd4e}.is-avatar-5{--skin:#f1bd93;--hair:#d95a32;background:#456ae8}.is-avatar-6{--skin:#bd7c58;--hair:#33251e;background:#55c59c}.is-avatar-7{--skin:#e3aa7c;--hair:#19191e;background:#ef5b82}.is-avatar-8{--skin:#825239;--hair:#08090a;background:#9e7cf8}.showcase-avatar.is-initials{color:#fff;letter-spacing:.04em;place-items:center;font:800 34%/1 ui-monospace,monospace;display:grid}.music-scene{background:#111316;border:1px solid #2a2d32;width:min(760px,100%);font-family:Inter,ui-sans-serif,sans-serif;box-shadow:0 35px 80px #0009}.music-scene button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.music-scene :is(header,footer){justify-content:space-between;align-items:center;display:flex}.music-scene small,.music-scene header span{letter-spacing:.14em;font:700 10px/1.2 ui-monospace,monospace}.music-transport{align-items:center;gap:8px;display:flex}.music-transport button{border:1px solid #34373c;border-radius:50%;width:36px;height:36px}.music-transport button.is-primary{color:#101113;background:#f4f2ec;border-color:#f4f2ec}.music-vinyl-deck{border-radius:26px;padding:24px}.music-vinyl-deck>header{color:#aaa;border-bottom:1px solid #303236;padding-bottom:18px}.music-vinyl-deck>section{grid-template-columns:1fr 1fr;align-items:center;padding:34px;display:grid;position:relative}.music-vinyl-deck .showcase-art{aspect-ratio:1;border-radius:4px;box-shadow:0 18px 36px #0008}.music-record{aspect-ratio:1;background:repeating-radial-gradient(circle,#171719 0 8px,#292a2e 9px 10px);border-radius:50%;place-items:center;margin-left:-8%;display:grid;box-shadow:0 20px 30px #0008}.music-record i{background:#e55d48;border-radius:50%;width:70px;height:70px;position:absolute}.music-record b{z-index:2;font:800 11px ui-monospace,monospace}.music-vinyl-deck>footer{border-top:1px solid #303236;padding-top:20px}.music-vinyl-deck>footer>div:first-child{gap:3px;display:grid}.music-vinyl-deck>footer strong{font-size:20px}.music-vinyl-deck>footer span{color:#93969c;font-size:12px}.music-vinyl-deck>footer>button{border:1px solid #34373c;border-radius:50%;width:38px;height:38px}.music-vinyl-deck>footer>button[data-active=true]{color:#201016;background:#ff5c75;border-color:#ff5c75}.music-signal-console{background:#0d1115;border-radius:3px;padding:28px}.music-signal-console>header{color:#8e99a3;border-bottom:1px solid #30383f;padding-bottom:16px}.music-signal-console>header b{color:#51d8a8;font:700 9px ui-monospace,monospace}.music-signal-console>header b i{background:#22d398;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 5px #22d39817}.music-console-title{grid-template-columns:1fr auto;gap:8px;padding-top:32px;display:grid}.music-console-title small{color:#5ad9b1;grid-column:1}.music-console-title strong{letter-spacing:-.055em;font-size:clamp(28px,5vw,54px)}.music-console-title span{color:#7f8992;grid-area:1/2/3;font:700 11px ui-monospace,monospace}.music-console-time{color:#8a929b;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;font:700 9px ui-monospace,monospace;display:grid}.music-signal-console>footer{border-top:1px solid #30383f;margin-top:26px;padding-top:18px}.music-signal-console>footer>span{align-items:center;gap:7px;width:100px;display:flex}.music-signal-console>footer>span i{background:#6d62f3;width:60%;height:3px;display:block}.music-signal-console>footer>button{border:1px solid #30383f;width:36px;height:36px}.music-pocket-player{color:#181714;background:#f0eadf;border:0;border-radius:36px;width:min(390px,100%);padding:18px}.music-pocket-player>header{padding:4px 4px 16px}.music-pocket-player>header button{color:#181714}.music-pocket-player>.showcase-art{aspect-ratio:1;border-radius:24px}.music-pocket-player>section{padding:22px 4px 8px;display:grid}.music-pocket-player>section small{color:#777166}.music-pocket-player>section strong{letter-spacing:-.04em;margin:4px 0 18px;font-size:28px}.music-pocket-player>section>span{justify-content:space-between;margin-top:8px;font:700 9px ui-monospace,monospace;display:flex}.music-pocket-player>footer{padding-top:12px}.music-pocket-player .music-transport button,.music-pocket-player>footer>button{color:#181714;border-color:#beb6aa}.music-pocket-player .music-transport button.is-primary{color:#fff;background:#181714;border-color:#181714}.music-immersive-cover{border:0;border-radius:28px;height:470px;position:relative;overflow:hidden}.music-immersive-cover>.showcase-art{position:absolute;inset:0}.music-immersive-cover>.showcase-art:after{background:linear-gradient(#0001,#0000 30%,#08090adc 90%)}.music-immersive-cover>:not(.showcase-art){z-index:3;position:absolute}.music-immersive-cover>header{inset:22px 24px auto}.music-immersive-cover>header button{color:#fff}.music-immersive-cover>section{display:grid;bottom:105px;left:28px}.music-immersive-cover>section small{color:#fff9}.music-immersive-cover>section strong{letter-spacing:-.05em;font-size:40px}.music-immersive-cover>section span{color:#fff9;font-size:13px}.music-immersive-cover>footer{gap:20px;bottom:22px;left:24px;right:24px}.music-immersive-cover>footer>div:last-child{flex:1}.music-immersive-cover>footer>div>span{color:#fff9;margin-top:7px;font:700 9px ui-monospace,monospace;display:block}.profile-scene{color:#f5f2eb;background:#141515;border:1px solid #303135;width:min(760px,100%);box-shadow:0 30px 70px #0008}.profile-scene button{cursor:pointer}.profile-follow{color:#171717;background:#f4f2ec;border:1px solid #44464b;border-radius:100px;align-items:center;gap:7px;padding:10px 16px;font-weight:750;display:flex}.profile-follow[data-following=true]{color:#f4f2ec;background:0 0}.accent-cobalt{--profile-accent:#786cff}.accent-coral{--profile-accent:#ff775f}.accent-moss{--profile-accent:#75bb87}.accent-mono{--profile-accent:#e5e2db}.profile-editorial{border-radius:4px;padding:24px}.profile-editorial>header{color:#9b9c9b;border-bottom:1px solid #333;justify-content:space-between;padding-bottom:20px;font:700 9px ui-monospace,monospace;display:flex}.profile-editorial>section{grid-template-columns:.88fr 1.12fr;min-height:360px;display:grid}.profile-editorial-portrait{position:relative;overflow:hidden}.profile-editorial-portrait>.showcase-art{position:absolute;inset:0}.profile-editorial-portrait>.showcase-avatar{filter:drop-shadow(0 20px 20px #0007);border-radius:45% 45% 10% 10%;width:58%;height:65%;position:absolute;bottom:-4%;left:21%}.profile-editorial>section>div:last-child{flex-direction:column;justify-content:center;padding:45px;display:flex}.profile-editorial>section>div>small{color:var(--profile-accent);font:700 9px ui-monospace,monospace}.profile-editorial>section>div>strong{letter-spacing:-.07em;margin:12px 0 20px;font-size:58px;line-height:.85}.profile-editorial p{color:#a9a9a5;font-size:14px;line-height:1.65}.profile-editorial footer{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.profile-editorial footer>span{color:#aaa;font-size:10px}.profile-editorial footer i{background:#32d6a0;border-radius:50%;width:6px;height:6px;display:inline-block}.profile-social{border-radius:28px;width:min(470px,100%);overflow:hidden}.profile-social>header{height:155px;position:relative}.profile-social>header>.showcase-art{position:absolute;inset:0}.profile-social>header>.showcase-avatar{z-index:2;border:5px solid #141515;border-radius:25px;width:92px;height:92px;position:absolute;bottom:-40px;left:28px}.profile-social>section{padding:58px 28px 28px;position:relative}.profile-social>section>.profile-follow{position:absolute;top:18px;right:28px}.profile-social>section>div:first-child>span{align-items:center;gap:6px;display:flex}.profile-social>section>div strong{font-size:20px}.profile-social>section>div svg{color:var(--profile-accent)}.profile-social>section>div small,.profile-social p{color:#92938f;font-size:12px}.profile-social p{margin:18px 0;line-height:1.6}.profile-social dl{border-block:1px solid #303130;grid-template-columns:repeat(3,1fr);margin:0;padding:16px 0;display:grid}.profile-social dl div{display:grid}.profile-social dt{color:#898a87;font-size:9px}.profile-social dd{margin:3px 0 0;font-weight:800}.profile-social footer{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;display:grid}.profile-social footer .showcase-art{aspect-ratio:1;border-radius:10px}.profile-credential{background:linear-gradient(145deg,#17191b,#0d0f10);border-radius:20px;max-width:520px;padding:24px}.profile-credential>header{justify-content:space-between;font:700 9px ui-monospace,monospace;display:flex}.profile-credential>header b{color:#43d4a4}.profile-credential>section{grid-template-columns:72px 1fr 58px;align-items:center;gap:16px;padding:34px 0;display:grid}.profile-credential .showcase-avatar{border-radius:16px;width:72px;height:72px}.profile-credential section>div{gap:4px;display:grid}.profile-credential section small{color:var(--profile-accent);font:700 8px ui-monospace,monospace}.profile-credential section strong{font-size:20px}.profile-credential section span{color:#929490;font-size:11px}.profile-credential-code{opacity:.6;background:repeating-linear-gradient(90deg,#ddd 0 2px,#0000 2px 4px,#ddd 4px 5px,#0000 5px 8px);height:58px}.profile-credential dl{border-block:1px solid #303234;grid-template-columns:repeat(3,1fr);padding:16px 0;display:grid}.profile-credential dl div{gap:5px;display:grid}.profile-credential dt{color:#777;font:700 8px ui-monospace,monospace}.profile-credential dd{margin:0;font-size:11px}.profile-credential>footer{justify-content:space-between;align-items:center;padding-top:18px;display:flex}.profile-credential>footer span{color:#62d8b1;align-items:center;gap:6px;font-size:10px;display:flex}.profile-credential>footer button{color:#eee;background:0 0;border:1px solid #3b3e41;border-radius:8px;gap:6px;padding:8px 12px;display:flex}.profile-split{border-radius:24px;grid-template-columns:1fr 1.15fr;display:grid;overflow:hidden}.profile-split-visual{min-height:390px;position:relative}.profile-split-visual>.showcase-art{position:absolute;inset:0}.profile-split-visual>.showcase-avatar{z-index:2;border-radius:48% 48% 0 0;width:66%;height:72%;position:absolute;bottom:0;left:18%}.profile-split-visual>span{z-index:3;font:700 9px ui-monospace,monospace;position:absolute;top:18px;left:18px}.profile-split>section{flex-direction:column;justify-content:space-between;padding:28px;display:flex}.profile-split>section>header{color:#999;justify-content:space-between;font:700 9px ui-monospace,monospace;display:flex}.profile-split>section>header i{background:#35d6a0;border-radius:50%;width:6px;height:6px;display:inline-block}.profile-split>section>div{gap:10px;display:grid}.profile-split>section>div small{color:var(--profile-accent);font:700 9px ui-monospace,monospace}.profile-split>section>div strong{letter-spacing:-.05em;font-size:38px}.profile-split>section>div p{color:#aaa;font-size:13px;line-height:1.6}.profile-split>section>div>span{color:#888;align-items:center;gap:6px;font-size:10px;display:flex}.profile-split>section>footer{justify-content:space-between;display:flex}.profile-split>section>footer>button:last-child{background:0 0;border:0;align-items:center;gap:8px;display:flex}.avatar-scene{color:#1b1b1a;background:#f0eee8;border:1px solid #cec9be;border-radius:24px;width:min(650px,100%);box-shadow:0 32px 70px #0008}.avatar-scene>header{letter-spacing:.12em;border-bottom:1px solid #d5d0c6;justify-content:space-between;padding:20px 22px;font:750 9px ui-monospace,monospace;display:flex}.avatar-shell{flex:none;width:52px;height:52px;display:inline-block;position:relative}.avatar-shell[data-size=small]{width:38px;height:38px}.avatar-shell[data-size=large]{width:70px;height:70px}.avatar-shell[data-shape=circle]{border-radius:50%}.avatar-shell[data-shape=squircle]{border-radius:32%}.avatar-shell[data-shape=soft-square]{border-radius:20%}.avatar-shell>i{background:#a7a59e;border:2px solid #f0eee8;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.avatar-shell[data-status=online]>i{background:#20be83}.avatar-shell[data-status=busy]>i{background:#ef6258}.avatar-shell[data-status=away]>i{background:#e8a83e}.avatar-presence{max-width:570px}.avatar-presence>section{padding:10px}.avatar-presence>section>button{color:#222;text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:100%;padding:10px 12px;display:grid}.avatar-presence>section>button:hover,.avatar-presence>section>button[data-active=true]{background:#fff}.avatar-presence button>span{gap:3px;display:grid}.avatar-presence button strong{font-size:13px}.avatar-presence button small{color:#7c7870;font-size:10px}.avatar-presence button em{color:#6f6b63;font:700 9px ui-monospace,monospace}.avatar-stack{color:#eee;background:#121414;border-color:#343535;max-width:590px}.avatar-stack>header{border-color:#343535}.avatar-stack>section{gap:24px;padding:48px 32px;display:grid}.avatar-stack>section>div{display:flex}.avatar-stack>section>div>button{background:0 0;border:0;margin-left:-12px;padding:0;position:relative}.avatar-stack>section>div>button:first-child{margin-left:0}.avatar-stack .avatar-shell{box-shadow:0 0 0 3px #121414}.avatar-stack button[data-active=true]{z-index:5;transform:translateY(-9px)}.avatar-more,.avatar-add{place-items:center;width:52px;color:#fff!important;background:#292b2c!important;border-radius:50%!important;height:52px!important;display:grid!important}.avatar-add{background:0 0!important;border:1px dashed #555!important}.avatar-stack section p{margin:0;display:grid}.avatar-stack section p span{color:#999;margin-top:5px;font-size:11px}.avatar-stack>footer{border-top:1px solid #343535;justify-content:space-between;padding:17px 22px;font-size:10px;display:flex}.avatar-stack>footer i{background:#22ca91;border-radius:50%;width:6px;height:6px;display:inline-block}.avatar-stack>footer b{color:#54dcb0}.avatar-orbit{color:#eee;background:#11151a;border-color:#29313a;max-width:560px}.avatar-orbit>header{border-color:#29313a}.avatar-orbit>header b{color:#51ddb2}.avatar-orbit>header b i{background:#23d29a;border-radius:50%;width:6px;height:6px;display:inline-block}.avatar-orbit>section{background:radial-gradient(circle,#29384a 0 1px,#0000 1px) 0 0/18px 18px;place-items:center;height:340px;display:grid;position:relative}.avatar-orbit>section:before,.avatar-orbit>section:after{content:"";border:1px solid #ffffff18;border-radius:50%;width:210px;height:210px;position:absolute}.avatar-orbit>section:after{width:310px;height:310px}.avatar-orbit-center{z-index:2;place-items:center;display:grid;position:relative}.avatar-orbit-center .avatar-shell{box-shadow:0 0 0 6px #5b65ff33,0 0 35px #5b65ff77}.avatar-orbit-center>span{text-align:center;margin-top:10px;font-weight:700;display:grid}.avatar-orbit-center small{color:#55ddb3;font-size:9px}.avatar-orbit section>button{--angle:calc(var(--avatar-orbit-index)*90deg);left:calc(50% + cos(var(--angle))*125px - 24px);top:calc(50% + sin(var(--angle))*125px - 24px);color:#ddd;z-index:3;background:0 0;border:0;place-items:center;gap:3px;font-size:8px;display:grid;position:absolute}.avatar-orbit>footer{border-top:1px solid #29313a;justify-content:center;align-items:center;gap:9px;padding:16px;display:flex}.avatar-orbit>footer button{background:#191e23;border:1px solid #37404a;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.avatar-orbit>footer span{margin-left:12px;font:700 9px ui-monospace,monospace}.avatar-initials{max-width:600px}.avatar-initials>section{grid-template-columns:repeat(3,1fr);gap:10px;padding:22px;display:grid}.avatar-initials>section>button{color:#222;text-align:left;background:#e7e3da;border:1px solid #d5d0c6;border-radius:16px;align-items:center;gap:10px;padding:14px;display:flex}.avatar-initials>section>button[data-active=true]{color:#fff;background:#171818;border-color:#171818}.avatar-initials button>span{display:grid}.avatar-initials button>span strong{font:800 10px ui-monospace,monospace}.avatar-initials button>span small{color:#858078;font-size:9px}.avatar-initials>footer{border-top:1px solid #d5d0c6;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:18px 22px;display:grid}.avatar-initials>footer span{font-family:serif;font-size:24px}.avatar-initials>footer b{max-width:300px;font-size:11px}.bitmoji-scene{--bit-bg:#efe9dd;--bit-ink:#20201e;--bit-accent:#6759f5;background:var(--bit-bg);width:min(700px,100%);color:var(--bit-ink);border:1px solid #d2cabc;border-radius:26px;overflow:hidden;box-shadow:0 35px 80px #0008}.bitmoji-scene.backdrop-night{--bit-bg:#11151c;--bit-ink:#f5f2eb;--bit-accent:#8c7cff}.bitmoji-scene.backdrop-sunset{--bit-bg:#f2a682;--bit-ink:#2c1720;--bit-accent:#8d3eff}.bitmoji-scene.backdrop-acid{--bit-bg:#d7ff43;--bit-ink:#171811;--bit-accent:#604cff}.bitmoji-scene>header,.bitmoji-scene>footer{border-color:color-mix(in srgb,var(--bit-ink) 18%,transparent);letter-spacing:.12em;justify-content:space-between;align-items:center;padding:20px 24px;font:750 9px ui-monospace,monospace;display:flex}.bitmoji-scene>header{border-bottom:1px solid color-mix(in srgb,var(--bit-ink) 18%,transparent)}.bitmoji-scene>footer{border-top:1px solid color-mix(in srgb,var(--bit-ink) 18%,transparent)}.bitmoji-figure{--outfit:#5d55e8;width:100px;height:145px;display:inline-block;position:relative}.bitmoji-figure.outfit-ink{--outfit:#1b1c1f}.bitmoji-figure.outfit-coral{--outfit:#ef6a57}.bitmoji-figure.outfit-moss{--outfit:#54a67b}.bitmoji-figure>.showcase-avatar{z-index:4;border-radius:45%;width:70px;height:70px;position:absolute;top:4px;left:15px}.bitmoji-neck{background:var(--skin,#d79a71);width:22px;height:20px;position:absolute;top:62px;left:39px}.bitmoji-body{background:var(--outfit);border-radius:38px 38px 16px 16px;width:80px;height:78px;position:absolute;bottom:0;left:10px}.bitmoji-arm{z-index:3;background:var(--outfit);border-radius:16px;width:20px;height:68px;position:absolute;bottom:5px}.bitmoji-arm.is-left{left:2px;transform:rotate(9deg)}.bitmoji-arm.is-right{right:2px;transform:rotate(-9deg)}.pose-wave .bitmoji-arm.is-right{transform-origin:bottom;bottom:28px;transform:rotate(-145deg)}.pose-jump{transform:translateY(-7px)rotate(-4deg)}.accessory-glasses .bitmoji-accessory{z-index:7;background:linear-gradient(90deg,#0000 0 5%,#202124 6% 41%,#0000 42% 57%,#202124 58% 94%,#0000 95%);border-radius:8px;width:52px;height:18px;position:absolute;top:33px;left:24px}.accessory-cap .bitmoji-accessory{z-index:7;background:#1d1f22;border-radius:40px 40px 5px 5px;width:70px;height:28px;position:absolute;top:1px;left:16px}.accessory-headphones .bitmoji-accessory{z-index:7;border:5px solid #1c1e22;border-bottom:0;border-radius:40px 40px 0 0;width:66px;height:48px;position:absolute;top:9px;left:17px}.bitmoji-sticker-sheet>section{grid-template-columns:repeat(5,1fr);gap:10px;padding:26px;display:grid}.bitmoji-sticker-sheet>section>button{border:1px solid color-mix(in srgb,var(--bit-ink) 15%,transparent);background:color-mix(in srgb,var(--bit-bg) 90%,#fff);color:inherit;cursor:pointer;border-radius:18px;place-items:center;padding:12px 4px 9px;display:grid}.bitmoji-sticker-sheet>section>button[data-active=true]{box-shadow:0 0 0 2px var(--bit-accent);transform:translateY(-5px)}.bitmoji-sticker-sheet button>span{text-transform:uppercase;font:700 8px ui-monospace,monospace}.bitmoji-room{background:linear-gradient(180deg,color-mix(in srgb,var(--bit-bg) 80%,#fff),var(--bit-bg));height:330px;position:relative;overflow:hidden}.bitmoji-room:after{content:"";background:repeating-linear-gradient(90deg,transparent 0 50px,color-mix(in srgb,var(--bit-ink) 8%,transparent) 51px 52px);height:35%;position:absolute;bottom:0;left:0;right:0}.bitmoji-room .bitmoji-sun{background:#ffd34f;border-radius:50%;width:70px;height:70px;position:absolute;top:35px;right:50px}.bitmoji-room .bitmoji-desk{background:var(--bit-ink);z-index:2;height:12px;position:absolute;bottom:80px;left:8%;right:8%}.bitmoji-room .bitmoji-plant{background:#52a778;border-radius:50% 5%;width:45px;height:80px;position:absolute;bottom:90px;left:14%;transform:rotate(-12deg)}.bitmoji-room>.bitmoji-figure{z-index:4;position:absolute;bottom:76px;left:52%;transform:scale(1.25)}.bitmoji-room>p{z-index:5;color:#222;background:#fff;border-radius:20px 20px 20px 3px;padding:13px 18px;font-weight:750;position:absolute;top:42px;left:42%}.bitmoji-room>p span{color:#765cff}.bitmoji-mini-scene>footer i{background:#20c58a;border-radius:50%;width:6px;height:6px;display:inline-block}.bitmoji-reactions{max-width:520px}.bitmoji-reactions>section{gap:8px;padding:18px;display:grid}.bitmoji-reactions>section>button{border:1px solid color-mix(in srgb,var(--bit-ink) 15%,transparent);background:color-mix(in srgb,var(--bit-bg) 94%,#fff);height:82px;color:inherit;text-align:left;cursor:pointer;border-radius:18px;grid-template-columns:75px 1fr auto;align-items:center;padding:0 18px 0 5px;display:grid}.bitmoji-reactions>section>button[data-active=true]{background:var(--bit-ink);color:var(--bit-bg)}.bitmoji-reactions .bitmoji-figure{transform-origin:50%;transform:scale(.48)}.bitmoji-reactions button>span{font-weight:750}.bitmoji-reactions>footer{justify-content:flex-start;gap:9px}.bitmoji-builder>section{grid-template-columns:1fr 170px;min-height:330px;display:grid}.bitmoji-builder-stage{background:radial-gradient(circle,color-mix(in srgb,var(--bit-accent) 22%,transparent),transparent 60%);place-items:center;display:grid;position:relative}.bitmoji-builder-stage>i{border:1px solid color-mix(in srgb,var(--bit-ink) 18%,transparent);border-radius:50%;width:230px;height:230px;position:absolute}.bitmoji-builder-stage>.bitmoji-figure{transform:scale(1.45)}.bitmoji-builder-stage>p{color:#222;background:#fff;border-radius:15px 15px 15px 3px;padding:9px 15px;font-weight:800;position:absolute;top:55px;right:50px}.bitmoji-builder aside{border-left:1px solid color-mix(in srgb,var(--bit-ink) 18%,transparent);grid-template-columns:repeat(2,1fr);align-content:center;gap:8px;padding:18px;display:grid}.bitmoji-builder aside>small{grid-column:1/-1;font:750 8px ui-monospace,monospace}.bitmoji-builder aside button{border:1px solid color-mix(in srgb,var(--bit-ink) 15%,transparent);background:0 0;border-radius:12px;place-items:center;height:58px;display:grid}.bitmoji-builder aside button[data-active=true]{box-shadow:0 0 0 2px var(--bit-accent)}.bitmoji-builder aside .showcase-avatar{border-radius:50%;width:40px;height:40px}.bitmoji-add{border-style:dashed!important}.media-scene{background:#111316;border:1px solid #303239;width:min(780px,100%);position:relative;box-shadow:0 32px 80px #000a}.media-scene button{cursor:pointer;background:0 0;border:0}.media-controls{grid-template-columns:auto auto 1fr auto auto auto auto;align-items:center;gap:12px;display:grid}.media-controls button{place-items:center;width:30px;height:30px;display:grid}.media-controls>span:not(.showcase-scrubber){color:#aaa;font:700 8px ui-monospace,monospace}.media-controls button[data-active=true]{color:#70dbc0}.media-cinema{aspect-ratio:16/9;border-radius:18px;overflow:hidden}.media-cinema>.showcase-art{position:absolute;inset:0}.media-cinema>.showcase-art:after{background:linear-gradient(#0009,#0000 30% 55%,#000d)}.media-landscape i{z-index:2;background:#151923;border-radius:50% 50% 0 0;width:70%;height:65%;position:absolute;bottom:-25%}.media-landscape i:first-child{left:-12%;transform:rotate(11deg)}.media-landscape i:nth-child(2){background:#242b39;right:-18%;transform:rotate(-13deg)}.media-landscape i:nth-child(3){background:#f2c057;border-radius:50% 50% 12% 12%;width:15%;height:35%;bottom:17%;left:34%}.media-cinema>header{z-index:5;justify-content:space-between;font:700 9px ui-monospace,monospace;display:flex;position:absolute;top:20px;left:22px;right:22px}.media-center-play{z-index:6;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#111!important;background:#f5f2eb!important}.media-cinema>p{z-index:5;white-space:nowrap;background:#090a0be6;margin:0;padding:8px 13px;font-size:11px;position:absolute;bottom:74px;left:50%;transform:translate(-50%)}.media-cinema>footer{z-index:5;position:absolute;bottom:14px;left:20px;right:20px}.media-minimal{border-radius:3px;max-width:650px;padding:24px}.media-minimal>header{color:#999;justify-content:space-between;padding-bottom:18px;font:700 9px ui-monospace,monospace;display:flex}.media-minimal>.showcase-art{aspect-ratio:16/8;border-radius:2px}.media-minimal-mark{letter-spacing:-.08em;color:#fff4;z-index:3;font-size:72px;font-weight:850;line-height:1;position:absolute;bottom:10px;right:20px}.media-minimal>section{justify-content:space-between;align-items:center;padding:22px 0;display:flex}.media-minimal section>div{gap:5px;display:grid}.media-minimal section small{color:#6fdcbc;font:700 8px ui-monospace,monospace}.media-minimal section strong{font-size:22px}.media-minimal section>button{border:1px solid #42454b;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.media-minimal>footer{color:#999;grid-template-columns:1fr auto auto;align-items:center;gap:12px;font:700 8px ui-monospace,monospace;display:grid}.media-chapters{border-radius:22px;grid-template-columns:1.12fr .88fr;min-height:390px;display:grid;overflow:hidden}.media-chapter-picture{position:relative}.media-chapter-picture>.showcase-art{position:absolute;inset:0}.media-chapter-picture>.showcase-art>span{z-index:4;color:#fff5;font-size:100px;font-weight:850;line-height:1;position:absolute;bottom:14px;left:25px}.media-chapter-picture>button{z-index:5;color:#111;background:#f4f2ed;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-chapters>section{grid-template-rows:auto 1fr;padding:24px;display:grid}.media-chapters section>header{gap:9px;padding-bottom:20px;display:grid}.media-chapters header small{color:#70dcc0;font:700 8px ui-monospace,monospace}.media-chapters header strong{font-size:22px;line-height:1.1}.media-chapters nav{display:grid}.media-chapters nav button{color:#eee;text-align:left;border-top:1px solid #303238;grid-template-columns:30px 1fr auto;align-items:center;padding:11px 0;display:grid}.media-chapters nav button>span,.media-chapters nav button>small{color:#777;font:700 8px ui-monospace,monospace}.media-chapters nav button>b{font-size:11px}.media-chapters nav button[data-active=true] b{color:#70dcc0}.media-chapters nav button[data-active=true] span{color:#fff}.media-vertical{border-radius:30px;width:min(330px,100%);height:510px;overflow:hidden}.media-vertical>.showcase-art{position:absolute;inset:0}.media-vertical>.showcase-art:after{background:linear-gradient(#0009,#0000 35%,#000d)}.media-vertical-figure i{z-index:2;background:#12151b;border-radius:50% 50% 12% 12%;width:30%;height:60%;position:absolute;bottom:15%;left:35%}.media-vertical-figure b{z-index:2;clip-path:polygon(0 65%,30% 20%,55% 80%,100% 0,100% 100%,0 100%);background:#ff664d;width:80%;height:18%;position:absolute;bottom:10%;left:10%}.media-vertical>header{z-index:4;justify-content:space-between;font:700 8px ui-monospace,monospace;display:flex;position:absolute;top:18px;left:18px;right:18px}.media-vertical>header button{color:#fff}.media-vertical>section{z-index:4;position:absolute;bottom:72px;left:20px;right:20px}.media-vertical>section p{font-size:18px;line-height:1.2}.media-vertical>section>span{color:#ddd;font-size:9px}.media-vertical>footer{z-index:4;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid;position:absolute;bottom:20px;left:18px;right:18px}.media-vertical>footer button{color:#fff}.gallery-scene{color:#1b1b1a;background:#f2efe6;border:1px solid #d6d0c3;width:min(800px,100%);box-shadow:0 35px 75px #0008}.gallery-scene>header{letter-spacing:.1em;border-bottom:1px solid #d4cec2;justify-content:space-between;align-items:center;padding:19px 22px;font:750 9px ui-monospace,monospace;display:flex}.gallery-scene>header>span{align-items:center;gap:8px;display:flex}.gallery-masonry{border-radius:22px;padding-bottom:14px}.gallery-masonry>section{columns:3;column-gap:var(--gallery-gap);padding:var(--gallery-gap)}.gallery-masonry>section>button{break-inside:avoid;width:100%;margin-bottom:var(--gallery-gap);text-align:left;color:#222;cursor:pointer;background:0 0;border:0;padding:0;display:block}.gallery-masonry button .showcase-art{aspect-ratio:4/3;border-radius:8px}.gallery-masonry button:nth-child(2n) .showcase-art{aspect-ratio:3/4}.gallery-masonry button:nth-child(3n) .showcase-art{aspect-ratio:1}.gallery-masonry button[data-active=true] .showcase-art{box-shadow:0 0 0 3px #5b54e9}.gallery-masonry button>span{padding:8px 2px;display:grid}.gallery-masonry button strong{font-size:10px}.gallery-masonry button small{color:#777;font-size:8px}.gallery-filmstrip{color:#eee;background:#121315;border-color:#333;border-radius:4px;padding-bottom:18px}.gallery-filmstrip>header{border-color:#333}.gallery-film-main{height:330px;margin:18px;position:relative}.gallery-film-main>.showcase-art{position:absolute;inset:0}.gallery-film-main>span{z-index:4;background:#0a0b0cd9;padding:10px 13px;display:grid;position:absolute;bottom:18px;left:18px}.gallery-film-main>span small{color:#aaa;font-size:9px}.gallery-film-main>button{z-index:4;color:#fff;background:#111b;border:1px solid #fff5;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%}.gallery-film-main>button:first-of-type{left:14px}.gallery-film-main>button:nth-of-type(2){right:14px}.gallery-filmstrip>footer{grid-template-columns:repeat(6,1fr);gap:7px;padding:0 18px;display:grid}.gallery-filmstrip>footer button{opacity:.45;background:0 0;border:0;padding:0;position:relative}.gallery-filmstrip>footer button[data-active=true]{opacity:1;box-shadow:0 0 0 2px #fff}.gallery-filmstrip>footer .showcase-art{aspect-ratio:4/3}.gallery-filmstrip>footer span{color:#fff;font:700 7px ui-monospace,monospace;position:absolute;bottom:3px;left:4px}.gallery-editorial{border-radius:0;padding:28px}.gallery-editorial>header{padding:0 0 18px}.gallery-editorial>section{grid-template-columns:1.3fr .7fr;min-height:370px;display:grid}.gallery-editorial>section>.showcase-art{min-height:370px}.gallery-editorial>section>div{flex-direction:column;justify-content:center;padding:30px;display:flex}.gallery-editorial section small{color:#7b746a;font:700 8px ui-monospace,monospace}.gallery-editorial section strong{margin:11px 0;font:500 38px/1 serif}.gallery-editorial section p{color:#625e57;font:15px/1.6 serif}.gallery-editorial nav{border-top:1px solid #d4cec2;justify-content:space-between;align-items:center;margin-top:auto;padding-top:25px;display:flex}.gallery-editorial nav button{background:0 0;border:1px solid #c5beb0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.gallery-editorial nav span{font:700 9px ui-monospace,monospace}.gallery-lightbox{color:#eee;background:#151616;border-color:#333;border-radius:22px;min-height:430px;position:relative;overflow:hidden}.gallery-lightbox>header{border-color:#333}.gallery-lightbox>header button{color:#eee;background:0 0;border:0;align-items:center;gap:7px;display:flex}.gallery-lightbox>section{grid-template-columns:repeat(2,1fr);gap:10px;padding:18px;display:grid}.gallery-lightbox>section>button{border:0;padding:0;position:relative;overflow:hidden}.gallery-lightbox>section .showcase-art{aspect-ratio:16/8}.gallery-lightbox>section span{color:#fff;font:700 8px ui-monospace,monospace;position:absolute;bottom:8px;left:10px}.gallery-focus{z-index:5;background:#0b0c0df5;padding:46px;position:absolute;inset:0}.gallery-focus>.showcase-art{height:100%}.gallery-focus>button{z-index:8;color:#fff;background:#222;border:1px solid #555;border-radius:50%;width:28px;height:28px;position:absolute;top:12px;right:12px}.gallery-focus>footer{z-index:7;background:#101113dd;justify-content:space-between;padding:12px 15px;display:flex;position:absolute;bottom:60px;left:64px;right:64px}.gallery-focus footer>span{display:grid}.gallery-focus footer small{color:#999;font:700 7px ui-monospace,monospace}.gallery-focus footer nav{align-items:center;gap:10px;display:flex}.gallery-focus footer button{color:#fff;background:0 0;border:0}.grid-scene{--grid-gap:12px;--grid-radius:16px;background:#111316;border:1px solid #303339;width:min(800px,100%);box-shadow:0 30px 70px #0009}.grid-scene>header{letter-spacing:.11em;border-bottom:1px solid #303339;justify-content:space-between;align-items:center;padding:20px 22px;font:700 9px ui-monospace,monospace;display:flex}.grid-scene>header span{align-items:center;gap:8px;display:flex}.grid-scene>header span i{background:#29ce95;border-radius:50%;width:6px;height:6px}.grid-cells{gap:var(--grid-gap);display:grid}.grid-cells>article{border-radius:var(--grid-radius)}.grid-dashboard{border-radius:22px;padding-bottom:18px}.grid-dashboard .grid-cells{grid-template-columns:repeat(6,1fr);padding:18px}.grid-dashboard article{background:#191b1e;border:1px solid #303339;padding:18px}.grid-dashboard .is-metric{grid-column:span 2}.grid-dashboard .is-metric small,.grid-dashboard article>span:first-child{color:#898d92;font:700 8px ui-monospace,monospace}.grid-dashboard .is-metric strong{letter-spacing:-.08em;font-size:56px;display:block}.grid-dashboard .is-metric strong span{color:#777;font-size:13px}.grid-dashboard .is-metric em{color:#50d5a8;gap:4px;font-size:10px;font-style:normal;display:flex}.grid-dashboard .is-chart{grid-column:span 4}.grid-dashboard .is-chart>div{align-items:flex-end;gap:8px;height:100px;padding-top:15px;display:flex}.grid-dashboard .is-chart>div i{background:linear-gradient(#8879ff,#4a68d9);border-radius:5px 5px 1px 1px;flex:1}.grid-dashboard .is-status{grid-column:span 2;gap:5px;display:grid}.grid-dashboard .is-status small{color:#888;font:700 8px ui-monospace,monospace}.grid-dashboard .is-status strong{font-size:35px}.grid-dashboard .is-status span{color:#61d9b0;font-size:9px}.grid-dashboard .is-log{grid-column:span 4}.grid-dashboard .is-log>span{align-items:center;gap:7px;display:flex}.grid-dashboard .is-log p{border-bottom:1px solid #292b2f;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:0;padding:8px 0;font-size:10px;display:grid}.grid-dashboard .is-log p i{background:#6f66f1;border-radius:50%;width:5px;height:5px}.grid-dashboard .is-log time{color:#777;font:700 8px ui-monospace,monospace}.grid-mosaic{color:#191917;background:#ede9dd;border-color:#cbc4b7;padding:20px}.grid-mosaic>header{border-color:#cbc4b7}.grid-mosaic .grid-cells{grid-template-columns:repeat(6,1fr);grid-auto-rows:110px;padding-top:20px}.mosaic-tile{background:#171819;position:relative;overflow:hidden}.mosaic-tile .showcase-art{position:absolute;inset:0}.mosaic-tile>span{z-index:3;color:#fff;justify-content:space-between;font:700 8px ui-monospace,monospace;display:flex;position:absolute;bottom:9px;left:10px;right:10px}.mosaic-tile.is-tile-1{grid-area:span 2/span 3}.mosaic-tile.is-tile-2{grid-column:span 2}.mosaic-tile.is-tile-3{grid-column:span 1}.mosaic-tile.is-tile-4{grid-column:span 3}.mosaic-tile.is-tile-5,.mosaic-tile.is-tile-6,.mosaic-tile.is-tile-7{grid-column:span 2}.grid-modular{color:#1b1b19;background:#e9e4da;border-color:#cbc4b7;border-radius:28px}.grid-modular>header{border-color:#cbc4b7}.grid-modular>header button{background:#f5f1e9;border:1px solid #bbb3a5;border-radius:8px;gap:6px;padding:8px 11px;display:flex}.grid-modular .grid-cells{grid-template-columns:repeat(4,1fr);padding:16px}.grid-modular article{background:#f4f0e7;border:1px solid #cac3b6;padding:18px}.module-note{flex-direction:column;grid-area:span 2/span 2;display:flex}.module-note small,.module-colors small,.module-list small{color:#79736a;font:700 8px ui-monospace,monospace}.module-note strong{margin:auto 0;font:500 27px/1.05 serif}.module-note span{color:#817b72;font-size:9px}.module-colors{grid-column:span 2;align-items:center;display:flex}.module-colors i{background:#6659ee;border:4px solid #f4f0e7;border-radius:50%;width:42px;height:42px;margin-right:-8px}.module-colors i:nth-child(2){background:#2bb99e}.module-colors i:nth-child(3){background:#f1b64a}.module-colors i:nth-child(4){background:#ef694f}.module-colors small{margin-left:auto}.module-list{grid-column:span 2}.module-list p{border-bottom:1px solid #d8d1c6;grid-template-columns:24px 1fr auto;margin:0;padding:8px 0;font-size:9px;display:grid}.module-list p b{font-family:ui-monospace,monospace}.module-list p span{color:#5f8e70}.module-action{color:#fff;grid-column:span 2;justify-content:space-between;align-items:flex-end;font-size:13px;display:flex;background:#161717!important}.grid-poster{color:#111;background:#f4ee39;border:0;padding:20px}.grid-poster .grid-cells{grid-template-rows:90px 180px 100px;grid-template-columns:repeat(6,1fr)}.grid-poster article{border:2px solid #111;border-radius:0;padding:12px}.poster-number{grid-column:span 2;font-size:70px;font-weight:900;line-height:.8}.poster-title{letter-spacing:-.07em;grid-area:span 2/span 4;font-size:47px;font-weight:900;line-height:.8}.poster-title i{color:#6554e8;font-style:normal}.poster-copy{grid-column:span 2;font:16px/1.2 serif}.poster-dot{aspect-ratio:1;background:#ee523d;grid-column:span 1;place-self:center;block-size:auto;inline-size:min(100%,100px);border-radius:50%!important}.poster-meta{grid-column:span 2;justify-content:space-between;font:700 8px ui-monospace,monospace;display:flex}.poster-line{background:#111;grid-column:span 1}.graphic-scene{--g-bg:#eee9dc;--g-ink:#171715;--g-accent:#6356ed;background:var(--g-bg);width:min(620px,100%);height:470px;color:var(--g-ink);position:relative;overflow:hidden;box-shadow:0 36px 75px #0009}.graphic-scene.palette-oxide{--g-bg:#e4d5bf;--g-ink:#3a1713;--g-accent:#e54d35}.graphic-scene.palette-mono{--g-bg:#0f1011;--g-ink:#efeee9;--g-accent:#a9adb3}.graphic-scene.palette-acid{--g-bg:#d8ff3f;--g-ink:#181910;--g-accent:#7854ff}.graphic-scene[data-grain=true]:after{content:"";z-index:20;opacity:.14;pointer-events:none;background: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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:absolute;inset:0}.graphic-scene>header{z-index:5;letter-spacing:.12em;justify-content:space-between;font:750 9px ui-monospace,monospace;display:flex;position:absolute;top:22px;left:24px;right:24px}.graphic-swiss>strong{z-index:3;letter-spacing:-.09em;font-size:clamp(70px,14vw,150px);line-height:.72;position:absolute;bottom:88px;left:18px}.graphic-swiss-disc{background:var(--g-accent);mix-blend-mode:multiply;width:250px;height:250px;transform:rotate(var(--graphic-rotation));border-radius:50%;position:absolute;top:17%;right:8%}.graphic-swiss-disc:after{content:"";background:var(--g-ink);width:65%;height:18%;position:absolute;top:41%;left:-25%;transform:rotate(-28deg)}.graphic-swiss>footer{justify-content:space-between;font:750 9px ui-monospace,monospace;display:flex;position:absolute;bottom:22px;left:24px;right:24px}.graphic-chrome{color:#f1f0ea;background:#090a0c}.graphic-chrome-object{width:250px;height:250px;transform:translate(-50%,-50%) rotate(var(--graphic-rotation));filter:drop-shadow(0 28px 35px #000);background:conic-gradient(from 45deg,#15161a,#f8f8f8,#5f6875,#0f1013,#d7e2ed,#24262b,#fff,#15161a);border-radius:43% 57% 62% 38%/38% 46% 54% 62%;position:absolute;top:45%;left:50%}.graphic-chrome-object i{background:#08090a;border-radius:50%;position:absolute;inset:28%}.graphic-chrome-object b{filter:blur(12px);opacity:.8;background:#fff;border-radius:50%;width:45%;height:18%;position:absolute;top:9%;left:27%}.graphic-chrome>section{z-index:4;display:grid;position:absolute;bottom:48px;left:24px}.graphic-chrome section small{color:#969ba3;font:700 8px ui-monospace,monospace}.graphic-chrome section strong{letter-spacing:-.07em;font-size:52px;line-height:.9}.graphic-chrome section span{color:#999;font-size:11px}.graphic-chrome>footer{font:700 8px ui-monospace,monospace;position:absolute;bottom:22px;right:22px}.graphic-geometry>header>span{font-size:16px}.graphic-geometry>section{border:1px solid color-mix(in srgb,var(--g-ink) 20%,transparent);transform:rotate(var(--graphic-rotation));position:absolute;inset:65px 24px 90px}.graphic-geometry section i{position:absolute}.graphic-geometry .is-circle{background:var(--g-accent);border-radius:50%;width:180px;height:180px;top:15%;left:8%}.graphic-geometry .is-square{background:var(--g-ink);mix-blend-mode:multiply;width:170px;height:170px;bottom:5%;right:9%}.graphic-geometry .is-line{background:#ef654e;width:80%;height:14px;top:46%;left:10%;transform:rotate(-13deg)}.graphic-geometry .is-dot{background:var(--g-bg);border:3px solid var(--g-ink);border-radius:50%;width:55px;height:55px;top:39%;left:46%}.graphic-geometry>footer{grid-template-columns:1fr 1fr auto;align-items:end;display:grid;position:absolute;bottom:18px;left:24px;right:24px}.graphic-geometry footer span{font:700 8px ui-monospace,monospace}.graphic-geometry footer strong{font-size:45px}.graphic-riso>section{position:absolute;inset:60px 25px 90px}.graphic-riso section>i{mix-blend-mode:multiply;width:210px;height:280px;transform:translateX(-6px) rotate(calc(var(--graphic-rotation) - 8deg));background:#ec355c;border-radius:50%;position:absolute;top:2%;left:23%}.graphic-riso section>i:nth-child(2){transform:translateX(8px) rotate(calc(var(--graphic-rotation) + 7deg));background:#167bd6;left:42%}.graphic-riso section>i:nth-child(3){background:#ffdf37;border-radius:0;width:85%;height:45px;top:45%;left:7%;transform:rotate(-12deg)}.graphic-riso section strong{z-index:3;letter-spacing:-.08em;font-size:62px;position:absolute;top:40%;left:0}.graphic-riso>footer{justify-content:space-between;font:700 8px ui-monospace,monospace;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.graphic-riso footer p{margin:0}.hover-scene{--accent:#7565ff;place-items:center;width:min(720px,100%);min-height:410px;display:grid;position:relative}.hover-scene[style*=mint]{--accent:#29c9a3}.hover-scene[style*=amber]{--accent:#f2b94c}.hover-scene>p{color:#777;letter-spacing:.12em;font:700 8px ui-monospace,monospace;position:absolute;bottom:5px}.hover-lift>article{background:#181a1e;border-radius:22px;width:min(430px,90%);height:330px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;position:relative;overflow:hidden;box-shadow:0 25px 45px #0008}.hover-lift article>.showcase-art{position:absolute;inset:0}.hover-lift article>.showcase-art:after{background:linear-gradient(130deg,#0000,#0001 45%,#07080ae8 82%)}.hover-lift article:hover,.hover-lift article:focus-visible{transform:perspective(800px) rotateX(calc((50% - var(--hover-y))*.05)) rotateY(calc((var(--hover-x) - 50%)*.05)) translateY(calc(var(--hover-strength)*-1px));box-shadow:0 40px 75px #000c}.hover-lift article>span,.hover-lift article>div{z-index:3;position:absolute}.hover-index{font:700 8px ui-monospace,monospace;top:18px;left:20px}.hover-lift article>div{display:grid;bottom:22px;left:24px;right:24px}.hover-lift article>div small{color:#a9a5ff;font:700 8px ui-monospace,monospace}.hover-lift article>div strong{letter-spacing:-.06em;font-size:39px;line-height:.9}.hover-lift article>div span{opacity:0;justify-content:space-between;margin-top:13px;font-size:11px;transition:all .35s;display:flex;transform:translateY(20px)}.hover-lift article:hover>div span,.hover-lift article:focus-visible>div span{opacity:1;transform:none}.hover-reveal>article{background:#17191c;width:min(580px,90%);height:330px;position:relative;overflow:hidden}.hover-reveal article>.showcase-art{clip-path:inset(0);transition:transform .6s cubic-bezier(.2,.8,.2,1),clip-path .6s;position:absolute;inset:0}.hover-reveal article:hover>.showcase-art,.hover-reveal article:focus-visible>.showcase-art{clip-path:inset(0 round 12px);transform:scale(.72)translate(-25%)}.hover-reveal article>header,.hover-reveal article>footer{z-index:4;justify-content:space-between;display:flex;position:absolute;left:20px;right:20px}.hover-reveal article>header{font:700 8px ui-monospace,monospace;top:18px}.hover-reveal article>footer{align-items:end;bottom:18px}.hover-reveal footer>div{transition:all .4s;display:grid;transform:translateY(12px)}.hover-reveal footer small{color:#bbb;font:700 8px ui-monospace,monospace}.hover-reveal footer strong{font-size:23px}.hover-reveal footer button{color:#111;background:#f4f1e9;border:0;border-radius:50%;place-items:center;width:42px;height:42px;transition:all .4s;display:grid;transform:scale(0)}.hover-reveal article:hover footer button,.hover-reveal article:focus-visible footer button{transform:scale(1)}.hover-reveal article:hover footer>div,.hover-reveal article:focus-visible footer>div{transform:none}.magnetic-field{background:radial-gradient(circle at var(--hover-x) var(--hover-y),#7665ff21,transparent 25%),radial-gradient(circle,#31343b 1px,transparent 1px) 0 0/20px 20px;border:1px solid #34363a;width:min(620px,92%);height:340px;position:relative;overflow:hidden}.magnetic-field>span{color:#777;font:700 8px ui-monospace,monospace;position:absolute;top:15px;left:16px}.magnetic-field>i{pointer-events:none;background:#ffffff12;position:absolute}.magnetic-field .is-x{left:0;right:0;top:var(--hover-y);height:1px}.magnetic-field .is-y{top:0;bottom:0;left:var(--hover-x);width:1px}.magnetic-field>button{left:calc(var(--hover-x) - 75px);top:calc(var(--hover-y) - 28px);background:var(--accent);color:#fff;width:150px;height:56px;box-shadow:0 15px 40px color-mix(in srgb,var(--accent) 35%,transparent);border:0;border-radius:50px;justify-content:center;align-items:center;gap:10px;transition:left .12s,top .12s;display:flex;position:absolute}.magnetic-field>small{color:#777;font:700 8px ui-monospace,monospace;position:absolute;bottom:12px;right:14px}.hover-chromatic>article{color:#171715;background:#e9e4d8;width:min(520px,92%);height:350px;padding:25px;position:relative;overflow:hidden}.chromatic-copy{letter-spacing:-.08em;font-size:62px;font-weight:900;line-height:.77;position:relative}.chromatic-copy>span{position:absolute}.chromatic-copy>span:first-child{z-index:2}.chromatic-copy>span:last-child{color:var(--accent);mix-blend-mode:multiply;transform:translate(calc((var(--hover-x) - 50%)*.08),calc((var(--hover-y) - 50%)*.08))}.hover-chromatic article>footer{justify-content:space-between;font:700 8px ui-monospace,monospace;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.hover-chromatic footer b{gap:6px;display:flex}.chromatic-glare{width:190px;height:600px;top:-100px;left:calc(var(--hover-x) - 95px);opacity:0;background:linear-gradient(90deg,#0000,#fff7,#0000);position:absolute;transform:rotate(18deg)}.hover-chromatic[data-glare=true] article:hover .chromatic-glare{opacity:1}.hover-scene[data-reduced=true] *{transition:none!important;animation:none!important}.loading-scene{background:#111316;border:1px solid #303238;width:min(700px,100%);height:410px;position:relative;overflow:hidden;box-shadow:0 32px 70px #0009}.loading-portal{background:#0c0d11;place-items:center;display:grid}.portal-rings{width:320px;height:320px;position:absolute}.portal-rings i{animation:portal-pulse var(--load-speed) ease-in-out infinite;border:1px solid #7165ff55;border-radius:50%;position:absolute;inset:0}.portal-rings i:nth-child(2){animation-delay:-.4s;inset:15%}.portal-rings i:nth-child(3){animation-delay:-.8s;inset:30%}.portal-mark{z-index:3;color:#131416;background:#f3f0e9;border-radius:18px;place-items:center;width:64px;height:64px;font-size:26px;font-weight:900;display:grid;position:relative}.loading-portal>section{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid;position:absolute;bottom:22px;left:25px;right:25px}.loading-portal section small{color:#999;font:700 8px ui-monospace,monospace}.loading-portal section strong{font-size:25px}.loading-portal section strong span{color:#777;font-size:10px}.loading-portal section>i{background:#292b31;grid-column:1/-1;height:3px}.loading-portal section>i b{width:var(--load-progress);background:#7667ff;height:100%;display:block}.loading-portal section p{color:#777;grid-column:1/-1;margin:2px 0 0;font-size:9px}.loading-portal[data-running=false] .portal-rings{animation-play-state:paused}.loading-skeleton{color:#20211f;background:#eff0ec;grid-template-columns:105px 1fr;display:grid}.loading-skeleton>aside{border-right:1px solid #d0d1cb;align-content:start;gap:12px;padding:18px;display:grid}.loading-skeleton>aside>*{background:#d9dad5;border-radius:6px;height:11px;display:block}.loading-skeleton>aside>b{width:34px;height:34px;margin-bottom:25px}.loading-skeleton>main{grid-template-rows:52px 1fr auto;display:grid}.loading-skeleton main>header{border-bottom:1px solid #d0d1cb;justify-content:flex-end;align-items:center;gap:8px;padding:0 16px;display:flex}.loading-skeleton main>header i{background:#dadbd6;border-radius:7px;width:64px;height:22px}.loading-skeleton main>section{grid-template-columns:1fr 1fr;gap:16px;padding:28px;display:grid}.loading-skeleton article>*{animation:skeleton-sweep var(--load-speed) linear infinite;background:linear-gradient(90deg,#d7d8d3,#e8e9e5,#d7d8d3) 0 0/200% 100%;border-radius:5px;display:block}.skeleton-title{align-content:start;gap:9px;display:grid}.skeleton-title i{height:34px}.skeleton-title i:nth-child(3){width:65%;height:12px;margin-top:10px}.skeleton-preview{grid-row:span 2}.skeleton-preview>i{height:180px}.skeleton-preview>span{height:10px;margin-top:10px}.skeleton-list{gap:10px;display:grid}.skeleton-list p{grid-template-columns:34px 1fr;gap:8px;margin:0;display:grid}.skeleton-list p i{height:34px}.skeleton-list p span{align-self:center;height:10px}.loading-skeleton footer{color:#777;padding:0 28px 17px;font:700 8px ui-monospace,monospace}.loading-ledger{padding:24px}.loading-ledger>header{color:#999;border-bottom:1px solid #303238;justify-content:space-between;padding-bottom:18px;font:700 9px ui-monospace,monospace;display:flex}.loading-ledger>header b{color:#5ddbb2}.loading-ledger>section>strong{letter-spacing:-.08em;margin-top:10px;font-size:68px;line-height:1;display:block}.loading-ledger>section>strong span{color:#777;font-size:15px}.loading-ledger>section>i{background:#282a2e;height:5px;margin:8px 0 16px;display:block}.loading-ledger>section>i b{height:100%;width:var(--load-progress);background:linear-gradient(90deg,#6c5cff,#39c7a4);display:block}.loading-ledger section p{border-top:1px solid #292b2f;grid-template-columns:35px 1fr auto;align-items:center;margin:0;padding:9px 0;display:grid}.loading-ledger section p>span{color:#777;font:700 8px ui-monospace,monospace}.loading-ledger section p>b{font-size:10px}.loading-ledger section p>small{color:#666;font:700 8px ui-monospace,monospace}.loading-ledger section p[data-state=active]>span,.loading-ledger section p[data-state=active]>small{color:#7569ff}.loading-ledger section p[data-state=done]>span,.loading-ledger section p[data-state=done]>small{color:#53d8ae}.loading-orbital{color:#191a18;background:#eeeae1;border-color:#cbc5b9;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;max-width:480px;display:flex}.orbital-system{width:200px;height:200px;position:relative}.orbital-system>i{animation:orbit-spin var(--load-speed) linear infinite;border:1px solid #bbb4a8;border-radius:50%;position:absolute;inset:0}.orbital-system>i>b{background:#6658ed;border-radius:50%;width:13px;height:13px;position:absolute;top:12%;left:10%}.orbital-system>.orbit-two{animation-direction:reverse;inset:22%}.orbital-system>.orbit-two b{background:#29bda1;top:55%;left:auto;right:2%}.orbital-system>.orbit-core{color:#fff;background:#181918;place-items:center;animation:none;display:grid;inset:36%}.loading-orbital>strong{font-size:20px}.loading-orbital>span{color:#777;margin-top:4px;font-size:10px}.loading-orbital>small{color:#7669ed;margin-top:18px;font:700 8px ui-monospace,monospace}.loading-scene[data-running=false] *{animation-play-state:paused!important}@keyframes portal-pulse{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes skeleton-sweep{to{background-position:-200% 0}}@keyframes orbit-spin{to{transform:rotate(1turn)}}.hover-reveal footer>div{transition:transform .4s cubic-bezier(.22,1,.36,1);transform:translateY(8px)}.hover-reveal footer small{color:#e2e0da;text-shadow:0 1px 8px #000}.hover-reveal footer strong{color:#fff;text-shadow:0 2px 14px #000}.hover-reveal footer button{color:#111;opacity:.62;background:#f4f1e9;border:1px solid #ffffff70;border-radius:4px;justify-content:center;align-items:center;gap:9px;width:auto;min-width:112px;height:40px;padding:0 13px;transition:opacity .24s,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:flex;transform:translateY(5px)scale(.96);box-shadow:0 8px 20px #0005}.hover-reveal footer button span{color:#111;letter-spacing:.04em;white-space:nowrap;font-size:8px;font-weight:750;display:block}.hover-reveal footer button svg{z-index:1;color:#111;stroke:#111;stroke-width:2px;flex:none;display:block;position:relative}.hover-reveal article:hover footer button,.hover-reveal article:focus-visible footer button{opacity:1;transform:translateY(0)scale(1);box-shadow:0 12px 28px #0008}.magnetic-field>button{left:calc(var(--hover-x) - 88px);top:calc(var(--hover-y) - 30px);border:1px solid color-mix(in srgb,var(--accent) 72%,#fff);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 88%,#fff),var(--accent));color:#08080a;width:176px;height:60px;box-shadow:0 16px 34px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px #ffffff45;border-radius:17px;justify-content:space-between;gap:14px;padding:7px 8px 7px 16px;transition:left .12s,top .12s,transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s}.magnetic-field>button>span{text-align:left;gap:3px;display:grid}.magnetic-field>button>span small{color:#171719;letter-spacing:.13em;font:750 6px ui-monospace,monospace}.magnetic-field>button>span b{color:#08080a;letter-spacing:-.015em;font-size:11px;line-height:1}.magnetic-field>button>i{color:#fff;background:#15171a;border-radius:12px;flex:0 0 43px;place-items:center;width:43px;height:44px;font-style:normal;transition:transform .24s cubic-bezier(.22,1,.36,1),background-color .2s;display:grid;box-shadow:inset 0 0 0 1px #ffffff18}.magnetic-field>button:hover{box-shadow:0 20px 42px color-mix(in srgb,var(--accent) 36%,transparent),inset 0 1px #fff5;transform:translateY(-2px)scale(1.015)}.magnetic-field>button:hover>i{background:#0b0d0f;transform:translate(2px,-2px)}.nav-scene{color:#1b1b19;background:#ede9df;width:min(780px,100%);height:420px;position:relative;box-shadow:0 32px 75px #0009}.nav-scene button{cursor:pointer}.nav-glass-dock{color:#f3f1eb;background:radial-gradient(circle at 75% 10%,#7663ff55,#0000 35%),#16171a;overflow:hidden}.dock-canvas{padding:45px}.dock-canvas span{color:#7edec1;font:700 8px ui-monospace,monospace}.dock-canvas strong{letter-spacing:-.06em;margin-top:14px;font-size:45px;line-height:.9;display:block}.nav-glass-dock>nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f1f0ea22;border:1px solid #fff3;border-radius:22px;align-items:center;gap:7px;padding:8px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 20px 45px #0008}.nav-glass-dock nav button{color:#a7aaa9;background:0 0;border:0;border-radius:15px;justify-content:center;align-items:center;gap:7px;min-width:50px;height:50px;padding:0 15px;display:flex}.nav-glass-dock nav button[data-active=true]{color:#151617;background:#f4f1e9}.nav-glass-dock nav button:nth-child(3){color:#fff;background:#6b5df2;transform:translateY(-13px);box-shadow:0 11px 25px #6558ee88}.nav-glass-dock[data-compact=true] nav button span{display:none}.nav-side-rail{color:#eee;background:#111315;grid-template-columns:auto 1fr;display:grid}.nav-side-rail>aside{border-right:1px solid #303237;grid-template-rows:auto 1fr auto;width:190px;padding:18px;display:grid}.nav-side-rail[data-compact=true]>aside{width:70px}.nav-side-rail aside>header{align-items:center;gap:9px;padding:5px 5px 24px;display:flex}.nav-side-rail aside>header i{color:#111;background:#f2f0e9;border-radius:10px;place-items:center;width:33px;height:33px;font-style:normal;font-weight:900;display:grid}.nav-side-rail aside>nav{align-content:start;gap:5px;display:grid}.nav-side-rail aside button{color:#8e9192;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:11px;display:flex}.nav-side-rail aside button[data-active=true]{color:#fff;background:#24262a}.nav-side-rail aside>footer{gap:12px;display:grid}.nav-side-rail aside>footer>span{background:#7264ef;border-radius:50%;place-items:center;width:34px;height:34px;font-size:9px;display:grid}.nav-side-rail>main{align-content:center;padding:42px;display:grid}.nav-side-rail main>small{color:#5cd8b0;font:700 8px ui-monospace,monospace}.nav-side-rail main>strong{letter-spacing:-.06em;margin-top:10px;font-size:45px;line-height:.92}.nav-side-rail main>div{gap:8px;margin-top:35px;display:flex}.nav-side-rail main>div span{border:1px solid #303237;border-radius:12px;flex:1;height:70px}.nav-command-bar{background:#e9e5da}.nav-command-bar>header{border-bottom:1px solid #cbc5b8;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;height:62px;padding:0 20px;display:grid}.nav-command-bar header>b{align-items:center;gap:8px;display:flex}.nav-command-bar header>nav{gap:5px;display:flex}.nav-command-bar header>nav button{color:#68655e;background:0 0;border:0;gap:7px;padding:8px 11px;display:flex}.nav-command-bar header>nav button[data-active=true]{color:#111;border-bottom:2px solid #111}.nav-command-bar header>span{align-items:center;gap:7px;display:flex}.nav-command-bar header>span button{background:#f5f1e8;border:1px solid #c4bdb0;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 10px;display:flex}.nav-command-bar kbd{background:#e0dacf;padding:3px 5px;font:700 8px ui-monospace,monospace}.nav-command-bar header>span>i{color:#fff;background:#181918;border-radius:50%;place-items:center;width:30px;height:30px;font:700 8px ui-monospace,monospace;display:grid}.nav-command-bar>main{background:linear-gradient(110deg,#0000 50%,#6257e8 50% 72%,#27b99d 72%);height:358px;padding:50px}.nav-command-bar main span{gap:7px;font:700 8px ui-monospace,monospace;display:flex}.nav-command-bar main strong{letter-spacing:-.07em;margin-top:16px;font-size:51px;line-height:.85;display:block}.nav-floating{background:#ece6da;overflow:hidden}.nav-floating>main{padding:50px}.nav-floating main small{font:700 8px ui-monospace,monospace}.nav-floating main strong{margin-top:20px;font:500 64px/.83 serif;display:block}.nav-floating>nav{color:#eee;background:#151616;border-radius:40px;align-items:center;gap:7px;height:56px;padding:7px 9px 7px 20px;display:flex;position:absolute;bottom:28px;left:30px;right:30px;box-shadow:0 18px 35px #0006}.nav-floating nav>b{margin-right:auto}.nav-floating nav button{color:#aaa;background:0 0;border:0;border-radius:30px;align-items:center;gap:7px;height:42px;padding:0 13px;display:flex}.nav-floating nav button[data-active=true]{color:#161715;background:#f2efe7}.nav-floating nav>button:last-child{color:#fff;background:#6659e9;place-items:center;width:42px;padding:0;display:grid}.type-scene{color:#191917;width:min(780px,100%);height:430px;font-size:calc(1rem*var(--type-scale));line-height:var(--type-leading);background:#eeeae1;border:1px solid #ccc6ba;overflow:hidden;box-shadow:0 35px 75px #0009}.type-scene[data-serif=true]{font-family:Georgia,Times New Roman,serif}.type-specimen{padding:25px}.type-specimen>header{border-bottom:1px solid #c9c3b7;justify-content:space-between;padding-bottom:18px;font:700 8px ui-monospace,monospace;display:flex}.type-specimen>section{grid-template-columns:.75fr 1.25fr;align-items:center;height:285px;display:grid}.type-specimen>section>strong{letter-spacing:-.1em;font-size:140px;line-height:.7}.type-specimen section>div{gap:18px;display:grid}.type-specimen h4{margin:0;font-size:32px;line-height:.95}.type-specimen p{letter-spacing:.08em;margin:0;font:500 11px/1.8 ui-monospace,monospace}.type-specimen section b{letter-spacing:.12em;font-size:18px}.type-specimen>footer{border-top:1px solid #c9c3b7;grid-template-columns:repeat(3,1fr);padding-top:14px;display:grid}.type-specimen footer span{display:grid}.type-specimen footer small{color:#777;font:700 7px ui-monospace,monospace}.type-specimen footer b{font-size:10px}.type-editorial{grid-template-columns:120px 1fr;padding:26px;display:grid}.type-editorial>aside{letter-spacing:.12em;border-right:1px solid #c8c2b6;flex-direction:column;justify-content:space-between;font:700 9px ui-monospace,monospace;display:flex}.type-editorial>article{flex-direction:column;padding:25px 35px;display:flex;position:relative}.type-editorial .drop-cap{color:#ef624c;margin:0;font:180px/.7 Georgia,serif;position:absolute;top:6px;left:22px}.type-editorial h3{margin:0 0 18px;padding-left:45px;font:500 44px/.93 Georgia,serif;position:relative}.type-editorial article>p:not(.drop-cap){color:#55514b;max-width:520px;margin-left:45px;font:15px/1.6 Georgia,serif}.type-editorial article>footer{border-top:1px solid #c8c2b6;justify-content:space-between;margin-top:auto;padding-top:13px;font:700 8px ui-monospace,monospace;display:flex}.type-technical{color:#eee;background:#101215;border-color:#30343a}.type-technical>header{border-bottom:1px solid #30343a;justify-content:space-between;align-items:center;height:50px;padding:0 22px;font:700 8px ui-monospace,monospace;display:flex}.type-technical>header span{color:#55d8ad}.type-technical>header i{background:#23ce95;border-radius:50%;width:5px;height:5px;display:inline-block}.type-technical>section{grid-template-columns:1.35fr .65fr;height:325px;display:grid}.type-technical article{padding:24px}.type-technical article+article{border-left:1px solid #30343a}.type-technical article>small{color:#7669ff;font:700 8px ui-monospace,monospace}.type-technical article>strong{letter-spacing:-.07em;margin:18px 0 30px;font-size:57px;line-height:.85;display:block}.type-technical code{color:#858a93;font-size:9px}.type-technical article p{border-top:1px solid #30343a;justify-content:space-between;margin:0;padding:13px 0;font:700 8px ui-monospace,monospace;display:flex}.type-technical article p span{color:#777}.type-technical>footer{color:#888;border-top:1px solid #30343a;align-items:center;gap:8px;height:55px;padding:0 22px;font:700 8px ui-monospace,monospace;display:flex}.type-kinetic{color:#12130f;background:#f1ed3e;border:0;position:relative}.kinetic-track{letter-spacing:-.09em;color:#5d50e9;font-size:107px;font-weight:950;line-height:.68;display:grid;position:absolute;top:5%;left:-5%;transform:rotate(-5deg)}.type-kinetic[data-animate=true] .kinetic-track{animation:5s ease-in-out infinite alternate kinetic-drift}.type-kinetic>article{z-index:2;color:#f3f0e8;background:#131412;width:48%;padding:22px;position:absolute;bottom:24px;right:28px}.type-kinetic article small{color:#8d82ff;font:700 8px ui-monospace,monospace}.type-kinetic article strong{margin:12px 0;font-size:31px;line-height:.92;display:block}.type-kinetic article strong i{color:#f0eb38}.type-kinetic article p{color:#999;font-size:10px;line-height:1.5}.type-kinetic article button{color:#fff;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:10px;display:flex}@keyframes kinetic-drift{to{transform:translateY(-30px)rotate(3deg)}}@media (width<=760px){.design-flow-music .design-flow-preview,.design-flow-profile .design-flow-preview,.design-flow-avatars .design-flow-preview,.design-flow-bitmoji .design-flow-preview,.design-flow-media .design-flow-preview,.design-flow-gallery .design-flow-preview,.design-flow-grids .design-flow-preview,.design-flow-graphic .design-flow-preview,.design-flow-hover .design-flow-preview,.design-flow-nav .design-flow-preview,.design-flow-type .design-flow-preview,.design-flow-loading .design-flow-preview{min-height:430px;padding:18px}.music-vinyl-deck>section{padding:22px 4px}.music-vinyl-deck>footer{gap:8px}.music-console-title strong{font-size:30px}.music-immersive-cover{height:410px}.profile-editorial>section,.profile-split{grid-template-columns:1fr}.profile-editorial-portrait{min-height:230px}.profile-editorial>section>div:last-child{padding:25px}.profile-editorial>section>div>strong{font-size:42px}.profile-split-visual{min-height:230px}.profile-split>section{min-height:260px}.avatar-initials>section{grid-template-columns:repeat(2,1fr)}.avatar-orbit>section{height:310px}.bitmoji-sticker-sheet>section{grid-template-columns:repeat(3,1fr)}.bitmoji-sticker-sheet>section>button:nth-child(n+4){display:none}.bitmoji-builder>section{grid-template-columns:1fr}.bitmoji-builder aside{display:none}.media-chapters{grid-template-columns:1fr}.media-chapter-picture{min-height:230px}.media-chapters>section{display:none}.media-cinema>p{white-space:normal;text-align:center;width:70%}.media-controls>svg,.media-controls>button:nth-last-child(-n+2){display:none}.media-controls{grid-template-columns:auto 1fr auto}.media-minimal{padding:16px}.gallery-masonry>section{columns:2}.gallery-film-main{height:260px}.gallery-filmstrip>footer button:nth-child(n+5){display:none}.gallery-filmstrip>footer{grid-template-columns:repeat(4,1fr)}.gallery-editorial{padding:18px}.gallery-editorial>section{grid-template-columns:1fr}.gallery-editorial>section>.showcase-art{min-height:260px}.gallery-editorial>section>div{padding:20px}.gallery-focus{padding:36px 15px}.gallery-focus>footer{left:25px;right:25px}.grid-dashboard .is-metric,.grid-dashboard .is-status{grid-column:span 3}.grid-dashboard .is-chart,.grid-dashboard .is-log{grid-column:span 6}.grid-dashboard .is-log{display:none}.grid-mosaic .grid-cells{grid-auto-rows:80px}.grid-modular .grid-cells{grid-template-columns:repeat(2,1fr)}.module-note,.module-colors,.module-list,.module-action{grid-column:span 2}.grid-poster .grid-cells{grid-template-rows:70px 150px 80px}.poster-title{font-size:34px}.poster-copy{font-size:11px}.graphic-scene{height:410px}.graphic-swiss>strong{font-size:80px}.graphic-chrome-object{width:210px;height:210px}.graphic-riso section strong{font-size:42px}.chromatic-copy{font-size:46px}.hover-scene{min-height:360px}.magnetic-field,.hover-lift>article,.hover-reveal>article{height:300px}.nav-side-rail>aside{width:70px}.nav-side-rail aside :is(header b,button span),.nav-command-bar header>nav,.nav-command-bar header>span>button:first-child{display:none}.nav-command-bar>main{padding:34px}.nav-command-bar main strong{font-size:42px}.nav-floating>nav{left:15px;right:15px}.nav-floating nav>b{display:none}.nav-floating main strong{font-size:51px}.dock-canvas strong{font-size:38px}.type-scene{height:390px}.type-specimen>section{grid-template-columns:1fr}.type-specimen>section>strong{font-size:95px}.type-specimen section>div{display:none}.type-editorial{grid-template-columns:75px 1fr;padding:18px}.type-editorial h3{padding-left:25px;font-size:32px}.type-editorial .drop-cap{font-size:130px}.type-editorial article>p:not(.drop-cap){margin-left:25px;font-size:12px}.type-technical>section{grid-template-columns:1fr}.type-technical article+article{display:none}.type-technical article>strong{font-size:48px}.kinetic-track{font-size:82px}.type-kinetic>article{width:70%}.loading-scene{height:390px}.loading-skeleton{grid-template-columns:65px 1fr}.loading-skeleton main>section{grid-template-columns:1fr;padding:20px}.skeleton-preview{display:none}.loading-ledger{padding:18px}}@media (prefers-reduced-motion:reduce){.hover-scene *,.loading-scene *,.type-kinetic *,.music-record{transition:none!important;animation:none!important}}.catalog-peek-showcase{--peek:#7164f1;color:#f5f2eb;background:#131518;border:1px solid #32353a;border-radius:18px;width:min(300px,76%);height:170px;padding:18px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.catalog-peek-showcase:before{content:"";background:var(--peek);filter:blur(2px);opacity:.7;border-radius:50%;width:150px;height:150px;position:absolute;top:-42px;right:-35px}.catalog-peek-showcase small{z-index:2;letter-spacing:.12em;color:#a8a9ad;font:700 7px ui-monospace,monospace;position:relative}.catalog-peek-showcase strong{z-index:2;letter-spacing:-.05em;font-size:22px;line-height:.9;position:absolute;bottom:44px;left:18px}.catalog-peek-showcase>span{z-index:2;font-size:8px;position:absolute;bottom:16px;left:18px}.catalog-peek-showcase>section{z-index:2;align-items:end;gap:5px;width:88px;height:62px;display:flex;position:absolute;bottom:14px;right:14px}.catalog-peek-showcase>section i{background:#f4f1e9;border-radius:4px 4px 1px 1px;flex:1;height:30%}.catalog-peek-showcase>section i:nth-child(2){height:75%}.catalog-peek-showcase>section i:nth-child(3){height:48%}.catalog-peek-showcase>section i:nth-child(4){height:92%}.catalog-peek-showcase.is-profile{--peek:#ee624c;color:#181816;background:#eee9df}.catalog-peek-showcase.is-profile:before{border-radius:45% 45% 12% 12%;height:145px;top:25px;right:28px}.catalog-peek-showcase.is-profile>section{display:none}.catalog-peek-showcase.is-avatars{--peek:#2abf9f}.catalog-peek-showcase.is-avatars>section{align-items:center;display:flex;bottom:20px;right:15px}.catalog-peek-showcase.is-avatars>section i{background:#e8a879;border:3px solid #131518;border-radius:50%;flex:none;width:34px;margin-left:-12px;height:34px!important}.catalog-peek-showcase.is-bitmoji{--peek:#d8ff42;background:#6b5af0}.catalog-peek-showcase.is-bitmoji>section i{background:#efaa76;border-radius:50% 50% 12px 12px;height:46px!important}.catalog-peek-showcase.is-media{--peek:#ef5c45}.catalog-peek-showcase.is-media:after{content:"▶";color:#111;background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:49px;right:54px}.catalog-peek-showcase.is-gallery{--peek:#2cbda1;color:#181816;background:#ebe6da}.catalog-peek-showcase.is-gallery>section{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.catalog-peek-showcase.is-gallery>section i{background:var(--peek);height:auto!important}.catalog-peek-showcase.is-grids{--peek:#f0c44a}.catalog-peek-showcase.is-grids>section{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.catalog-peek-showcase.is-grids>section i{height:auto!important}.catalog-peek-showcase.is-graphic{--peek:#f1e936;color:#111;background:#e85440}.catalog-peek-showcase.is-graphic strong{font-size:36px}.catalog-peek-showcase.is-hover{--peek:#6d5cff}.catalog-peek-showcase.is-hover:before{border:1px solid var(--peek);box-shadow:0 0 40px var(--peek);background:0 0;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.catalog-peek-showcase.is-loading{--peek:#29c49e}.catalog-peek-showcase.is-loading:before{border:8px solid #30343a;border-top-color:var(--peek);background:0 0;width:86px;height:86px;top:35px;right:35px}.catalog-peek-showcase.is-navigation{--peek:#6e60ef}.catalog-peek-showcase.is-navigation>section{background:#ffffff20;border-radius:13px;width:auto;height:auto;padding:7px;left:50%;right:auto;transform:translate(-50%)}.catalog-peek-showcase.is-navigation>section i{border-radius:8px;flex:none;width:27px;height:27px!important}.catalog-peek-showcase.is-typography{--peek:#ef5d46;color:#191917;background:#ece8de}.catalog-peek-showcase.is-typography strong{max-width:160px;font:500 29px/.9 Georgia,serif}.catalog-peek-showcase.is-typography>section{display:none}.profile-scene .profile-follow{-webkit-text-fill-color:#171717;background:#f4f2ec;color:#171717!important}.profile-scene .profile-follow svg{color:currentColor;stroke:currentColor}.profile-scene .profile-follow[data-following=true]{-webkit-text-fill-color:#f4f2ec;background:0 0;color:#f4f2ec!important}.profile-credential>footer button{justify-content:center;align-items:center;line-height:1}.profile-credential>footer button svg{flex:none;display:block}.avatar-session-channel{color:#f0f1ed;background:#111418;border-color:#2d333a;max-width:620px}.avatar-session-channel>header{border-color:#2d333a}.avatar-session-channel>header b{color:#56d9af}.avatar-session-channel>header b i{background:#25ce98;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.avatar-session-channel>section{padding:20px}.avatar-session-channel>section>article{background:linear-gradient(110deg,#1b2026,#14171b);border:1px solid #343b43;border-radius:18px;grid-template-columns:auto 1fr 180px;align-items:center;gap:16px;padding:20px;display:grid}.avatar-session-channel article>div{gap:3px;display:grid}.avatar-session-channel article small{color:#8176ff;font:700 8px ui-monospace,monospace}.avatar-session-channel article strong{font-size:17px}.avatar-session-channel article span{color:#8d9398;font-size:9px}.avatar-session-channel .showcase-wave{justify-content:flex-end;height:54px}.avatar-session-channel .showcase-wave i{width:3px}.avatar-session-channel nav{gap:9px;margin-top:16px;display:flex}.avatar-session-channel nav button{color:#9aa0a5;background:#181c21;border:1px solid #2f353c;border-radius:13px;flex:1;place-items:center;gap:6px;padding:10px 5px;font-size:8px;display:grid}.avatar-session-channel nav button[data-active=true]{color:#171817;background:#f0eee8;border-color:#f0eee8}.avatar-session-channel>footer{color:#8d9398;border-top:1px solid #2d333a;justify-content:space-between;align-items:center;padding:14px 20px;font:700 8px ui-monospace,monospace;display:flex}.avatar-session-channel>footer>div{gap:7px;display:flex}.avatar-session-channel>footer button{color:#fff;background:#1a1e23;border:1px solid #3a4149;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.bitmoji-reactions .bitmoji-figure{transform-origin:50%;width:70px;height:70px;transform:scale(.46)}.bitmoji-reactions button>span{align-self:center;font-weight:750}.bitmoji-reactions>section>button{overflow:hidden}.showcase-scrubber[data-interactive=true]{cursor:ew-resize;touch-action:none;background:linear-gradient(#0000 2px,#ffffff29 2px 5px,#0000 5px);height:8px}.showcase-scrubber[data-interactive=true]>i{height:3px;position:absolute;top:2px}.showcase-scrubber[data-interactive=true]:focus-visible{outline-offset:3px;outline:2px solid}@media (width<=760px){.avatar-session-channel>section>article{grid-template-columns:auto 1fr}.avatar-session-channel article>.showcase-wave{grid-column:1/-1;width:100%}.avatar-session-channel nav button:nth-child(n+4){display:none}}.is-real-media:before{display:none}.is-real-media:after{z-index:2;pointer-events:none;background:linear-gradient(#0004,#0000 45%,#0008)}.is-real-media>video{z-index:1;object-fit:cover;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.media-minimal .is-real-media>video,.media-chapter-picture .is-real-media>video,.media-vertical .is-real-media>video{object-fit:cover}.gallery-scene img{object-fit:cover;width:100%;height:100%;display:block}.gallery-scene[data-fit=contain] img{object-fit:contain;background:#111}.gallery-masonry button>img{aspect-ratio:4/3;border-radius:8px;height:auto}.gallery-masonry button:nth-child(2n)>img{aspect-ratio:3/4}.gallery-masonry button:nth-child(3n)>img{aspect-ratio:1}.gallery-masonry button[data-active=true]>img{box-shadow:0 0 0 3px #5b54e9}.gallery-film-main>img{position:absolute;inset:0}.gallery-filmstrip>footer button>img{aspect-ratio:4/3;height:auto}.gallery-editorial>section>img{min-height:370px}.gallery-lightbox>section{grid-template-columns:repeat(3,1fr)}.gallery-lightbox>section>button>img{aspect-ratio:16/9}.gallery-focus>img{height:100%}.mosaic-visual{background:#15171b;position:absolute;inset:0;overflow:hidden}.mosaic-visual i,.mosaic-visual b{position:absolute}.mosaic-visual.is-visual-1{color:#171813;background:#ece631}.mosaic-visual.is-visual-1 i:first-child{background:#5e51e5;width:56%;height:120%;top:-10%;left:22%;transform:rotate(18deg)}.mosaic-visual.is-visual-1 i:nth-child(2){background:#ee5844;border-radius:50%;width:28%;height:28%;bottom:8%;right:7%}.mosaic-visual.is-visual-1 b{letter-spacing:-.12em;font-size:90px;top:8%;left:7%}.mosaic-visual.is-visual-2{background:repeating-radial-gradient(at 20% 100%,#1a1b1d 0 13px,#efe9dc 14px 16px,#1a1b1d 17px 29px)}.mosaic-visual.is-visual-3{background:#e85b43}.mosaic-visual.is-visual-3 i:first-child{border:9px solid #141518;border-radius:50%;inset:15%}.mosaic-visual.is-visual-3 i:nth-child(2){background:#f2ebdd;width:120%;height:12px;top:48%;left:-10%;transform:rotate(-22deg)}.mosaic-visual.is-visual-4{color:#eee;background:#14161a}.mosaic-visual.is-visual-4 b{letter-spacing:-.12em;font-size:92px;bottom:-18%;right:6%}.mosaic-visual.is-visual-4 i:first-child{background:#29bfa1;width:7px;height:100%;left:22%}.mosaic-visual.is-visual-5{background:linear-gradient(135deg,#6152e7 0 50%,#ee684e 50%)}.mosaic-visual.is-visual-5 i:first-child{mix-blend-mode:screen;background:#e9e4d8;border-radius:50%;inset:22%}.mosaic-visual.is-visual-6{background:#e8e2d7}.mosaic-visual.is-visual-6 i:first-child{background:repeating-linear-gradient(90deg,#151618 0 3px,#0000 3px 10px);width:70%;height:38%;top:31%;left:15%;transform:skewY(-12deg)}.mosaic-visual.is-visual-7{background:#1a1c20}.mosaic-visual.is-visual-7 i:first-child{border:3px solid #8174ff;border-radius:50%;width:120%;height:60%;top:20%;left:-10%;transform:rotate(-14deg)}.mosaic-visual.is-visual-7 i:nth-child(2){background:#efc34c;border-radius:50%;width:18px;height:18px;top:22%;right:18%;box-shadow:-70px 65px #29c0a2}.bitmoji-reactions .bitmoji-figure{width:60px;height:70px;transform:none}.bitmoji-reactions .bitmoji-figure>.showcase-avatar{width:42px;height:42px;top:0;left:9px}.bitmoji-reactions .bitmoji-neck{display:none}.bitmoji-reactions .bitmoji-body{border-radius:18px 18px 10px 10px;width:48px;height:34px;bottom:0;left:6px}.bitmoji-reactions .bitmoji-arm{width:11px;height:29px;bottom:1px}.bitmoji-reactions .bitmoji-arm.is-left{left:4px}.bitmoji-reactions .bitmoji-arm.is-right{right:4px}.bitmoji-reactions>section>button{grid-template-columns:70px 1fr auto;min-height:82px}.bitmoji-reactions>section>button>svg{align-self:center}.music-stream-scene{color:#f4f2eb;background:radial-gradient(circle at 90% 0,#1ed76022,#0000 35%),#111315;border:1px solid #30343a;border-radius:24px;width:min(650px,100%);padding:24px;box-shadow:0 34px 75px #0009}.music-stream-scene>header,.music-stream-scene>footer{letter-spacing:.1em;justify-content:space-between;align-items:center;font:700 9px ui-monospace,monospace;display:flex}.music-stream-scene>header{color:#91959a;border-bottom:1px solid #30343a;padding-bottom:22px}.music-stream-scene>section{padding:30px 2px 24px;display:grid}.music-stream-scene>section small{color:#1ed760;letter-spacing:.12em;font:700 8px ui-monospace,monospace}.music-stream-scene>section strong{letter-spacing:-.065em;margin:8px 0;font-size:clamp(34px,6vw,62px);line-height:.9}.music-stream-scene>section span{color:#9b9ea2;font-size:12px}.music-stream-scene iframe{background:#181818;border:0;border-radius:12px;display:block}.music-stream-scene>footer{color:#8f9397;padding-top:18px}.music-stream-scene>footer>span{align-items:center;gap:7px;display:flex}.music-stream-scene>footer i{background:#1ed760;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #1ed76018}.music-stream-scene.is-vinyl-deck{background:linear-gradient(135deg,#242019,#111315 55%)}.music-stream-scene.is-signal-console{background:#0d1215;border-radius:3px}.music-stream-scene.is-pocket-player{color:#181817;background:#ebe6dc;border-color:#c9c2b6;max-width:430px}.music-stream-scene.is-pocket-player>header,.music-stream-scene.is-pocket-player>footer{color:#6f6b64;border-color:#c9c2b6}.music-stream-scene.is-immersive-cover{background:radial-gradient(circle at 85% 20%,#6f5effaa,#0000 34%),radial-gradient(circle at 20% 0,#1ed76077,#0000 32%),#101214}.poster-line{color:#f3ed32;flex-direction:column;justify-content:space-between;display:flex;background:#111!important;padding:10px!important}.poster-line>span{letter-spacing:.08em;font:700 7px ui-monospace,monospace}.poster-line>i{background:#f3ed32;height:2px}.poster-line>b{align-self:flex-end;font-size:31px;line-height:.8}.avatar-presence>section{scrollbar-width:thin;max-height:510px;overflow:auto}.avatar-stack>section>div{flex-wrap:wrap;padding-left:12px}.avatar-session-channel nav{flex-wrap:wrap}.avatar-session-channel nav button{min-width:70px}.avatar-initials>section{max-height:420px;overflow:auto}@media (width<=760px){.music-stream-scene{padding:16px}.music-stream-scene>section{padding:20px 0}.music-stream-scene>section strong{font-size:35px}.music-stream-scene>footer b{display:none}}.media-quality-control{color:#d8d9dc;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a0bb8;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:3px 4px 3px 9px;font:700 7px ui-monospace,monospace;display:inline-flex}.media-quality-control select{min-width:58px;color:inherit;cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff12;border:0;border-radius:999px;outline:none;padding:5px 20px 5px 8px;font:750 8px ui-monospace,monospace}.media-quality-control select:focus-visible{box-shadow:0 0 0 2px #70dbc0}.media-inline-fullscreen,.media-chapter-tools>button,.media-portrait-journal>header button{border-radius:50%;place-items:center;width:30px;height:30px;color:#f4f3ef!important;background:#080a0bb8!important;border:1px solid #ffffff26!important;display:grid!important}.media-minimal>footer{grid-template-columns:minmax(100px,1fr) auto auto auto}.media-minimal>footer .media-quality-control span{display:none}.media-chapter-picture{background:#050607;overflow:hidden}.media-chapter-picture .is-real-media>video{object-fit:contain;background:#050607}.media-chapter-picture .is-real-media:after{background:linear-gradient(#0006,#0000 28%,#0007)}.media-chapter-tools{z-index:7;align-items:center;gap:7px;display:flex;position:absolute;top:16px;right:16px}.media-chapter-tools .media-quality-control span{display:none}.media-chapter-picture>.media-center-play{z-index:8}.media-portrait-journal{color:#191a18;background:#eee9df;border-color:#d1c9bc;border-radius:28px;grid-template-rows:auto 250px auto auto;gap:15px;width:min(470px,100%);height:auto;min-height:550px;padding:18px;display:grid;overflow:hidden;box-shadow:0 35px 85px #0009}.media-portrait-journal>header{color:#292a27;letter-spacing:.09em;justify-content:space-between;align-items:center;font:750 8px ui-monospace,monospace;display:flex;position:static}.media-portrait-journal>header>div{align-items:center;gap:7px;display:flex}.media-portrait-journal .media-quality-control{color:#292a27;background:#fff9;border-color:#292a2730}.media-portrait-journal .media-quality-control select{color:#f5f3ed;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#191a18}.media-portrait-journal>header button{color:#292a27!important;background:#fff9!important;border-color:#292a2730!important}.media-portrait-frame{background:#070809;border:1px solid #171819;border-radius:18px;height:250px;position:relative;overflow:hidden}.media-portrait-frame>.media-picture{position:absolute;inset:0}.media-portrait-frame .is-real-media>video{object-fit:contain;background:#070809}.media-portrait-frame .is-real-media:after{background:linear-gradient(#0001,#0000 65%,#0006)}.media-portrait-journal>section{color:#191a18;gap:7px;display:grid;position:static}.media-portrait-journal>section small{letter-spacing:.11em;color:#23846e;font:750 8px ui-monospace,monospace}.media-portrait-journal>section strong{letter-spacing:-.045em;font-size:35px;line-height:.9}.media-portrait-journal>section p{color:#65625c;max-width:36ch;margin:0;font-size:11px;line-height:1.45}.media-portrait-journal>footer{border-top:1px solid #191a1826;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding-top:13px;display:grid;position:static}.media-portrait-journal>footer>button{color:#191a18;border:1px solid #191a1830;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.media-portrait-journal>footer>div{grid-template-columns:1fr auto;align-items:center;gap:9px;display:grid}.media-portrait-journal>footer span:not(.showcase-scrubber){color:#77746d;white-space:nowrap;font:750 7px ui-monospace,monospace}.bitmoji-figure{height:150px}.bitmoji-body{border-radius:35px 35px 22px 22px;height:72px;bottom:12px}.bitmoji-arm{height:58px;bottom:17px}.bitmoji-hand{z-index:5;background:var(--skin,#d79a71);border-radius:50%;width:15px;height:15px;position:absolute;bottom:10px}.bitmoji-hand.is-left{left:3px}.bitmoji-hand.is-right{right:3px}.bitmoji-leg{z-index:1;background:var(--outfit);border-radius:0 0 10px 10px;width:24px;height:30px;position:absolute;bottom:2px}.bitmoji-leg.is-left{left:24px}.bitmoji-leg.is-right{right:24px}.bitmoji-shoe{z-index:2;background:#1b1c1f;border-radius:9px 9px 4px 4px;width:29px;height:9px;position:absolute;bottom:0}.bitmoji-shoe.is-left{left:18px}.bitmoji-shoe.is-right{right:18px}.pose-wave .bitmoji-arm.is-right{transform-origin:50% 100%;bottom:50px;right:4px;transform:rotate(-52deg)}.pose-wave .bitmoji-hand.is-right{bottom:92px;right:-4px}.pose-jump .bitmoji-leg.is-left{transform-origin:top;transform:rotate(16deg)}.pose-jump .bitmoji-leg.is-right{transform-origin:top;transform:rotate(-16deg)}.pose-jump .bitmoji-shoe.is-left{left:12px;transform:rotate(15deg)}.pose-jump .bitmoji-shoe.is-right{right:12px;transform:rotate(-15deg)}.bitmoji-sticker-sheet>section{align-items:stretch}.bitmoji-sticker-sheet>section>button{grid-template-rows:1fr auto;min-width:0;min-height:205px;padding:10px 3px 11px;position:relative;overflow:hidden}.bitmoji-sticker-sheet>section>button>.bitmoji-figure{transform-origin:bottom;align-self:end;margin-bottom:2px;transform:scale(.82)}.bitmoji-sticker-sheet>section>button[data-active=true]{transform:translateY(-3px)}.bitmoji-sticker-sheet button>span:last-child{z-index:9;background:var(--bit-bg);width:100%;padding-top:5px;line-height:1.2;display:block;position:relative}.bitmoji-sticker-sheet .pose-wave .bitmoji-hand.is-right{bottom:90px;right:0}@media (width<=720px){.media-quality-control>span{display:none}.media-chapters{min-height:330px;grid-template-columns:1fr!important}.media-chapters>section{display:none}.media-portrait-journal{grid-template-rows:auto 220px auto auto;min-height:510px;padding:14px}.media-portrait-frame{height:220px}.bitmoji-sticker-sheet>section>button{min-height:190px}}.profile-photo{object-fit:cover;width:100%;height:100%;display:block}.profile-editorial-portrait{isolation:isolate;background:#262522}.profile-editorial-portrait>.profile-photo{object-position:center 28%;filter:saturate(.78)contrast(1.05);position:absolute;inset:0}.profile-editorial-portrait:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 58%,#0b0b0ba8),linear-gradient(90deg,color-mix(in srgb,var(--profile-accent) 20%,transparent),transparent 42%);position:absolute;inset:0}.profile-editorial-portrait>span{z-index:2;color:#f2f0e9;letter-spacing:.13em;background:#0d0e0dcc;padding:6px 8px;font:750 7px ui-monospace,monospace;position:absolute;bottom:14px;left:16px}.profile-social>header{color:#171816;background:#e9e4da;height:174px;overflow:visible}.profile-social-cover{background:linear-gradient(90deg,#0000 49.7%,#1718161c 50%,#0000 50.3%),linear-gradient(#1718160d 1px,#0000 1px) 0 0/100% 25%;grid-template-rows:auto 1fr auto;padding:18px 22px;display:grid;position:absolute;inset:0}.profile-social-cover>span,.profile-social-cover>small{letter-spacing:.12em;font:750 7px ui-monospace,monospace}.profile-social-cover>strong{letter-spacing:-.065em;color:#171816;align-self:center;font-size:31px;line-height:.78}.profile-social-cover>small{color:#5e5c56;justify-self:end}.profile-social>header>.profile-social-avatar{z-index:3;object-position:center 28%;border:5px solid #141515;border-radius:25px;width:92px;height:92px;position:absolute;bottom:-40px;left:28px;box-shadow:0 16px 28px #0007}.profile-social footer img{aspect-ratio:1;object-fit:cover;filter:saturate(.74);border-radius:10px;width:100%;transition:filter .25s,transform .25s}.profile-social footer img:hover{filter:saturate();transform:translateY(-3px)}.profile-split-visual{isolation:isolate;background:#d9d2c6}.profile-split-visual>.profile-photo{object-position:center 24%;filter:saturate(.58)contrast(1.06);position:absolute;inset:0}.profile-split-visual:after{content:"";z-index:1;background:linear-gradient(180deg,#0000 48%,#090a0bbb),linear-gradient(90deg,color-mix(in srgb,var(--profile-accent) 25%,transparent),transparent 55%);pointer-events:none;position:absolute;inset:0}.profile-split-visual>span{color:#f3f0e8;text-shadow:0 1px 8px #000}.profile-split-visual>div{z-index:2;color:#f5f2eb;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.profile-split-visual>div b{letter-spacing:-.07em;font-size:42px;line-height:.8}.profile-split-visual>div small{text-align:right;letter-spacing:.1em;max-width:55px;font:750 7px/1.25 ui-monospace,monospace}@media (width<=720px){.profile-editorial-portrait>.profile-photo,.profile-split-visual>.profile-photo{object-position:center 24%}.profile-social-cover>strong{font-size:27px}}.ui-auth-providers{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.ui-auth-providers button{min-width:0;padding:0 9px}.ui-auth-providers button>span{text-overflow:ellipsis;font-size:8px;overflow:hidden}.ui-auth-provider-mark{flex:none;width:15px;height:15px}.ui-auth-methods{border:1px solid var(--line);background:var(--subtle);border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.ui-auth-methods button{height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:8px;font-weight:650;display:flex}.ui-auth-methods button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 5px #00000014}.ui-auth-otp{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.ui-auth-otp legend{width:100%;color:var(--ink);justify-content:space-between;align-items:center;padding:0;font-size:8px;font-weight:650;display:flex}.ui-auth-otp legend button,.ui-auth-code-options button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:7px;font-weight:650;display:flex}.ui-auth-otp>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.ui-auth-otp input{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--ink);text-align:center;border-radius:9px;outline:none;font:750 17px ui-monospace,monospace}.ui-auth-otp input:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 7%,transparent)}.ui-auth-otp>small{color:var(--muted);font-size:7px;line-height:1.45}.ui-auth-code-options{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:7px;display:flex}.ui-auth-code-options>span{align-items:center;gap:5px;display:flex}.ui-auth-back{width:fit-content;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:8px;font-weight:650;display:flex}.ui-auth-back:hover{color:var(--ink)}.ui-auth-recovery .ui-auth-mark>svg{transform:rotate(-8deg)}.ui-auth-reset-sent{align-content:center;min-height:390px}.ui-auth-sent-mark{background:color-mix(in srgb,#25a979 13%,var(--surface));color:#16805c;border-radius:50%;place-items:center;width:43px;height:43px;margin-bottom:20px;display:grid}.ui-auth-sent-note{border:1px solid var(--line);background:var(--subtle);border-radius:11px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:13px;display:grid}.ui-auth-sent-note>span{background:var(--ink);width:24px;height:24px;color:var(--surface);border-radius:7px;place-items:center;font:700 7px ui-monospace,monospace;display:grid}.ui-auth-sent-note p{color:var(--muted);margin:0;font-size:8px;line-height:1.55}.ui-auth-form-card[data-tone=contrast] .ui-auth-methods{background:#10100f;border-color:#343432}.ui-auth-form-card[data-tone=contrast] .ui-auth-methods button[aria-selected=true]{color:#f4f4f1;background:#2a2a28}.ui-auth-form-card[data-tone=contrast] .ui-auth-otp input,.ui-auth-form-card[data-tone=contrast] .ui-auth-sent-note{color:#f4f4f1;background:#1e1e1d;border-color:#343432}.ui-auth-form-card[data-tone=contrast] .ui-auth-otp legend{color:#f4f4f1}.ui-auth-form-card[data-tone=contrast] .ui-auth-otp>small,.ui-auth-form-card[data-tone=contrast] .ui-auth-code-options,.ui-auth-form-card[data-tone=contrast] .ui-auth-back,.ui-auth-form-card[data-tone=contrast] .ui-auth-sent-note p{color:#96968f}.ui-auth-form-card[data-tone=contrast] .ui-auth-back:hover{color:#f4f4f1}.ui-auth-design-split>.ui-auth-methods,.ui-auth-design-split>.ui-auth-providers,.ui-auth-design-split>.ui-auth-divider,.ui-auth-design-split>.ui-auth-fields,.ui-auth-design-split>.ui-auth-options,.ui-auth-design-split>.ui-auth-code-options,.ui-auth-design-split>.ui-auth-terms,.ui-auth-design-split>.ui-auth-sent-note,.ui-auth-design-split>.ui-auth-otp-destination,.ui-auth-design-split>.ui-auth-otp,.ui-auth-design-split>button,.ui-auth-design-split>.ui-auth-form-footer{grid-column:2}.ui-auth-design-split>.ui-auth-back{grid-column:1;align-self:start}.design-flow-auth .design-flow-preview{min-height:760px}.auth-design-stage{grid-template-rows:auto 1fr;place-items:start center;gap:18px;min-height:700px;padding:24px;display:grid}.auth-flow-switch{border:1px solid var(--line);background:var(--subtle);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:4px;width:min(700px,100%);padding:4px;display:grid}.auth-flow-switch button{height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:8px;font-weight:680}.auth-flow-switch button[data-active=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #00000012}.auth-design-stage-terminal .auth-flow-switch{background:#111110;border-color:#30302e}.auth-design-stage-terminal .auth-flow-switch button{color:#81817b}.auth-design-stage-terminal .auth-flow-switch button[data-active=true]{color:#171716;background:#f1f1ed}.ui-auth-otp-destination{border:1px solid var(--line);background:var(--subtle);border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.ui-auth-otp-destination>span{gap:2px;display:grid}.ui-auth-otp-destination small{color:var(--muted);font-size:7px}.ui-auth-otp-destination strong{font-size:8px}.ui-auth-otp-destination button{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:7px;font-weight:680}.ui-auth-form-card[data-tone=contrast] .ui-auth-otp-destination{background:#1e1e1d;border-color:#343432}.ui-auth-form-card[data-tone=contrast] .ui-auth-otp-destination small{color:#96968f}.ui-auth-form-card[data-tone=contrast] .ui-auth-otp-destination button{color:#f4f4f1}.catalog-phone-auth .ui-auth-methods button{font-size:7px}.catalog-phone-auth .ui-auth-otp{gap:5px}.catalog-phone-auth .ui-auth-otp>div{gap:4px}.catalog-phone-auth .ui-auth-otp input{border-radius:6px;font-size:13px}@media (width<=720px){.auth-design-stage{min-height:660px;padding:15px}.auth-flow-switch{gap:2px}.auth-flow-switch button{height:33px;font-size:7px}.ui-auth-providers{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-auth-providers button>span{display:none}.ui-auth-form-card{padding:20px}}.loading-handoff{color:#f2f1ec;background:#101214;padding:22px}.loading-handoff>header{letter-spacing:.09em;color:#8d9195;border-bottom:1px solid #303338;justify-content:space-between;align-items:center;padding-bottom:18px;font:750 8px ui-monospace,monospace;display:flex}.loading-handoff>header b{color:#56d6ae}.loading-handoff>section{grid-template-columns:1fr .72fr .88fr;align-items:center;gap:16px;height:315px;display:grid}.loading-handoff article{background:#17191c;border:1px solid #303338;border-radius:16px;gap:9px;padding:16px;display:grid}.loading-handoff article>small{color:#777c82;letter-spacing:.1em;font:750 7px ui-monospace,monospace}.loading-handoff article>p{color:#7e8287;border:1px solid #2c2f34;border-radius:9px;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;margin:0;padding:10px;display:grid}.loading-handoff article>p[data-state=active]{color:#f1f0ec;background:#7165ff12;border-color:#7165ff;transform:translate(5px)}.loading-handoff article>p[data-state=done]{color:#57d8af}.loading-handoff article p b{font-size:8px}.loading-handoff article p em{text-transform:uppercase;font:650 6px ui-monospace,monospace}.handoff-transfer{color:#85898e;justify-items:center;gap:10px;display:grid}.handoff-transfer>span{background:#292c31;width:100%;height:6px;overflow:hidden}.handoff-transfer>span i{width:var(--load-progress);background:linear-gradient(90deg,#7667ff,#51d5ae);height:100%;transition:width .3s;display:block}.handoff-transfer>strong{letter-spacing:-.06em;color:#f2f1ec;font-size:30px}.handoff-transfer>small{text-align:center;font:650 6px ui-monospace,monospace}.loading-handoff .handoff-destination{color:#181917;background:#eeeadf;border-color:#cbc5b8;align-content:center;justify-items:start;min-height:165px}.handoff-destination>small{color:#77736c!important}.handoff-destination>strong{font-size:15px}.handoff-destination>span{color:#77736c;font-size:8px}.loading-wordmark{color:#171816;background:#ece8dd;border-color:#cbc5b9;grid-template-rows:auto 1fr auto;padding:24px;display:grid}.loading-wordmark>header{letter-spacing:.11em;justify-content:space-between;font:750 8px ui-monospace,monospace;display:flex}.loading-wordmark>header b{color:#6559ea}.loading-wordmark>section{align-content:center;gap:14px;display:grid}.loading-wordmark-type{justify-content:center;align-items:baseline;gap:2px;display:flex;overflow:hidden}.loading-wordmark-type span{letter-spacing:-.1em;animation:wordmark-build var(--load-speed) cubic-bezier(.2,.8,.2,1) infinite alternate;animation-delay:calc(var(--letter-index)*-.13s);font-size:108px;font-weight:880;line-height:.72}.loading-wordmark-type span:nth-child(2){color:#6659eb;font-family:Georgia,serif;font-style:italic;font-weight:400}.loading-wordmark-type span:nth-child(3){transform:scaleX(.72)}.loading-wordmark>section p{text-align:center;color:#77736c;margin:0;font-size:10px}.loading-wordmark>footer{grid-template-columns:1fr auto;align-items:center;gap:12px;font:750 8px ui-monospace,monospace;display:grid}.loading-wordmark>footer>span{background:#d1ccc1;height:4px;overflow:hidden}.loading-wordmark>footer i{width:var(--load-progress);background:#171816;height:100%;transition:width .3s;display:block}@keyframes wordmark-build{0%{opacity:.18;transform:translateY(65%)rotate(4deg)}55%,to{opacity:1;transform:translateY(0)rotate(0)}}.hover-curtain>article{color:#fff;background:#141517;width:min(570px,92%);height:350px;position:relative;overflow:hidden;box-shadow:0 28px 65px #0009}.hover-curtain article>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hover-curtain .is-base{filter:grayscale()contrast(1.15)brightness(.62)}.hover-curtain .is-reveal{clip-path:inset(0 calc(100% - var(--hover-x)) 0 0);filter:saturate(.88)contrast(1.04);transition:clip-path .12s linear}.hover-curtain article:after{content:"";pointer-events:none;background:linear-gradient(90deg,#070809b5,#0000 58%,#0003);position:absolute;inset:0}.hover-curtain article>header,.hover-curtain-copy{z-index:3;position:absolute;left:22px;right:22px}.hover-curtain article>header{letter-spacing:.09em;justify-content:space-between;font:750 7px ui-monospace,monospace;display:flex;top:19px}.hover-curtain-copy{justify-items:start;display:grid;bottom:21px}.hover-curtain-copy small{color:#c8c5ff;font:750 7px ui-monospace,monospace}.hover-curtain-copy strong{letter-spacing:-.07em;margin-top:6px;font-size:45px;line-height:.82}.hover-curtain-copy span{color:#151616;background:#f2f0e9;align-items:center;gap:24px;margin-top:14px;padding:8px 10px;font-size:8px;display:flex}.hover-curtain-handle{z-index:5;left:var(--hover-x);background:#f4f1e9;width:3px;transition:left .12s linear;position:absolute;top:0;bottom:0;transform:translate(-50%)}.hover-curtain-handle b{color:#161716;letter-spacing:.1em;background:#f4f1e9;padding:7px 9px;font:750 6px ui-monospace,monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.hover-curtain article:focus-visible .is-reveal{clip-path:inset(0 28% 0 0)}.hover-curtain article:focus-visible .hover-curtain-handle{left:72%}.hover-reveal article>img{object-fit:cover;filter:saturate(.65)brightness(.72);width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s;position:absolute;inset:0}.hover-reveal article:after{content:"";background:linear-gradient(#0008,#0000 45%,#000c);transition:background .5s;position:absolute;inset:0}.hover-reveal article:hover>img,.hover-reveal article:focus-visible>img{filter:saturate()brightness(.85);transform:scale(1.07)}.hover-reveal article:hover:after,.hover-reveal article:focus-visible:after{background:linear-gradient(#0007,#0000 35%,#000a)}.hover-reveal article>header,.hover-reveal article>footer{z-index:4}.nav-scene [data-visible]{opacity:1;white-space:nowrap;max-width:110px;transition:max-width .34s cubic-bezier(.22,1,.36,1),opacity .18s,transform .3s cubic-bezier(.22,1,.36,1);display:block;overflow:hidden;transform:translate(0)}.nav-scene [data-visible=false]{opacity:0;pointer-events:none;max-width:0;transform:translate(-5px)}.nav-floating-dock{color:#f2f0ea;background:#111315;overflow:hidden}.nav-floating-dock>main{padding:34px 38px 110px}.nav-floating-dock main>header{color:#777d80;justify-content:space-between;font:700 7px ui-monospace,monospace;display:flex}.nav-floating-dock main>strong{letter-spacing:-.06em;margin-top:24px;font-size:43px;line-height:.9;display:block}.nav-floating-dock main>div{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.nav-floating-dock article{background:#171a1d;border:1px solid #2e3236;border-radius:13px;align-content:space-between;height:82px;padding:14px;display:grid}.nav-floating-dock article span{color:#72777b;font:700 6px ui-monospace,monospace}.nav-floating-dock article b{font-size:10px}.nav-floating-dock>nav{z-index:5;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ededeb1a;border:1px solid #ffffff2e;border-radius:19px;align-items:center;gap:5px;height:62px;padding:7px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 20px 45px #0009}.nav-floating-dock nav>i{color:#161716;background:#f2efe8;border-radius:13px;place-items:center;width:45px;height:45px;font-style:normal;font-weight:850;display:grid}.nav-floating-dock nav button{color:#8f9497;background:0 0;border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-width:45px;height:45px;padding:0 12px;display:flex}.nav-floating-dock nav button[data-active=true]{color:#161716;background:#f2efe8}.nav-floating-dock nav button[aria-label=Create]{color:#fff;background:#685bec;transform:translateY(-8px);box-shadow:0 10px 24px #6659ea66}.nav-floating-dock .dock-more{border-left:1px solid #ffffff20;border-radius:0 13px 13px 0}.nav-collapsible-sidebar{color:#eee;background:#111315;grid-template-columns:auto 1fr;display:grid;overflow:hidden}.nav-collapsible-sidebar>aside{border-right:1px solid #2e3135;grid-template-rows:auto 1fr auto;width:220px;padding:14px;transition:width .28s;display:grid}.nav-collapsible-sidebar[data-compact=true]>aside{width:72px}.nav-collapsible-sidebar aside>header{grid-template-columns:34px 1fr 28px;align-items:center;gap:8px;min-height:40px;display:grid}.nav-collapsible-sidebar aside>header>i{color:#151616;background:#f1efe8;border-radius:10px;place-items:center;width:34px;height:34px;font-style:normal;font-weight:850;display:grid}.nav-collapsible-sidebar aside>header button{color:#a7aaad;background:#1b1e21;border:1px solid #35383c;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.nav-collapsible-sidebar aside>nav{align-content:start;gap:5px;padding-top:24px;display:grid}.nav-collapsible-sidebar aside nav button,.nav-collapsible-sidebar aside>footer>button{color:#8d9195;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;height:40px;padding:0 11px;display:flex}.nav-collapsible-sidebar aside nav button[data-active=true]{color:#fff;background:#292c30}.nav-collapsible-sidebar aside>footer{gap:9px;display:grid}.nav-collapsible-sidebar aside>footer>div{border-top:1px solid #2d3034;align-items:center;gap:9px;padding-top:11px;display:flex}.nav-collapsible-sidebar aside>footer>div>span{background:#6559ea;border-radius:10px;place-items:center;width:34px;height:34px;font-size:8px;display:grid}.nav-collapsible-sidebar aside>footer p{margin:0;font-size:8px;display:grid}.nav-collapsible-sidebar aside>footer small{color:#777;font-size:7px}.nav-collapsible-sidebar[data-compact=true] aside header{flex-direction:column;display:flex}.nav-collapsible-sidebar[data-compact=true] aside header>b,.nav-collapsible-sidebar[data-compact=true] aside footer p{display:none}.nav-collapsible-sidebar[data-compact=true] aside nav button,.nav-collapsible-sidebar[data-compact=true] aside>footer>button{justify-content:center;padding:0}.nav-collapsible-sidebar>main{grid-template-rows:52px 1fr;min-width:0;display:grid}.nav-collapsible-sidebar main>header{color:#777;border-bottom:1px solid #2d3034;justify-content:space-between;align-items:center;padding:0 20px;font:700 7px ui-monospace,monospace;display:flex}.nav-collapsible-sidebar main>header button{color:#8d9195;background:#181a1d;border:1px solid #34373b;border-radius:8px;align-items:center;gap:6px;height:30px;padding:0 10px;display:flex}.nav-collapsible-sidebar main>section{align-content:center;padding:35px;display:grid}.nav-collapsible-sidebar main>section small{color:#5fd8b2;font:700 7px ui-monospace,monospace}.nav-collapsible-sidebar main>section strong{letter-spacing:-.06em;margin-top:9px;font-size:39px;line-height:.91}.nav-collapsible-sidebar main>section div{gap:8px;margin-top:26px;display:flex}.nav-collapsible-sidebar main>section i{border:1px solid #303338;border-radius:10px;flex:1;height:54px}.nav-command-refined{background:#ebe6dc;overflow:hidden}.nav-command-refined>header{border-bottom:1px solid #c8c1b5;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;height:62px;padding:0 17px;display:grid}.nav-command-refined header>b{align-items:center;gap:8px;display:flex}.nav-command-refined header>nav{justify-content:center;gap:3px;display:flex}.nav-command-refined header>nav button{color:#67645e;background:0 0;border:0;align-items:center;gap:6px;height:36px;padding:0 10px;display:flex}.nav-command-refined header>nav button[data-active=true]{color:#171816;background:#d9d3c8;border-radius:8px}.nav-command-refined header>div{align-items:center;gap:6px;display:flex}.nav-command-refined header>div button{background:#f5f1e8;border:1px solid #c6bfb3;border-radius:8px;align-items:center;gap:7px;height:34px;display:flex}.nav-command-search{padding:0 8px 0 10px}.nav-command-search kbd{background:#e0d9cd;margin-left:8px;padding:3px 5px;font:700 6px ui-monospace,monospace}.nav-command-refined header>div>span{color:#fff;background:#171816;border-radius:9px;place-items:center;width:32px;height:32px;font:700 7px ui-monospace,monospace;display:grid}.nav-command-refined>main{background:linear-gradient(110deg,#0000 56%,#6559ea 56% 73%,#2ab99e 73%);height:358px;padding:45px}.nav-command-refined main>small{align-items:center;gap:6px;font:700 7px ui-monospace,monospace;display:flex}.nav-command-refined main>strong{letter-spacing:-.07em;margin-top:15px;font-size:49px;line-height:.86;display:block}.nav-command-refined main>footer{color:#6c6962;border-top:1px solid #bfb8ac;justify-content:space-between;width:43%;margin-top:30px;padding-top:12px;font:700 6px ui-monospace,monospace;display:flex}.nav-editorial-refined{background:#eee9df;overflow:hidden}.nav-editorial-refined>nav{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f3eccc;border:1px solid #c8c1b5;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;height:54px;padding:7px 8px 7px 18px;display:grid;position:absolute;top:22px;left:24px;right:24px;box-shadow:0 15px 35px #0001}.nav-editorial-refined>nav>b{font-family:Georgia,serif;font-size:13px}.nav-editorial-refined>nav>span{text-align:center;color:#77726b;font:700 7px ui-monospace,monospace}.nav-editorial-refined nav>div{align-items:center;gap:3px;display:flex}.nav-editorial-refined nav button{color:#65625c;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;height:38px;padding:0 10px;display:flex}.nav-editorial-refined nav button[data-active=true]{color:#f5f2eb;background:#191a18}.nav-editorial-refined>main{padding:125px 50px 42px}.nav-editorial-refined main small{font:700 7px ui-monospace,monospace}.nav-editorial-refined main strong{letter-spacing:-.055em;margin-top:18px;font:500 57px/.82 Georgia,serif;display:block}.nav-editorial-refined main p{color:#77726b;max-width:390px;font-size:11px;line-height:1.65}.nav-island-dock{color:#f2f0ea;background:#151719;overflow:hidden}.nav-island-dock>main{padding:34px}.nav-island-dock main>header{color:#777c80;justify-content:space-between;font:700 7px ui-monospace,monospace;display:flex}.nav-island-dock main>section{grid-template-columns:1fr 1fr;gap:9px;width:min(500px,85%);margin:32px auto 0;display:grid}.nav-island-dock article{background:#1a1d20;border:1px solid #303338;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:14px;display:grid}.nav-island-dock article>i{background:#282c30;border-radius:8px;place-items:center;width:30px;height:30px;font:700 7px ui-monospace,monospace;display:grid}.nav-island-dock article span{gap:4px;display:grid}.nav-island-dock article b{font-size:9px}.nav-island-dock article small{color:#777;font-size:7px}.nav-island-dock>nav{background:#0b0d0eee;border:1px solid #3a3e42;border-radius:18px;align-items:center;gap:4px;height:58px;padding:6px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #000b}.nav-island-dock>nav>i{color:#171816;background:#f1efe8;border-radius:12px;place-items:center;width:42px;height:42px;font-style:normal;font-weight:850;display:grid}.nav-island-dock nav button{color:#888e92;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:42px;height:42px;padding:0 11px;display:flex}.nav-island-dock nav button[data-active=true]{color:#fff;background:#6559ea}.nav-island-dock nav .island-collapse{border-left:1px solid #34373b;border-radius:0 12px 12px 0}.nav-utility-sidebar{background:#ece8de;overflow:hidden}.nav-utility-sidebar>main{height:100%;padding:26px 116px 26px 30px}.nav-utility-sidebar main>header{color:#77736c;justify-content:space-between;font:700 7px ui-monospace,monospace;display:flex}.nav-utility-sidebar main>div{background:#f5f1e8;border:1px solid #c8c1b6;align-content:center;justify-items:center;height:310px;margin-top:16px;display:grid;position:relative;overflow:hidden}.nav-utility-sidebar main>div small{color:#78736c;font:700 7px ui-monospace,monospace}.nav-utility-sidebar main>div strong{letter-spacing:-.06em;margin-top:8px;font-size:38px}.nav-utility-sidebar main>div i{transform-origin:0;background:#6559ea;height:2px;position:absolute}.nav-utility-sidebar main>div i:first-of-type{width:180px;top:34%;left:22%;transform:rotate(15deg)}.nav-utility-sidebar main>div i:nth-of-type(2){background:#2bb99e;width:220px;bottom:28%;right:10%;transform:rotate(-10deg)}.nav-utility-sidebar main>div i:nth-of-type(3){background:#efb64e;width:95px;bottom:22%;left:13%}.nav-utility-sidebar>aside{z-index:4;color:#eee;background:#131517;border:1px solid #303338;border-radius:18px;grid-template-rows:auto 1fr auto;width:190px;padding:12px;transition:width .25s;display:grid;position:absolute;top:24px;bottom:24px;right:24px;box-shadow:0 25px 50px #0007}.nav-utility-sidebar[data-compact=true]>aside{width:66px}.nav-utility-sidebar aside>header{justify-content:space-between;align-items:center;height:36px;display:flex}.nav-utility-sidebar aside>header b{font:700 7px ui-monospace,monospace}.nav-utility-sidebar aside>header button{color:#aaa;background:#1e2124;border:1px solid #35383c;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.nav-utility-sidebar aside>nav{align-content:center;gap:5px;display:grid}.nav-utility-sidebar aside nav button{color:#8d9195;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;height:40px;padding:0 11px;display:flex}.nav-utility-sidebar aside nav button[data-active=true]{color:#171816;background:#f1efe8}.nav-utility-sidebar aside>footer{color:#888;border-top:1px solid #303338;align-items:end;gap:9px;height:40px;padding:0 11px;display:flex}.nav-utility-sidebar[data-compact=true] aside header b{display:none}.nav-utility-sidebar[data-compact=true] aside header{justify-content:center}.nav-utility-sidebar[data-compact=true] aside nav button{justify-content:center;padding:0}.nav-scene{--nav-ease:cubic-bezier(.22,1,.36,1);isolation:isolate}.nav-scene button{transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .3s var(--nav-ease),transform .3s var(--nav-ease),padding .3s var(--nav-ease),min-width .3s var(--nav-ease);outline:none;position:relative}.nav-scene button>svg{stroke-width:1.75px;flex:0 0 16px;width:16px;height:16px}.nav-scene button>.nav-destination-label{font-size:8px;font-weight:700;line-height:1;display:block}.nav-scene button:focus-visible{box-shadow:0 0 0 2px #6559ea,0 0 0 4px #6559ea38}.nav-scene[data-motion=true] .nav-active-copy{animation:nav-copy-arrive .42s var(--nav-ease) both}@keyframes nav-copy-arrive{0%{opacity:0;filter:blur(3px);transform:translateY(9px)}to{opacity:1;filter:blur();transform:translateY(0)}}.nav-floating-dock>nav{transition:width .38s var(--nav-ease),box-shadow .3s ease,background-color .3s ease}.nav-floating-dock nav button:hover{color:#fff;transform:translateY(-4px)}.nav-floating-dock nav button[data-active=true]{transform:translateY(-5px);box-shadow:0 9px 20px #0007}.nav-floating-dock nav button[aria-label=Create]{transform:translateY(-8px)}.nav-floating-dock nav button[aria-label=Create]:hover{transform:translateY(-11px)scale(1.04)}.nav-floating-dock .dock-more{place-items:center;padding:0;display:grid}.nav-floating-dock article{transition:transform .35s var(--nav-ease),border-color .25s,background-color .25s}.nav-floating-dock article:hover{background:#1c2024;border-color:#50555b;transform:translateY(-3px)}.nav-collapsible-sidebar>aside{transition:width .42s var(--nav-ease),padding .42s var(--nav-ease);overflow:hidden}.nav-collapsible-sidebar aside>header{transition:min-height .35s var(--nav-ease);position:relative}.nav-collapsible-sidebar aside>header>b,.nav-collapsible-sidebar aside>footer p{opacity:1;white-space:nowrap;max-width:120px;transition:max-width .34s var(--nav-ease),opacity .18s ease,transform .3s var(--nav-ease);overflow:hidden}.nav-collapsible-sidebar aside nav button,.nav-collapsible-sidebar aside>footer>button{width:100%}.nav-collapsible-sidebar aside nav button:before{content:"";opacity:0;width:2px;height:16px;transition:opacity .2s,transform .3s var(--nav-ease);background:#5fd8b2;border-radius:4px;position:absolute;left:0;transform:scaleY(.2)}.nav-collapsible-sidebar aside nav button[data-active=true]:before{opacity:1;transform:scaleY(1)}.nav-collapsible-sidebar aside nav button:hover,.nav-collapsible-sidebar aside>footer>button:hover{color:#f2f2ef;background:#202327;transform:translate(2px)}.nav-collapsible-sidebar[data-compact=true] aside>header{grid-template-rows:34px 28px;grid-template-columns:1fr;justify-items:center;gap:8px;min-height:76px;display:grid}.nav-collapsible-sidebar[data-compact=true] aside>header>b,.nav-collapsible-sidebar[data-compact=true] aside>footer p{opacity:0;max-width:0;display:grid;transform:translate(-5px)}.nav-collapsible-sidebar[data-compact=true] aside nav button:hover,.nav-collapsible-sidebar[data-compact=true] aside>footer>button:hover{transform:translateY(-2px)}.nav-collapsible-sidebar main>section i{transform-origin:0;animation:2.8s ease-in-out infinite alternate nav-bar-breathe}.nav-collapsible-sidebar main>section i:nth-child(2){animation-delay:-.9s}.nav-collapsible-sidebar main>section i:nth-child(3){animation-delay:-1.8s}@keyframes nav-bar-breathe{0%{border-color:#303338;transform:scaleX(.72)}to{border-color:#555b62;transform:scaleX(1)}}.nav-command-refined>header{grid-template-columns:auto minmax(0,1fr) auto}.nav-command-refined header>nav{align-items:center}.nav-command-refined header>nav button{border-radius:8px;position:relative}.nav-command-refined header>nav button:after{content:"";transform-origin:50%;height:2px;transition:transform .32s var(--nav-ease);background:#191a18;border-radius:3px;position:absolute;bottom:4px;left:9px;right:9px;transform:scaleX(0)}.nav-command-refined header>nav button[data-active=true]:after{transform:scaleX(1)}.nav-command-refined header>nav button:hover{color:#171816;background:#e1dbcf}.nav-command-refined .nav-command-search:hover{background:#fffaf1;border-color:#979084;transform:translateY(-1px)}.nav-command-refined>main{transition:background-position .5s var(--nav-ease)}.nav-editorial-refined>nav{transition:left .35s var(--nav-ease),right .35s var(--nav-ease),box-shadow .3s ease,background-color .3s ease}.nav-editorial-refined>nav:hover{background:#fbf8f1ed;box-shadow:0 19px 42px #0002}.nav-editorial-refined nav>div{justify-content:flex-end}.nav-editorial-refined nav button:after{content:"";height:1px;transition:transform .3s var(--nav-ease);background:currentColor;position:absolute;bottom:3px;left:10px;right:10px;transform:scaleX(0)}.nav-editorial-refined nav button[data-active=true]:after{transform:scaleX(1)}.nav-editorial-refined nav button:hover{color:#181917;background:#e3ddd2}.nav-editorial-refined[data-compact=true] nav .nav-destination-label{opacity:0;max-width:0}.nav-editorial-refined[data-compact=true]>nav{left:42px;right:42px}.nav-island-dock>nav{transition:width .4s var(--nav-ease),background-color .25s,box-shadow .3s}.nav-island-dock>nav:hover{background:#111417f5;box-shadow:0 24px 56px #000d}.nav-island-dock nav button:hover{color:#fff;background:#24282c;transform:translateY(-3px)}.nav-island-dock nav button[data-active=true]{box-shadow:0 8px 20px #6559ea45}.nav-island-dock article{transition:transform .32s var(--nav-ease),border-color .22s}.nav-island-dock article:hover{border-color:#555b61;transform:translateY(-3px)}.nav-utility-sidebar>aside{transition:width .42s var(--nav-ease),box-shadow .3s;overflow:hidden}.nav-utility-sidebar>aside:hover{box-shadow:0 30px 58px #0008}.nav-utility-sidebar aside>header b{opacity:1;max-width:90px;transition:max-width .32s var(--nav-ease),opacity .18s;overflow:hidden}.nav-utility-sidebar aside nav button{width:100%}.nav-utility-sidebar aside nav button:hover{color:#fff;background:#24282c;transform:translate(-2px)}.nav-utility-sidebar aside nav button[data-active=true]{box-shadow:0 8px 18px #0004}.nav-utility-sidebar[data-compact=true] aside header b{opacity:0;max-width:0;display:block}.nav-utility-sidebar[data-compact=true] aside nav button:hover{transform:translateY(-2px)}.nav-utility-sidebar main>div i{animation:3.4s ease-in-out infinite alternate nav-signal-drift}.nav-utility-sidebar main>div i:nth-of-type(2){animation-delay:-1.1s}.nav-utility-sidebar main>div i:nth-of-type(3){animation-delay:-2.2s}@keyframes nav-signal-drift{0%{opacity:.42;translate:-5px}to{opacity:1;translate:7px}}.nav-scene[data-motion=false] *{transition-duration:0s!important;animation:none!important}@media (prefers-reduced-motion:reduce){.nav-scene *{transition-duration:0s!important;animation:none!important}}.dock-stage{border-radius:26px;width:min(700px,100%);min-height:440px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0008}.dock-stage-window{padding:24px;position:absolute}.dock-stage-window>span{letter-spacing:.12em;font:750 7px ui-monospace,monospace}.dock-stage-window h3{letter-spacing:-.055em;max-width:390px;margin:22px 0 9px;font-size:32px;line-height:.96}.dock-stage-window p{max-width:400px;margin:0;font-size:10px;line-height:1.55}.dock-mount{z-index:4;align-items:center;display:flex;position:absolute;bottom:27px;left:50%;transform:translate(-50%)}.dock-stage-glass-shelf{color:#f1f0eb;background:radial-gradient(circle at 76% 4%,#7968ff55,#0000 33%),linear-gradient(145deg,#171b22,#090b0e)}.dock-stage-glass-shelf .dock-stage-window{background:linear-gradient(145deg,#ffffff0d,#ffffff04);border:1px solid #ffffff18;border-radius:20px;inset:24px 24px 104px}.dock-stage-glass-shelf .dock-stage-window>span,.dock-stage-glass-shelf .dock-stage-window p{color:#8c9199}.dock-window-files{gap:8px;display:flex;position:absolute;bottom:20px;right:22px}.dock-window-files i{background:#ffffff09;border:1px solid #ffffff14;border-radius:10px;width:54px;height:68px}.dock-window-files i:nth-child(2){background:#7567ef33;height:88px}.dock-window-files i:nth-child(3){height:54px}.dock-stage-glass-shelf .ui-dock{background:#0a0c0ec7;border-color:#ffffff24;align-items:center;box-shadow:0 22px 48px #000b}.dock-stage-glass-shelf .ui-dock button{background:linear-gradient(145deg,#2b3038,#1d2026);border-radius:13px;width:46px;height:46px}.dock-stage-glass-shelf .ui-dock button[aria-current=page]{color:#171816;background:#f1efe8}.dock-stage-glass-shelf .ui-dock button>small{border-color:#090b0c}.dock-stage-floating-capsule{color:#181816;background:#ebe6dc}.dock-stage-floating-capsule .dock-stage-window{background:#f5f0e7;border:1px solid #c8c1b5;inset:30px 30px 108px}.dock-stage-floating-capsule .dock-stage-window>span,.dock-stage-floating-capsule .dock-stage-window p{color:#777169}.dock-capsule-mount{z-index:4;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;bottom:28px;left:30px;right:30px}.dock-capsule-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf6eee8;border:1px solid #c7c0b4;border-radius:999px;align-items:center;gap:4px;min-width:0;padding:6px;display:flex;box-shadow:0 16px 36px #0002}.dock-capsule-nav button{color:#777169;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:43px;height:43px;padding:0 13px;transition:min-width .24s,background-color .18s,color .18s,transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s;display:flex;position:relative}.dock-capsule-nav button:hover{color:#24231f;background:#e8e1d6;transform:translateY(-2px)}.dock-capsule-nav button[data-active=true]{color:#f2f0e9;background:#191a18}.dock-capsule-nav button[data-active=true]:hover{transform:translateY(-1px);box-shadow:0 7px 15px #0002}.dock-capsule-nav button b{white-space:nowrap;font-size:9px}.dock-capsule-nav button small{color:#fff;background:#b92e28;border:2px solid #faf6ee;border-radius:99px;place-items:center;min-width:15px;height:15px;padding:0 3px;font-size:6px;display:grid;position:absolute;top:-2px;right:-1px}.dock-create{color:#fff;cursor:pointer;background:#6559ea;border:0;border-radius:50%;flex:none;place-items:center;width:55px;height:55px;transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s;display:grid;box-shadow:0 14px 30px #6559ea55}.dock-create:hover{transform:translateY(-2px);box-shadow:0 17px 34px #6559ea66}.dock-stage-tool-rail{color:#eff0ec;background:#101317}.dock-stage-tool-rail .dock-stage-window{background-color:#15191e;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #30353b;inset:24px 104px 24px 24px}.dock-stage-tool-rail[data-side=left] .dock-stage-window{left:104px;right:24px}.dock-stage-tool-rail .dock-stage-window>span{color:#777e85}.dock-canvas-object{place-items:center;display:grid;position:absolute;inset:84px 50px 50px}.dock-canvas-object i{border:1px solid #7568ef;width:170px;height:110px;position:absolute;transform:rotate(-7deg)}.dock-canvas-object i:nth-child(2){border-color:#2cc4a3;width:110px;height:160px;transform:rotate(11deg)}.dock-canvas-object b{letter-spacing:-.08em;font-size:45px;position:relative}.dock-stage-tool-rail .dock-stage-window footer{color:#777e85;justify-content:space-between;font:700 7px ui-monospace,monospace;display:flex;position:absolute;bottom:16px;left:20px;right:20px}.dock-tool-rail{z-index:4;background:#0b0d10e8;border:1px solid #343940;border-radius:18px;grid-template-rows:auto 1fr auto;width:64px;padding:8px;transition:width .24s;display:grid;position:absolute;top:24px;bottom:24px;right:24px;box-shadow:0 22px 46px #000a}.dock-stage-tool-rail[data-side=left] .dock-tool-rail{left:24px;right:auto}.dock-tool-rail:has(nav button span){width:112px}.dock-tool-rail header{border-bottom:1px solid #292e34;place-items:center;height:44px;font-size:13px;font-weight:850;display:grid}.dock-tool-rail nav{align-content:center;gap:5px;display:grid}.dock-tool-rail nav button{color:#858c93;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;height:42px;padding:0 12px;transition:background-color .18s,color .18s,transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s;display:flex}.dock-tool-rail nav button:hover{color:#e4e5e2;background:#20252b;transform:translate(-2px)}.dock-stage-tool-rail[data-side=left] .dock-tool-rail nav button:hover{transform:translate(2px)}.dock-tool-rail nav button[data-active=true]{color:#171817;background:#f0eee8}.dock-tool-rail nav button[data-active=true]:hover{box-shadow:0 6px 15px #0005}.dock-tool-rail nav button span{font-size:8px;font-weight:700}.dock-tool-rail footer{border-top:1px solid #292e34;place-items:end center;min-height:43px;padding-top:10px;display:grid}.dock-tool-rail footer span{color:#bbb;background:#2b3036;border-radius:9px;place-items:center;width:32px;height:32px;font:750 8px ui-monospace,monospace;display:grid}.dock-stage-collapsible{color:#181816;background-color:#e7e2d7;background-image:linear-gradient(#1f232811 1px,#0000 1px),linear-gradient(90deg,#1f232811 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.dock-stage-collapsible .dock-stage-window{background:#f4efe6;border:1px solid #c8c1b5;border-radius:18px;inset:28px 28px 100px}.dock-stage-collapsible .dock-stage-window>span,.dock-stage-collapsible .dock-stage-window p{color:#777169}.dock-command-list{grid-template-columns:1fr 1fr;gap:8px;display:grid;position:absolute;bottom:22px;left:24px;right:24px}.dock-command-list span{color:#6e6962;border-top:1px solid #cbc4b8;align-items:center;gap:8px;height:42px;padding:0 12px;font-size:8px;display:flex}.dock-command-list i{background:#2abb94;border-radius:50%;width:6px;height:6px}.dock-launch-tray{z-index:4;color:#f0f0eb;background:#111418;border:1px solid #33383e;border-radius:17px;align-items:center;gap:5px;height:58px;padding:6px;display:flex;position:absolute;bottom:27px;right:28px;box-shadow:0 20px 45px #0008}.dock-launch-brand{color:#171817;background:#f0eee8;border-radius:11px;place-items:center;width:44px;height:44px;font-size:12px;font-weight:850;display:grid}.dock-launch-current{color:#d6d8d5;border-right:1px solid #30353a;align-items:center;gap:8px;height:44px;padding:0 11px;display:flex}.dock-launch-current b{white-space:nowrap;font-size:8px}.dock-launch-items{opacity:1;max-width:260px;transition:max-width .28s var(--ease-smooth),opacity .18s;gap:4px;display:flex;overflow:hidden}.dock-launch-items button,.dock-collapse{color:#969ca1;cursor:pointer;background:#20242a;border:0;border-radius:11px;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative}.dock-launch-items button:hover{color:#fff;background:#2c3138}.dock-launch-items small{color:#fff;background:#bb2e28;border-radius:50%;place-items:center;width:14px;height:14px;font-size:6px;display:grid;position:absolute;top:1px;right:1px}.dock-collapse{color:#f0f0eb;background:#15181d;border:1px solid #373c43}.dock-stage-collapsible[data-collapsed=true] .dock-launch-items{opacity:0;pointer-events:none;max-width:0}.design-flow-dock .design-flow-preview{min-height:580px}.family-demo-identity{border:1px solid var(--line);background:var(--paper);border-radius:18px;grid-template-rows:1fr auto;grid-template-columns:112px 1fr;align-items:center;gap:20px;min-height:270px;padding:24px;display:grid}.family-identity-portrait{background:var(--subtle);width:112px;height:138px;position:relative;overflow:hidden}.family-identity-portrait img{object-fit:cover;filter:saturate(.72);width:100%;height:100%}.family-identity-portrait i{border:2px solid var(--paper);background:#1eae7c;border-radius:50%;width:9px;height:9px;position:absolute;bottom:8px;right:8px}.family-demo-identity>section{gap:6px;display:grid}.family-demo-identity section small{color:var(--family-accent)}.family-demo-identity section strong{letter-spacing:-.05em;font-size:25px}.family-demo-identity section span{color:var(--muted);font-size:10px}.family-demo-identity>footer{border-top:1px solid var(--line);grid-column:1/-1;align-items:center;gap:10px;padding-top:13px;display:flex}.family-demo-identity footer>div{display:flex}.family-demo-identity footer img{border:2px solid var(--paper);object-fit:cover;width:25px;height:25px;margin-left:-5px}.family-demo-identity footer img:first-child{margin-left:0}.family-demo-identity footer span{color:var(--muted);font-size:9px}.family-demo-media{color:#f2f0ea;background:#111315;border:1px solid #303338;border-radius:18px;grid-template-rows:auto 1fr auto;gap:13px;min-height:270px;padding:18px;display:grid}.family-demo-media>header{color:#8b8f93;justify-content:space-between;font:700 7px ui-monospace,monospace;display:flex}.family-demo-media>section{grid-template-columns:42% 1fr;align-items:end;gap:16px;min-height:150px;display:grid}.family-demo-media section>img{object-fit:cover;filter:saturate(.74)contrast(1.05);width:100%;height:150px}.family-demo-media section>div{gap:5px;height:auto;display:grid}.family-demo-media section small,.family-demo-media section span{color:#888d91;font:700 7px ui-monospace,monospace}.family-demo-media section strong{font-size:20px;line-height:1}.family-demo-media>footer{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.family-demo-media footer b{background:linear-gradient(90deg,var(--family-accent) 38%,#303338 38%);height:3px}.family-demo-media footer i{color:#141517;background:#f2f0ea;border:1px solid #3b3f43;place-items:center;width:28px;height:28px;font:750 8px ui-monospace,monospace;display:grid}.family-demo-layout{border:1px solid var(--line);background:var(--paper);border-radius:22px;grid-template-rows:auto 1fr auto;gap:16px;min-height:270px;padding:22px;display:grid}.family-demo-layout>header,.family-demo-layout>footer{color:var(--muted);justify-content:space-between;align-items:center;font:700 7px ui-monospace,monospace;display:flex}.family-demo-layout>section{grid-template-rows:repeat(2,58px);grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.family-demo-layout section i{border:1px solid var(--line);background:var(--subtle)}.family-demo-layout section i.is-wide{background:color-mix(in srgb,var(--family-accent) 16%,var(--subtle));grid-column:span 2}.family-demo-layout section i.is-tall{background:var(--ink);grid-row:span 2}.family-demo-layout>footer{border-top:1px solid var(--line);padding-top:13px}.family-demo-layout footer b{color:var(--ink);font-size:8px}.catalog-index-identity{grid-template-columns:86px 1fr;align-items:center;gap:13px;width:min(260px,96%);display:grid}.catalog-index-identity>img{object-fit:cover;filter:saturate(.7);width:86px;height:104px}.catalog-index-identity>div{gap:5px;display:grid}.catalog-index-identity small{color:var(--muted);font:700 5px var(--font-mono)}.catalog-index-identity strong{font-size:15px;line-height:1}.catalog-index-identity span{color:var(--muted);font-size:7px}.catalog-index-identity b{color:var(--muted);margin-top:6px;font-size:6px}.catalog-index-media{color:#eee;background:#111315;width:min(260px,96%);height:126px;position:relative;overflow:hidden}.catalog-index-media>img{object-fit:cover;filter:brightness(.48)saturate(.75);width:100%;height:100%;position:absolute;inset:0}.catalog-index-media header,.catalog-index-media section,.catalog-index-media footer{z-index:2;position:absolute;left:12px;right:12px}.catalog-index-media header{color:#d2d2ce;font:700 6px var(--font-mono);justify-content:space-between;display:flex;top:10px}.catalog-index-media section{justify-content:space-between;align-items:end;gap:10px;height:auto;margin:0;display:flex;bottom:26px}.catalog-index-media section strong{max-width:150px;font-size:13px}.catalog-index-media section span{font:700 6px var(--font-mono)}.catalog-index-media footer{font:700 6px var(--font-mono);align-items:center;gap:8px;display:flex;bottom:10px}.catalog-index-media footer i{background:linear-gradient(90deg,#f0eee7 43%,#ffffff42 43%);flex:1;height:2px}.catalog-index-layout{border:1px solid var(--line);background:var(--paper);width:min(245px,96%);padding:13px}.catalog-index-layout header{color:var(--muted);font:700 6px var(--font-mono);justify-content:space-between;display:flex}.catalog-index-layout section{grid-template-rows:1fr 1fr;grid-template-columns:1.35fr 1fr 1fr;gap:4px;height:83px;margin:12px 0;display:grid}.catalog-index-layout section i{border:1px solid var(--line);background:var(--subtle)}.catalog-index-layout section i.is-feature{background:var(--ink);grid-row:span 2}.catalog-index-layout footer{color:var(--muted);font:700 6px var(--font-mono)}.family-demo-auth{gap:12px;min-height:326px;padding:20px}.family-auth-flows{border:1px solid var(--line);background:var(--subtle);border-radius:9px;grid-template-columns:repeat(4,1fr);gap:3px;padding:3px;display:grid}.family-auth-flows span{height:27px;color:var(--muted);border-radius:6px;place-items:center;font-size:7px;display:grid}.family-auth-flows span[data-active=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #0001}.family-demo-auth label{gap:4px}.family-demo-auth label span{padding:9px 11px}.family-demo-auth>footer{border-top:1px solid var(--line);margin-top:2px;padding-top:10px}.catalog-peek-auth-system{color:#181917;background:#eee9df;border:1px solid #cbc5ba;grid-template-rows:auto auto 1fr auto;gap:8px;width:min(300px,86%);height:174px;padding:13px;display:grid;box-shadow:0 17px 34px #0003}.catalog-peek-auth-system>header{color:#77726b;letter-spacing:.08em;justify-content:space-between;font:750 6px ui-monospace,monospace;display:flex}.catalog-peek-auth-system>nav{background:#e3ddd2;border:1px solid #d0c9bd;grid-template-columns:repeat(4,1fr);gap:2px;padding:3px;display:grid}.catalog-peek-auth-system nav span{color:#77726b;place-items:center;height:21px;font-size:6px;display:grid}.catalog-peek-auth-system nav span[data-active=true]{color:#181917;background:#f8f4eb}.catalog-peek-auth-system>section{grid-template-columns:1fr 1fr;align-content:center;gap:3px 8px;display:grid}.catalog-peek-auth-system section small{font:700 5px ui-monospace,monospace;color:#77726b!important}.catalog-peek-auth-system section span{border-bottom:1px solid #bdb6aa;padding-bottom:4px;font-size:7px}.catalog-peek-auth-system>footer{border-top:1px solid #cbc5ba;justify-content:space-between;align-items:center;padding-top:7px;display:flex}.catalog-peek-auth-system footer span{color:#77726b;font-size:5px}.catalog-peek-auth-system footer b{font-size:7px}.catalog-family-visual:is([data-component=profile-cards],[data-component=avatars],[data-component=bitmojis],[data-component=music-player],[data-component=media-player],[data-component=gallery]):before{display:none}.catalog-peek-person-profile,.catalog-peek-people-roster,.catalog-peek-reactions,.catalog-peek-real-music,.catalog-peek-real-video,.catalog-peek-real-gallery{color:#f3f1eb;background:#111315;border:1px solid #3a3b3d;width:min(310px,88%);height:172px;overflow:hidden;box-shadow:0 18px 38px #0005}.catalog-peek-person-profile{color:#181917;background:#eee9de;border-color:#cbc5b9;grid-template-columns:43% 1fr;display:grid}.catalog-peek-person-profile>img{object-fit:cover;filter:saturate(.72);width:100%;height:100%}.catalog-peek-person-profile>section{align-content:end;justify-items:start;padding:16px;display:grid}.catalog-peek-person-profile small{letter-spacing:.1em;font:750 6px ui-monospace,monospace;color:#77726a!important}.catalog-peek-person-profile strong{letter-spacing:-.055em;margin-top:7px;font-size:21px;line-height:.9}.catalog-peek-person-profile span{color:#77726a;margin-top:6px;font-size:7px}.catalog-peek-person-profile b{border-top:1px solid #cbc5b9;width:100%;margin-top:18px;padding-top:8px;font-size:7px}.catalog-peek-people-roster{grid-template-rows:auto 1fr auto;gap:10px;padding:15px;display:grid}.catalog-peek-people-roster>header{color:#8a8e91;letter-spacing:.08em;justify-content:space-between;font:750 6px ui-monospace,monospace;display:flex}.catalog-peek-people-roster>header b{color:#efede7}.catalog-peek-people-roster>section{gap:7px;display:flex}.catalog-peek-people-roster section>span{border:1px solid #34373a;width:54px;height:65px;position:relative;overflow:hidden}.catalog-peek-people-roster section img{object-fit:cover;filter:saturate(.68);width:100%;height:100%}.catalog-peek-people-roster section i{background:#36c99a;border:1px solid #111315;border-radius:50%;width:6px;height:6px;position:absolute;bottom:4px;right:4px}.catalog-peek-people-roster>footer{border-top:1px solid #303338;gap:2px;padding-top:9px;display:grid}.catalog-peek-people-roster footer strong{font-size:8px}.catalog-peek-people-roster footer small{font-size:6px;color:#777c80!important}.catalog-peek-reactions{color:#181917;background:#eee8dc;border-color:#c9c2b5;grid-template-rows:auto 1fr auto;gap:10px;padding:14px;display:grid}.catalog-peek-reactions>header{color:#777169;letter-spacing:.08em;justify-content:space-between;font:750 6px ui-monospace,monospace;display:flex}.catalog-peek-reactions>section{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.catalog-peek-reactions section span{background:#f6f1e7;border:1px solid #cdc6b9;place-items:center;font-size:25px;display:grid}.catalog-peek-reactions>footer{border-top:1px solid #cbc4b8;justify-content:space-between;align-items:end;padding-top:9px;display:flex}.catalog-peek-reactions footer strong{font-size:9px}.catalog-peek-reactions footer small{font-size:6px;color:#777169!important}.catalog-peek-real-music{grid-template-columns:44% 1fr;display:grid}.catalog-peek-real-music>img{object-fit:cover;filter:brightness(.76)saturate(.7);width:100%;height:100%}.catalog-peek-real-music>section{align-content:end;padding:15px;display:grid}.catalog-peek-real-music section>small{letter-spacing:.1em;font:750 6px ui-monospace,monospace;color:#8c9194!important}.catalog-peek-real-music section>strong{margin-top:7px;font-size:16px;line-height:.95}.catalog-peek-real-music section>span{color:#868b8e;margin-top:4px;font-size:7px}.catalog-peek-real-music section>i{background:#3a3d40;height:2px;margin-top:16px}.catalog-peek-real-music section>i b{background:#efede7;width:39%;height:100%;display:block}.catalog-peek-real-music section>footer{grid-template-columns:1fr auto 1fr;align-items:center;margin-top:7px;font:650 6px ui-monospace,monospace;display:grid}.catalog-peek-real-music footer em{color:#858a8e;font-style:normal}.catalog-peek-real-music footer em:last-child{text-align:right}.catalog-peek-media-control{color:#efede7;border:1px solid #3b3e41;place-items:center;width:24px;height:24px;font-size:7px;display:grid}.catalog-peek-real-video{position:relative}.catalog-peek-real-video>img{object-fit:cover;filter:brightness(.62)saturate(.7);width:100%;height:100%}.catalog-peek-real-video:after{content:"";background:linear-gradient(#0007,#0000 47%,#000b);position:absolute;inset:0}.catalog-peek-real-video>header,.catalog-peek-real-video>footer,.catalog-peek-video-control{z-index:2;position:absolute}.catalog-peek-real-video>header{letter-spacing:.08em;justify-content:space-between;font:750 6px ui-monospace,monospace;display:flex;top:12px;left:13px;right:13px}.catalog-peek-video-control{color:#fff;background:#1118;border:1px solid #ffffff85;place-items:center;width:34px;height:28px;font-size:8px;font-style:normal;display:grid;top:50%;right:15px;transform:translateY(-50%)}.catalog-peek-real-video>footer{justify-content:space-between;align-items:end;display:flex;bottom:12px;left:13px;right:13px}.catalog-peek-real-video footer strong{max-width:170px;font-size:11px}.catalog-peek-real-video footer span{color:#d1d0cc;font-size:6px}.catalog-peek-real-gallery{background:#111;grid-template-rows:1fr 1fr;grid-template-columns:1.25fr .75fr;gap:3px;display:grid;position:relative}.catalog-peek-real-gallery>img{object-fit:cover;filter:saturate(.72);width:100%;height:100%}.catalog-peek-real-gallery>img:first-child{grid-row:1/3}.catalog-peek-real-gallery>footer{color:#efede8;background:#0d0f10d9;justify-content:space-between;padding:8px 9px;display:flex;position:absolute;bottom:9px;left:10px;right:10px}.catalog-peek-real-gallery footer strong{font-size:8px}.catalog-peek-real-gallery footer span{font:700 6px ui-monospace,monospace}.design-flow-preview .ui-auth-form-card[data-tone=plain]>.ui-button[type=submit]{background:var(--primary);color:var(--primary-foreground)}.design-flow-preview .ui-auth-form-card[data-tone=contrast]>.ui-button[type=submit]{color:#171716;background:#f4f4f1}.design-flow-preview .ui-auth-form-card>.ui-button[type=submit] .ui-button-content{color:inherit}@media (width<=720px){.loading-handoff>section{grid-template-columns:1fr .7fr}.loading-handoff .handoff-destination{display:none}.loading-wordmark-type span{font-size:74px}.hover-curtain>article{height:300px}.hover-curtain-copy strong{font-size:36px}.nav-floating-dock main>div{display:none}.nav-floating-dock main>strong{font-size:34px}.nav-floating-dock>nav{max-width:94%}.nav-floating-dock nav>i,.nav-floating-dock .dock-more,.nav-command-refined header>nav,.nav-command-search span,.nav-command-search kbd{display:none}.nav-command-refined>main{padding:34px}.nav-command-refined main>strong{font-size:39px}.nav-editorial-refined>nav>span,.nav-editorial-refined nav>div>button:not(:last-child){display:none}.nav-editorial-refined>nav{grid-template-columns:1fr auto}.nav-editorial-refined main strong{font-size:46px}.nav-island-dock main>section{grid-template-columns:1fr}.nav-island-dock article:nth-child(2),.nav-island-dock>nav>i{display:none}.nav-utility-sidebar>main{padding-right:90px}.nav-utility-sidebar>aside{width:66px}.nav-utility-sidebar aside header b,.nav-utility-sidebar aside nav button span{display:none}.nav-utility-sidebar aside nav button{justify-content:center;padding:0}.dock-stage{min-height:410px}.dock-stage-window{padding:18px}.dock-stage-window h3{font-size:24px}.dock-stage-glass-shelf .dock-stage-window{inset:18px 18px 92px}.dock-stage .ui-dock{gap:3px;padding:5px}.dock-stage .ui-dock button{width:38px;height:38px}.dock-stage-floating-capsule .dock-stage-window{inset:18px 18px 98px}.dock-capsule-mount{left:14px;right:14px}.dock-capsule-nav button{min-width:38px;height:38px;padding:0 9px}.dock-capsule-nav button b{display:none}.dock-create{width:46px;height:46px}.dock-stage-tool-rail .dock-stage-window{inset:18px 82px 18px 18px}.dock-stage-tool-rail[data-side=left] .dock-stage-window{left:82px;right:18px}.dock-tool-rail{width:52px;top:18px;bottom:18px;right:18px}.dock-stage-tool-rail[data-side=left] .dock-tool-rail{left:18px}.dock-tool-rail:has(nav button span){width:52px}.dock-tool-rail nav button{justify-content:center;padding:0}.dock-tool-rail nav button span{display:none}.dock-canvas-object{inset:78px 24px 45px}.dock-canvas-object i{width:105px;height:72px}.dock-canvas-object i:nth-child(2){width:68px;height:104px}.dock-stage-collapsible .dock-stage-window{inset:18px 18px 92px}.dock-launch-tray{bottom:18px;right:14px}.dock-launch-current b{display:none}.dock-command-list{grid-template-columns:1fr}.dock-command-list span:nth-child(2){display:none}}.migration-page .overview-hero{padding-bottom:32px}.migration-overview{padding:34px 0 8px}.migration-status-card{border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface);grid-template-columns:minmax(0,1fr) 210px;gap:32px;padding:28px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000000a}.migration-status-card:before{content:"";border:1px solid color-mix(in srgb, var(--ink) 8%, transparent);pointer-events:none;border-radius:50%;width:260px;height:260px;position:absolute;top:-175px;right:115px}.migration-status-copy{z-index:1;position:relative}.migration-live-label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.migration-live-label i{background:#858585;border-radius:50%;width:7px;height:7px}.migration-live-label i[data-live=true]{background:#20b486;box-shadow:0 0 0 5px #20b4861c}.migration-status-copy>strong{letter-spacing:-.075em;margin-top:13px;font-size:clamp(64px,9vw,102px);line-height:.86;display:block}.migration-status-copy>strong small{color:var(--muted);letter-spacing:-.03em;margin-left:5px;font-size:.3em;font-weight:600}.migration-status-copy>p{max-width:470px;color:var(--muted);margin:20px 0 0;font-size:12px;line-height:1.7}.migration-status-meta{z-index:1;border-left:1px solid var(--line);align-content:start;display:grid;position:relative}.migration-status-meta>div{border-bottom:1px solid var(--line);gap:5px;padding:12px 0 12px 20px;display:grid}.migration-status-meta>div:last-child{border-bottom:0}.migration-status-meta span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:8px}.migration-status-meta strong{color:var(--ink);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.migration-meter{background:var(--subtle);border-radius:20px;grid-column:1/-1;height:5px;overflow:hidden}.migration-meter>span{border-radius:inherit;height:100%;transition:width .4s var(--ease-smooth);background:linear-gradient(90deg,#635bff,#2bb6a8);display:block}.migration-family-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.migration-family{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:112px;padding:16px}.migration-family header{grid-template-columns:26px 1fr auto;align-items:center;gap:8px;display:grid}.migration-family header span,.migration-family header em{color:var(--muted);font:600 8px var(--font-mono);font-style:normal}.migration-family header strong{font-size:12px}.migration-family>div{background:var(--subtle);height:3px;margin-top:18px;overflow:hidden}.migration-family>div span{background:#6d67df;height:100%;display:block}.migration-family[data-complete=true]>div span{background:#22a982}.migration-family p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:10px 0 0;font-size:9px;overflow:hidden}.migration-ledger-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.migration-filters{border:1px solid var(--line);background:var(--subtle);border-radius:8px;padding:3px;display:flex}.migration-filters button{height:27px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 8px;font-size:9px}.migration-filters button[data-active=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #00000014}.migration-task-list{border-top:1px solid var(--line)}.migration-task{border-bottom:1px solid var(--line);min-height:48px;color:inherit;transition:padding var(--motion-fast), background-color var(--motion-fast);grid-template-columns:32px minmax(0,1.2fr) minmax(90px,.8fr) 84px 14px;align-items:center;gap:8px;text-decoration:none;display:grid}.migration-task:hover{background:var(--subtle);padding-inline:8px}.migration-task>span,.migration-task>small{color:var(--muted);font:600 8px var(--font-mono)}.migration-task>strong{font-size:11px;font-weight:620}.migration-task>em{border:1px solid var(--line);color:var(--muted);font:650 8px var(--font-mono);text-transform:uppercase;border-radius:20px;justify-self:start;padding:4px 7px;font-style:normal}.migration-task>em[data-status=complete]{border-color:color-mix(in srgb, #21a67e 30%, var(--line));color:#279574}.migration-task>em[data-status=in_progress]{border-color:color-mix(in srgb, #766cf0 35%, var(--line));color:#756ce0}.migration-task>svg{color:var(--muted)}.migration-checkpoint-list{border-top:1px solid var(--line)}.migration-checkpoint-list article{border-bottom:1px solid var(--line);grid-template-columns:115px 1fr auto;align-items:center;gap:18px;min-height:74px;display:grid}.migration-checkpoint-list article>span{color:var(--muted);font:600 9px var(--font-mono);align-items:center;gap:7px;display:flex}.migration-checkpoint-list article>div{min-width:0}.migration-checkpoint-list strong{font-size:11px}.migration-checkpoint-list p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.5}.migration-checkpoint-list em{color:var(--muted);font:650 8px var(--font-mono);text-transform:uppercase;font-style:normal}.migration-architecture{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;display:grid}.migration-architecture>div{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);align-content:end;gap:5px;min-height:110px;padding:16px;display:grid}.migration-architecture>div svg{color:var(--muted);margin-bottom:16px}.migration-architecture>div span{font-size:11px;font-weight:650}.migration-architecture>div small{color:var(--muted);font-size:9px}.migration-architecture>svg{color:var(--muted)}@media (width<=720px){.migration-status-card{grid-template-columns:1fr;padding:22px}.migration-status-meta{border-top:1px solid var(--line);border-left:0}.migration-status-meta>div{padding-left:0}.migration-family-grid{grid-template-columns:1fr}.migration-ledger-heading{display:block}.migration-filters{width:max-content;margin-bottom:14px}.migration-task{grid-template-columns:28px 1fr auto 14px}.migration-task>small{display:none}.migration-checkpoint-list article{grid-template-columns:90px 1fr;padding:12px 0}.migration-checkpoint-list article>em{display:none}.migration-architecture{grid-template-columns:1fr}.migration-architecture>svg{justify-self:center;transform:rotate(90deg)}}.whiteboard-page{min-height:100vh;padding:64px 0 0;display:block;overflow:visible}.whiteboard-page-content{width:min(1600px, calc(100vw - var(--sidebar-width,240px) - 52px));padding:var(--content-top) 0 72px;transition:width var(--motion-base) var(--ease-smooth);margin:0 auto}.whiteboard-page-heading{width:100%}.whiteboard-page-hero{grid-template-columns:minmax(0,.95fr) minmax(390px,.55fr);align-items:end;gap:clamp(54px,7vw,120px);padding:46px 0 42px;display:grid}.whiteboard-hero-copy{min-width:0}.whiteboard-page-hero h1{max-width:760px}.whiteboard-hero-copy>p{max-width:680px;color:var(--muted);letter-spacing:-.015em;margin:14px 0 0;font-size:17px;line-height:1.65}.whiteboard-hero-register{border-block:1px solid var(--line);min-width:0;overflow:hidden}.whiteboard-hero-register>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:49px;padding:0 2px;display:flex}.whiteboard-hero-register>header>span{color:var(--muted);font:700 8px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.whiteboard-hero-register>header>em{color:var(--muted);font:650 8px var(--font-mono);text-transform:uppercase;align-items:center;gap:7px;font-style:normal;display:inline-flex}.whiteboard-hero-register>header i{background:#1aa876;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #1aa8761f}.whiteboard-hero-register>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.whiteboard-hero-register>div>span{border-bottom:1px solid var(--line);align-content:center;gap:6px;min-height:92px;padding:18px 2px;display:grid}.whiteboard-hero-register>div>span:nth-child(odd){border-right:1px solid var(--line);padding-right:20px}.whiteboard-hero-register>div>span:nth-child(2n){padding-left:20px}.whiteboard-hero-register small{color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.whiteboard-hero-register strong{letter-spacing:-.04em;font-size:21px;line-height:1}.whiteboard-hero-register span>em{color:var(--muted);font-size:8px;font-style:normal}.whiteboard-hero-register>footer{min-height:45px;color:var(--muted);font:650 7px var(--font-mono);justify-content:space-between;align-items:center;gap:12px;padding:0 2px;display:flex}.whiteboard-editor-section{padding-top:54px}.whiteboard-editor-section>.body-copy{max-width:760px;margin-bottom:24px}.whiteboard-editor-section .section-kicker{margin-bottom:7px}.whiteboard-editor-section h2{font-size:27px}.whiteboard-canvas-area{min-width:0;min-height:0;position:relative;overflow:hidden}.whiteboard-shell{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-rows:62px minmax(0,1fr);height:min(860px,100vh - 96px);min-height:680px;display:grid;overflow:hidden;box-shadow:0 22px 70px #00000024}.whiteboard-locked{border:1px solid var(--line);background:var(--surface);border-radius:16px;place-content:center;justify-items:start;gap:10px;width:min(1100px,100% - 48px);min-height:calc(100vh - 96px);margin:16px auto;padding:40px;display:grid}.whiteboard-locked svg{color:var(--muted)}.whiteboard-locked strong{letter-spacing:-.04em;font-size:20px}.whiteboard-locked p{max-width:480px;color:var(--muted);margin:0;font-size:11px;line-height:1.6}.whiteboard-topbar{z-index:30;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:minmax(200px,1fr) auto minmax(260px,1fr);align-items:center;gap:14px;min-width:0;padding:0 11px 0 14px;display:grid;position:relative}.whiteboard-title{align-items:center;gap:10px;min-width:0;display:flex}.whiteboard-file-icon{border:1px solid var(--line);background:var(--subtle);width:34px;height:34px;color:var(--ink);border-radius:10px;flex:none;place-items:center;display:grid}.whiteboard-title>span:last-child{gap:3px;min-width:0;display:grid}.whiteboard-title input{width:min(280px,100%);color:var(--ink);font:700 11px var(--font-sans);letter-spacing:-.015em;background:0 0;border:0;outline:0;padding:0}.whiteboard-title small{color:var(--muted);font:650 7px var(--font-mono);letter-spacing:.03em;align-items:center;gap:5px;display:flex}.whiteboard-title small i{background:#20b786;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 4px #20b7861a}.whiteboard-title small[data-sync=local] i{background:var(--muted);box-shadow:0 0 0 4px #8080801a}.whiteboard-title small[data-sync=syncing] i{background:#d9a52e;box-shadow:0 0 0 4px #d9a52e1a}.whiteboard-title small[data-sync=error] i{background:#d75050;box-shadow:0 0 0 4px #d750501f}.whiteboard-title small[data-sync=error]{color:#d75050}.whiteboard-history,.whiteboard-actions{align-items:center;gap:5px;display:flex}.whiteboard-history{border:1px solid var(--line);background:var(--subtle);border-radius:10px;padding:3px}.whiteboard-history button,.whiteboard-actions button{border:1px solid var(--line);background:var(--surface);height:32px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:8px;font-weight:680;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.whiteboard-history button{width:30px;height:28px;color:var(--muted);background:0 0;border:0}.whiteboard-history button:hover:not(:disabled){background:var(--surface);color:var(--ink)}.whiteboard-history button:disabled{opacity:.28;cursor:default}.whiteboard-history>span{color:var(--muted);font:650 7px var(--font-mono);padding:0 7px}.whiteboard-actions{justify-self:end}.whiteboard-actions>button,.whiteboard-template-control>button{padding:0 10px}.whiteboard-actions>button:hover,.whiteboard-template-control>button:hover{border-color:color-mix(in srgb, var(--ink) 28%, var(--line));background:var(--subtle)}.whiteboard-actions>button:last-child{border-color:var(--ink);background:var(--ink);color:var(--surface)}.whiteboard-actions>button:last-child:hover{transform:translateY(-1px)}.whiteboard-actions button[data-locked=true]{border-color:var(--line);background:var(--subtle);color:var(--muted);cursor:not-allowed;transform:none}.whiteboard-board-control{margin-left:4px;position:relative}.whiteboard-board-control>button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);height:26px;color:var(--muted);font:650 9px var(--font-mono);cursor:pointer;align-items:center;gap:4px;padding:0 7px;display:inline-flex}.whiteboard-board-control>button:hover{border-color:color-mix(in srgb, var(--ink) 28%, var(--line));background:var(--subtle);color:var(--ink)}.whiteboard-board-menu{z-index:80;border:1px solid var(--line);background:var(--surface);width:272px;color:var(--ink);border-radius:13px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 60px #0000003d}.whiteboard-board-menu>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:7px 9px 9px;display:flex}.whiteboard-board-menu>header strong{font-size:10px;font-weight:720}.whiteboard-board-menu>header button{border:1px solid var(--line);background:var(--surface);height:24px;color:var(--ink);font:650 9px var(--font-sans);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.whiteboard-board-menu>header button:hover{background:var(--subtle)}.whiteboard-board-menu ul{gap:2px;max-height:268px;margin:0;padding:6px 0 0;list-style:none;display:grid;overflow-y:auto}.whiteboard-board-menu li{border-radius:9px;grid-template-columns:1fr auto;align-items:center;display:grid}.whiteboard-board-menu li[data-active=true]{background:var(--subtle)}.whiteboard-board-menu li>button:first-child{min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-items:start;gap:2px;padding:8px 9px;display:grid}.whiteboard-board-menu li>button:first-child:hover{background:var(--subtle)}.whiteboard-board-menu li strong{text-overflow:ellipsis;white-space:nowrap;max-width:176px;font-size:10px;font-weight:650;overflow:hidden}.whiteboard-board-menu li small{color:var(--muted);font:650 7px var(--font-mono)}.whiteboard-board-delete{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin-right:5px;display:grid}.whiteboard-board-delete:hover{color:#d75050;background:#d7505024}.whiteboard-board-empty{color:var(--muted);padding:12px 9px;font-size:9px}.whiteboard-template-control{position:relative}.whiteboard-template-menu{z-index:80;border:1px solid var(--line);background:var(--surface);width:296px;color:var(--ink);border-radius:13px;padding:7px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 60px #0000003d}.whiteboard-template-menu>header{border-bottom:1px solid var(--line);gap:3px;padding:9px 9px 11px;display:grid}.whiteboard-template-menu>header span{font-size:10px;font-weight:720}.whiteboard-template-menu>header small{color:var(--muted);font-size:7px}.whiteboard-template-menu>button{width:100%;min-height:58px;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;display:grid}.whiteboard-template-menu>button:hover{background:var(--subtle)}.whiteboard-template-menu>button span{gap:4px;min-width:0;display:grid}.whiteboard-template-menu>button strong{font-size:9px}.whiteboard-template-menu>button small{color:var(--muted);font-size:7px;line-height:1.4}.whiteboard-template-menu>button svg{color:var(--muted)}.whiteboard-template-menu>.whiteboard-blank-template{border-top:1px solid var(--line);border-radius:0 0 8px 8px}.whiteboard-workspace{isolation:isolate;grid-template-columns:minmax(0,1fr) 286px;min-height:0;display:grid;position:relative}.whiteboard-tools{z-index:24;color:#f6f5f1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#17191cf0;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:2px;max-width:calc(100% - 28px);padding:5px;display:flex;position:absolute;bottom:17px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #00000045}.whiteboard-tools button{color:#a9adae;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:39px;height:39px;padding:0;transition:background .15s,color .15s,transform .15s;display:grid;position:relative}.whiteboard-tools button:hover{color:#fff;background:#303338;transform:translateY(-1px)}.whiteboard-tools button[data-active=true]{color:#17191c;background:#f6f5f1;box-shadow:0 5px 15px #0003}.whiteboard-tools button span{opacity:0;color:#fff;font:650 7px var(--font-sans);pointer-events:none;white-space:nowrap;background:#17191c;border-radius:6px;padding:5px 7px;transition:opacity .13s,transform .13s;position:absolute;bottom:calc(100% + 11px);left:50%;transform:translate(-50%,3px)}.whiteboard-tools button:hover span{opacity:1;transform:translate(-50%)}.whiteboard-tools button kbd{display:none}.whiteboard-tools>i{background:#ffffff24;width:1px;height:22px;margin:0 3px}.whiteboard-shape-control{position:relative}.whiteboard-shape-menu{z-index:30;color:#f6f5f1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#17191cfa;border:1px solid #ffffff24;border-radius:13px;width:270px;padding:7px;position:absolute;bottom:calc(100% + 11px);left:50%;transform:translate(-50%);box-shadow:0 18px 46px #00000057}.whiteboard-shape-menu>header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:5px 6px 9px;display:flex}.whiteboard-shape-menu>header strong{font-size:9px}.whiteboard-shape-menu>header small{color:#92979a;font:650 6px var(--font-mono);letter-spacing:.04em}.whiteboard-shape-menu>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding-top:6px;display:grid}.whiteboard-shape-menu>div>button{color:#b7bbbd;grid-template-columns:19px minmax(0,1fr) auto;justify-items:start;gap:7px;width:auto;height:39px;padding:0 8px;display:grid}.whiteboard-shape-menu>div>button:hover{transform:none}.whiteboard-shape-menu>div>button strong{text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.whiteboard-shape-menu>div>button kbd{color:#747a7d;font:650 6px var(--font-mono);display:block}.whiteboard-shape-menu>div>button[data-active=true] kbd{color:#5d6265}.whiteboard-viewport{overscroll-behavior:contain;scrollbar-color:#a9aaa5 transparent;scrollbar-width:thin;background-color:#f3f1eb;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:auto}.whiteboard-viewport[data-grid=true]{background-image:linear-gradient(#17191c0d 1px,#0000 1px),linear-gradient(90deg,#17191c0d 1px,#0000 1px),radial-gradient(circle,#17191c2e 1.1px,#0000 1.4px);background-position:var(--whiteboard-grid-origin) var(--whiteboard-grid-origin);background-size:var(--whiteboard-grid-major) var(--whiteboard-grid-major), var(--whiteboard-grid-major) var(--whiteboard-grid-major), var(--whiteboard-grid-minor) var(--whiteboard-grid-minor);background-attachment:local}.whiteboard-viewport[data-tool=hand]{cursor:grab}.whiteboard-viewport[data-tool=hand]:active{cursor:grabbing}.whiteboard-viewport[data-panning=true]{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.whiteboard-viewport[data-tool]:not([data-tool=select]):not([data-tool=hand]){cursor:crosshair}.whiteboard-spacer{min-width:100%;min-height:100%;position:relative}.whiteboard-canvas{transform-origin:0 0;touch-action:none;background-color:#0000;position:absolute;overflow:visible}.whiteboard-canvas[data-grid=true]{background-image:none}.whiteboard-node{-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;position:absolute}.whiteboard-node:after{content:"";opacity:0;border-radius:inherit;pointer-events:none;border:2px solid #5f54ed;position:absolute;inset:-5px}.whiteboard-node[data-selected=true]:after{opacity:1}.whiteboard-node[data-selected=true]{filter:drop-shadow(0 7px 10px #2225281f)}.whiteboard-node[data-locked=true]{cursor:default}.whiteboard-node p{white-space:pre-wrap;margin:0}.whiteboard-resize-handle{z-index:4;cursor:nwse-resize;touch-action:none;background:#5f54ed;border:3px solid #f3f1eb;border-radius:6px;width:18px;height:18px;padding:0;position:absolute;bottom:-10px;right:-10px;box-shadow:0 0 0 1px #4f45d4}.whiteboard-node-sticky{background:var(--node-color);color:#171716;border-radius:2px 2px 24px;align-items:flex-end;padding:22px;display:flex;box-shadow:0 12px 20px #0000001a}.whiteboard-node-sticky:before{content:"";background:#1717162b;width:24px;height:3px;position:absolute;top:15px;left:17px;box-shadow:0 7px #1717161c}.whiteboard-node-sticky p{letter-spacing:-.025em;font-size:17px;font-weight:620;line-height:1.25}.whiteboard-node-text{color:var(--node-color);align-items:center;display:flex}.whiteboard-node-text p{letter-spacing:-.065em;font-size:46px;font-weight:690;line-height:.98}.whiteboard-node-shape{filter:drop-shadow(5px 7px #17191ceb);place-items:center;display:grid}.whiteboard-node-shape .whiteboard-shape-surface{background:var(--node-color);color:var(--node-text);place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow:hidden}.whiteboard-node-shape .whiteboard-shape-surface:before{content:"";border-radius:inherit;background:var(--node-color);clip-path:inherit;position:absolute;inset:2px}.whiteboard-node-shape p{z-index:1;text-align:center;text-overflow:ellipsis;max-width:78%;font-size:15px;font-weight:740;line-height:1.08;position:relative;overflow:hidden}.whiteboard-node-rectangle .whiteboard-shape-surface{border-radius:13px}.whiteboard-node-rounded-rectangle .whiteboard-shape-surface{border-radius:34px}.whiteboard-node-ellipse{filter:none}.whiteboard-node-ellipse .whiteboard-shape-surface{border-radius:50%}.whiteboard-node-diamond .whiteboard-shape-surface{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.whiteboard-node-diamond p{max-width:54%}.whiteboard-node-triangle .whiteboard-shape-surface{clip-path:polygon(50% 0,100% 100%,0 100%);align-items:end;padding-bottom:28px}.whiteboard-node-triangle p{max-width:56%}.whiteboard-node-hexagon .whiteboard-shape-surface{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.whiteboard-node-arrow .whiteboard-shape-surface{clip-path:polygon(0 18%,70% 18%,70% 0,100% 50%,70% 100%,70% 82%,0 82%);padding-right:28%}.whiteboard-node-arrow p{max-width:70%;transform:translate(-8%)}.whiteboard-node-star .whiteboard-shape-surface{clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 92%,50% 70%,21% 92%,32% 56%,2% 35%,39% 34%)}.whiteboard-node-star p{max-width:46%;font-size:13px}.whiteboard-node-frame{border:2px solid color-mix(in srgb, var(--node-color) 75%, #17191c);border-radius:18px}.whiteboard-node-frame>small{color:#555852;font:700 10px var(--font-mono);letter-spacing:.06em;position:absolute;top:-28px;left:0}.whiteboard-node-frame>p{color:#656860;font:700 10px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;position:absolute;bottom:14px;left:18px}.whiteboard-node-frame:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000 49.8%,#17191c0b 50%,#0000 50.2%),linear-gradient(#0000 49.8%,#17191c0b 50%,#0000 50.2%);position:absolute;inset:0}.whiteboard-node-connector>i{width:var(--connector-length);background:var(--node-color);height:2px;transform:rotate(var(--connector-angle));transform-origin:0;position:absolute;top:0;left:0}.whiteboard-node-connector>span{border:2px solid var(--node-color);background:#f3f1eb;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.whiteboard-node-connector:before{content:"";background:var(--node-color);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-2px}.whiteboard-node-pen{min-width:12px;min-height:12px}.whiteboard-node-pen svg{pointer-events:none;width:100%;height:100%;overflow:visible}.whiteboard-node-pen polyline{fill:none;stroke:var(--node-color);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.whiteboard-zoom{z-index:18;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#17191cf0;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:2px;width:max-content;height:38px;padding:3px;display:flex;position:absolute;bottom:16px;right:14px;box-shadow:0 8px 24px #00000040}.whiteboard-zoom button{color:#aeb2b4;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.whiteboard-zoom button:hover{color:#fff;background:#303338}.whiteboard-zoom span{min-width:44px;font:700 8px var(--font-mono);text-align:center}.whiteboard-minimap{z-index:17;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#17191ce6;border:1px solid #ffffff29;border-radius:12px;width:188px;height:126px;padding:7px;position:absolute;bottom:64px;right:14px;overflow:hidden;box-shadow:0 8px 24px #0003}.whiteboard-minimap>header{color:#d4d6d7;justify-content:space-between;align-items:center;height:24px;padding:0 2px 6px;display:flex}.whiteboard-minimap>header span{font:700 7px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.whiteboard-minimap>header small{color:#858b8e;font:650 6px var(--font-mono)}.whiteboard-minimap>button{cursor:crosshair;background:#1c1f22;border:1px solid #ffffff17;border-radius:7px;width:100%;height:calc(100% - 24px);padding:0;position:relative;overflow:hidden}.whiteboard-minimap>button>i{pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px),radial-gradient(#fff2 1px,#0000 1px);background-size:28px 28px,28px 28px,7px 7px;position:absolute;inset:0}.whiteboard-minimap>button>b{z-index:2;opacity:.92;pointer-events:none;border-radius:2px;min-width:3px;min-height:3px;position:absolute}.whiteboard-minimap>button>b[data-type=frame]{opacity:.55;border:1px solid;background:0 0!important}.whiteboard-minimap>button>em{z-index:4;pointer-events:none;background:#f6f5f112;border:1.5px solid #f6f5f1;border-radius:3px;min-width:12px;min-height:10px;position:absolute;box-shadow:0 0 0 1px #17191cb3}.whiteboard-layers{z-index:18;color:#f4f4f1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#17191cf0;border:1px solid #ffffff24;border-radius:11px;width:258px;max-height:320px;position:absolute;bottom:16px;left:14px;overflow:hidden;box-shadow:0 8px 25px #0000003d}.whiteboard-layers-toggle{width:100%;height:44px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:0 11px;display:grid}.whiteboard-layers-toggle span{font-size:10px;font-weight:720}.whiteboard-layers-toggle small{color:#c2c6c8;min-width:25px;height:22px;font:750 9px var(--font-mono);border:1px solid #ffffff1f;border-radius:7px;place-items:center;display:grid}.whiteboard-layers>div{border-top:1px solid #ffffff1a;max-height:266px;padding:4px 5px 7px;overflow-y:auto}.whiteboard-layers>div button{color:#aeb2b4;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:39px;padding:5px 7px;display:grid}.whiteboard-layers>div button[data-active=true]{color:#fff;background:#303338}.whiteboard-layers>div button>span{color:#d0d3d4;width:28px;height:26px;font:750 8px var(--font-mono);border:1px solid #ffffff24;border-radius:7px;place-items:center;display:grid}.whiteboard-layers>div button strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.whiteboard-layers>div button small{color:#747a7d;font:650 6px var(--font-mono);text-transform:uppercase}.whiteboard-inspector{border-left:1px solid var(--line);background:var(--surface);min-width:0;overflow-y:auto}.whiteboard-inspector>header{z-index:3;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 95%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex;position:sticky;top:0}.whiteboard-inspector>header>span{color:var(--muted);font:700 8px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.whiteboard-inspector>header button{width:27px;height:27px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.whiteboard-inspector>header button:hover{background:var(--subtle);color:var(--ink)}.whiteboard-object-actions{align-items:center;gap:1px;display:flex}.whiteboard-object-actions button:last-child:hover{background:color-mix(in srgb, var(--danger) 8%, var(--subtle))!important;color:var(--danger)!important}.whiteboard-properties{border-bottom:1px solid var(--line);gap:14px;padding:15px 14px;display:grid}.whiteboard-properties label{gap:6px;min-width:0;display:grid}.whiteboard-properties label>span,.whiteboard-align-tools>span{color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.whiteboard-properties label>strong{text-transform:capitalize;font-size:10px}.whiteboard-properties textarea,.whiteboard-properties input{border:1px solid var(--line);background:var(--subtle);width:100%;color:var(--ink);font:500 9px var(--font-sans);border-radius:8px;outline:none}.whiteboard-properties textarea{resize:vertical;min-height:72px;padding:9px;line-height:1.45}.whiteboard-properties input{height:33px;padding:0 8px}.whiteboard-properties textarea:focus,.whiteboard-properties input:focus{border-color:color-mix(in srgb, var(--ink) 35%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 6%, transparent)}.whiteboard-dimensions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.whiteboard-align-tools{gap:7px;display:grid}.whiteboard-align-tools>div{grid-template-columns:repeat(6,1fr);gap:3px;display:grid}.whiteboard-align-tools button{border:1px solid var(--line);background:var(--subtle);height:30px;color:var(--muted);cursor:pointer;place-items:center;display:grid}.whiteboard-align-tools button:first-child{border-radius:8px 0 0 8px}.whiteboard-align-tools button:last-child{border-radius:0 8px 8px 0}.whiteboard-align-tools button:hover{background:var(--surface);color:var(--ink)}.whiteboard-palette{flex-wrap:wrap;gap:7px;display:flex}.whiteboard-palette button{border:2px solid var(--surface);cursor:pointer;width:28px;height:28px;box-shadow:0 0 0 1px var(--line);border-radius:8px}.whiteboard-palette button[data-active=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.whiteboard-library-match{padding:16px 14px 20px}.whiteboard-library-match>div:first-child{align-items:flex-start;gap:9px;display:flex}.whiteboard-library-match>div:first-child>svg{color:#766cf0;margin-top:1px}.whiteboard-library-match>div:first-child span{gap:3px;display:grid}.whiteboard-library-match>div:first-child strong{font-size:10px}.whiteboard-library-match>div:first-child small{color:var(--muted);font-size:8px;line-height:1.4}.whiteboard-match-list{border-top:1px solid var(--line);margin-top:13px;display:grid}.whiteboard-match-list a{border-bottom:1px solid var(--line);min-height:48px;color:inherit;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:7px 2px;text-decoration:none;transition:padding .15s,background .15s;display:grid}.whiteboard-match-list a:hover{background:var(--subtle);padding-inline:7px}.whiteboard-match-list a>span{gap:3px;min-width:0;display:grid}.whiteboard-match-list a strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.whiteboard-match-list a small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.whiteboard-match-list a em{color:#6f67d8;font:700 7px var(--font-mono);font-style:normal}.whiteboard-match-list a svg{color:var(--muted)}.whiteboard-search-library{border:1px solid var(--line);background:var(--subtle);width:100%;height:35px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:8px;font-weight:650;display:flex}.whiteboard-empty-inspector{place-content:center;justify-items:start;gap:9px;min-height:320px;padding:32px 22px;display:grid}.whiteboard-empty-inspector svg{color:var(--muted)}.whiteboard-empty-inspector strong{font-size:12px}.whiteboard-empty-inspector p{max-width:205px;color:var(--muted);margin:0;font-size:9px;line-height:1.6}.whiteboard-empty-inspector small{border-top:1px solid var(--line);max-width:205px;color:var(--muted);font:650 7px/1.5 var(--font-mono);padding-top:10px}.whiteboard-build-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070809ad;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.whiteboard-build-dialog{color:#f2f1ed;background:#151719;border:1px solid #34383d;border-radius:20px;grid-template-rows:auto auto auto minmax(0,1fr) auto;width:min(820px,100%);max-height:min(800px,100vh - 56px);display:grid;overflow:hidden;box-shadow:0 34px 90px #000b}.whiteboard-build-dialog>header{border-bottom:1px solid #303338;justify-content:space-between;align-items:center;min-height:84px;padding:18px 20px;display:flex}.whiteboard-build-dialog>header>span{gap:7px;display:grid}.whiteboard-build-dialog>header small{color:#7e8589;font:700 7px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.whiteboard-build-dialog>header strong{font-size:19px}.whiteboard-build-dialog>header button{color:#aaa;cursor:pointer;background:#1d2023;border:1px solid #34383d;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.whiteboard-build-summary{border-bottom:1px solid #303338;grid-template-columns:repeat(3,1fr);display:grid}.whiteboard-build-summary span{border-right:1px solid #303338;align-content:center;gap:6px;min-height:74px;padding:13px 18px;display:grid}.whiteboard-build-summary span:last-child{border:0}.whiteboard-build-summary small{color:#7e8589;font:700 7px var(--font-mono);text-transform:uppercase}.whiteboard-build-summary strong{font-size:16px}.whiteboard-build-options{background:#111315;border-bottom:1px solid #303338;grid-template-columns:1fr 1.35fr;gap:14px;padding:12px 18px;display:grid}.whiteboard-build-options>div{align-items:center;gap:5px;display:flex}.whiteboard-build-options span{color:#7e8589;font:700 7px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-right:auto}.whiteboard-build-options button{color:#9da2a5;height:30px;font:700 8px var(--font-sans);text-transform:capitalize;cursor:pointer;background:#1d2023;border:1px solid #34383d;border-radius:7px;padding:0 9px}.whiteboard-build-options button[data-active=true]{color:#e8e5ff;background:#2c2940;border-color:#b3aefa}.whiteboard-build-options button:disabled{opacity:.34;cursor:not-allowed}.whiteboard-build-list{overflow:auto}.whiteboard-build-list article{border-bottom:1px solid #2b2e32;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding:10px 18px;display:grid}.whiteboard-build-list article>i{color:#7e8589;font:700 8px var(--font-mono);font-style:normal}.whiteboard-build-list article>span{gap:5px;display:grid}.whiteboard-build-list article strong{font-size:11px}.whiteboard-build-list article small{color:#858b8e;font-size:8px}.whiteboard-build-list article a{color:#b3aefa;align-items:center;gap:5px;font-size:8px;font-weight:700;text-decoration:none;display:flex}.whiteboard-build-dialog>footer{border-top:1px solid #303338;justify-content:space-between;align-items:center;gap:24px;padding:16px 20px;display:flex}.whiteboard-build-dialog>footer p{color:#858b8e;max-width:470px;margin:0;font-size:9px;line-height:1.5}.whiteboard-build-dialog>footer button{color:#151616;white-space:nowrap;cursor:pointer;background:#f2f0e9;border:0;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:8px;font-weight:750;display:flex}.whiteboard-build-dialog>footer button:disabled{opacity:.48;cursor:not-allowed}@media (width<=1180px){.whiteboard-page-hero{grid-template-columns:1fr;align-items:start;gap:38px}.whiteboard-hero-register{width:min(680px,100%)}.whiteboard-workspace{grid-template-columns:minmax(0,1fr) 238px}.whiteboard-tools{max-width:calc(100% - 28px);left:50%}.whiteboard-template-control>button{width:32px;padding:0;font-size:0}}@media (width<=900px){.whiteboard-page{padding-top:64px}.whiteboard-page-content{width:calc(100% - 28px);padding-top:28px}.whiteboard-shell{border-radius:12px;grid-template-rows:56px minmax(0,1fr)}.whiteboard-topbar{grid-template-columns:minmax(150px,1fr) auto}.whiteboard-history{display:none}.whiteboard-workspace{grid-template-columns:minmax(0,1fr) 224px}.whiteboard-tools{max-width:calc(100% - 28px);left:50%;overflow-x:auto}.whiteboard-minimap{display:none}}@media (width<=680px){.whiteboard-title small,.whiteboard-actions>button:first-of-type,.whiteboard-template-control{display:none}.whiteboard-actions>button{width:32px;padding:0;font-size:0}.whiteboard-workspace{display:block}.whiteboard-viewport{width:100%;height:100%}.whiteboard-inspector{display:none}.whiteboard-tools{justify-content:center;max-width:none;left:10px;right:10px;transform:none}.whiteboard-tools button{flex:1 0 34px}.whiteboard-layers{width:180px}.whiteboard-zoom{display:none}}@media (prefers-reduced-motion:reduce){.whiteboard-viewport *,.whiteboard-shell button{scroll-behavior:auto!important;transition:none!important}}.scan-page{padding-top:64px;display:block}.scan-content{width:min(1600px, calc(100vw - var(--sidebar-width,240px) - 52px));padding:var(--content-top) 0 90px;margin:0 auto}.scan-content>.breadcrumb,.scan-content>.scan-hero{width:100%}.scan-content>:not(.breadcrumb):not(.scan-hero){width:min(980px,100%);margin-inline:auto}.scan-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(360px,430px);align-items:end;gap:clamp(48px,6vw,100px);padding:46px 0 36px;display:grid}.scan-kicker{color:var(--muted);font:700 9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;display:flex}.scan-hero h1{letter-spacing:-.072em;max-width:950px;margin:18px 0 16px;font-size:clamp(54px,6.4vw,88px);line-height:.88}.scan-hero>div:first-child>p{max-width:760px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.scan-privacy{border-block:1px solid var(--line);min-width:0;overflow:hidden}.scan-privacy>header{border-bottom:1px solid var(--line);align-items:center;gap:11px;min-height:66px;display:flex}.scan-privacy>header>svg{color:#1a9a72;flex:none}.scan-privacy>header>span{gap:4px;min-width:0;display:grid}.scan-privacy>header small,.scan-privacy>div small{color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.scan-privacy>header strong{font-size:12px}.scan-privacy>div{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.scan-privacy>div>span{align-content:center;gap:7px;min-height:76px;padding:15px 0;display:grid}.scan-privacy>div>span+span{border-left:1px solid var(--line);padding-left:20px}.scan-privacy>div strong{letter-spacing:-.025em;font-size:16px}.scan-privacy>p{color:var(--muted);margin:0;padding:15px 0 2px;font-size:9px;line-height:1.55}.scan-dropzone{border:1px dashed color-mix(in srgb, var(--ink) 28%, var(--line));border-radius:var(--radius-surface);background:color-mix(in srgb, var(--surface) 72%, var(--subtle));text-align:center;min-height:250px;transition:border-color .2s ease, background-color .2s ease, transform .25s var(--ease-smooth);place-content:center;justify-items:center;gap:10px;margin-top:26px;padding:34px;display:grid}.scan-dropzone[data-dragging=true]{background:color-mix(in srgb, #7168e7 7%, var(--surface));border-color:#7168e7;transform:scale(.995)}.scan-dropzone>svg{color:var(--muted)}.scan-dropzone>strong{letter-spacing:-.035em;margin-top:4px;font-size:18px}.scan-dropzone>p{max-width:470px;color:var(--muted);margin:0;font-size:10px;line-height:1.55}.scan-dropzone>button{border:1px solid var(--primary);background:var(--primary);height:38px;color:var(--primary-foreground);cursor:pointer;border-radius:9px;align-items:center;gap:8px;margin-top:8px;padding:0 14px;font-size:9px;font-weight:680;display:flex}.scan-spin{animation:.8s linear infinite scanSpin}@keyframes scanSpin{to{transform:rotate(360deg)}}.scan-summary{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr)) auto;margin-top:24px;display:grid}.scan-summary>article{border-right:1px solid var(--line);align-items:center;gap:10px;min-width:0;min-height:75px;padding:13px;display:flex}.scan-summary>article>svg{color:var(--muted);flex:none}.scan-summary>article>span{gap:5px;min-width:0;display:grid}.scan-summary small{color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.scan-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.scan-summary>button{background:var(--primary);min-width:128px;color:var(--primary-foreground);cursor:pointer;border:0;border-radius:0 11px 11px 0;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:8px;font-weight:680;display:flex}.scan-summary>button:disabled{background:var(--subtle);color:var(--muted);cursor:not-allowed}.scan-results{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:18px;margin-top:24px;display:grid}.scan-filters{border:1px solid var(--line);background:var(--surface);border-radius:11px;gap:3px;padding:9px;display:grid;position:sticky;top:80px}.scan-filters>span{color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:7px 8px 10px}.scan-filters button{min-height:36px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 8px;display:grid}.scan-filters button:hover{background:var(--subtle);color:var(--ink)}.scan-filters button[data-active=true]{background:var(--ink);color:var(--surface)}.scan-filters button strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.scan-filters button small{font:700 7px var(--font-mono)}.scan-ledger{border:1px solid var(--line);background:var(--surface);border-radius:11px;min-width:0}.scan-ledger>header,.scan-ledger>article{grid-template-columns:minmax(180px,1.2fr) minmax(190px,1fr) 90px 70px;align-items:center;gap:12px;display:grid}.scan-ledger>header{border-bottom:1px solid var(--line);min-height:39px;color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.07em;text-transform:uppercase;padding:0 12px}.scan-ledger>article{border-bottom:1px solid var(--line);min-height:94px;padding:12px}.scan-ledger>article:last-of-type{border-bottom:0}.scan-location{gap:6px;min-width:0;display:grid}.scan-location strong{font:650 9px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scan-location small{color:var(--muted);font-size:8px;line-height:1.45}.scan-ledger article>a{min-width:0;color:inherit;gap:5px;text-decoration:none;display:grid}.scan-ledger article>a>span{border:1px solid color-mix(in srgb, #7068df 34%, var(--line));color:#7068df;border-radius:20px;width:fit-content;padding:4px 7px;font-size:8px;font-weight:700}.scan-ledger article>a>small{color:var(--muted);font-size:8px;line-height:1.4}.scan-confidence{gap:7px;display:grid}.scan-confidence strong{font:700 8px var(--font-mono)}.scan-confidence i{background:var(--subtle);height:3px;overflow:hidden}.scan-confidence i span{background:linear-gradient(90deg,#7168e7,#2bb59e);height:100%;display:block}.scan-row-actions{justify-content:flex-end;gap:3px;display:flex}.scan-row-actions button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.scan-row-actions button:first-child:hover,.scan-row-actions button[data-planned=true]{background:color-mix(in srgb, #2bb59e 12%, var(--subtle));color:#1a9a72}.scan-row-actions button:last-child:hover{background:color-mix(in srgb, var(--danger) 8%, var(--subtle));color:var(--danger)}.scan-empty{text-align:center;place-content:center;justify-items:center;gap:8px;min-height:250px;padding:30px;display:grid}.scan-empty svg{color:#1a9a72}.scan-empty strong{font-size:13px}.scan-empty p{color:var(--muted);margin:0;font-size:9px}.scan-refactor-plan{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:24px;overflow:hidden}.scan-refactor-plan>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;display:flex}.scan-refactor-plan>header span{align-items:center;gap:8px;font-size:11px;font-weight:750;display:flex}.scan-refactor-plan>header small{color:var(--muted);font:700 8px var(--font-mono)}.scan-refactor-plan>div{justify-content:space-between;align-items:center;gap:24px;padding:18px 16px;display:flex}.scan-refactor-plan>div>div{gap:6px;display:grid}.scan-refactor-plan>div strong{font-size:13px}.scan-refactor-plan>div p{max-width:650px;color:var(--muted);margin:0;font-size:9px;line-height:1.55}.scan-patch-status{border:1px solid var(--line);width:fit-content;color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.03em;border-radius:999px;padding:5px 7px}.scan-plan-export-actions{grid-auto-flow:unset;justify-content:flex-end;align-items:center;gap:6px!important;display:flex!important}.scan-plan-export-actions>button{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--ink);white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:0 11px;font-size:8px;font-weight:700;display:flex}.scan-plan-export-actions>button:last-child{border-color:var(--ink);background:var(--ink);color:var(--canvas)}.scan-plan-export-actions>button:disabled{border-color:var(--line);background:var(--subtle);color:var(--muted);cursor:not-allowed}.scan-refactor-plan ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.scan-refactor-plan li{border-bottom:1px solid var(--line);font-size:9px}.scan-refactor-plan li:last-child{border:0}.scan-plan-summary{width:100%;min-height:46px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 140px 90px 18px;align-items:center;gap:12px;padding:0 16px;display:grid}.scan-plan-summary:hover{background:var(--subtle)}.scan-plan-summary span{color:var(--muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scan-plan-summary small{color:#1a9a72;font:700 8px var(--font-mono);text-transform:uppercase}.scan-plan-summary svg{transition:transform .2s}.scan-plan-list li[data-expanded=true] .scan-plan-summary svg{transform:rotate(90deg)}.scan-plan-editor{border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 62%,var(--canvas));grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;padding:16px;display:grid}.scan-plan-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.scan-plan-fields label,.scan-replacement-source{color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;gap:6px;display:grid}.scan-plan-fields select,.scan-plan-fields input,.scan-replacement-source textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--ink);font:600 9px var(--font-sans);border-radius:7px}.scan-plan-fields select,.scan-plan-fields input{height:36px;padding:0 9px}.scan-plan-note{grid-column:1/-1}.scan-replacement-source{grid-column:1}.scan-replacement-source textarea{resize:vertical;min-height:112px;font-family:var(--font-mono);text-transform:none;padding:10px;line-height:1.55}.scan-plan-editor pre{color:#c6b9e7;min-height:170px;max-height:280px;font:9px/1.65 var(--font-mono);white-space:pre-wrap;background:#0d0f13;border-radius:9px;grid-area:1/2/3;margin:0;padding:14px;overflow:auto}.scan-next-step{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:22px;display:flex}.scan-next-step>div{gap:6px;display:grid}.scan-next-step span{color:var(--muted);font:700 7px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.scan-next-step strong{font-size:13px}.scan-next-step p{max-width:620px;color:var(--muted);margin:0;font-size:9px;line-height:1.55}.scan-next-step>a{border:1px solid var(--line);height:36px;color:var(--ink);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:8px;font-weight:680;text-decoration:none;display:flex}.scan-locked{place-content:center;justify-items:start;min-height:calc(100vh - 64px);display:grid}.scan-locked>svg{color:var(--muted)}.scan-locked h1{letter-spacing:-.065em;max-width:650px;margin:16px 0 12px;font-size:clamp(44px,7vw,74px);line-height:.92}.scan-locked>p:last-child{max-width:560px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}@media (width<=1100px){.scan-hero{grid-template-columns:1fr}.scan-privacy{width:min(520px,100%)}.scan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.scan-summary>article:nth-child(2){border-right:0}.scan-summary>article:nth-child(-n+2){border-bottom:1px solid var(--line)}.scan-summary>button{border-radius:0 0 11px 11px;grid-column:1/-1;min-height:48px}}@media (width<=760px){.scan-results{grid-template-columns:1fr}.scan-filters{display:flex;position:static;overflow-x:auto}.scan-filters>span{display:none}.scan-filters button{min-width:115px}.scan-ledger>header{display:none}.scan-ledger>article{grid-template-columns:minmax(0,1fr) 34px}.scan-ledger article>a,.scan-confidence{grid-column:1}.scan-row-actions{grid-area:1/2}.scan-next-step,.scan-refactor-plan>div{flex-direction:column;align-items:flex-start}.scan-plan-export-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.scan-plan-summary{grid-template-columns:minmax(0,1fr) auto 18px}.scan-plan-summary strong{display:none}.scan-plan-editor{grid-template-columns:1fr}.scan-plan-editor pre{grid-area:auto/1}.scan-plan-fields{grid-template-columns:1fr 1fr}.scan-plan-note{grid-column:1/-1}}@media (width<=820px){.scan-content{width:calc(100% - 28px);padding-top:28px}}@media (width<=520px){.scan-summary{grid-template-columns:1fr}.scan-summary>article{border-right:0;border-bottom:1px solid var(--line)}.scan-dropzone{min-height:220px;padding:24px 18px}}