@layer theme{:root{--glass-hue:262;--light-hue:76;--glass-blur:40px;--glass-opacity:.66;--glass-sheen:.22;--glass-roundness:1;--font-display:"Bricolage Grotesque", "Avenir Next", "Segoe UI Variable Display", system-ui, sans-serif;--font-body:"Schibsted Grotesk", "Avenir Next", "Segoe UI Variable Text", system-ui, sans-serif;--font-code:"JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Code", monospace;--step--2:.75rem;--step--1:.875rem;--step-0:clamp(1rem, .979rem + .093vw, 1.0625rem);--step-1:clamp(1.2rem, 1.14rem + .268vw, 1.381rem);--step-2:clamp(1.44rem, 1.321rem + .527vw, 1.796rem);--step-3:clamp(1.728rem, 1.526rem + .898vw, 2.334rem);--step-4:clamp(2.074rem, 1.754rem + 1.422vw, 3.034rem);--step-5:clamp(2.488rem, 2.002rem + 2.159vw, 3.945rem);--step-6:clamp(2.986rem, 2.272rem + 3.175vw, 5.129rem);--step-7:clamp(3.583rem, 2.555rem + 4.569vw, 6.667rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--space-gutter:clamp(1rem, .6rem + 1.8vw, 2.5rem);--space-section:clamp(4rem, 2.67rem + 5.9vw, 8rem);--space-panel:clamp(1.25rem, .83rem + 1.85vw, 2.5rem);--space-grid:clamp(.75rem, .5rem + 1.1vw, 1.5rem);--page-max:76rem;--page-wide:96rem;--page-narrow:48rem;--measure:62ch;--control-xs:1.75rem;--control-sm:2.125rem;--control-md:2.5rem;--control-lg:3rem;--ease-glass:cubic-bezier(.22, 1, .36, 1);--ease-in-glass:cubic-bezier(.55, 0, .75, .3);--ease-spring:linear(0, .033, .116, .23, .359, .491, .617, .73, .828, .909, .972, 1.019, 1.052, 1.072, 1.081, 1.083, 1.08, 1.072, 1.062, 1.051, 1.04, 1.03, 1.021, 1.013, 1.006, 1.001, .998, .995, .994, .993, .993, .993, .994, .995, .996, .997, 1);--dur-1:.14s;--dur-2:.28s;--dur-3:.56s;--dur-4:1.12s}:root,.glass-scope{--radius-chip:calc(.375rem * var(--glass-roundness));--radius-field:calc(.625rem * var(--glass-roundness));--radius-card:calc(.875rem * var(--glass-roundness));--radius-panel:calc(1.25rem * var(--glass-roundness));--radius-sheet:calc(1.625rem * var(--glass-roundness));--radius-round:9999px;--color-ground:oklch(.15 .035 var(--glass-hue));--color-ground-deep:oklch(.09 .028 var(--glass-hue));--color-text:oklch(.97 .008 calc(var(--glass-hue) - 12));--color-text-muted:oklch(.83 .022 calc(var(--glass-hue) - 10));--color-text-subtle:oklch(.69 .032 calc(var(--glass-hue) - 6));--color-line:oklch(.9 .03 calc(var(--glass-hue) - 10) / .14);--color-line-strong:oklch(.92 .03 calc(var(--glass-hue) - 10) / .28);--color-fill:oklch(.96 .015 calc(var(--glass-hue) - 12) / .07);--color-fill-hover:oklch(.96 .015 calc(var(--glass-hue) - 12) / .12);--color-fill-active:oklch(.96 .015 calc(var(--glass-hue) - 12) / .17);--color-well:oklch(.11 .03 var(--glass-hue) / .5);--color-shadow:oklch(.05 .02 var(--glass-hue));--color-light:oklch(.86 .12 var(--light-hue));--color-light-bright:oklch(.94 .07 calc(var(--light-hue) + 8));--color-light-soft:oklch(.86 .12 var(--light-hue) / .18);--color-on-light:oklch(.26 .06 calc(var(--light-hue) - 18));--color-success:oklch(80% .13 165);--color-warning:oklch(84% .13 85);--color-danger:oklch(71% .17 25);--color-info:oklch(.78 .11 calc(var(--glass-hue) - 16));--rim-hot:oklch(.99 .04 calc(var(--light-hue) + 14));--rim-warm:oklch(.9 .12 calc(var(--light-hue) + 2) / .85);--rim-cool:oklch(.8 .1 calc(var(--glass-hue) - 22) / .4);--elevation-1:0 1px 2px oklch(.05 .02 var(--glass-hue) / .3), 0 6px 16px -8px oklch(.05 .02 var(--glass-hue) / .45);--elevation-2:0 2px 4px oklch(.05 .02 var(--glass-hue) / .25), 0 18px 44px -16px oklch(.05 .02 var(--glass-hue) / .55);--elevation-3:0 4px 10px oklch(.05 .02 var(--glass-hue) / .25), 0 36px 90px -24px oklch(.04 .02 var(--glass-hue) / .7)}@media (prefers-reduced-motion:reduce){:root{--dur-1:1ms;--dur-2:1ms;--dur-3:1ms;--dur-4:1ms}}@media (prefers-contrast:more){:root{--glass-opacity:1}:root,.glass-scope{--color-text-muted:oklch(.9 .015 calc(var(--glass-hue) - 10));--color-text-subtle:oklch(.8 .025 calc(var(--glass-hue) - 6));--color-line:oklch(.9 .03 calc(var(--glass-hue) - 10) / .3)}}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/schibsted-grotesk-latin-ext-wght-normal-hsMS0n0O.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/schibsted-grotesk-latin-wght-normal-Bb8VGrTG.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk;font-style:italic;font-weight:400 900;font-display:swap;src:url(/assets/schibsted-grotesk-latin-ext-wght-italic-DXGbHdV-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk;font-style:italic;font-weight:400 900;font-display:swap;src:url(/assets/schibsted-grotesk-latin-wght-italic-DtRJvQ1U.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}}@layer base{*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--color-ground-deep);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--color-text);font-family:var(--font-body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}:where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd){margin:0}:where(button,input,textarea,select){font:inherit;color:inherit}:where(img,svg,video,canvas){max-width:100%;display:block}:where(code,kbd,pre,samp){font-family:var(--font-code)}::selection{background:oklch(.86 .12 var(--light-hue) / .32);color:var(--color-text)}}@layer components{.glass{--_tint:.3;--_edge:.3;--_lip:.16;--_rim:.6;--_saturate:1.5;--_elevation:var(--elevation-2);isolation:isolate;border-radius:var(--radius-panel);background-color:oklch(.21 .034 var(--glass-hue) / calc(var(--_tint) * var(--glass-opacity)));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--_saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--_saturate));box-shadow:inset 0 1px 0 oklch(.95 .06 calc(var(--light-hue) + 6) / var(--_lip)), inset 0 -1px 0 oklch(.05 .02 var(--glass-hue) / .25), var(--_elevation);transition:--glass-x var(--dur-3) var(--ease-glass), --glass-y var(--dur-3) var(--ease-glass), --glass-angle var(--dur-4) var(--ease-glass), --glass-hover var(--dur-3) var(--ease-glass);position:relative}.glass--subtle{--_tint:.17;--_edge:.2;--_lip:.1;--_rim:.45;--_saturate:1.35;--_elevation:var(--elevation-1)}.glass--strong{--_tint:.64;--_edge:.4;--_lip:.24;--_rim:.75;--_saturate:1.6;--_elevation:var(--elevation-3)}.glass:before{--_rim-light:conic-gradient(from var(--glass-angle), var(--rim-hot) 0deg, var(--rim-warm) 12deg, transparent 70deg, var(--rim-cool) 180deg, transparent 290deg, var(--rim-warm) 348deg, var(--rim-hot) 360deg);--_rim-edge:linear-gradient(oklch(.85 .04 calc(var(--glass-hue) - 8) / var(--_edge)) 0 0);content:"";z-index:1;border-radius:inherit;pointer-events:none;background:var(--_rim-light), var(--_rim-edge);opacity:calc(var(--_rim) + var(--glass-hover) * (1 - var(--_rim)));-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glass:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(circle 30rem at calc(var(--glass-x) * 100%) calc(var(--glass-y) * 100%), oklch(.95 .05 calc(var(--light-hue) + 8) / calc(var(--glass-sheen) * .36)) 0%, oklch(.95 .05 calc(var(--light-hue) + 8) / calc(var(--glass-sheen) * .35)) 10%, oklch(.94 .05 calc(var(--light-hue) + 7) / calc(var(--glass-sheen) * .32)) 20%, oklch(.93 .055 calc(var(--light-hue) + 6) / calc(var(--glass-sheen) * .27)) 30%, oklch(.92 .055 calc(var(--light-hue) + 5) / calc(var(--glass-sheen) * .215)) 40%, oklch(.91 .06 calc(var(--light-hue) + 4) / calc(var(--glass-sheen) * .152)) 50%, oklch(.9 .06 calc(var(--light-hue) + 3) / calc(var(--glass-sheen) * .095)) 60%, oklch(.88 .06 calc(var(--light-hue) + 2) / calc(var(--glass-sheen) * .048)) 70%, oklch(.86 .06 var(--light-hue) / calc(var(--glass-sheen) * .017)) 80%, oklch(.84 .06 var(--light-hue) / calc(var(--glass-sheen) * .0025)) 90%, transparent 100%);opacity:var(--glass-hover);mix-blend-mode:screen;position:absolute;inset:0}@media (hover:hover){.glass:hover{--glass-hover:1}}.glass--glow{background-image:radial-gradient(90% 110% at 100% 0%, oklch(.82 .12 var(--light-hue) / calc(var(--glass-opacity) * .16)) 0%, oklch(.82 .12 var(--light-hue) / calc(var(--glass-opacity) * .142)) 20%, oklch(.81 .12 var(--light-hue) / calc(var(--glass-opacity) * .095)) 40%, oklch(.8 .12 var(--light-hue) / calc(var(--glass-opacity) * .042)) 60%, oklch(.8 .12 var(--light-hue) / calc(var(--glass-opacity) * .0075)) 80%, transparent 100%)}.glass--prism:before{background:conic-gradient(from calc(var(--glass-angle) + 14deg), transparent 0deg, oklch(72% .2 25/.9) 12deg, oklch(88% .17 95/.9) 24deg, oklch(82% .17 155/.9) 36deg, oklch(72% .16 235/.9) 48deg, oklch(62% .22 300/.9) 60deg, transparent 76deg), var(--_rim-light), var(--_rim-edge);background-blend-mode:screen, normal, normal}.glass--pad-sm{padding:var(--space-6)}.glass--pad-md{padding:var(--space-panel)}.glass--pad-lg{padding:clamp(1.75rem,1rem + 3.3vw,4rem)}.glass--radius-chip{border-radius:var(--radius-chip)}.glass--radius-field{border-radius:var(--radius-field)}.glass--radius-card{border-radius:var(--radius-card)}.glass--radius-panel{border-radius:var(--radius-panel)}.glass--radius-sheet{border-radius:var(--radius-sheet)}.glass--radius-round{border-radius:var(--radius-round)}:is(a,button).glass{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none;display:block}:is(a,button).glass:focus-visible{outline:2px solid var(--color-light);outline-offset:3px}.glass--tilt{--glass-tilt-max:3deg;transform:perspective(1600px) rotateX(calc((.5 - var(--glass-y)) * var(--glass-tilt-max) * var(--glass-hover))) rotateY(calc((var(--glass-x) - .5) * var(--glass-tilt-max) * var(--glass-hover)))}.glass--reveal[data-reveal=pending]{opacity:0}.glass--reveal[data-reveal=in]{animation:glass-condense var(--dur-4) var(--ease-glass) both}@keyframes glass-condense{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transform:translateY(1.25rem)scale(.985)}40%{opacity:1}}@media (prefers-reduced-transparency:reduce){.glass{background-color:oklch(.2 .03 var(--glass-hue));-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.glass--tilt{transform:none}.glass--reveal[data-reveal]{opacity:1;animation:none}}.glass-display,.glass-h1,.glass-h2,.glass-h3,.glass-h4{color:var(--color-text);font-family:var(--font-display);text-wrap:balance;margin:0}.glass-display{font-size:var(--step-7);letter-spacing:-.05em;font-weight:300;line-height:.92}.glass-h1{font-size:var(--step-6);letter-spacing:-.045em;font-weight:320;line-height:.96}.glass-h2{font-size:var(--step-4);letter-spacing:-.035em;font-weight:380;line-height:1.02}.glass-h3{font-size:var(--step-2);letter-spacing:-.025em;font-weight:480;line-height:1.15}.glass-h4{font-size:var(--step-1);letter-spacing:-.015em;font-weight:560;line-height:1.25}.glass-lede,.glass-body,.glass-small,.glass-caption,.glass-label{font-family:var(--font-body);text-wrap:pretty;margin:0}.glass-lede{max-width:var(--measure);color:var(--color-text-muted);font-size:var(--step-1);line-height:1.5}.glass-body{color:var(--color-text-muted);font-size:var(--step-0);line-height:1.65}.glass-small{color:var(--color-text-subtle);font-size:var(--step--1);line-height:1.55}.glass-caption{color:var(--color-text-subtle);font-size:var(--step--2);line-height:1.45}.glass-label{color:var(--color-text-muted);font-size:var(--step--1);font-weight:500;line-height:1.3}.glass-code{border:1px solid var(--color-line);border-radius:var(--radius-chip);background:var(--color-well);color:var(--color-light-bright);font-family:var(--font-code);overflow-wrap:anywhere;padding:.1em .4em;font-size:.875em}.glass-link{color:var(--color-text);text-decoration:underline;-webkit-text-decoration-color:oklch(.86 .12 var(--light-hue) / .4);text-decoration-color:oklch(.86 .12 var(--light-hue) / .4);text-underline-offset:.22em;transition:color var(--dur-2) var(--ease-glass), text-decoration-color var(--dur-2) var(--ease-glass);text-decoration-thickness:1px}.glass-link:hover{-webkit-text-decoration-color:var(--color-light);text-decoration-color:var(--color-light)}.glass-link:focus-visible{outline:2px solid var(--color-light);outline-offset:2px;border-radius:2px}.glass-prose{max-width:var(--measure);color:var(--color-text-muted);font-size:var(--step-0);line-height:1.7}.glass-prose>*+*{margin-top:1.1em}.glass-prose>:is(h2,h3,h4)+*{margin-top:.6em}.glass-prose>*+:is(h2,h3,h4){margin-top:1.8em}.glass-prose :is(h2,h3,h4){color:var(--color-text);font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;line-height:1.15}.glass-prose h2{font-size:var(--step-3);font-weight:400}.glass-prose h3{font-size:var(--step-2);font-weight:480}.glass-prose h4{font-size:var(--step-1);font-weight:560}.glass-prose :is(strong,b){color:var(--color-text);font-weight:600}.glass-prose a{color:var(--color-text);text-decoration:underline;-webkit-text-decoration-color:oklch(.86 .12 var(--light-hue) / .4);text-decoration-color:oklch(.86 .12 var(--light-hue) / .4);text-underline-offset:.22em}.glass-prose a:hover{-webkit-text-decoration-color:var(--color-light);text-decoration-color:var(--color-light)}.glass-prose :is(ul,ol){padding-left:1.25em}.glass-prose li+li{margin-top:.4em}.glass-prose li::marker{color:var(--color-text-subtle)}.glass-prose :not(pre)>code{border:1px solid var(--color-line);border-radius:var(--radius-chip);background:var(--color-well);color:var(--color-light-bright);padding:.1em .4em;font-size:.875em}.glass-prose blockquote{border-left:2px solid var(--color-light-soft);color:var(--color-text);padding-left:1em}.glass-prose hr{background:var(--color-line);border:0;height:1px}.glass-scope{display:contents}.glass-container{width:100%;max-width:calc(var(--page-max) + 2 * var(--space-gutter));padding-inline:var(--space-gutter);margin-inline:auto}.glass-container--wide{max-width:calc(var(--page-wide) + 2 * var(--space-gutter))}.glass-container--narrow{max-width:calc(var(--page-narrow) + 2 * var(--space-gutter))}.glass-section{padding-block:calc(var(--space-section) / 2)}.glass-stack{gap:var(--glass-gap,var(--space-6));flex-direction:column;display:flex}.glass-cluster{align-items:center;gap:var(--glass-gap,var(--space-2));flex-wrap:wrap;display:flex}.glass-grid{gap:var(--glass-gap,var(--space-grid));grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--glass-min,16rem)), 1fr));display:grid}.glass-split{gap:var(--glass-gap,var(--space-8));flex-wrap:wrap;display:flex}.glass-split>:first-child{flex-grow:1;flex-basis:var(--glass-side,16rem)}.glass-split>:last-child,.glass-split--end>:first-child{flex-grow:999;flex-basis:0;min-width:50%}.glass-split--end>:last-child{flex-grow:1;flex-basis:var(--glass-side,16rem);min-width:0}.glass-measure{max-width:var(--measure)}.glass-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass-button{--_h:var(--control-md);--_px:1.1rem;--_fs:.875rem;min-height:var(--_h);padding:0 var(--_px);border:1px solid var(--color-line);border-radius:var(--radius-round);background-color:var(--color-fill);color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--_fs);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 0 oklch(100% 0 0/.08), 0 1px 2px oklch(.05 .02 var(--glass-hue) / .2);-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);-webkit-tap-highlight-color:transparent;transition:transform var(--dur-3) var(--ease-spring), background-color var(--dur-2) var(--ease-glass), border-color var(--dur-2) var(--ease-glass), color var(--dur-2) var(--ease-glass), box-shadow var(--dur-2) var(--ease-glass);justify-content:center;align-items:center;gap:.5em;font-weight:500;line-height:1.1;text-decoration:none;display:inline-flex;position:relative}.glass-button svg{flex:none;width:1.15em;height:1.15em}@media (hover:hover){.glass-button:hover{border-color:var(--color-line-strong);background-color:var(--color-fill-hover);color:var(--color-text)}}.glass-button:active{transition-duration:var(--dur-1);transition-timing-function:ease-out;transform:scale(.97)}.glass-button:focus-visible{outline:2px solid var(--color-light);outline-offset:2px}.glass-button:disabled,.glass-button[aria-disabled=true]{opacity:.45;pointer-events:none}.glass-button--xs{--_h:var(--control-xs);--_px:.7rem;--_fs:.75rem}.glass-button--sm{--_h:var(--control-sm);--_px:.9rem;--_fs:.8125rem}.glass-button--lg{--_h:var(--control-lg);--_px:1.5rem;--_fs:.9375rem}.glass-button--icon{width:var(--_h);padding:0}.glass-button--block{width:100%;display:flex}.glass-button[aria-pressed=true],.glass-button[aria-current]:not([aria-current=false]){border-color:oklch(.97 .02 calc(var(--glass-hue) - 12) / .32);background-color:var(--color-fill-active);color:var(--color-text);box-shadow:inset 0 1px 0 oklch(100% 0 0/.2), 0 4px 14px -6px oklch(.05 .02 var(--glass-hue) / .6)}.glass-button--ghost{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-color:#0000}.glass-button--primary{border-color:oklch(.97 .06 calc(var(--light-hue) + 12) / .75);background:linear-gradient(180deg, oklch(.93 .09 calc(var(--light-hue) + 10)), oklch(.83 .13 calc(var(--light-hue) - 4)));color:var(--color-on-light);box-shadow:inset 0 1px 0 oklch(100% 0 0/.6), inset 0 -1px 0 oklch(.58 .12 calc(var(--light-hue) - 20) / .35), 0 8px 24px -10px oklch(.8 .14 calc(var(--light-hue) - 6) / .7);font-weight:600}@media (hover:hover){.glass-button--primary:hover{border-color:oklch(.99 .04 calc(var(--light-hue) + 14) / .9);background:linear-gradient(180deg, oklch(.95 .08 calc(var(--light-hue) + 12)), oklch(.86 .12 calc(var(--light-hue) - 2)));color:var(--color-on-light);box-shadow:inset 0 1px 0 oklch(100% 0 0/.7), inset 0 -1px 0 oklch(.58 .12 calc(var(--light-hue) - 20) / .35), 0 10px 32px -10px oklch(.84 .14 calc(var(--light-hue) - 4) / .85)}}.glass-button--danger{color:oklch(88% .08 25);background-color:oklch(60% .17 25/.18);border-color:oklch(71% .17 25/.45)}@media (hover:hover){.glass-button--danger:hover{color:oklch(95% .04 25);background-color:oklch(60% .17 25/.28);border-color:oklch(75% .17 25/.7)}}.glass-button__label{align-items:center;gap:inherit;display:inline-flex}.glass-button[aria-busy=true]{pointer-events:none}.glass-button[aria-busy=true]>:not(.glass-spinner){opacity:0}.glass-button>.glass-spinner{margin:auto;position:absolute;inset:0}.glass-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:1.1em;height:1.1em;animation:.7s linear infinite glass-spin;display:inline-block}@keyframes glass-spin{to{transform:rotate(1turn)}}.glass-field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.glass-field__label{color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--step--1);font-weight:500;line-height:1.3}.glass-field__optional{color:var(--color-text-subtle);margin-left:.4em;font-weight:400}.glass-field__hint,.glass-field__error{font-family:var(--font-body);font-size:var(--step--2);margin:0;line-height:1.45}.glass-field__hint{color:var(--color-text-subtle)}.glass-field__error{color:var(--color-danger)}.glass-input,.glass-input-group{--_h:var(--control-md);width:100%;min-height:var(--_h);border:1px solid var(--color-line);border-radius:var(--radius-field);background-color:oklch(.13 .03 var(--glass-hue) / calc(.5 + var(--glass-opacity) * .3));color:var(--color-text);box-shadow:inset 0 1px 2px oklch(.04 .02 var(--glass-hue) / .35), 0 1px 0 oklch(100% 0 0/.04);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);transition:border-color var(--dur-2) var(--ease-glass), box-shadow var(--dur-2) var(--ease-glass), background-color var(--dur-2) var(--ease-glass)}.glass-input{font-family:var(--font-body);caret-color:var(--color-light);appearance:none;margin:0;padding:0 .875rem;font-size:1rem;line-height:1.5;display:block}.glass-input::placeholder{color:var(--color-text-subtle);opacity:1}@media (hover:hover){.glass-input:hover,.glass-input-group:hover{border-color:var(--color-line-strong)}}.glass-input:focus,.glass-input-group:focus-within{border-color:oklch(.86 .12 var(--light-hue) / .55);box-shadow:inset 0 1px 2px oklch(.04 .02 var(--glass-hue) / .25), 0 0 0 3px var(--color-light-soft);outline:none}.glass-input[aria-invalid=true]{border-color:oklch(71% .17 25/.7)}.glass-input-group:has([aria-invalid=true]){border-color:oklch(71% .17 25/.7)}.glass-input[aria-invalid=true]:focus{box-shadow:inset 0 1px 2px oklch(.04 .02 var(--glass-hue) / .25), 0 0 0 3px oklch(71% .17 25/.22)}.glass-input-group:has([aria-invalid=true]):focus-within{box-shadow:inset 0 1px 2px oklch(.04 .02 var(--glass-hue) / .25), 0 0 0 3px oklch(71% .17 25/.22)}.glass-input:disabled{opacity:.5;cursor:not-allowed}.glass-input-group:has(:disabled){opacity:.5;cursor:not-allowed}.glass-input--sm,.glass-input-group--sm{--_h:var(--control-sm);font-size:.875rem}.glass-input--lg,.glass-input-group--lg{--_h:var(--control-lg);font-size:1.0625rem}textarea.glass-input{resize:vertical;padding-block:.625rem;line-height:1.6}textarea.glass-input--auto{field-sizing:content;min-height:calc(var(--_h) * 2);resize:none}select.glass-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23b8c0d8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;padding-right:2.5rem}select.glass-input option{background-color:var(--color-ground);color:var(--color-text)}.glass-input-group{align-items:center;gap:var(--space-2);color:var(--color-text-subtle);cursor:text;padding:0 .875rem;display:flex}.glass-input-group>svg{flex:none;width:1.1em;height:1.1em}.glass-input-group>.glass-input{min-width:0;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:inherit;background:0 0;border:0;border-radius:0;flex:1;align-self:stretch;padding:0}.glass-input-group>.glass-input:focus{box-shadow:none}.glass-check{align-items:flex-start;gap:var(--space-3);color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--step--1);cursor:pointer;line-height:1.4;display:inline-flex}.glass-check__text{flex-direction:column;gap:.125rem;padding-top:.0625rem;display:flex}.glass-check__description{color:var(--color-text-subtle);font-size:var(--step--2)}.glass-check:has(:disabled){opacity:.45;cursor:not-allowed}.glass-checkbox{border:1px solid var(--color-line-strong);border-radius:var(--radius-chip);background-color:var(--color-well);width:1.125rem;height:1.125rem;box-shadow:inset 0 1px 2px oklch(.04 .02 var(--glass-hue) / .5);appearance:none;cursor:inherit;transition:background-color var(--dur-2) var(--ease-glass), border-color var(--dur-2) var(--ease-glass), box-shadow var(--dur-2) var(--ease-glass);flex:none;place-content:center;margin:0;display:grid;position:relative}.glass-checkbox[type=radio]{border-radius:50%}.glass-checkbox:after{content:"";background-color:var(--color-on-light);clip-path:polygon(14% 52%,0 66%,38% 100%,100% 22%,86% 8%,37% 70%);width:.625rem;height:.625rem;transition:transform var(--dur-2) var(--ease-spring);transform:scale(0)}.glass-checkbox[type=radio]:after{clip-path:none;border-radius:50%;width:.4375rem;height:.4375rem}.glass-checkbox:indeterminate:after{clip-path:none;border-radius:1px;height:.125rem}.glass-checkbox:is(:checked,:indeterminate){border-color:oklch(.97 .06 calc(var(--light-hue) + 12) / .75);background:linear-gradient(180deg, oklch(.92 .1 calc(var(--light-hue) + 8)), oklch(.82 .13 calc(var(--light-hue) - 6)));box-shadow:inset 0 1px 0 oklch(100% 0 0/.45), 0 0 14px -4px oklch(.84 .13 var(--light-hue) / .6)}.glass-checkbox:is(:checked,:indeterminate):after{transform:scale(1)}.glass-checkbox:focus-visible{outline:2px solid var(--color-light);outline-offset:2px}.glass-checkbox[aria-invalid=true]{border-color:oklch(71% .17 25/.7)}.glass-switch-row{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--step--1);cursor:pointer;display:inline-flex}.glass-switch-row--block{justify-content:space-between;width:100%;display:flex}.glass-switch{--_w:2.75rem;--_h:1.625rem;--_pad:.1875rem;--_thumb:calc(var(--_h) - 2px - 2 * var(--_pad));width:var(--_w);height:var(--_h);border:1px solid var(--color-line-strong);border-radius:var(--radius-round);background-color:var(--color-well);box-shadow:inset 0 1px 3px oklch(.04 .02 var(--glass-hue) / .55), 0 1px 0 oklch(100% 0 0/.05);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-2) var(--ease-glass), border-color var(--dur-2) var(--ease-glass), box-shadow var(--dur-2) var(--ease-glass);flex:none;margin:0;padding:0;position:relative}.glass-switch__thumb{top:var(--_pad);left:var(--_pad);width:var(--_thumb);height:var(--_thumb);background:radial-gradient(circle at 35% 30%, oklch(100% 0 0), oklch(.94 .012 calc(var(--glass-hue) - 12)) 55%, oklch(.8 .03 calc(var(--glass-hue) - 12)));box-shadow:0 1px 3px oklch(.04 .02 var(--glass-hue) / .55), inset 0 -1px 1px oklch(.6 .03 var(--glass-hue) / .35);transition:transform var(--dur-3) var(--ease-spring), scale var(--dur-1) ease-out;border-radius:50%;position:absolute}.glass-switch[aria-checked=true]{border-color:oklch(.97 .06 calc(var(--light-hue) + 12) / .75);background:linear-gradient(180deg, oklch(.9 .1 calc(var(--light-hue) + 8)), oklch(.8 .13 calc(var(--light-hue) - 6)));box-shadow:inset 0 1px 0 oklch(100% 0 0/.45), 0 0 20px -6px oklch(.84 .13 var(--light-hue) / .7)}.glass-switch[aria-checked=true] .glass-switch__thumb{transform:translateX(calc(var(--_w) - var(--_h)))}.glass-switch:active .glass-switch__thumb{scale:.9}.glass-switch:focus-visible{outline:2px solid var(--color-light);outline-offset:3px}.glass-switch:disabled{opacity:.45;cursor:not-allowed}.glass-switch-row:has(.glass-switch:disabled){opacity:.45;cursor:not-allowed}.glass-switch--sm{--_w:2.25rem;--_h:1.375rem}.glass-slider-field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.glass-slider-field__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--step--1);font-weight:500;display:flex}.glass-slider-field__value{color:var(--color-text-subtle);font-family:var(--font-code);font-size:var(--step--2);font-variant-numeric:tabular-nums}.glass-slider{--_track:.375rem;--_thumb:1.25rem;--_lit:linear-gradient(90deg, oklch(.78 .14 calc(var(--light-hue) - 10)), oklch(.9 .1 calc(var(--light-hue) + 8)));--_bead:radial-gradient(circle at 35% 30%, oklch(100% 0 0), oklch(.94 .012 calc(var(--glass-hue) - 12)) 55%, oklch(.8 .03 calc(var(--glass-hue) - 12)));--fill:50%;width:100%;height:var(--_thumb);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;margin:0;display:block}.glass-slider::-webkit-slider-runnable-track{height:var(--_track);border-radius:var(--radius-round);background:var(--_lit) 0 0 / var(--fill) 100% no-repeat, var(--color-well);box-shadow:inset 0 1px 2px oklch(.04 .02 var(--glass-hue) / .6), 0 1px 0 oklch(100% 0 0/.06)}.glass-slider::-moz-range-track{height:var(--_track);border-radius:var(--radius-round);background:var(--color-well);box-shadow:inset 0 1px 2px oklch(.04 .02 var(--glass-hue) / .6), 0 1px 0 oklch(100% 0 0/.06)}.glass-slider::-moz-range-progress{height:var(--_track);border-radius:var(--radius-round);background:var(--_lit)}.glass-slider::-webkit-slider-thumb{width:var(--_thumb);height:var(--_thumb);margin-top:calc((var(--_track) - var(--_thumb)) / 2);background:var(--_bead);box-shadow:0 2px 6px oklch(.04 .02 var(--glass-hue) / .5), 0 0 0 0 var(--color-light-soft);appearance:none;transition:transform var(--dur-2) var(--ease-spring), box-shadow var(--dur-2) var(--ease-glass);border:1px solid oklch(100% 0 0/.75);border-radius:50%}.glass-slider::-moz-range-thumb{box-sizing:border-box;width:var(--_thumb);height:var(--_thumb);background:var(--_bead);box-shadow:0 2px 6px oklch(.04 .02 var(--glass-hue) / .5);border:1px solid oklch(100% 0 0/.75);border-radius:50%}@media (hover:hover){.glass-slider:hover::-webkit-slider-thumb{box-shadow:0 2px 6px oklch(.04 .02 var(--glass-hue) / .5), 0 0 0 6px var(--color-light-soft)}}.glass-slider:active::-webkit-slider-thumb{transform:scale(1.12)}.glass-slider:focus-visible{outline:none}.glass-slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-light);outline-offset:2px}.glass-slider:focus-visible::-moz-range-thumb{outline:2px solid var(--color-light);outline-offset:2px}.glass-slider:disabled{opacity:.45;cursor:not-allowed}.glass-segmented{--_pad:.1875rem;--_h:var(--control-md);--_px:1rem;--_fs:.875rem;isolation:isolate;max-width:100%;padding:var(--_pad);border:1px solid var(--color-line);border-radius:var(--radius-round);background-color:var(--color-well);box-shadow:inset 0 1px 3px oklch(.04 .02 var(--glass-hue) / .45), 0 1px 0 oklch(100% 0 0/.05);scrollbar-width:none;-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);gap:.125rem;display:inline-flex;position:relative;overflow-x:auto}.glass-segmented::-webkit-scrollbar{display:none}.glass-segmented__option{min-height:calc(var(--_h) - 2 * var(--_pad) - 2px);padding:0 var(--_px);border-radius:var(--radius-round);color:var(--color-text-subtle);font-family:var(--font-body);font-size:var(--_fs);white-space:nowrap;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;transition:color var(--dur-2) var(--ease-glass);background:0 0;border:0;flex:none;margin:0;font-weight:500;line-height:1.1}@media (hover:hover){.glass-segmented__option:hover{color:var(--color-text-muted)}}.glass-segmented__option[aria-checked=true]{color:var(--color-text)}.glass-segmented__option:focus-visible{outline:2px solid var(--color-light);outline-offset:-2px}.glass-segmented--sm{--_h:var(--control-sm);--_px:.8rem;--_fs:.8125rem}.glass-segmented--block{display:flex}.glass-segmented--block .glass-segmented__option{flex:1}.glass-indicator{z-index:-1;top:var(--_pad,.1875rem);bottom:var(--_pad,.1875rem);width:var(--indicator-w,0px);border:1px solid oklch(.98 .02 calc(var(--glass-hue) - 12) / .26);border-radius:var(--radius-round);background-color:var(--color-fill-active);box-shadow:inset 0 1px 0 oklch(100% 0 0/.2), 0 2px 10px -3px oklch(.04 .02 var(--glass-hue) / .55);opacity:var(--indicator-on,0);transform:translateX(var(--indicator-x,0px));pointer-events:none;position:absolute;left:0}[data-indicator=ready]>.glass-indicator{transition:transform var(--dur-3) var(--ease-spring), width var(--dur-3) var(--ease-spring), opacity var(--dur-2) var(--ease-glass)}.glass-badge{--_tone:var(--color-text-muted);border:1px solid var(--color-line);border-radius:var(--radius-round);background-color:var(--color-fill);min-height:1.375rem;color:var(--_tone);font-family:var(--font-body);font-size:var(--step--2);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:.375em;padding:0 .55rem;font-weight:500;line-height:1;display:inline-flex}.glass-badge:not(.glass-badge--neutral){border-color:color-mix(in oklch, var(--_tone) 34%, transparent);background-color:color-mix(in oklch, var(--_tone) 13%, transparent)}.glass-badge--neutral{--_tone:var(--color-text-muted)}.glass-badge--light{--_tone:var(--color-light)}.glass-badge--success{--_tone:var(--color-success)}.glass-badge--warning{--_tone:var(--color-warning)}.glass-badge--danger{--_tone:var(--color-danger)}.glass-badge--info{--_tone:var(--color-info)}.glass-badge__dot{background-color:currentColor;border-radius:50%;width:.375rem;height:.375rem;box-shadow:0 0 6px}.glass-avatar{--_size:2rem;width:var(--_size);height:var(--_size);background:linear-gradient(135deg, oklch(.52 .11 var(--avatar-hue,var(--glass-hue))), oklch(.32 .09 calc(var(--avatar-hue,var(--glass-hue)) + 40)));color:var(--color-text);font-family:var(--font-body);font-size:calc(var(--_size) * .38);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:600;line-height:1;display:inline-grid;overflow:hidden;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.14),inset 0 1px oklch(100% 0 0/.22)}.glass-avatar img{object-fit:cover;width:100%;height:100%}.glass-avatar--sm{--_size:1.5rem}.glass-avatar--lg{--_size:2.75rem}.glass-kbd{border:1px solid var(--color-line-strong);border-radius:var(--radius-chip);background-color:var(--color-well);min-width:1.5rem;height:1.375rem;color:var(--color-text-muted);font-family:var(--font-code);font-size:var(--step--2);white-space:nowrap;border-bottom-width:2px;justify-content:center;align-items:center;padding:0 .375rem;font-weight:500;line-height:1;display:inline-flex}.glass-divider{--_line:linear-gradient(90deg, transparent, oklch(.66 .05 calc(var(--glass-hue) - 6) / .34) 25%, oklch(.92 .07 calc(var(--light-hue) + 4) / .36) 50%, oklch(.66 .05 calc(var(--glass-hue) - 6) / .34) 75%, transparent);background:var(--_line);border:0;width:100%;height:1px;margin:0}.glass-divider--labelled{align-items:center;gap:var(--space-4);height:auto;color:var(--color-text-subtle);font-family:var(--font-body);font-size:var(--step--2);background:0 0;display:flex}.glass-divider--labelled:before,.glass-divider--labelled:after{content:"";background:linear-gradient(90deg, transparent, oklch(.66 .05 calc(var(--glass-hue) - 6) / .34));flex:1;height:1px}.glass-divider--labelled:after{transform:scaleX(-1)}.glass-divider--vertical{background:linear-gradient(180deg, transparent, oklch(.66 .05 calc(var(--glass-hue) - 6) / .34) 30%, oklch(.66 .05 calc(var(--glass-hue) - 6) / .34) 70%, transparent);align-self:stretch;width:1px;height:auto}.glass-nav{--_pad:.25rem;--_h:var(--control-sm);isolation:isolate;min-width:0;padding:var(--_pad);scrollbar-width:none;align-items:center;gap:.125rem;display:flex;position:relative;overflow-x:auto}.glass-nav::-webkit-scrollbar{display:none}.glass-nav>:where(a,button){min-height:var(--_h);border-radius:var(--radius-round);color:var(--color-text-subtle);font-family:var(--font-body);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--dur-2) var(--ease-glass);background:0 0;border:0;flex:none;align-items:center;gap:.5em;padding:0 .9rem;font-size:.875rem;font-weight:500;line-height:1.1;text-decoration:none;display:inline-flex}@media (hover:hover){.glass-nav>:where(a,button):hover{color:var(--color-text)}}.glass-nav>[aria-current]:not([aria-current=false]){color:var(--color-text)}.glass-nav>:where(a,button):focus-visible{outline:2px solid var(--color-light);outline-offset:-2px}.glass-nav--lg{--_h:var(--control-md)}.glass-toast{--_tone:var(--color-success);left:50%;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));z-index:9999;align-items:center;gap:var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-round);background-color:oklch(.22 .04 var(--glass-hue) / .8);max-width:min(32rem,100vw - 2rem);color:var(--color-text);font-family:var(--font-body);box-shadow:inset 0 1px 0 oklch(100% 0 0/.12), var(--elevation-3);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);transition:transform var(--dur-3) var(--ease-in-glass), opacity var(--dur-2) var(--ease-glass);padding:.5rem .5rem .5rem .625rem;font-size:.9rem;line-height:1.35;display:flex;position:fixed;transform:translate(-50%,calc(100% + 2rem))scale(.94)}.glass-toast[data-open=true]{opacity:1;pointer-events:auto;transition:transform var(--dur-3) var(--ease-spring), opacity var(--dur-2) var(--ease-glass);transform:translate(-50%)scale(1)}.glass-toast__icon{width:1.6rem;height:1.6rem;color:var(--_tone);background-color:color-mix(in oklch, var(--_tone) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--_tone) 45%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.glass-toast__icon path{stroke-dasharray:24;stroke-dashoffset:24px}.glass-toast[data-open=true] .glass-toast__icon path{stroke-dashoffset:0;transition:stroke-dashoffset var(--dur-3) var(--ease-glass) var(--dur-2)}.glass-toast__message{padding-right:var(--space-2)}.glass-toast__action{flex:none}.glass-toast--error{--_tone:var(--color-danger)}.glass-toast--info{--_tone:var(--color-light)}@media (prefers-reduced-motion:reduce){.glass-toast,.glass-toast[data-open=true]{transform:translate(-50%)}}.glass-dialog{--_w:32rem;width:min(var(--_w), calc(100vw - 2 * var(--space-gutter)));max-width:none;max-height:calc(100dvh - 2 * var(--space-gutter));color:var(--color-text);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.glass-dialog--sm{--_w:24rem}.glass-dialog--lg{--_w:44rem}:root:has(.glass-dialog[open]){overflow:hidden}.glass-dialog::backdrop{background:oklch(.06 .03 var(--glass-hue,262) / .55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.glass-dialog[open]::backdrop{animation:glass-fade-in var(--dur-2,.28s) var(--ease-glass)}.glass-dialog[open]>.glass-dialog__panel{animation:glass-pop-in var(--dur-3) var(--ease-spring)}.glass-dialog__panel{gap:var(--space-6);max-height:inherit;padding:var(--space-6);border-radius:var(--radius-sheet);flex-direction:column;display:flex}.glass-dialog__header{align-items:flex-start;gap:var(--space-4);display:flex}.glass-dialog__heading{gap:var(--space-2);min-width:0;padding-top:var(--space-1);flex-direction:column;flex:1;display:flex}.glass-dialog__title{color:var(--color-text);font-family:var(--font-display);font-size:var(--step-2);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:480;line-height:1.15}.glass-dialog__description{color:var(--color-text-muted);font-size:var(--step--1);text-wrap:pretty;margin:0;line-height:1.55}.glass-dialog__body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.glass-dialog__footer{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.glass-popover{width:max-content;min-width:12rem;max-width:calc(100vw - 2 * var(--space-gutter));max-height:calc(100dvh - 2 * var(--space-gutter));padding:var(--space-2);border-radius:var(--radius-card);color:var(--color-text);overscroll-behavior:contain;scrollbar-width:none;border:0;margin:0;position:fixed;inset:auto;overflow:auto}.glass-popover::-webkit-scrollbar{display:none}.glass-popover--padded{padding:var(--space-6)}.glass-popover:popover-open{animation:glass-pop-in var(--dur-2) var(--ease-glass)}.glass-menu{flex-direction:column;gap:.125rem;display:flex}.glass-menu__item{align-items:center;gap:var(--space-3);width:100%;min-height:var(--control-sm);padding:0 var(--space-3);border-radius:var(--radius-chip);color:var(--color-text-muted);font-family:var(--font-body);text-align:left;cursor:pointer;transition:background-color var(--dur-1) var(--ease-glass), color var(--dur-1) var(--ease-glass);background:0 0;border:0;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.glass-menu__item svg{width:1rem;height:1rem;color:var(--color-text-subtle);flex:none}.glass-menu__item:is(:hover,:focus-visible),.glass-menu__item[aria-current]:not([aria-current=false]){background-color:var(--color-fill-hover);color:var(--color-text);outline:none}.glass-menu__item:focus-visible{box-shadow:inset 0 0 0 1px var(--color-light)}.glass-menu__hint{color:var(--color-text-subtle);font-size:var(--step--2);margin-left:auto;font-weight:400}.glass-menu__item--danger,.glass-menu__item--danger svg{color:var(--color-danger)}.glass-menu__label{padding:var(--space-2) var(--space-3) var(--space-1);color:var(--color-text-subtle);font-size:var(--step--2)}.glass-menu__separator{height:1px;margin:var(--space-1) var(--space-2);background:var(--color-line)}@keyframes glass-fade-in{0%{opacity:0}}@keyframes glass-pop-in{0%{opacity:0;transform:translateY(.5rem)scale(.97)}}.glass-backdrop{--_ground:oklch(.15 .035 var(--glass-hue));--_deep:oklch(.08 .03 calc(var(--glass-hue) + 2));--_field:oklch(.46 .2 calc(var(--glass-hue) + 2));--_bridge:oklch(.46 .19 calc(var(--glass-hue) + 33));--_accent:oklch(.6 .11 calc(var(--glass-hue) - 67));--_wash:oklch(.36 .17 var(--glass-hue));--_sun-hue:var(--light-hue);--_sun:1;--_speed:var(--backdrop-speed,8s);z-index:-1;pointer-events:none;background:radial-gradient(ellipse 120% 70% at 50% 110%, color-mix(in oklch, var(--_deep) 90%, transparent), transparent 70%), linear-gradient(180deg, var(--_ground), var(--_deep));animation:1.6s ease-out both glass-fade-in;position:absolute;inset:0;overflow:hidden;container-type:size}.glass-backdrop--fixed{position:fixed}.glass-stage{isolation:isolate;position:relative;overflow:hidden}.glass-backdrop__orb{--_w:var(--_s);--_h:var(--_s);left:calc(var(--_x) - var(--_w) / 2);top:calc(var(--_y) - var(--_h) / 2);width:var(--_w);height:var(--_h);opacity:var(--backdrop-strength,1);mix-blend-mode:screen;will-change:transform;animation:var(--_move) calc(var(--_speed) * var(--_beats)) ease-in-out infinite alternate;background:radial-gradient(closest-side, color-mix(in oklch, var(--_c) calc(var(--_a) * 100%), transparent) 0%, color-mix(in oklch, var(--_c) calc(var(--_a) * 97%), transparent) 10%, color-mix(in oklch, var(--_c) calc(var(--_a) * 88.5%), transparent) 20%, color-mix(in oklch, var(--_c) calc(var(--_a) * 75.4%), transparent) 30%, color-mix(in oklch, var(--_c) calc(var(--_a) * 59.3%), transparent) 40%, color-mix(in oklch, var(--_c) calc(var(--_a) * 42.2%), transparent) 50%, color-mix(in oklch, var(--_c) calc(var(--_a) * 26.2%), transparent) 60%, color-mix(in oklch, var(--_c) calc(var(--_a) * 13.3%), transparent) 70%, color-mix(in oklch, var(--_c) calc(var(--_a) * 4.7%), transparent) 80%, color-mix(in oklch, var(--_c) calc(var(--_a) * 0.7%), transparent) 90%, transparent 100%);position:absolute}.glass-backdrop__orb:first-child{--_s:max(160cqw, 130cqh);--_x:12cqw;--_y:6cqh;--_c:var(--_field);--_a:.95;--_move:glass-orb-1;--_beats:6}.glass-backdrop__orb:nth-child(2){--_s:max(110cqw, 90cqh);--_x:86cqw;--_y:4cqh;--_move:glass-orb-sun;--_beats:8;mix-blend-mode:normal;opacity:calc(var(--_sun) * var(--backdrop-strength,1));background:radial-gradient(closest-side, oklch(.93 .12 calc(var(--_sun-hue) + 10) / .72) 0%, oklch(.88 .15 calc(var(--_sun-hue) + 4) / .62) 6%, oklch(.8 .18 calc(var(--_sun-hue) - 14) / .46) 13%, oklch(.71 .2 calc(var(--_sun-hue) - 38) / .3) 22%, oklch(.63 .2 calc(var(--_sun-hue) - 62) / .17) 33%, oklch(.56 .2 calc(var(--_sun-hue) - 84) / .09) 46%, oklch(.5 .19 calc(var(--_sun-hue) - 102) / .04) 61%, oklch(.46 .18 calc(var(--_sun-hue) - 114) / .012) 78%, transparent 100%)}.glass-backdrop__orb:nth-child(3){--_s:max(110cqw, 90cqh);--_x:14cqw;--_y:94cqh;--_c:var(--_accent);--_a:.55;--_move:glass-orb-3;--_beats:7}.glass-backdrop__orb:nth-child(4){--_s:max(110cqw, 90cqh);--_x:92cqw;--_y:54cqh;--_c:var(--_bridge);--_a:.8;--_move:glass-orb-4;--_beats:9}.glass-backdrop__orb:nth-child(5){--_w:200cqw;--_h:max(80cqw, 70cqh);--_x:50cqw;--_y:108cqh;--_c:var(--_wash);--_a:.9;--_move:glass-orb-5;--_beats:10}.glass-backdrop__orb:nth-child(6){--_s:max(56cqw, 46cqh);--_x:85cqw;--_y:5cqh;--_c:oklch(.92 .12 calc(var(--_sun-hue) + 8));--_move:glass-orb-core;--_beats:8;opacity:calc(var(--_sun) * var(--backdrop-strength,1));background:radial-gradient(closest-side, color-mix(in oklch, var(--_c) 56%, transparent) 0%, color-mix(in oklch, var(--_c) 47%, transparent) 10%, color-mix(in oklch, var(--_c) 31.5%, transparent) 20%, color-mix(in oklch, var(--_c) 19%, transparent) 30%, color-mix(in oklch, var(--_c) 11%, transparent) 40%, color-mix(in oklch, var(--_c) 6.3%, transparent) 50%, color-mix(in oklch, var(--_c) 3.4%, transparent) 60%, color-mix(in oklch, var(--_c) 1.6%, transparent) 70%, color-mix(in oklch, var(--_c) 0.6%, transparent) 80%, transparent 100%)}.glass-backdrop--dusk{--_ground:oklch(14% .04 295);--_deep:oklch(8% .03 300);--_field:oklch(44% .2 300);--_bridge:oklch(46% .19 345);--_accent:oklch(55% .15 250);--_wash:oklch(34% .16 285);--_sun-hue:62}.glass-backdrop--dawn{--_ground:oklch(15% .04 350);--_deep:oklch(8% .03 340);--_field:oklch(50% .17 356);--_bridge:oklch(56% .14 38);--_accent:oklch(58% .13 300);--_wash:oklch(32% .12 320);--_sun-hue:82}.glass-backdrop--aurora{--_ground:oklch(13% .03 215);--_deep:oklch(7% .025 235);--_field:oklch(50% .15 185);--_bridge:oklch(46% .2 320);--_accent:oklch(62% .15 150);--_wash:oklch(34% .14 250);--_sun:0}.glass-backdrop--ember{--_ground:oklch(13% .035 28);--_deep:oklch(7% .02 18);--_field:oklch(44% .17 28);--_bridge:oklch(42% .17 355);--_accent:oklch(52% .15 50);--_wash:oklch(32% .13 20);--_sun-hue:64}.glass-backdrop--forest{--_ground:oklch(14% .035 160);--_deep:oklch(7% .025 170);--_field:oklch(44% .12 152);--_bridge:oklch(42% .1 180);--_accent:oklch(60% .12 128);--_wash:oklch(30% .09 165);--_sun-hue:70}.glass-backdrop--lagoon{--_ground:oklch(15% .04 225);--_deep:oklch(8% .03 240);--_field:oklch(55% .13 200);--_bridge:oklch(48% .15 238);--_accent:oklch(68% .12 172);--_wash:oklch(34% .12 250);--_sun-hue:92}.glass-backdrop--fjord{--_ground:oklch(15% .025 232);--_deep:oklch(8% .02 240);--_field:oklch(44% .09 228);--_bridge:oklch(42% .08 260);--_accent:oklch(60% .08 190);--_wash:oklch(32% .08 230);--_sun-hue:96}.glass-backdrop--abyss{--_ground:oklch(.12 .025 var(--glass-hue));--_deep:oklch(.06 .015 var(--glass-hue));--_field:oklch(.3 .1 calc(var(--glass-hue) - 8));--_bridge:oklch(.26 .08 calc(var(--glass-hue) + 16));--_accent:oklch(.3 .06 calc(var(--glass-hue) - 40));--_wash:oklch(.22 .08 var(--glass-hue));--_sun:0}.glass-backdrop--still .glass-backdrop__orb{animation:none}.glass-backdrop--grain:after,.glass-backdrop--dots:after,.glass-backdrop--grid:after{content:"";mix-blend-mode:soft-light;position:absolute;inset:0}.glass-backdrop--grain:after{opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23g)'/%3E%3C/svg%3E");background-size:256px}.glass-backdrop--dots:after{opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Ccircle cx='9' cy='9' r='1.2' fill='white'/%3E%3C/svg%3E");background-size:18px}.glass-backdrop--grid:after{opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M32 0H0v32' fill='none' stroke='white' stroke-width='0.6'/%3E%3C/svg%3E");background-size:32px;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000,#0000);mask-image:radial-gradient(80% 70% at 50% 40%,#000,#0000)}@keyframes glass-orb-1{0%{transform:translate(0)scale(1)}50%{transform:translate(6cqw,5cqh)scale(1.06)}to{transform:translate(2cqw,10cqh)scale(.97)}}@keyframes glass-orb-sun{0%{transform:translate(0)scale(.96)}60%{transform:translate(-3cqw,3cqh)scale(1.03)}to{transform:translate(-5cqw,5cqh)scale(1.06)}}@keyframes glass-orb-3{0%{transform:translate(0)}40%{transform:translate(10cqw,-6cqh)}to{transform:translate(18cqw,4cqh)}}@keyframes glass-orb-4{0%{transform:translate(0)scale(1)}50%{transform:translate(-8cqw,10cqh)scale(1.08)}to{transform:translate(-3cqw,18cqh)scale(.95)}}@keyframes glass-orb-5{0%{transform:translate(0)}to{transform:translate(-8cqw,-4cqh)}}@keyframes glass-orb-core{0%{transform:translate(0)scale(1)}60%{transform:translate(-3cqw,3cqh)scale(1.12)}to{transform:translate(-5cqw,5cqh)scale(1)}}@media (prefers-reduced-motion:reduce){.glass-backdrop,.glass-backdrop__orb{animation:none}}}@layer utilities;@property --glass-x{syntax:"<number>";inherits:true;initial-value:.72}@property --glass-y{syntax:"<number>";inherits:true;initial-value:.18}@property --glass-hover{syntax:"<number>";inherits:true;initial-value:0}@property --glass-angle{syntax:"<angle>";inherits:true;initial-value:45deg}@property --glass-gap{syntax:"*";inherits:false}@property --glass-min{syntax:"*";inherits:false}@property --glass-side{syntax:"*";inherits:false}html{scroll-behavior:smooth;scroll-padding-top:6rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.site{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1}.page{padding-bottom:calc(var(--space-section) / 2)}.site-header{z-index:50;padding-top:calc(var(--space-3) + env(safe-area-inset-top,0px));position:sticky;top:0}.site-bar{align-items:center;gap:var(--space-4);padding:.3125rem .3125rem .3125rem var(--space-4);display:flex}.site-brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-family:var(--font-display);letter-spacing:-.03em;flex:none;font-size:1.125rem;font-weight:600;text-decoration:none;display:inline-flex}.site-brand:focus-visible{outline:2px solid var(--color-light);outline-offset:4px;border-radius:var(--radius-chip)}.site-bar__end{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.site-theme{width:min(22rem, calc(100vw - 2 * var(--space-gutter)))}.site-only-narrow{display:none}@media (width<=60rem){.site-nav,.site-only-wide{display:none}.site-only-narrow{display:inline-flex}}.theme-controls{gap:var(--space-6);flex-direction:column;display:flex}.theme-controls__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.theme-controls__head .glass-caption{margin-top:var(--space-1)}.theme-controls__group{gap:var(--space-4);flex-direction:column;display:flex}.hue-track::-webkit-slider-runnable-track{background:linear-gradient(90deg in oklch longer hue, oklch(72% .14 0), oklch(72% .14 0))}.hue-track::-moz-range-track{background:linear-gradient(90deg in oklch longer hue, oklch(72% .14 0), oklch(72% .14 0))}.hue-track::-moz-range-progress{background:0 0}.palette-picker{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.palette-picker__option{align-items:center;gap:var(--space-2);padding:var(--space-1);padding-right:var(--space-2);border-radius:var(--radius-round);color:var(--color-text-subtle);font-size:var(--step--2);cursor:pointer;transition:color var(--dur-2) var(--ease-glass), background-color var(--dur-2) var(--ease-glass);background:0 0;border:1px solid #0000;font-weight:500;display:flex}.palette-picker__option:hover{background-color:var(--color-fill);color:var(--color-text-muted)}.palette-picker__option[aria-checked=true]{border-color:var(--color-line-strong);background-color:var(--color-fill-active);color:var(--color-text)}.palette-picker__option:focus-visible{outline:2px solid var(--color-light);outline-offset:1px}.palette-picker__swatch{width:1.5rem;height:1.5rem;box-shadow:0 0 0 1px var(--color-line-strong);border-radius:50%;flex:none}.page-header{max-width:52rem;padding-top:var(--space-16);padding-bottom:calc(var(--space-section) / 2)}.page-header__eyebrow{margin-bottom:var(--space-4);color:var(--color-text-subtle);font-size:var(--step--1);font-weight:500}.page-header__lede{margin-top:var(--space-6)}.page-header__extra{margin-top:var(--space-8)}.page-section{gap:var(--space-12);padding-block:calc(var(--space-section) / 2);flex-direction:column;display:flex}.page-section__head{justify-content:space-between;align-items:flex-end;gap:var(--space-6);flex-wrap:wrap;display:flex}.page-section__titles{gap:var(--space-4);flex-direction:column;max-width:46rem;display:flex}.anchor{color:inherit;text-decoration:none}.anchor:hover:after{content:" #";color:var(--color-text-subtle)}.anchor:focus-visible{outline:2px solid var(--color-light);outline-offset:4px;border-radius:var(--radius-chip)}.code{--sh-class:oklch(86% .09 195);--sh-identifier:var(--color-text-muted);--sh-sign:var(--color-text-subtle);--sh-property:oklch(82% .07 240);--sh-entity:oklch(86% .09 195);--sh-jsxliterals:var(--color-text);--sh-string:oklch(84% .09 155);--sh-keyword:oklch(80% .11 300);--sh-comment:var(--color-text-subtle);padding:var(--space-4) var(--space-6);color:var(--color-text-muted);font-family:var(--font-code);tab-size:2;scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent;margin:0;font-size:.8125rem;line-height:1.7;overflow-x:auto}.code .sh__token--comment{font-style:italic}.code-block{border:1px solid var(--color-line);border-radius:var(--radius-card);background-color:oklch(.1 .03 var(--glass-hue) / .62);box-shadow:inset 0 1px 3px oklch(.04 .02 var(--glass-hue) / .45);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.code-block__bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-6);border-bottom:1px solid var(--color-line);display:flex}.code-block__title{color:var(--color-text-subtle);font-family:var(--font-code);font-size:var(--step--2)}.code-block--folded .code{max-height:25rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.code-block__fold{padding:0 var(--space-4) var(--space-4);justify-content:center;display:flex}.code-block--folded .code-block__fold{margin-top:calc(-1 * var(--space-8));position:relative}.snippet{align-items:center;gap:var(--space-2);max-width:34rem;padding-right:var(--space-1);border:1px solid var(--color-line);border-radius:var(--radius-field);background-color:oklch(.1 .03 var(--glass-hue) / .62);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex}.code--inline{min-width:0;padding:var(--space-3) var(--space-4);white-space:pre-wrap;overflow-wrap:anywhere;flex:1}.demo{gap:var(--space-4);flex-direction:column;min-width:0;margin:0;display:flex}.demo__caption{gap:var(--space-2);flex-direction:column;display:flex}.demo__description{max-width:var(--measure)}.demo__stage{justify-content:center;align-items:center;gap:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-panel);background:radial-gradient(120% 140% at 100% 0%, oklch(.86 .12 var(--light-hue) / .05), transparent 60%);flex-wrap:wrap;min-height:11rem;padding:clamp(1.25rem,4vw,3rem);display:flex;position:relative}.demo__stage--fill{display:block}.demo-group{gap:var(--space-16);flex-direction:column;display:flex}.example{gap:var(--space-6);padding-block:calc(var(--space-section) / 2);flex-direction:column;display:flex}.example__head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.example__title{gap:var(--space-2);flex-direction:column;max-width:40rem;display:flex}.example__tools{align-items:center;gap:var(--space-2);display:flex}.example__stage{border-radius:var(--radius-sheet);min-height:34rem;box-shadow:inset 0 0 0 1px var(--color-line), var(--elevation-2);place-items:center;padding:clamp(1rem,5vw,4.5rem) clamp(.75rem,4vw,4rem);display:grid}.props{gap:var(--space-3);flex-direction:column;display:flex}.props__list{border-top:1px solid var(--color-line);margin:0}.props__row{gap:var(--space-2) var(--space-6);padding-block:var(--space-4);border-bottom:1px solid var(--color-line);grid-template-columns:minmax(8rem,.8fr) minmax(10rem,1.2fr) minmax(0,2fr);display:grid}.props__row dd{margin:0}.props__name code{color:var(--color-text);font-size:.8125rem}.props__type{gap:var(--space-1);flex-direction:column;display:flex}.props__type code{color:var(--color-light-bright);overflow-wrap:anywhere;font-size:.75rem}.props__default{color:var(--color-text-subtle);font-size:var(--step--2)}.props__description{color:var(--color-text-muted);font-size:var(--step--1);line-height:1.55}@media (width<=48rem){.props__row{grid-template-columns:1fr}}.guidelines{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.guidelines__col{gap:var(--space-3);padding-top:var(--space-4);border-top:2px solid var(--_mark);flex-direction:column;display:flex}.guidelines__col--do{--_mark:oklch(80% .13 165/.6)}.guidelines__col--dont{--_mark:oklch(71% .17 25/.6)}.guidelines ul{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--step--1);flex-direction:column;margin:0;padding-left:1.1em;line-height:1.55;display:flex}.guidelines li::marker{color:var(--_mark)}.docs{gap:var(--space-12);grid-template-columns:12rem minmax(0,1fr);align-items:start;display:grid}.docs__side{padding-top:var(--space-16);flex-direction:column;gap:.125rem;display:flex;position:sticky;top:6rem}.docs__side-title{margin-bottom:var(--space-2);padding-left:var(--space-3)}.docs__link{padding:var(--space-1) var(--space-3);border-radius:var(--radius-chip);color:var(--color-text-subtle);font-size:var(--step--1);transition:color var(--dur-2) var(--ease-glass), background-color var(--dur-2) var(--ease-glass);text-decoration:none}.docs__link:hover{color:var(--color-text)}.docs__link[aria-current=page]{background-color:var(--color-fill);color:var(--color-text)}.docs__link:focus-visible{outline:2px solid var(--color-light);outline-offset:-2px}.docs__pager{justify-content:space-between;gap:var(--space-4);padding-top:var(--space-12);display:flex}.docs__picker{display:none}@media (width<=60rem){.docs{grid-template-columns:minmax(0,1fr);gap:0}.docs__side{display:none}.docs__picker{max-width:20rem;margin-top:var(--space-8);display:block}}.tile{gap:var(--space-3);flex-direction:column;min-height:100%;display:flex}.tile__group{color:var(--color-text-subtle);font-size:var(--step--2)}.tile__preview{min-height:7.5rem;margin-bottom:var(--space-2);border-radius:calc(var(--radius-card) - var(--space-2));background:oklch(.1 .03 var(--glass-hue) / .35);box-shadow:inset 0 0 0 1px var(--color-line);pointer-events:none;place-items:center;display:grid}.tile__more{align-items:center;gap:var(--space-1);padding-top:var(--space-2);color:var(--color-text-subtle);font-size:var(--step--1);transition:color var(--dur-2) var(--ease-glass);margin-top:auto;display:inline-flex}.tile:hover .tile__more{color:var(--color-light)}.swatches{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));display:grid}.swatch{gap:var(--space-3);flex-direction:column;display:flex}.swatch__chip{border-radius:var(--radius-card);height:4.5rem;box-shadow:inset 0 0 0 1px var(--color-line), var(--elevation-1)}.swatch__name{color:var(--color-text);font-family:var(--font-code);font-size:.75rem}.swatch__note{color:var(--color-text-subtle);font-size:var(--step--2);line-height:1.45}.scale{flex-direction:column;display:flex}.scale__row{gap:var(--space-4);padding-block:var(--space-2);border-bottom:1px solid var(--color-line);grid-template-columns:7.5rem 3rem minmax(0,1fr);align-items:center;display:grid}.scale__token{color:var(--color-text-muted);font-family:var(--font-code);font-size:.75rem}.scale__value{color:var(--color-text-subtle);font-family:var(--font-code);font-variant-numeric:tabular-nums;text-align:right;font-size:.75rem}.scale__bar{border-radius:var(--radius-round);background:linear-gradient(90deg, oklch(.78 .14 calc(var(--light-hue) - 10)), oklch(.9 .1 calc(var(--light-hue) + 8)));height:.5rem}.scale__sample{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.type-row{gap:var(--space-6);padding-block:var(--space-6);border-bottom:1px solid var(--color-line);grid-template-columns:9rem minmax(0,1fr);align-items:baseline;display:grid}.type-row__meta{gap:var(--space-1);flex-direction:column;display:flex}@media (width<=40rem){.type-row{gap:var(--space-2);grid-template-columns:1fr}.scale__row{gap:var(--space-3);grid-template-columns:6rem 2.5rem minmax(0,1fr)}}.radius-demo{aspect-ratio:1.4;max-width:100%;color:var(--color-text-subtle);font-family:var(--font-code);place-items:center;font-size:.75rem;display:grid}.motion-lane{border-radius:var(--radius-round);background:var(--color-well);height:2.75rem;box-shadow:inset 0 1px 3px oklch(.04 .02 var(--glass-hue) / .5);position:relative}.motion-lane__bead{background:radial-gradient(circle at 35% 30%, oklch(100% 0 0), oklch(.9 .1 var(--light-hue)) 55%, oklch(.78 .14 calc(var(--light-hue) - 10)));width:2rem;height:2rem;box-shadow:0 2px 10px oklch(.84 .13 var(--light-hue) / .5);transition:left var(--dur-4) var(--_ease);border-radius:50%;position:absolute;top:.375rem;left:.375rem}.motion-lane[data-on=true] .motion-lane__bead{left:calc(100% - 2.375rem)}.principle{padding-top:var(--space-4);border-top:1px solid var(--color-line-strong)}.hero{gap:var(--space-12);padding-top:var(--space-24);padding-bottom:calc(var(--space-section) / 2);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;display:grid}.hero__copy{gap:var(--space-8);flex-direction:column;display:flex}.hero__title{max-width:10ch}.hero__scene{min-height:30rem;position:relative}.hero__scene>*{position:absolute}@media (width<=60rem){.hero{padding-top:var(--space-16);grid-template-columns:1fr}.hero__scene{min-height:28rem}}@media (width<=40rem){.hero__scene{display:none}}.knobs{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;display:grid}@media (width<=52rem){.knobs{grid-template-columns:1fr}}.steps{gap:var(--space-6);counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));display:grid}.step{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.step__title{align-items:center;gap:var(--space-3);display:flex}.step__title:before{counter-increment:step;content:counter(step);border:1px solid var(--color-line-strong);width:1.75rem;height:1.75rem;color:var(--color-text-muted);font-family:var(--font-code);border-radius:50%;flex:none;place-items:center;font-size:.75rem;display:grid}.site-footer{padding-top:calc(var(--space-section) / 2);padding-bottom:calc(var(--space-12) + env(safe-area-inset-bottom,0px))}.site-footer__grid{gap:var(--space-8);margin-top:var(--space-12);grid-template-columns:minmax(0,1.4fr) minmax(0,1.4fr) minmax(0,1fr);display:grid}.site-footer__about{gap:var(--space-3);flex-direction:column;max-width:34ch;display:flex}.site-footer__links{gap:var(--space-2) var(--space-6);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));align-content:start;display:grid}.site-footer__links a{color:var(--color-text-subtle);font-size:var(--step--1);transition:color var(--dur-2) var(--ease-glass);text-decoration:none}.site-footer__links a:hover{color:var(--color-text)}@media (width<=48rem){.site-footer__grid{grid-template-columns:1fr}}.tile__link{color:inherit;text-decoration:none}.tile__link:after{content:"";z-index:2;border-radius:inherit;position:absolute;inset:0}.tile__link:focus-visible{outline:none}.tile:has(.tile__link:focus-visible){outline:2px solid var(--color-light);outline-offset:3px}