:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-canvas:var(--lightningcss-light,oklch(98.5% 0 37.47))var(--lightningcss-dark,oklch(11.49% 0 37.47));--color-surface:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(15.5% 0 37.47));--color-raised:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(18.5% 0 37.47));--color-fill:var(--lightningcss-light,oklch(95.5% 0 37.47))var(--lightningcss-dark,oklch(22% 0 37.47));--color-fill-hover:var(--lightningcss-light,oklch(93% 0 37.47))var(--lightningcss-dark,oklch(24.5% 0 37.47));--color-fill-active:var(--lightningcss-light,oklch(90.5% 0 37.47))var(--lightningcss-dark,oklch(27.5% 0 37.47));--color-fg:var(--lightningcss-light,oklch(18% 0 37.47))var(--lightningcss-dark,oklch(98.5% 0 37.47));--color-fg-muted:var(--lightningcss-light,oklch(46% 0 37.47))var(--lightningcss-dark,oklch(76.78% 0 37.47));--color-fg-subtle:var(--lightningcss-light,oklch(58% 0 37.47))var(--lightningcss-dark,oklch(57.55% 0 37.47));--color-ink:var(--lightningcss-light,oklch(20% 0 37.47))var(--lightningcss-dark,oklch(96% 0 37.47));--color-ink-hover:var(--lightningcss-light,oklch(32% 0 37.47))var(--lightningcss-dark,oklch(88% 0 37.47));--color-on-ink:var(--lightningcss-light,oklch(98.5% 0 37.47))var(--lightningcss-dark,oklch(16% 0 37.47));--color-line:var(--lightningcss-light,oklch(0% 0 0/.08))var(--lightningcss-dark,oklch(100% 0 0/.09));--color-line-strong:var(--lightningcss-light,oklch(0% 0 0/.14))var(--lightningcss-dark,oklch(100% 0 0/.15));--color-scrim:var(--lightningcss-light,oklch(20% 0 37.47/.32))var(--lightningcss-dark,oklch(0% 0 0/.6));--color-accent:oklch(70.52% .1907 37.47);--color-accent-hover:var(--lightningcss-light,oklch(65.52% .1907 37.47))var(--lightningcss-dark,oklch(73.98% .1631 38.71));--color-on-accent:oklch(18% .03 37.47);--color-accent-soft:var(--lightningcss-light,oklch(95.7% .0191 37.47))var(--lightningcss-dark,oklch(19.75% .0267 37.47));--color-accent-soft-hover:var(--lightningcss-light,oklch(94.02% .0305 37.47))var(--lightningcss-dark,oklch(23.3% .0381 37.47));--color-accent-fg:var(--lightningcss-light,oklch(54.56% .1889 35.54))var(--lightningcss-dark,oklch(78.11% .1319 39.18));--color-ring:var(--lightningcss-light,oklch(67.88% .1907 37.47))var(--lightningcss-dark,oklch(70.52% .1907 37.47));--color-positive:var(--lightningcss-light,oklch(58% .13 152))var(--lightningcss-dark,oklch(72% .13 152));--color-positive-soft:var(--lightningcss-light,oklch(95.32% .0156 152))var(--lightningcss-dark,oklch(19.96% .0182 152));--color-positive-fg:var(--lightningcss-light,oklch(50% .13 152))var(--lightningcss-dark,oklch(74.93% .13 152));--color-warning:var(--lightningcss-light,oklch(58.1% .1214 77.39))var(--lightningcss-dark,oklch(72% .13 80));--color-warning-soft:var(--lightningcss-light,oklch(95.32% .0156 80))var(--lightningcss-dark,oklch(19.96% .0182 80));--color-warning-fg:var(--lightningcss-light,oklch(50.18% .1062 74.24))var(--lightningcss-dark,oklch(76.75% .13 80));--color-critical:var(--lightningcss-light,oklch(58% .17 25))var(--lightningcss-dark,oklch(72% .17 25));--color-critical-soft:var(--lightningcss-light,oklch(95.32% .0204 25))var(--lightningcss-dark,oklch(19.96% .0238 25));--color-critical-fg:var(--lightningcss-light,oklch(50% .17 25))var(--lightningcss-dark,oklch(77.79% .1299 25.17));--color-light-core:var(--lightningcss-light,oklch(90% .012 37.47))var(--lightningcss-dark,oklch(97.5% .012 37.47));--color-light-edge:var(--lightningcss-light,oklch(83% .028 37.47))var(--lightningcss-dark,oklch(84% .085 37.47));--color-halation:var(--lightningcss-light,oklch(62% .16 37.47))var(--lightningcss-dark,oklch(66% .1907 37.47));--font-sans:"Geist Variable", "Geist", ui-sans-serif, system-ui, sans-serif;--font-serif:"Instrument Serif", ui-serif, Georgia, serif;--font-mono:"Geist Mono Variable", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-display-xl:clamp(3.25rem, 1.9167rem + 5.9259vw, 7.25rem);--text-display-xl--line-height:.92;--text-display-xl--letter-spacing:-.045em;--text-display-xl--font-weight:600;--text-display:clamp(2.25rem, 1.75rem + 2.2222vw, 3.75rem);--text-display--line-height:1;--text-display--letter-spacing:-.04em;--text-display--font-weight:600;--text-title-1:clamp(1.75rem, 1.5833rem + .7407vw, 2.25rem);--text-title-1--line-height:1.1;--text-title-1--letter-spacing:-.03em;--text-title-1--font-weight:600;--text-title-2:1.5rem;--text-title-2--line-height:1.2;--text-title-2--letter-spacing:-.022em;--text-title-2--font-weight:600;--text-title-3:1.25rem;--text-title-3--line-height:1.3;--text-title-3--letter-spacing:-.016em;--text-title-3--font-weight:600;--text-body-lg:1.125rem;--text-body-lg--line-height:1.6;--text-body-lg--letter-spacing:-.011em;--text-body-lg--font-weight:400;--text-body:1rem;--text-body--line-height:1.6;--text-body--letter-spacing:-.006em;--text-body--font-weight:400;--text-body-sm:.875rem;--text-body-sm--line-height:1.5;--text-body-sm--letter-spacing:-.003em;--text-body-sm--font-weight:400;--text-caption:.8125rem;--text-caption--line-height:1.45;--text-caption--letter-spacing:0em;--text-caption--font-weight:400;--text-micro:.75rem;--text-micro--line-height:1.35;--text-micro--letter-spacing:.005em;--text-micro--font-weight:500;--spacing:.25rem;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.625rem;--radius-xl:.875rem;--radius-2xl:1.125rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-raised:inset 0 1px 0px 0px var(--lightningcss-light,oklch(100% 0 0/0))var(--lightningcss-dark,oklch(100% 0 0/.06)), 0 1px 2px 0px var(--lightningcss-light,oklch(0% 0 0/.05))var(--lightningcss-dark,oklch(0% 0 0/.4)), 0 8px 20px -8px var(--lightningcss-light,oklch(0% 0 0/.1))var(--lightningcss-dark,oklch(0% 0 0/.6));--shadow-overlay:inset 0 1px 0px 0px var(--lightningcss-light,oklch(100% 0 0/0))var(--lightningcss-dark,oklch(100% 0 0/.08)), 0 0px 0px 1px var(--lightningcss-light,oklch(0% 0 0/.07))var(--lightningcss-dark,oklch(100% 0 0/.09)), 0 2px 4px 0px var(--lightningcss-light,oklch(0% 0 0/.05))var(--lightningcss-dark,oklch(0% 0 0/.3)), 0 16px 40px -12px var(--lightningcss-light,oklch(0% 0 0/.18))var(--lightningcss-dark,oklch(0% 0 0/.7));--shadow-modal:inset 0 1px 0px 0px var(--lightningcss-light,oklch(100% 0 0/0))var(--lightningcss-dark,oklch(100% 0 0/.08)), 0 0px 0px 1px var(--lightningcss-light,oklch(0% 0 0/.07))var(--lightningcss-dark,oklch(100% 0 0/.1)), 0 4px 8px 0px var(--lightningcss-light,oklch(0% 0 0/.05))var(--lightningcss-dark,oklch(0% 0 0/.35)), 0 32px 80px -16px var(--lightningcss-light,oklch(0% 0 0/.24))var(--lightningcss-dark,oklch(0% 0 0/.8));--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--ease-spring:linear(0, .0184, .0656, .1315, .2083, .2903, .373, .4533, .5292, .5994, .6629, .7197, .7696, .8129, .8501, .8817, .9081, .93, .948, .9625, .9741, .9832, .9902, .9955, .9995, 1.0022, 1.0041, 1.0053, 1.006, 1.0063, 1.0062, 1.006, 1.0056, 1.0052, 1.0046, 1.0041, 1.0036, 1.0031, 1.0027, 1.0023, 1);--duration-press:.12s;--duration-hover:.15s;--duration-popover:.18s;--duration-dialog:.24s;--duration-sheet:.5s;--duration-reveal:.6s;--stagger:50ms}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-accent=vermilion]{--color-accent:oklch(70.52% .1907 37.47);--color-accent-hover:var(--lightningcss-light,oklch(65.52% .1907 37.47))var(--lightningcss-dark,oklch(73.98% .1631 38.71));--color-on-accent:oklch(18% .03 37.47);--color-accent-soft:var(--lightningcss-light,oklch(95.7% .0191 37.47))var(--lightningcss-dark,oklch(19.75% .0267 37.47));--color-accent-soft-hover:var(--lightningcss-light,oklch(94.02% .0305 37.47))var(--lightningcss-dark,oklch(23.3% .0381 37.47));--color-accent-fg:var(--lightningcss-light,oklch(54.56% .1889 35.54))var(--lightningcss-dark,oklch(78.11% .1319 39.18));--color-ring:var(--lightningcss-light,oklch(67.88% .1907 37.47))var(--lightningcss-dark,oklch(70.52% .1907 37.47));--color-light-core:var(--lightningcss-light,oklch(90% .012 37.47))var(--lightningcss-dark,oklch(97.5% .012 37.47));--color-light-edge:var(--lightningcss-light,oklch(83% .028 37.47))var(--lightningcss-dark,oklch(84% .085 37.47));--color-halation:var(--lightningcss-light,oklch(62% .16 37.47))var(--lightningcss-dark,oklch(66% .1907 37.47))}[data-accent=cobalt]{--color-accent:oklch(65.94% .1828 257.2);--color-accent-hover:var(--lightningcss-light,oklch(60.94% .1828 257.2))var(--lightningcss-dark,oklch(70.17% .1589 254.71));--color-on-accent:oklch(18% .03 258);--color-accent-soft:var(--lightningcss-light,oklch(95.24% .0183 257.2))var(--lightningcss-dark,oklch(19.11% .0256 257.2));--color-accent-soft-hover:var(--lightningcss-light,oklch(93.29% .0293 257.2))var(--lightningcss-dark,oklch(22.38% .0366 257.2));--color-accent-fg:var(--lightningcss-light,oklch(52.68% .1828 257.2))var(--lightningcss-dark,oklch(76.71% .1216 253.57));--color-ring:var(--lightningcss-light,oklch(65.94% .1828 257.2))var(--lightningcss-dark,oklch(67.28% .1753 256.25));--color-light-core:var(--lightningcss-light,oklch(90% .012 258))var(--lightningcss-dark,oklch(97.5% .0119 257.67));--color-light-edge:var(--lightningcss-light,oklch(83% .028 258))var(--lightningcss-dark,oklch(83.87% .0809 256.63));--color-halation:var(--lightningcss-light,oklch(62% .16 258))var(--lightningcss-dark,oklch(65.7% .1842 257.36))}[data-accent=jade]{--color-accent:oklch(72% .15 162);--color-accent-hover:var(--lightningcss-light,oklch(67.11% .1481 161.6))var(--lightningcss-dark,oklch(77% .15 162));--color-on-accent:oklch(18% .03 162);--color-accent-soft:var(--lightningcss-light,oklch(95.85% .015 162))var(--lightningcss-dark,oklch(19.96% .021 162));--color-accent-soft-hover:var(--lightningcss-light,oklch(94.26% .024 162))var(--lightningcss-dark,oklch(23.59% .03 162));--color-accent-fg:var(--lightningcss-light,oklch(51.6% .1205 158.08))var(--lightningcss-dark,oklch(75.05% .15 162));--color-ring:var(--lightningcss-light,oklch(64.1% .1436 160.62))var(--lightningcss-dark,oklch(72% .15 162));--color-light-core:var(--lightningcss-light,oklch(90% .012 162))var(--lightningcss-dark,oklch(97.5% .012 162));--color-light-edge:var(--lightningcss-light,oklch(83% .028 162))var(--lightningcss-dark,oklch(84% .085 162));--color-halation:var(--lightningcss-light,oklch(62.89% .145 158.83))var(--lightningcss-dark,oklch(66.2% .1467 161.31))}[data-accent=amber]{--color-accent:oklch(80% .16 75);--color-accent-hover:var(--lightningcss-light,oklch(75.02% .1585 74.6))var(--lightningcss-dark,oklch(83.81% .1545 79.3));--color-on-accent:oklch(18% .03 75);--color-accent-soft:var(--lightningcss-light,oklch(96.65% .016 75))var(--lightningcss-dark,oklch(21.08% .0224 75));--color-accent-soft-hover:var(--lightningcss-light,oklch(95.54% .0256 75))var(--lightningcss-dark,oklch(25.19% .032 75));--color-accent-fg:var(--lightningcss-light,oklch(54.31% .1183 69.15))var(--lightningcss-dark,oklch(80% .16 75));--color-ring:var(--lightningcss-light,oklch(66.58% .1441 70.2))var(--lightningcss-dark,oklch(80% .16 75));--color-light-core:var(--lightningcss-light,oklch(90% .012 75))var(--lightningcss-dark,oklch(97.5% .012 75));--color-light-edge:var(--lightningcss-light,oklch(83% .028 75))var(--lightningcss-dark,oklch(84% .085 75));--color-halation:var(--lightningcss-light,oklch(62.19% .1348 69.87))var(--lightningcss-dark,oklch(66.19% .1432 70.18))}:root{--hl-tempo:1;--hl-spring:var(--ease-spring);--hl-exit:.7;--hl-d-press:calc(var(--duration-press) * var(--hl-tempo));--hl-d-hover:calc(var(--duration-hover) * var(--hl-tempo));--hl-d-popover:calc(var(--duration-popover) * var(--hl-tempo));--hl-d-dialog:calc(var(--duration-dialog) * var(--hl-tempo));--hl-d-sheet:calc(var(--duration-sheet) * var(--hl-tempo));--hl-d-reveal:calc(var(--duration-reveal) * var(--hl-tempo))}:root[data-tempo=calm]{--hl-tempo:1.25;--hl-spring:var(--ease-out)}:root[data-tempo=lively]{--hl-tempo:.85}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}body{background:var(--color-canvas);color:var(--color-fg);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--text-body--line-height);letter-spacing:var(--text-body--letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd){margin:0}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance;font-weight:600}:where(p){text-wrap:pretty}:where(a){color:inherit;-webkit-text-decoration-color:var(--color-line-strong);text-decoration-color:var(--color-line-strong);text-underline-offset:3px}:where(a):hover{text-decoration-color:currentColor}::selection{background:color-mix(in oklab, var(--color-accent) 38%, transparent);color:var(--color-fg)}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.hl-text-display-xl,.hl-text-display,.hl-text-title-1,.hl-text-title-2,.hl-text-title-3,.hl-text-body-lg,.hl-text-body,.hl-text-body-sm,.hl-text-caption,.hl-text-micro{margin:0}.hl-text-display-xl{font-size:var(--text-display-xl);line-height:var(--text-display-xl--line-height);letter-spacing:var(--text-display-xl--letter-spacing);font-weight:var(--text-display-xl--font-weight)}.hl-text-display{font-size:var(--text-display);line-height:var(--text-display--line-height);letter-spacing:var(--text-display--letter-spacing);font-weight:var(--text-display--font-weight)}.hl-text-title-1{font-size:var(--text-title-1);line-height:var(--text-title-1--line-height);letter-spacing:var(--text-title-1--letter-spacing);font-weight:var(--text-title-1--font-weight)}.hl-text-title-2{font-size:var(--text-title-2);line-height:var(--text-title-2--line-height);letter-spacing:var(--text-title-2--letter-spacing);font-weight:var(--text-title-2--font-weight)}.hl-text-title-3{font-size:var(--text-title-3);line-height:var(--text-title-3--line-height);letter-spacing:var(--text-title-3--letter-spacing);font-weight:var(--text-title-3--font-weight)}.hl-text-body-lg{font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height);letter-spacing:var(--text-body-lg--letter-spacing);font-weight:var(--text-body-lg--font-weight)}.hl-text-body{font-size:var(--text-body);line-height:var(--text-body--line-height);letter-spacing:var(--text-body--letter-spacing);font-weight:var(--text-body--font-weight)}.hl-text-body-sm{font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);letter-spacing:var(--text-body-sm--letter-spacing);font-weight:var(--text-body-sm--font-weight)}.hl-text-caption{font-size:var(--text-caption);line-height:var(--text-caption--line-height);letter-spacing:var(--text-caption--letter-spacing);font-weight:var(--text-caption--font-weight)}.hl-text-micro{font-size:var(--text-micro);line-height:var(--text-micro--line-height);letter-spacing:var(--text-micro--letter-spacing);font-weight:var(--text-micro--font-weight)}.hl-serif{font-family:var(--font-serif);letter-spacing:-.01em;font-size:1.06em;font-style:italic;font-weight:400}.hl-tone-muted{color:var(--color-fg-muted)}.hl-tone-subtle{color:var(--color-fg-subtle)}.hl-tone-accent{color:var(--color-accent-fg)}.hl-tone-critical{color:var(--color-critical-fg)}.hl-value{font-variant-numeric:tabular-nums;white-space:nowrap}.hl-value small{color:var(--color-fg-muted);margin-left:2px;font-size:.8em}.hl-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.hl-button{border-radius:var(--radius-lg);height:34px;font:inherit;font-size:var(--text-body-sm);letter-spacing:var(--text-body-sm--letter-spacing);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:var(--color-fill);color:var(--color-fg);border:1px solid #0000;border-color:var(--color-line);transition:background-color var(--hl-d-hover) ease, color var(--hl-d-hover) ease, transform var(--hl-d-press) var(--ease-out), box-shadow .9s var(--ease-out);justify-content:center;align-items:center;gap:6px;padding:0 13px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.hl-button:active:not([data-disabled]):not(:disabled){transform:scale(.97)}.hl-button svg{flex:none;width:15px;height:15px}.hl-button[data-variant=ink]{background:var(--color-ink);color:var(--color-on-ink);border-color:#0000}.hl-button[data-variant=ghost]{background:0 0;border-color:#0000}.hl-button[data-variant=accent]{background:var(--color-accent);color:var(--color-on-accent);border-color:#0000}.hl-button[data-variant=critical]{background:var(--color-critical-soft);color:var(--color-critical-fg);border-color:#0000}.hl-button[data-size=sm]{height:28px;font-size:var(--text-caption);border-radius:var(--radius-md);padding:0 10px}.hl-button[data-size=lg]{height:44px;font-size:var(--text-body);padding:0 20px}.hl-button[data-shape=pill]{border-radius:var(--radius-full)}.hl-button[data-icon]{width:34px;padding:0}.hl-button[data-icon][data-size=sm]{width:28px}.hl-button[data-icon][data-size=lg]{width:44px}.hl-button:disabled,.hl-button[data-disabled]{opacity:.45;cursor:default}.hl-button[data-busy]{cursor:progress}@media (hover:hover){.hl-button:hover:not(:disabled):not([data-disabled]){background:var(--color-fill-hover)}.hl-button[data-variant=ink]:hover:not(:disabled){background:var(--color-ink-hover)}.hl-button[data-variant=ghost]:hover:not(:disabled){background:var(--color-fill)}.hl-button[data-variant=accent]:hover:not(:disabled){background:var(--color-accent-hover)}.hl-button[data-variant=critical]:hover:not(:disabled){background:color-mix(in oklab, var(--color-critical) 22%, var(--color-canvas))}}.hl-button[data-done]{box-shadow:0 0 22px 6px color-mix(in oklab, var(--color-halation) 55%, transparent);transition-duration:var(--hl-d-hover), var(--hl-d-hover), var(--hl-d-press), .12s}.hl-button-label{display:inline-grid}.hl-button-label>*{transition:opacity var(--hl-d-popover) var(--ease-out), translate var(--hl-d-popover) var(--ease-out), filter var(--hl-d-popover) var(--ease-out);grid-area:1/1}.hl-button-label>[data-hidden]{opacity:0;filter:blur(4px);translate:0 -6px}.hl-button-label>[data-hidden][data-below]{translate:0 6px}.hl-check path{stroke-dasharray:14;stroke-dashoffset:14px;transition:stroke-dashoffset var(--hl-d-dialog) var(--ease-out) 60ms}[data-finished] .hl-check path{stroke-dashoffset:0}.hl-kbd{border-radius:var(--radius-xs);min-width:20px;height:20px;font-family:var(--font-mono);color:var(--color-fg-muted);background:var(--color-fill);box-shadow:inset 0 -1px 0 var(--color-line-strong), 0 0 0 1px var(--color-line);place-items:center;padding:0 5px;font-size:11.5px;line-height:1;display:inline-grid}.hl-keys{vertical-align:middle;gap:4px;display:inline-flex}.hl-state{border-radius:var(--radius-md);background:var(--color-fill);height:24px;box-shadow:inset 0 -1px 0 var(--color-line-strong), 0 0 0 1px var(--color-line);font-size:var(--text-caption);white-space:nowrap;color:var(--color-fg);align-items:center;gap:6px;padding:0 9px 0 7px;font-weight:500;display:inline-flex}.hl-state svg{width:12px;height:12px;color:var(--color-fg-muted);flex:none}.hl-state[data-kind=selected] svg,.hl-state[data-kind=info] svg{color:var(--color-accent-fg)}.hl-state[data-kind=running] svg,.hl-state[data-kind=done] svg{color:var(--color-positive-fg)}.hl-state[data-kind=warning] svg{color:var(--color-warning-fg)}.hl-state[data-kind=critical] svg{color:var(--color-critical-fg)}.hl-facts{font-size:var(--text-body-sm);grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;display:grid}.hl-facts dt{color:var(--color-fg-muted)}.hl-facts dd{margin:0}.hl-surface{background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:inset 0 0 0 1px var(--color-line);padding:20px}.hl-surface[data-elevation=raised]{box-shadow:var(--shadow-raised)}.hl-surface[data-elevation=overlay]{background:var(--color-raised);box-shadow:var(--shadow-overlay)}.hl-surface[data-padding=none]{padding:0}.hl-divider{background:var(--color-line);border:0;height:1px;margin:0}.hl-divider[data-orientation=vertical]{align-self:stretch;width:1px;height:auto}.hl-list{display:grid}.hl-list-row{font-size:var(--text-body-sm);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.hl-list-row+.hl-list-row{box-shadow:inset 0 1px 0 var(--color-line)}.hl-list-row[data-selected]{background:var(--color-accent-soft)}.hl-list-row .hl-list-detail{font-size:var(--text-caption);color:var(--color-fg-muted)}button.hl-list-row,a.hl-list-row{color:inherit;font:inherit;text-align:left;cursor:pointer;width:100%;transition:background-color var(--hl-d-hover) ease;background:0 0;border:0;text-decoration:none}@media (hover:hover){button.hl-list-row:hover,a.hl-list-row:hover{background:var(--color-fill)}}.hl-field{align-content:start;gap:6px;display:grid}.hl-label{font-size:var(--text-body-sm);font-weight:500}.hl-description{font-size:var(--text-caption);color:var(--color-fg-muted)}.hl-error{font-size:var(--text-caption);color:var(--color-critical-fg);align-items:center;gap:6px;display:flex}.hl-error svg{flex:none;width:14px;height:14px}.hl-input,.hl-textarea{border-radius:var(--radius-lg);border:1px solid var(--color-line-strong);background:var(--color-surface);width:100%;height:36px;color:var(--color-fg);font:inherit;font-size:var(--text-body-sm);letter-spacing:var(--text-body-sm--letter-spacing);transition:border-color var(--hl-d-hover) ease, box-shadow var(--hl-d-hover) ease;padding:0 12px}.hl-textarea{resize:vertical;field-sizing:content;height:auto;min-height:88px;padding:9px 12px}.hl-input::placeholder,.hl-textarea::placeholder{color:var(--color-fg-subtle)}.hl-input:focus-visible,.hl-textarea:focus-visible{border-color:var(--color-ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-ring) 24%, transparent);outline:none}.hl-input[data-invalid],.hl-textarea[data-invalid]{border-color:var(--color-critical-fg)}.hl-input[data-disabled],.hl-textarea[data-disabled]{opacity:.55}.hl-checkbox,.hl-radio{border:1px solid var(--color-line-strong);background:var(--color-surface);width:18px;height:18px;color:var(--color-on-ink);cursor:pointer;transition:background-color var(--hl-d-hover) ease, border-color var(--hl-d-hover) ease;flex:none;place-items:center;padding:0;display:inline-grid}.hl-checkbox{border-radius:var(--radius-sm)}.hl-radio{border-radius:50%}.hl-checkbox[data-checked],.hl-checkbox[data-indeterminate]{background:var(--color-ink);border-color:var(--color-ink)}.hl-radio[data-checked]{border-color:var(--color-ink);border-width:5px}.hl-checkbox svg{width:12px;height:12px}.hl-choice{font-size:var(--text-body-sm);cursor:pointer;align-items:center;gap:10px;display:inline-flex}.hl-radio-group{gap:10px;display:grid}.hl-switch{border-radius:var(--radius-full);background:var(--color-fill-active);cursor:pointer;width:34px;height:20px;transition:background-color var(--hl-d-hover) ease;border:0;flex:none;padding:0;position:relative}.hl-switch[data-checked]{background:var(--color-accent)}.hl-switch-thumb{width:16px;height:16px;transition:translate var(--hl-d-dialog) var(--hl-spring);background:oklch(100% 0 0);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px oklch(0% 0 0/.3),0 2px 6px oklch(0% 0 0/.15)}.hl-switch[data-checked] .hl-switch-thumb{translate:14px}.hl-slider{touch-action:none;width:100%;padding-block:8px}.hl-slider-track{border-radius:var(--radius-full);background:var(--color-fill-active);height:4px;position:relative}.hl-slider-indicator{background:var(--color-fg);border-radius:inherit;height:100%}.hl-slider-thumb{width:16px;height:16px;transition:scale var(--hl-d-press) var(--ease-out);background:oklch(100% 0 0);border-radius:50%;box-shadow:0 0 0 1px oklch(0% 0 0/.12),0 1px 2px oklch(0% 0 0/.3),0 2px 6px oklch(0% 0 0/.15)}.hl-slider-thumb[data-dragging]{scale:1.12}.hl-segmented{border-radius:var(--radius-lg);background:var(--color-fill);gap:2px;padding:3px;display:inline-flex}.hl-segment{color:var(--color-fg-muted);font:500 var(--text-caption)/1 var(--font-sans);border-radius:calc(var(--radius-lg) - 3px);cursor:pointer;transition:background-color var(--hl-d-hover) ease, color var(--hl-d-hover) ease;background:0 0;border:0;padding:7px 11px}.hl-segment[data-pressed]{background:var(--color-raised);color:var(--color-fg);box-shadow:var(--shadow-raised)}@media (hover:hover){.hl-segment:hover:not([data-pressed]){color:var(--color-fg)}}.hl-tabs-list{box-shadow:inset 0 -1px 0 var(--color-line);gap:4px;display:flex;position:relative}.hl-tab{color:var(--color-fg-muted);font:500 var(--text-body-sm)/1 var(--font-sans);cursor:pointer;transition:color var(--hl-d-hover) ease;background:0 0;border:0;padding:10px 10px 12px}.hl-tab[data-active]{color:var(--color-fg)}.hl-tabs-indicator{left:var(--active-tab-left);width:var(--active-tab-width);background:var(--color-fg);height:2px;transition:left calc(.3s * var(--hl-tempo)) var(--ease-in-out), width calc(.3s * var(--hl-tempo)) var(--ease-in-out);border-radius:2px;position:absolute;bottom:0}.hl-tabs-panel{padding-top:16px}.hl-popup{background:var(--color-raised);color:var(--color-fg);border-radius:var(--radius-xl);box-shadow:var(--shadow-overlay);font-size:var(--text-body-sm);transform-origin:var(--transform-origin);transition:opacity var(--hl-d-popover) var(--ease-out), scale var(--hl-d-popover) var(--ease-out);outline:none;padding:5px}.hl-popup[data-starting-style],.hl-popup[data-ending-style]{opacity:0;scale:.96}.hl-popup[data-ending-style]{transition-duration:calc(var(--hl-d-popover) * var(--hl-exit))}.hl-popover{max-width:320px;padding:16px}.hl-popover-title{font-weight:600;font-size:var(--text-body);margin-bottom:4px}.hl-popover-description{color:var(--color-fg-muted)}.hl-menu-item,.hl-select-item{border-radius:calc(var(--radius-xl) - 5px);cursor:default;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:10px;min-height:32px;padding:0 9px;display:flex}.hl-menu-item[data-highlighted],.hl-select-item[data-highlighted]{background:var(--color-fill-hover)}.hl-menu-item[data-disabled]{opacity:.45}.hl-menu-item svg{width:15px;height:15px;color:var(--color-fg-muted);flex:none}.hl-menu-item[data-tone=critical],.hl-menu-item[data-tone=critical] svg{color:var(--color-critical-fg)}.hl-menu-item .hl-keys{margin-left:auto}.hl-menu-separator{background:var(--color-line);height:1px;margin:5px 4px}.hl-menu-group-label{font-size:var(--text-caption);color:var(--color-fg-muted);padding:6px 9px 4px}.hl-select-trigger{border-radius:var(--radius-lg);border:1px solid var(--color-line-strong);background:var(--color-surface);min-width:160px;height:36px;color:var(--color-fg);font:inherit;font-size:var(--text-body-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:0 10px 0 12px;display:inline-flex}.hl-select-trigger svg{width:14px;height:14px;color:var(--color-fg-muted)}.hl-select-trigger[data-popup-open]{border-color:var(--color-ring)}.hl-select-item-indicator{margin-left:auto;display:inline-flex}.hl-select-item-indicator svg{width:14px;height:14px}.hl-select-popup{min-width:var(--anchor-width)}.hl-tooltip{border-radius:var(--radius-md);font-size:var(--text-caption);max-width:260px;padding:6px 9px}.hl-tooltip .hl-keys{margin-left:8px}.hl-backdrop{background:var(--color-scrim);transition:opacity var(--hl-d-dialog) var(--ease-out);position:fixed;inset:0}.hl-backdrop[data-starting-style],.hl-backdrop[data-ending-style]{opacity:0}.hl-backdrop[data-ending-style]{transition-duration:calc(var(--hl-d-dialog) * var(--hl-exit))}.hl-dialog{border-radius:var(--radius-2xl);background:var(--color-raised);width:min(100vw - 32px,440px);max-height:calc(100dvh - 48px);color:var(--color-fg);box-shadow:var(--shadow-modal);transition:opacity var(--hl-d-dialog) var(--ease-out), transform var(--hl-d-dialog) var(--ease-out), filter var(--hl-d-dialog) var(--ease-out);outline:none;gap:10px;padding:22px;display:grid;position:fixed;top:50%;left:50%;overflow:auto;translate:-50% -50%}.hl-dialog[data-starting-style],.hl-dialog[data-ending-style]{opacity:0;filter:blur(6px);transform:translateY(8px)scale(.96)}.hl-dialog[data-ending-style]{transition-duration:calc(var(--hl-d-dialog) * var(--hl-exit))}.hl-dialog-title{font-size:var(--text-title-3);letter-spacing:var(--text-title-3--letter-spacing);margin:0;font-weight:600}.hl-dialog-description{color:var(--color-fg-muted);font-size:var(--text-body-sm);margin:0}.hl-dialog-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}[data-hl-root]{transition:filter calc(var(--hl-d-dialog) * var(--hl-exit)) var(--ease-out), scale calc(var(--hl-d-dialog) * var(--hl-exit)) var(--ease-out)}:is(body:has(.hl-dialog[data-open]) [data-hl-root],body:has(.hl-sheet[data-open]) [data-hl-root]){filter:blur(3px)saturate(.9);transition-duration:var(--hl-d-dialog);scale:.985}.hl-sheet-viewport{justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.hl-sheet-viewport[data-side=right]{justify-content:flex-end;align-items:stretch}.hl-sheet{--bleed:3rem;width:min(100vw,640px);max-height:calc(100dvh - 48px);padding:10px 22px calc(22px + var(--bleed));margin-bottom:calc(-1 * var(--bleed));border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;background:var(--color-raised);color:var(--color-fg);box-shadow:var(--shadow-modal);overscroll-behavior:contain;transform:translateY(var(--drawer-swipe-movement-y,0px));transition:transform var(--hl-d-sheet) var(--ease-drawer);outline:none;overflow-y:auto}.hl-sheet[data-starting-style],.hl-sheet[data-ending-style]{transform:translateY(100%)}.hl-sheet[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * var(--hl-d-sheet) * .8)}.hl-sheet[data-swiping]{transition-duration:0s}.hl-sheet-viewport[data-side=right] .hl-sheet{width:min(100vw - 48px,420px);height:100%;max-height:none;margin:0 calc(-1 * var(--bleed)) 0 0;padding:22px calc(22px + var(--bleed)) 22px 22px;border-radius:var(--radius-3xl) 0 0 var(--radius-3xl);transform:translateX(var(--drawer-swipe-movement-x,0px))}.hl-sheet-viewport[data-side=right] .hl-sheet[data-starting-style],.hl-sheet-viewport[data-side=right] .hl-sheet[data-ending-style]{transform:translate(100%)}.hl-sheet-handle{background:var(--color-line-strong);border-radius:3px;width:36px;height:5px;margin:0 auto 12px;display:block}.hl-sheet-backdrop{background:var(--color-scrim);opacity:calc(1 - var(--drawer-swipe-progress,0));transition:opacity var(--hl-d-sheet) var(--ease-drawer);position:fixed;inset:0}.hl-sheet-backdrop[data-starting-style],.hl-sheet-backdrop[data-ending-style]{opacity:0}.hl-toast-viewport{z-index:60;outline:none;width:min(100vw - 32px,360px);position:fixed;bottom:16px;right:16px}@media (width>=560px){.hl-toast-viewport{bottom:24px;right:24px}}.hl-toast{--gap:8px;--peek:10px;--scale:calc(max(0, 1 - (var(--toast-index) * .05)));--shrink:calc(1 - var(--scale));--height:var(--toast-frontmost-height,var(--toast-height));--offset-y:calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y));width:100%;height:var(--height);background:var(--color-raised);color:var(--color-fg);border-radius:var(--radius-xl);box-shadow:var(--shadow-overlay);transform-origin:bottom;z-index:calc(1000 - var(--toast-index));-webkit-user-select:none;user-select:none;transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) - (var(--shrink) * var(--height)))) scale(var(--scale));transition:transform var(--hl-d-dialog) var(--ease-out), opacity var(--hl-d-dialog) var(--ease-out), height var(--hl-d-popover) var(--ease-out);position:absolute;bottom:0;right:0}.hl-toast[data-expanded]{transform:translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y));height:var(--toast-height)}.hl-toast[data-starting-style]{opacity:0;transform:translateY(calc(100% + 24px))}.hl-toast[data-ending-style]{opacity:0;transition-duration:calc(var(--hl-d-dialog) * var(--hl-exit))}.hl-toast[data-ending-style]:not([data-swipe-direction]){transform:translateY(calc(var(--offset-y) + 16px))}.hl-toast[data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 120%)) translateY(var(--offset-y))}.hl-toast[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.hl-toast[data-limited]{opacity:0}.hl-toast:after{content:"";width:100%;height:calc(var(--gap) + 1px);position:absolute;top:100%;left:0}.hl-toast-content{transition:opacity var(--hl-d-popover) var(--ease-out);grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:14px;display:grid;overflow:hidden}.hl-toast-content[data-behind]{opacity:0}.hl-toast[data-expanded] .hl-toast-content{opacity:1}.hl-toast-title{font-weight:500;font-size:var(--text-body-sm);margin:0}.hl-toast-description{color:var(--color-fg-muted);font-size:var(--text-caption);margin:2px 0 0}.hl-toast-glyph{background:var(--color-fill);width:20px;height:20px;color:var(--color-fg-muted);border-radius:50%;place-items:center;display:grid}.hl-toast-glyph svg{width:12px;height:12px}.hl-toast[data-type=success] .hl-toast-glyph{color:var(--color-positive-fg);background:var(--color-positive-soft)}.hl-toast[data-type=error] .hl-toast-glyph{color:var(--color-critical-fg);background:var(--color-critical-soft)}.hl-avatar{background:var(--color-fill-active);width:32px;height:32px;color:var(--color-fg-muted);font-size:var(--text-caption);border-radius:50%;flex:none;place-items:center;font-weight:500;display:inline-grid;overflow:hidden}.hl-avatar img{object-fit:cover;width:100%;height:100%}.hl-skeleton{background:var(--color-fill);border-radius:var(--radius-md);min-height:10px;display:block}.hl-count{font-variant-numeric:tabular-nums;display:inline-flex}.hl-count-digit{height:1lh;display:inline-block;overflow:hidden}.hl-count-reel{transition:transform calc(.28s * var(--hl-tempo)) var(--ease-out);flex-direction:column;display:flex}.hl-count-reel>span{height:1lh}@media (prefers-reduced-motion:reduce){.hl-popup,.hl-dialog,.hl-toast,.hl-sheet,.hl-count-reel,.hl-switch-thumb,.hl-button-label>*,[data-hl-root]{transition-duration:1ms!important}.hl-popup[data-starting-style],.hl-popup[data-ending-style],.hl-dialog[data-starting-style],.hl-dialog[data-ending-style]{filter:none;transform:scale(1)}body:has(.hl-dialog[data-open]) [data-hl-root]{filter:none;scale:1}}.hl-stage{isolation:isolate;position:relative;overflow:hidden}.hl-phenomenon{z-index:-1;position:absolute;inset:0}.hl-stage>:not(.hl-phenomenon){position:relative}.hl-pressed,.hl-pressed *{color:#0000!important}.hl-halated{filter:url(#hl-halation)}#hl-halation .hl-halation-core{flood-color:var(--color-halation);flood-opacity:calc(.85 * var(--hl-glow,1))}#hl-halation .hl-halation-edge{flood-color:var(--color-halation);flood-opacity:calc(.4 * var(--hl-glow,1))}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .hl-halated{filter:none;text-shadow:0 0 .4em color-mix(in oklab, var(--color-halation) 22%, transparent)}}:root[data-theme=light] .hl-halated{filter:none;text-shadow:0 0 .4em color-mix(in oklab, var(--color-halation) 22%, transparent)}.hl-grain{z-index:0;pointer-events:none;opacity:.11;mix-blend-mode:overlay;background-size:220px;position:absolute;inset:0}.hl-lit-edge,.hl-lit-edge-glow{pointer-events:none;z-index:2147483000;background:radial-gradient(38% 100% at var(--hl-edge-x,50%) 0%, var(--color-light-core), transparent 100%);position:fixed;top:0;left:0;right:0}.hl-lit-edge{height:1px}.hl-lit-edge-glow{filter:blur(6px);opacity:.35;height:10px}.hl-seal{flex:none;line-height:0;display:inline-flex}.hl-seal svg{display:block}button.hl-seal{cursor:pointer;background:0 0;border:0;border-radius:30%;padding:0}.hl-darkroom body>:not(.hl-darkroom-overlay):not(.hl-darkroom-panel):not(.hl-lit-edge):not(.hl-lit-edge-glow){filter:grayscale()sepia()saturate(6)hue-rotate(-38deg)brightness(.62)contrast(1.15)}.hl-darkroom-overlay{z-index:2147482000;pointer-events:none;background-image:linear-gradient(oklch(62% .2 28/.16) 1px,#0000 1px);background-size:100% 8px;position:absolute;top:0;left:0}.hl-darkroom-label{font-family:var(--font-mono);color:oklch(78% .16 28);white-space:nowrap;background:oklch(20% .06 28);border-radius:4px;padding:1px 5px;font-size:10.5px;position:absolute}.hl-darkroom-panel{z-index:2147482001;color:oklch(80% .14 28);max-width:320px;font:12px/1.5 var(--font-sans);background:oklch(16% .05 28);border-radius:12px;gap:4px;padding:12px 14px;display:grid;position:fixed;bottom:16px;right:16px}.hl-darkroom-panel b{font-weight:600}.hl-darkroom-panel small{opacity:.75;font-size:11px}.hl-darkroom-leave{font:500 12px/1 var(--font-sans);color:oklch(16% .05 28);cursor:pointer;background:oklch(80% .14 28);border:0;border-radius:999px;justify-self:start;margin-top:6px;padding:7px 12px}.hl-darkroom-leave:focus-visible{outline-offset:2px;outline:2px solid oklch(80% .14 28)}.hl-colophon{text-align:center;justify-items:center;gap:18px;display:grid}.hl-colophon-role{font-size:var(--text-caption);color:var(--color-fg-muted)}.hl-colophon-who{font-size:var(--text-title-3);letter-spacing:var(--text-title-3--letter-spacing);margin-top:2px;font-weight:500}:root{--gutter:clamp(16px, 4vw, 40px);--page:1180px;--section-y:clamp(64px, 8vw, 112px)}body{font-variant-numeric:tabular-nums;overflow-x:clip}main{min-height:70svh}.wrap{max-width:var(--page);padding-inline:var(--gutter);margin-inline:auto}section[id],article[id]{scroll-margin-top:72px}.bar{z-index:40;background:color-mix(in oklab, var(--color-canvas) 74%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--color-line);position:sticky;top:0}.bar-row{justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding-block:8px;display:flex}.brand{letter-spacing:-.015em;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.nav{gap:2px;display:flex}.nav a{font-size:var(--text-body-sm);color:var(--color-fg-muted);border-radius:var(--radius-md);transition:color var(--hl-d-hover) ease, background-color var(--hl-d-hover) ease;padding:6px 10px;text-decoration:none}.nav a[aria-current=page]{color:var(--color-fg);background:var(--color-fill)}@media (hover:hover){.nav a:hover{color:var(--color-fg)}}.controls{align-items:center;gap:12px;display:flex}.swatches{border-radius:var(--radius-full);background:var(--color-fill);gap:6px;padding:4px;display:flex}.swatch{cursor:pointer;background:var(--c);width:20px;height:20px;transition:transform var(--hl-d-press) var(--ease-out);border:0;border-radius:50%;padding:0;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.12)}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--color-fill), 0 0 0 4px var(--color-fg)}.swatch:active{transform:scale(.92)}@media (width<=1020px){.bar-row{flex-wrap:wrap;row-gap:4px}.nav{scrollbar-width:none;flex-basis:100%;order:3;margin-inline:-10px;padding-bottom:2px;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{flex:none}}@media (width<=560px){.swatches{display:none}}@media (width<=520px){.swatches{display:none}}.page-head{gap:14px;max-width:48rem;padding-block:clamp(64px,9vw,120px) clamp(32px,5vw,56px);display:grid}.page-head .lead,.section-head .lead{max-width:44rem}.kicker{font-size:var(--text-body-sm);color:var(--color-accent-fg);font-weight:500}.section{padding-block:var(--section-y);border-top:1px solid var(--color-line)}.section-head{gap:12px;max-width:46rem;margin-bottom:clamp(28px,4vw,44px);display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 40px;display:grid}.point{border-top:1px solid var(--color-line);align-content:start;gap:6px;padding-block:18px;display:grid}.point h3{font-size:var(--text-title-3);letter-spacing:var(--text-title-3--letter-spacing)}.point p{color:var(--color-fg-muted);font-size:var(--text-body-sm)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stack{gap:12px;display:grid}.demos{gap:clamp(40px,6vw,72px);display:grid}.demo{gap:14px;display:grid}.demo-head{gap:4px;max-width:44rem;display:grid}.demo-stage{border-radius:var(--radius-2xl);box-shadow:inset 0 0 0 1px var(--color-line);background:var(--color-canvas);gap:14px;padding:clamp(20px,4vw,36px);display:grid}.demo-stage[data-center]{place-items:center;min-height:140px}.code-block{border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);overflow:hidden}.code-head{font-size:var(--text-caption);color:var(--color-fg-muted);box-shadow:inset 0 -1px 0 var(--color-line);justify-content:space-between;align-items:center;padding:8px 10px 8px 14px;display:flex}.code-copy{background:var(--color-fill);color:var(--color-fg);font:500 var(--text-caption)/1 var(--font-sans);border-radius:var(--radius-md);cursor:pointer;border:0;padding:6px 9px}.code-block pre{font-family:var(--font-mono);color:var(--color-fg);margin:0;padding:14px 16px;font-size:12.5px;line-height:1.7;overflow-x:auto}.hero{text-align:center;place-items:center;min-height:min(88svh,780px);display:grid}.hero-inner{padding:clamp(96px, 12vw, 140px) var(--gutter) 64px;justify-items:center;gap:22px;max-width:900px;display:grid}.hero-inner .lead{max-width:36rem;color:var(--color-fg-muted)}.hero>.hl-phenomenon{-webkit-mask-image:linear-gradient(#000 45%,#0000);mask-image:linear-gradient(#000 45%,#0000)}.stage-card{border-top:1px solid var(--color-line);grid-template-rows:1fr auto;min-height:min(78svh,640px);display:grid}.stage-card .stage-sample{text-align:center;padding:72px var(--gutter) 32px;place-self:center;justify-items:center;gap:16px;max-width:900px;display:grid}.stage-card .stage-sample p{color:var(--color-fg-muted);max-width:30rem}.stage-info{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 32px;padding-bottom:24px;display:grid}.glass{background:color-mix(in oklab, var(--color-raised) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);border-radius:var(--radius-2xl);box-shadow:var(--shadow-overlay);padding:16px 18px}@media (width<=760px){.stage-info{grid-template-columns:1fr}}.table-wrap{border-radius:var(--radius-xl);box-shadow:inset 0 0 0 1px var(--color-line);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-body-sm);min-width:680px}th,td{text-align:left;vertical-align:top;border-top:1px solid var(--color-line);padding:12px 16px}thead th{font-size:var(--text-caption);color:var(--color-fg-muted);background:var(--color-surface);border-top:0;font-weight:500}td:first-child{white-space:nowrap;font-weight:500}.roles{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:10px;display:grid}.role{border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);grid-template-columns:40px 1fr;align-items:start;gap:4px 12px;padding:12px;display:grid}.role-chip{border-radius:var(--radius-lg);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--color-line);grid-row:span 2}.role code{font-family:var(--font-mono);font-size:12.5px}.type-row{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:24px;padding-block:16px;display:grid}@media (width<=720px){.type-row{grid-template-columns:1fr;gap:6px}}.site-foot{border-top:1px solid var(--color-line);padding-block:40px 56px}.foot-row{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:24px;display:flex}.foot-brand{align-items:center;gap:14px;display:flex}.foot-nav{font-size:var(--text-body-sm);flex-wrap:wrap;gap:4px 16px;display:flex}.foot-nav a{color:var(--color-fg-muted);text-decoration:none}.foot-nav a:hover{color:var(--color-fg)}.near{scroll-margin-top:56px}