/** Do not edit — generated by @nocksock/design-system scripts/build.js */

:root {
  --nu-gray-50: oklch(98.5% 0 0);
  --nu-gray-100: oklch(97% 0 0);
  --nu-gray-200: oklch(92.2% 0 0);
  --nu-gray-300: oklch(87% 0 0);
  --nu-gray-400: oklch(70.8% 0 0);
  --nu-gray-500: oklch(55.6% 0 0);
  --nu-gray-600: oklch(43.9% 0 0);
  --nu-gray-700: oklch(37.1% 0 0);
  --nu-gray-800: oklch(26.9% 0 0);
  --nu-gray-900: oklch(20.5% 0 0);
  --nu-gray-950: oklch(14.5% 0 0);
  --nu-gray-muted-light: oklch(53% 0 0); /** Off-scale grey for --nu-color-muted in light: the darkest that still passes WCAG AA 4.5:1 as text on page and panel (luminance of a neutral = L³). */
  --nu-gray-muted-dark: oklch(64% 0 0); /** Off-scale grey for --nu-color-muted in dark: the lightest that still passes WCAG AA 4.5:1 as text on page and panel. */
  --nu-stone-50: oklch(98.5% 0.001 106.423);
  --nu-stone-100: oklch(97% 0.001 106.424);
  --nu-stone-200: oklch(92.3% 0.003 48.717);
  --nu-stone-300: oklch(86.9% 0.005 56.366);
  --nu-stone-400: oklch(70.9% 0.01 56.259);
  --nu-stone-500: oklch(55.3% 0.013 58.071);
  --nu-stone-600: oklch(44.4% 0.011 73.639);
  --nu-stone-700: oklch(37.4% 0.01 67.558);
  --nu-stone-800: oklch(26.8% 0.007 34.298);
  --nu-stone-900: oklch(21.6% 0.006 56.043);
  --nu-stone-950: oklch(14.7% 0.004 49.25);
  --nu-red-50: oklch(97.1% 0.013 17.38);
  --nu-red-100: oklch(93.6% 0.032 17.717);
  --nu-red-200: oklch(88.5% 0.062 18.334);
  --nu-red-300: oklch(80.8% 0.114 19.571);
  --nu-red-400: oklch(70.4% 0.191 22.216);
  --nu-red-500: oklch(63.7% 0.237 25.331);
  --nu-red-600: oklch(57.7% 0.245 27.325);
  --nu-red-700: oklch(50.5% 0.213 27.518);
  --nu-red-800: oklch(44.4% 0.177 26.899);
  --nu-red-900: oklch(39.6% 0.141 25.723);
  --nu-red-950: oklch(25.8% 0.092 26.042);
  --nu-orange-50: oklch(98% 0.016 73.684);
  --nu-orange-100: oklch(95.4% 0.038 75.164);
  --nu-orange-200: oklch(90.1% 0.076 70.697);
  --nu-orange-300: oklch(83.7% 0.128 66.29);
  --nu-orange-400: oklch(75% 0.183 55.934);
  --nu-orange-500: oklch(70.5% 0.213 47.604);
  --nu-orange-600: oklch(64.6% 0.222 41.116);
  --nu-orange-700: oklch(55.3% 0.195 38.402);
  --nu-orange-800: oklch(47% 0.157 37.304);
  --nu-orange-900: oklch(40.8% 0.123 38.172);
  --nu-orange-950: oklch(26.6% 0.079 36.259);
  --nu-yellow-50: oklch(98.7% 0.026 102.212);
  --nu-yellow-100: oklch(97.3% 0.071 103.193);
  --nu-yellow-200: oklch(94.5% 0.129 101.54);
  --nu-yellow-300: oklch(90.5% 0.182 98.111);
  --nu-yellow-400: oklch(85.2% 0.199 91.936);
  --nu-yellow-500: oklch(79.5% 0.184 86.047);
  --nu-yellow-600: oklch(68.1% 0.162 75.834);
  --nu-yellow-700: oklch(55.4% 0.135 66.442);
  --nu-yellow-800: oklch(47.6% 0.114 61.907);
  --nu-yellow-900: oklch(42.1% 0.095 57.708);
  --nu-yellow-950: oklch(28.6% 0.066 53.813);
  --nu-green-50: oklch(98.2% 0.018 155.826);
  --nu-green-100: oklch(96.2% 0.044 156.743);
  --nu-green-200: oklch(92.5% 0.084 155.995);
  --nu-green-300: oklch(87.1% 0.15 154.449);
  --nu-green-400: oklch(79.2% 0.209 151.711);
  --nu-green-500: oklch(72.3% 0.219 149.579);
  --nu-green-600: oklch(62.7% 0.194 149.214);
  --nu-green-700: oklch(52.7% 0.154 150.069);
  --nu-green-800: oklch(44.8% 0.119 151.328);
  --nu-green-900: oklch(39.3% 0.095 152.535);
  --nu-green-950: oklch(26.6% 0.065 152.934);
  --nu-blue-50: oklch(97% 0.014 254.604);
  --nu-blue-100: oklch(93.2% 0.032 255.585);
  --nu-blue-200: oklch(88.2% 0.059 254.128);
  --nu-blue-300: oklch(80.9% 0.105 251.813);
  --nu-blue-400: oklch(70.7% 0.165 254.624);
  --nu-blue-500: oklch(62.3% 0.214 259.815);
  --nu-blue-600: oklch(54.6% 0.245 262.881);
  --nu-blue-700: oklch(48.8% 0.243 264.376);
  --nu-blue-800: oklch(42.4% 0.199 265.638);
  --nu-blue-900: oklch(37.9% 0.146 265.522);
  --nu-blue-950: oklch(28.2% 0.091 267.935);
  --nu-violet-50: oklch(96.9% 0.016 293.756);
  --nu-violet-100: oklch(94.3% 0.029 294.588);
  --nu-violet-200: oklch(89.4% 0.057 293.283);
  --nu-violet-300: oklch(81.1% 0.111 293.571);
  --nu-violet-400: oklch(70.2% 0.183 293.541);
  --nu-violet-500: oklch(60.6% 0.25 292.717);
  --nu-violet-600: oklch(54.1% 0.281 293.009);
  --nu-violet-700: oklch(49.1% 0.27 292.581);
  --nu-violet-800: oklch(43.2% 0.232 292.759);
  --nu-violet-900: oklch(38% 0.189 293.745);
  --nu-violet-950: oklch(28.3% 0.141 291.089);
  --nu-neutral-50: var(--nu-gray-50);
  --nu-neutral-100: var(--nu-gray-100);
  --nu-neutral-200: var(--nu-gray-200);
  --nu-neutral-300: var(--nu-gray-300);
  --nu-neutral-400: var(--nu-gray-400);
  --nu-neutral-500: var(--nu-gray-500);
  --nu-neutral-600: var(--nu-gray-600);
  --nu-neutral-700: var(--nu-gray-700);
  --nu-neutral-800: var(--nu-gray-800);
  --nu-neutral-900: var(--nu-gray-900);
  --nu-neutral-950: var(--nu-gray-950);
  --nu-neutral-muted-light: var(--nu-gray-muted-light);
  --nu-neutral-muted-dark: var(--nu-gray-muted-dark);
  --nu-brand-50: var(--nu-green-50);
  --nu-brand-100: var(--nu-green-100);
  --nu-brand-200: var(--nu-green-200);
  --nu-brand-300: var(--nu-green-300);
  --nu-brand-400: var(--nu-green-400);
  --nu-brand-500: var(--nu-green-500);
  --nu-brand-600: var(--nu-green-600);
  --nu-brand-700: var(--nu-green-700);
  --nu-brand-800: var(--nu-green-800);
  --nu-brand-900: var(--nu-green-900);
  --nu-brand-950: var(--nu-green-950);
  --nu-accent-50: var(--nu-green-50);
  --nu-accent-100: var(--nu-green-100);
  --nu-accent-200: var(--nu-green-200);
  --nu-accent-300: var(--nu-green-300);
  --nu-accent-400: var(--nu-green-400);
  --nu-accent-500: var(--nu-green-500);
  --nu-accent-600: var(--nu-green-600);
  --nu-accent-700: var(--nu-green-700);
  --nu-accent-800: var(--nu-green-800);
  --nu-accent-900: var(--nu-green-900);
  --nu-accent-950: var(--nu-green-950);
  --nu-success-50: var(--nu-green-50);
  --nu-success-100: var(--nu-green-100);
  --nu-success-200: var(--nu-green-200);
  --nu-success-300: var(--nu-green-300);
  --nu-success-400: var(--nu-green-400);
  --nu-success-500: var(--nu-green-500);
  --nu-success-600: var(--nu-green-600);
  --nu-success-700: var(--nu-green-700);
  --nu-success-800: var(--nu-green-800);
  --nu-success-900: var(--nu-green-900);
  --nu-success-950: var(--nu-green-950);
  --nu-danger-50: var(--nu-red-50);
  --nu-danger-100: var(--nu-red-100);
  --nu-danger-200: var(--nu-red-200);
  --nu-danger-300: var(--nu-red-300);
  --nu-danger-400: var(--nu-red-400);
  --nu-danger-500: var(--nu-red-500);
  --nu-danger-600: var(--nu-red-600);
  --nu-danger-700: var(--nu-red-700);
  --nu-danger-800: var(--nu-red-800);
  --nu-danger-900: var(--nu-red-900);
  --nu-danger-950: var(--nu-red-950);
  --nu-warning-50: var(--nu-orange-50);
  --nu-warning-100: var(--nu-orange-100);
  --nu-warning-200: var(--nu-orange-200);
  --nu-warning-300: var(--nu-orange-300);
  --nu-warning-400: var(--nu-orange-400);
  --nu-warning-500: var(--nu-orange-500);
  --nu-warning-600: var(--nu-orange-600);
  --nu-warning-700: var(--nu-orange-700);
  --nu-warning-800: var(--nu-orange-800);
  --nu-warning-900: var(--nu-orange-900);
  --nu-warning-950: var(--nu-orange-950);
  --nu-info-50: var(--nu-blue-50);
  --nu-info-100: var(--nu-blue-100);
  --nu-info-200: var(--nu-blue-200);
  --nu-info-300: var(--nu-blue-300);
  --nu-info-400: var(--nu-blue-400);
  --nu-info-500: var(--nu-blue-500);
  --nu-info-600: var(--nu-blue-600);
  --nu-info-700: var(--nu-blue-700);
  --nu-info-800: var(--nu-blue-800);
  --nu-info-900: var(--nu-blue-900);
  --nu-info-950: var(--nu-blue-950);
  --nu-hue-50: var(--nu-neutral-50);
  --nu-hue-100: var(--nu-neutral-100);
  --nu-hue-200: var(--nu-neutral-200);
  --nu-hue-300: var(--nu-neutral-300);
  --nu-hue-400: var(--nu-neutral-400);
  --nu-hue-500: var(--nu-neutral-500);
  --nu-hue-600: var(--nu-neutral-600);
  --nu-hue-700: var(--nu-neutral-700);
  --nu-hue-800: var(--nu-neutral-800);
  --nu-hue-900: var(--nu-neutral-900);
  --nu-hue-950: var(--nu-neutral-950);
  --nu-hue-fg-light: var(--nu-neutral-700); /** Default text in light. */
  --nu-hue-fg-dark: var(--nu-neutral-300); /** Default text in dark. */
  --nu-hue-muted-light: var(--nu-neutral-muted-light); /** Secondary text in light; AA on page and panel. */
  --nu-hue-muted-dark: var(--nu-neutral-muted-dark); /** Secondary text in dark; AA on page and panel. */
  --nu-hue-accent-light: var(--nu-accent-700); /** Accent text in light; AA on the hue's page. */
  --nu-hue-solid: var(--nu-neutral-800); /** The page ground under nu:shade-solid. */
  --nu-hue-solid-raised: var(--nu-neutral-700); /** Panels and surfaces under nu:shade-solid. */
  --nu-hue-solid-top: var(--nu-neutral-600); /** Raised controls under nu:shade-solid; on-solid stays AA on it. */
  --nu-hue-solid-line: var(--nu-neutral-900); /** Borders under nu:shade-solid. */
  --nu-hue-on-solid: #fff; /** Text on the solid grounds: white or black per family. */
  --nu-color-page: light-dark(var(--nu-hue-100), var(--nu-hue-950)); /** The page ground. */
  --nu-color-panel: light-dark(var(--nu-hue-50), var(--nu-hue-900)); /** Sidebars, headers, toolbars. */
  --nu-color-chrome: var(--nu-color-panel); /** The app frame: nu-app's header and nu-sidebar share it, so they read as one. */
  --nu-color-surface: light-dark(var(--nu-hue-50), color-mix(in oklab, var(--nu-hue-900) 50%, var(--nu-hue-950))); /** Cards, inputs, popovers: raised above the page. */
  --nu-color-raised: light-dark(#fff, var(--nu-hue-800)); /** Controls that stand up off their surface: buttons. Full white in light mode. */
  --nu-color-line: color-mix(in oklab, var(--nu-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-color-page), var(--nu-color-raised))); /** Borders and dividers: text mixed onto the ground nearest it (page in light, raised in dark), so it holds its strength in every context. */
  --nu-color-border: color-mix(in oklab, var(--nu-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-color-page), var(--nu-color-raised))); /** Control outlines (inputs, checkboxes): mixed like line, but strong enough for 3:1 on page, panel and surface. */
  --nu-color-fg: light-dark(var(--nu-hue-fg-light), var(--nu-hue-fg-dark)); /** Default text. */
  --nu-color-strong: light-dark(var(--nu-hue-950), var(--nu-hue-50)); /** Headings, emphasised text. */
  --nu-color-muted: light-dark(var(--nu-hue-muted-light), var(--nu-hue-muted-dark)); /** Secondary text; still AA on page and panel. */
  --nu-color-faint: light-dark(var(--nu-hue-300), var(--nu-hue-700)); /** Placeholders, disabled text, decorative marks. */
  --nu-color-accent: light-dark(var(--nu-hue-accent-light), var(--nu-accent-400)); /** Links, focus, the primary action. */
  --nu-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300)); /** Accent text on the accent ground, hover of the accent. */
  --nu-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-hue-50)), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-hue-900))); /** Accent ground: selected items, callouts. Opaque, mixed onto the panel colour: overlapping grounds don't add up. */
  --nu-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400)); /** Errors, destructive actions. */
  --nu-color-danger-bg: color-mix(in oklab, var(--nu-color-danger) 10%, transparent); /** Danger ground. */
  --nu-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400)); /** The brand colour as text and marks: logos, brand highlights. */
  --nu-color-brand-bg: color-mix(in oklab, var(--nu-color-brand) 10%, transparent); /** Brand ground. */
  --nu-color-success: light-dark(var(--nu-success-800), var(--nu-success-400)); /** Success: done, saved, valid. */
  --nu-color-success-bg: color-mix(in oklab, var(--nu-color-success) 10%, transparent); /** Success ground. */
  --nu-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400)); /** Warnings: needs attention, not yet an error. */
  --nu-color-warning-bg: color-mix(in oklab, var(--nu-color-warning) 10%, transparent); /** Warning ground. */
  --nu-color-info: light-dark(var(--nu-info-800), var(--nu-info-400)); /** Information: neutral notices, tips. */
  --nu-color-info-bg: color-mix(in oklab, var(--nu-color-info) 10%, transparent); /** Info ground. */
  --nu-color-scrollbar-thumb: color-mix(in oklab, var(--nu-color-faint) 65%, var(--nu-color-accent)); /** Every scroller's thumb; only the standard scrollbar-color, so no hover state or radius. Faint tinted with the accent; both follow nu:hue and nu:shade regions. */
  --nu-color-scrollbar-track: transparent; /** Every scroller's track: the scroller's own ground shows through. */
  --nu-elevation-1: 0 1px 2px light-dark(rgb(0 0 0 / .03), rgb(0 0 0 / .3)); /** Resting on the page: cards, panels. */
  --nu-elevation-2: 0 1px 2px light-dark(rgb(0 0 0 / .06), rgb(0 0 0 / .3)), 0 2px 4px -1px light-dark(rgb(0 0 0 / .06), rgb(0 0 0 / .3)); /** Raised over content that scrolls under it: sticky bars, floating toolbars. */
  --nu-elevation-3: 0 2px 4px -1px light-dark(rgb(0 0 0 / .08), rgb(0 0 0 / .4)), 0 4px 8px -2px light-dark(rgb(0 0 0 / .08), rgb(0 0 0 / .4)); /** Popovers: menus, tooltips, pickers. */
  --nu-elevation-4: 0 4px 6px -2px light-dark(rgb(0 0 0 / .08), rgb(0 0 0 / .4)), 0 10px 16px -6px light-dark(rgb(0 0 0 / .12), rgb(0 0 0 / .5)); /** Overlays: dialogs, drawers. */
  --nu-elevation-lift-1: 1px; /** How far a thing rises when it moves up to elevation 1: translate by minus this. */
  --nu-elevation-lift-2: 2px; /** How far a thing rises when it moves up to elevation 2: translate by minus this. */
  --nu-elevation-lift-3: 3px; /** How far a thing rises when it moves up to elevation 3: translate by minus this. */
  --nu-elevation-lift-4: 4px; /** How far a thing rises when it moves up to elevation 4: translate by minus this. */
  --nu-recess-1: inset 0 1px 2px light-dark(rgb(0 0 0 / .08), rgb(0 0 0 / .4)); /** Sunk into its surface, slightly: rails, tracks (nu-segmented). */
  --nu-recess-2: inset 0 1px 3px light-dark(rgb(0 0 0 / .12), rgb(0 0 0 / .5)), inset 0 0 1px light-dark(rgb(0 0 0 / .06), rgb(0 0 0 / .3)); /** Deeper: wells, drop targets, insets that hold content. */
  --nu-extrude-1: calc(var(--nu-extrude-depth-1) * .2) calc(var(--nu-extrude-depth-1) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .4) calc(var(--nu-extrude-depth-1) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .6) calc(var(--nu-extrude-depth-1) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .8) calc(var(--nu-extrude-depth-1) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-1) var(--nu-extrude-depth-1) 0 var(--nu-extrude-color), var(--nu-elevation-1); /** Shallow over elevation 1: small pieces, chips, keys. Five hard layers up to its depth: the stack fills the corners. */
  --nu-extrude-2: calc(var(--nu-extrude-depth-2) * .2) calc(var(--nu-extrude-depth-2) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .4) calc(var(--nu-extrude-depth-2) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .6) calc(var(--nu-extrude-depth-2) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .8) calc(var(--nu-extrude-depth-2) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-2) var(--nu-extrude-depth-2) 0 var(--nu-extrude-color), var(--nu-elevation-2); /** Over elevation 2: buttons, tiles. Five hard layers up to its depth: the stack fills the corners. */
  --nu-extrude-3: calc(var(--nu-extrude-depth-3) * .2) calc(var(--nu-extrude-depth-3) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .4) calc(var(--nu-extrude-depth-3) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .6) calc(var(--nu-extrude-depth-3) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .8) calc(var(--nu-extrude-depth-3) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-3) var(--nu-extrude-depth-3) 0 var(--nu-extrude-color), var(--nu-elevation-3); /** Deep over elevation 3: large blocks, hero cards. Five hard layers up to its depth: the stack fills the corners. */
  --nu-extrude-color: light-dark(var(--nu-hue-300), var(--nu-hue-900)); /** The extruded side: darker than a raised face in both schemes, lighter than the dark page so the block still stands off it. */
  --nu-extrude-depth-1: 2px; /** How deep extrude 1 stands; press it in by this much. */
  --nu-extrude-depth-2: 3px; /** How deep extrude 2 stands; press it in by this much. */
  --nu-extrude-depth-3: 5px; /** How deep extrude 3 stands; press it in by this much. */
  --nu-convex-subtle: linear-gradient(light-dark(rgb(255 255 255 / .3), rgb(255 255 255 / .04)), transparent 50%, light-dark(rgb(0 0 0 / .05), rgb(0 0 0 / .15))); /** A hint of a dome, lit from above: panels, cards. A background-image over the element's own ground; on a white ground in light the shaded stop carries it. */
  --nu-convex-soft: linear-gradient(light-dark(rgb(255 255 255 / .5), rgb(255 255 255 / .07)), transparent 50%, light-dark(rgb(0 0 0 / .09), rgb(0 0 0 / .25))); /** A lit control face: buttons, segments, keys. Pairs with elevation 2. */
  --nu-convex-round: linear-gradient(light-dark(rgb(255 255 255 / .7), rgb(255 255 255 / .12)), transparent 50%, light-dark(rgb(0 0 0 / .14), rgb(0 0 0 / .4))); /** A dome: large blocks, knobs. */
  --nu-concave-subtle: linear-gradient(light-dark(rgb(0 0 0 / .05), rgb(0 0 0 / .15)), transparent 50%, light-dark(rgb(255 255 255 / .3), rgb(255 255 255 / .04))); /** A hint of a dish, shaded lip on top: rails, tracks. Pairs with recess 1. */
  --nu-concave-soft: linear-gradient(light-dark(rgb(0 0 0 / .09), rgb(0 0 0 / .25)), transparent 50%, light-dark(rgb(255 255 255 / .5), rgb(255 255 255 / .07))); /** A sunk face: pressed controls, wells. */
  --nu-concave-round: linear-gradient(light-dark(rgb(0 0 0 / .14), rgb(0 0 0 / .4)), transparent 50%, light-dark(rgb(255 255 255 / .7), rgb(255 255 255 / .12))); /** A bowl: drop targets, insets that hold content. Pairs with recess 2. */
  --nu-shadow-card: var(--nu-elevation-1); /** A card resting on the page: elevation 1. */
  --nu-shadow-popover: 0 0 0 var(--nu-border-width) var(--nu-color-line), var(--nu-elevation-3); /** Menus, tooltips, dialogs: a hairline plus elevation 3. */
  --nu-space-3xs: 0.3125rem; /** 5→5px. Utopia: https://utopia.fyi/space/calculator?c=360,18,1,1240,20,1,0,0&s=0.75|0.5|0.25,1.5|2|3|4|6|8|12|16|24|32, */
  --nu-space-2xs: clamp(0.5625rem, 0.5369rem + 0.1136vw, 0.625rem); /** 9→10px. */
  --nu-space-xs: clamp(0.875rem, 0.8494rem + 0.1136vw, 0.9375rem); /** 14→15px. */
  --nu-space-sm: clamp(1.125rem, 1.0739rem + 0.2273vw, 1.25rem); /** 18→20px. */
  --nu-space-md: clamp(1.6875rem, 1.6108rem + 0.3409vw, 1.875rem); /** 27→30px. */
  --nu-space-lg: clamp(2.25rem, 2.1477rem + 0.4545vw, 2.5rem); /** 36→40px. */
  --nu-space-xl: clamp(3.375rem, 3.2216rem + 0.6818vw, 3.75rem); /** 54→60px. */
  --nu-space-2xl: clamp(4.5rem, 4.2955rem + 0.9091vw, 5rem); /** 72→80px. */
  --nu-space-3xl: clamp(6.75rem, 6.4432rem + 1.3636vw, 7.5rem); /** 108→120px. */
  --nu-space-4xl: clamp(9rem, 8.5909rem + 1.8182vw, 10rem); /** 144→160px. */
  --nu-space-5xl: clamp(13.5rem, 12.8864rem + 2.7273vw, 15rem); /** 216→240px. */
  --nu-space-6xl: clamp(18rem, 17.1818rem + 3.6364vw, 20rem); /** 288→320px. */
  --nu-space-7xl: clamp(27rem, 25.7727rem + 5.4545vw, 30rem); /** 432→480px. */
  --nu-space-8xl: clamp(36rem, 34.3636rem + 7.2727vw, 40rem); /** 576→640px. */
  --nu-space-3xs-2xs: clamp(0.3125rem, 0.1847rem + 0.5682vw, 0.625rem); /** 5→10px. */
  --nu-space-2xs-xs: clamp(0.5625rem, 0.4091rem + 0.6818vw, 0.9375rem); /** 9→15px. */
  --nu-space-xs-sm: clamp(0.875rem, 0.7216rem + 0.6818vw, 1.25rem); /** 14→20px. */
  --nu-space-sm-md: clamp(1.125rem, 0.8182rem + 1.3636vw, 1.875rem); /** 18→30px. */
  --nu-space-md-lg: clamp(1.6875rem, 1.3551rem + 1.4773vw, 2.5rem); /** 27→40px. */
  --nu-space-lg-xl: clamp(2.25rem, 1.6364rem + 2.7273vw, 3.75rem); /** 36→60px. */
  --nu-space-xl-2xl: clamp(3.375rem, 2.7102rem + 2.9545vw, 5rem); /** 54→80px. */
  --nu-space-2xl-3xl: clamp(4.5rem, 3.2727rem + 5.4545vw, 7.5rem); /** 72→120px. */
  --nu-space-3xl-4xl: clamp(6.75rem, 5.4205rem + 5.9091vw, 10rem); /** 108→160px. */
  --nu-space-4xl-5xl: clamp(9rem, 6.5455rem + 10.9091vw, 15rem); /** 144→240px. */
  --nu-space-5xl-6xl: clamp(13.5rem, 10.8409rem + 11.8182vw, 20rem); /** 216→320px. */
  --nu-space-6xl-7xl: clamp(18rem, 13.0909rem + 21.8182vw, 30rem); /** 288→480px. */
  --nu-space-7xl-8xl: clamp(27rem, 21.6818rem + 23.6364vw, 40rem); /** 432→640px. */
  --nu-spacing: .25rem; /** The fixed unit, for calc(var(--nu-spacing) * n) where space must not scale. */
  --nu-step--2: clamp(0.6076rem, 0.5944rem + 0.0588vw, 0.64rem); /** 9.7→10.2px. Utopia: https://utopia.fyi/type/calculator?c=360,14,1.2,1240,16,1.25,10,2 */
  --nu-step--1: clamp(0.7292rem, 0.7002rem + 0.1288vw, 0.8rem); /** 11.7→12.8px. */
  --nu-step-0: clamp(0.875rem, 0.8239rem + 0.2273vw, 1rem); /** 14→16px. */
  --nu-step-1: clamp(1.05rem, 0.9682rem + 0.3636vw, 1.25rem); /** 16.8→20px. */
  --nu-step-2: clamp(1.26rem, 1.1363rem + 0.55vw, 1.5625rem); /** 20.2→25px. */
  --nu-step-3: clamp(1.512rem, 1.3315rem + 0.802vw, 1.9531rem); /** 24.2→31.3px. */
  --nu-step-4: clamp(1.8144rem, 1.5579rem + 1.14vw, 2.4414rem); /** 29→39.1px. */
  --nu-step-5: clamp(2.1773rem, 1.8195rem + 1.59vw, 3.0518rem); /** 34.8→48.8px. */
  --nu-step-6: clamp(2.6127rem, 2.121rem + 2.1854vw, 3.8147rem); /** 41.8→61px. */
  --nu-step-7: clamp(3.1353rem, 2.4672rem + 2.9693vw, 4.7684rem); /** 50.2→76.3px. */
  --nu-step-8: clamp(3.7623rem, 2.8631rem + 3.9966vw, 5.9605rem); /** 60.2→95.4px. */
  --nu-step-9: clamp(4.5148rem, 3.3138rem + 5.3378vw, 7.4506rem); /** 72.2→119.2px. */
  --nu-step-10: clamp(5.4178rem, 3.8242rem + 7.0826vw, 9.3132rem); /** 86.7→149px. */
  --nu-font: var(--nu-font-body); /** The page's family: body's. For apps that read one family. */
  --nu-font-mono: 'Recursive', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; /** Base stack: monospace. */
  --nu-font-sans: 'Recursive', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; /** Base stack: sans-serif. */
  --nu-font-serif: 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', Georgia, serif; /** Base stack: serif. */
  --nu-font-code: var(--nu-font-mono); /** Code, keys, figures that must line up: a mono stack in any theme. */
  --nu-font-label: var(--nu-font-mono); /** With --nu-text-label: field labels, badges. */
  --nu-font-caption: var(--nu-font-mono); /** With --nu-text-caption: captions, hints. */
  --nu-font-ui: var(--nu-font-mono); /** With --nu-text-ui: controls, menus, navigation. */
  --nu-font-body: var(--nu-font-sans); /** With --nu-text-body: app text. */
  --nu-font-prose: var(--nu-font-sans); /** With --nu-text-prose: reading text. */
  --nu-font-title: var(--nu-font-sans); /** With --nu-text-title: page titles, headings. */
  --nu-axes: var(--nu-axes-body); /** With --nu-font. */
  --nu-axes-mono: "MONO" 1, "CASL" 0; /** Recursive: monospaced, linear. */
  --nu-axes-sans: "MONO" 0, "CASL" 0; /** Recursive: proportional, linear. */
  --nu-axes-serif: normal; /** No axes. */
  --nu-axes-code: var(--nu-axes-mono); /** Code stays monospaced. */
  --nu-axes-label: var(--nu-axes-ui); /** With --nu-font-label. */
  --nu-axes-caption: var(--nu-axes-ui); /** With --nu-font-caption. */
  --nu-axes-ui: "MONO" 0.5, "CASL" 0; /** Recursive: semi-mono, linear. Label and caption follow it. */
  --nu-axes-body: "MONO" 0.25, "CASL" 0.5; /** Recursive: a touch of mono, half casual. */
  --nu-axes-prose: var(--nu-axes-body); /** With --nu-font-prose. */
  --nu-axes-title: "MONO" 0, "CASL" 1; /** Recursive: proportional, casual. */
  --nu-text-label: var(--nu-step--2); /** Field labels, badges. */
  --nu-text-caption: var(--nu-step--1); /** Captions, hints. */
  --nu-text-ui: var(--nu-step--1); /** Controls, menus, navigation. */
  --nu-text-body: var(--nu-step-0); /** App text. */
  --nu-text-prose: var(--nu-step-1); /** Reading text. */
  --nu-text-title: var(--nu-step-4); /** Page titles. */
  --nu-type-label: var(--nu-type-label-md); /** Field labels, badges: label md. Uppercase and tracked in nu:type-label. */
  --nu-type-label-sm: 500 var(--nu-step--2)/1.25 var(--nu-font-label); /** Label, step −2. */
  --nu-type-label-md: 500 var(--nu-step--1)/1.25 var(--nu-font-label); /** Label, step −1. */
  --nu-type-label-lg: 500 var(--nu-step-0)/1.25 var(--nu-font-label); /** Label, step 0. */
  --nu-type-body: var(--nu-type-body-md); /** App text: body md. */
  --nu-type-body-xs: 400 var(--nu-step--2)/1.5 var(--nu-font-body); /** Body, step −2: fine print. */
  --nu-type-body-sm: 400 var(--nu-step--1)/1.5 var(--nu-font-body); /** Body, step −1. */
  --nu-type-body-md: 400 var(--nu-step-0)/1.5 var(--nu-font-body); /** Body, step 0. */
  --nu-type-body-lg: 400 var(--nu-step-1)/1.6 var(--nu-font-body); /** Body, step 1: looser leading for longer lines. */
  --nu-type-heading: var(--nu-type-heading-md); /** Headings: heading md. Tight tracking and balanced wrap in nu:type-heading. */
  --nu-type-heading-sm: 700 var(--nu-step-1)/1.25 var(--nu-font-title); /** Heading, step 1. */
  --nu-type-heading-md: 700 var(--nu-step-2)/1.25 var(--nu-font-title); /** Heading, step 2. */
  --nu-type-heading-lg: 700 var(--nu-step-3)/1.25 var(--nu-font-title); /** Heading, step 3. */
  --nu-type-heading-xl: 700 var(--nu-step-4)/1.25 var(--nu-font-title); /** Heading, step 4. */
  --nu-type-heading-2xl: 700 var(--nu-step-5)/1.25 var(--nu-font-title); /** Heading, step 5. */
  --nu-radius-item: .4375rem; /** Menu items, badges, swatches. */
  --nu-radius-control: .5625rem; /** Buttons, inputs. */
  --nu-radius-panel: .875rem; /** Cards, dialogs, popovers. */
  --nu-border: var(--nu-border-width) var(--nu-border-style) var(--nu-border-color); /** Dividers, rules, panel and card edges: `border: var(--nu-border)`. */
  --nu-border-width: 1px; /** Every border's and rule's width; hairline shadows (popovers, swatches) follow it. */
  --nu-border-style: solid; /** solid, dashed, dotted, double …; dashed placeholders and drop targets keep their own. */
  --nu-border-color: var(--nu-color-line); /** The border's colour: the line role. */
  --nu-border-control: var(--nu-border-width) var(--nu-border-style) var(--nu-color-border); /** Outlines of inputs, checkboxes and radios: 3:1 against their ground. */
  --nu-border-strength-line: 20%; /** How much text colour --nu-color-line mixes onto its ground. */
  --nu-border-strength-control: 70%; /** How much text colour --nu-color-border mixes onto its ground; below 70% light controls drop under 3:1. */
  --nu-separator: var(--nu-separator-width) var(--nu-separator-style) var(--nu-separator-color); /** `border-block-end: var(--nu-separator)` between an element's parts. */
  --nu-separator-width: var(--nu-border-width); /** 0 drops the separators and keeps the outer borders. */
  --nu-separator-style: var(--nu-border-style);
  --nu-separator-color: var(--nu-color-line);
  --nu-corner-shape: round; /** CSS corner-shape of every radius token's corner: round, squircle, bevel, notch, scoop, square; browsers without corner-shape draw round. */
  --nu-button-size: 2rem; /** Height of a button; icon buttons are square at it. */
  --nu-button-shadow: var(--nu-elevation-2); /** A button at rest: slightly raised; pressed, it sinks to a recess. A theme sets a hard side (an extrude, or a straight-down stack like nu-segmented's extruded keys) for a key standing off the page. */
  --nu-button-press: 0px; /** How far a held or latched button travels into its shadow. 0: it only sinks (quiet never travels). A theme pairs it with the depth of its button shadow. */
  --nu-button-shadow-primary: initial; /** Unset: the primary button rests on the button shadow. A theme whose button shadow is a coloured side sets a darker one for the accent face. */
  --nu-progress-height: .25rem;
  --nu-icon-size: 1.125rem; /** Default <nu-icon> box. */
  --nu-duration: .15s; /** Every transition; 0s under prefers-reduced-motion. */
  --nu-pulse-duration: 2s; /** One way of a nu:pulse; it alternates, so a full cycle is twice this. Reduced motion stops the pulse instead. */
  --nu-ease: cubic-bezier(.65, 0, .35, 1); /** Things that travel (a sliding highlight): eases in and out, clearly so even at --nu-duration. */
  --nu-scrollbar-width: thin; /** Every scroller's scrollbar-width: auto, thin or none; overlay scrollbars (macOS, mobile) ignore it. Colours: --nu-color-scrollbar-*. */
  --nu-focus-ring: 2px solid var(--nu-color-accent); /** Every element's :focus-visible ring; each picks its own outline-offset. */
}

/* nu:hue-*: the ramp the roles read */
.nu\:hue-gray {
  --nu-hue-50: var(--nu-gray-50);
  --nu-hue-100: var(--nu-gray-100);
  --nu-hue-200: var(--nu-gray-200);
  --nu-hue-300: var(--nu-gray-300);
  --nu-hue-400: var(--nu-gray-400);
  --nu-hue-500: var(--nu-gray-500);
  --nu-hue-600: var(--nu-gray-600);
  --nu-hue-700: var(--nu-gray-700);
  --nu-hue-800: var(--nu-gray-800);
  --nu-hue-900: var(--nu-gray-900);
  --nu-hue-950: var(--nu-gray-950);
  --nu-hue-fg-light: var(--nu-gray-700);
  --nu-hue-fg-dark: var(--nu-gray-300);
  --nu-hue-muted-light: var(--nu-gray-muted-light);
  --nu-hue-muted-dark: var(--nu-gray-muted-dark);
  --nu-hue-accent-light: var(--nu-accent-700);
  --nu-hue-solid: var(--nu-gray-800);
  --nu-hue-solid-raised: var(--nu-gray-700);
  --nu-hue-solid-top: var(--nu-gray-600);
  --nu-hue-solid-line: var(--nu-gray-900);
  --nu-hue-on-solid: #fff;
}
.nu\:hue-stone {
  --nu-hue-50: var(--nu-stone-50);
  --nu-hue-100: var(--nu-stone-100);
  --nu-hue-200: var(--nu-stone-200);
  --nu-hue-300: var(--nu-stone-300);
  --nu-hue-400: var(--nu-stone-400);
  --nu-hue-500: var(--nu-stone-500);
  --nu-hue-600: var(--nu-stone-600);
  --nu-hue-700: var(--nu-stone-700);
  --nu-hue-800: var(--nu-stone-800);
  --nu-hue-900: var(--nu-stone-900);
  --nu-hue-950: var(--nu-stone-950);
  --nu-hue-fg-light: var(--nu-stone-700);
  --nu-hue-fg-dark: var(--nu-stone-300);
  --nu-hue-muted-light: var(--nu-stone-600);
  --nu-hue-muted-dark: var(--nu-stone-400);
  --nu-hue-accent-light: var(--nu-accent-700);
  --nu-hue-solid: var(--nu-stone-800);
  --nu-hue-solid-raised: var(--nu-stone-700);
  --nu-hue-solid-top: var(--nu-stone-600);
  --nu-hue-solid-line: var(--nu-stone-900);
  --nu-hue-on-solid: #fff;
}
.nu\:hue-red {
  --nu-hue-50: var(--nu-red-50);
  --nu-hue-100: var(--nu-red-100);
  --nu-hue-200: var(--nu-red-200);
  --nu-hue-300: var(--nu-red-300);
  --nu-hue-400: var(--nu-red-400);
  --nu-hue-500: var(--nu-red-500);
  --nu-hue-600: var(--nu-red-600);
  --nu-hue-700: var(--nu-red-700);
  --nu-hue-800: var(--nu-red-800);
  --nu-hue-900: var(--nu-red-900);
  --nu-hue-950: var(--nu-red-950);
  --nu-hue-fg-light: var(--nu-red-800);
  --nu-hue-fg-dark: var(--nu-red-200);
  --nu-hue-muted-light: var(--nu-red-700);
  --nu-hue-muted-dark: var(--nu-red-300);
  --nu-hue-accent-light: var(--nu-accent-800);
  --nu-hue-solid: var(--nu-red-800);
  --nu-hue-solid-raised: var(--nu-red-700);
  --nu-hue-solid-top: var(--nu-red-600);
  --nu-hue-solid-line: var(--nu-red-900);
  --nu-hue-on-solid: #fff;
}
.nu\:hue-orange {
  --nu-hue-50: var(--nu-orange-50);
  --nu-hue-100: var(--nu-orange-100);
  --nu-hue-200: var(--nu-orange-200);
  --nu-hue-300: var(--nu-orange-300);
  --nu-hue-400: var(--nu-orange-400);
  --nu-hue-500: var(--nu-orange-500);
  --nu-hue-600: var(--nu-orange-600);
  --nu-hue-700: var(--nu-orange-700);
  --nu-hue-800: var(--nu-orange-800);
  --nu-hue-900: var(--nu-orange-900);
  --nu-hue-950: var(--nu-orange-950);
  --nu-hue-fg-light: var(--nu-orange-800);
  --nu-hue-fg-dark: var(--nu-orange-200);
  --nu-hue-muted-light: var(--nu-orange-700);
  --nu-hue-muted-dark: var(--nu-orange-300);
  --nu-hue-accent-light: var(--nu-accent-800);
  --nu-hue-solid: var(--nu-orange-400);
  --nu-hue-solid-raised: var(--nu-orange-300);
  --nu-hue-solid-top: var(--nu-orange-200);
  --nu-hue-solid-line: var(--nu-orange-500);
  --nu-hue-on-solid: #000;
}
.nu\:hue-yellow {
  --nu-hue-50: var(--nu-yellow-50);
  --nu-hue-100: var(--nu-yellow-100);
  --nu-hue-200: var(--nu-yellow-200);
  --nu-hue-300: var(--nu-yellow-300);
  --nu-hue-400: var(--nu-yellow-400);
  --nu-hue-500: var(--nu-yellow-500);
  --nu-hue-600: var(--nu-yellow-600);
  --nu-hue-700: var(--nu-yellow-700);
  --nu-hue-800: var(--nu-yellow-800);
  --nu-hue-900: var(--nu-yellow-900);
  --nu-hue-950: var(--nu-yellow-950);
  --nu-hue-fg-light: var(--nu-yellow-800);
  --nu-hue-fg-dark: var(--nu-yellow-200);
  --nu-hue-muted-light: var(--nu-yellow-700);
  --nu-hue-muted-dark: var(--nu-yellow-300);
  --nu-hue-accent-light: var(--nu-accent-800);
  --nu-hue-solid: var(--nu-yellow-400);
  --nu-hue-solid-raised: var(--nu-yellow-300);
  --nu-hue-solid-top: var(--nu-yellow-200);
  --nu-hue-solid-line: var(--nu-yellow-500);
  --nu-hue-on-solid: #000;
}
.nu\:hue-green {
  --nu-hue-50: var(--nu-green-50);
  --nu-hue-100: var(--nu-green-100);
  --nu-hue-200: var(--nu-green-200);
  --nu-hue-300: var(--nu-green-300);
  --nu-hue-400: var(--nu-green-400);
  --nu-hue-500: var(--nu-green-500);
  --nu-hue-600: var(--nu-green-600);
  --nu-hue-700: var(--nu-green-700);
  --nu-hue-800: var(--nu-green-800);
  --nu-hue-900: var(--nu-green-900);
  --nu-hue-950: var(--nu-green-950);
  --nu-hue-fg-light: var(--nu-green-900);
  --nu-hue-fg-dark: var(--nu-green-200);
  --nu-hue-muted-light: var(--nu-green-800);
  --nu-hue-muted-dark: var(--nu-green-300);
  --nu-hue-accent-light: var(--nu-accent-800);
  --nu-hue-solid: var(--nu-green-900);
  --nu-hue-solid-raised: var(--nu-green-800);
  --nu-hue-solid-top: var(--nu-green-700);
  --nu-hue-solid-line: var(--nu-green-950);
  --nu-hue-on-solid: #fff;
}
.nu\:hue-blue {
  --nu-hue-50: var(--nu-blue-50);
  --nu-hue-100: var(--nu-blue-100);
  --nu-hue-200: var(--nu-blue-200);
  --nu-hue-300: var(--nu-blue-300);
  --nu-hue-400: var(--nu-blue-400);
  --nu-hue-500: var(--nu-blue-500);
  --nu-hue-600: var(--nu-blue-600);
  --nu-hue-700: var(--nu-blue-700);
  --nu-hue-800: var(--nu-blue-800);
  --nu-hue-900: var(--nu-blue-900);
  --nu-hue-950: var(--nu-blue-950);
  --nu-hue-fg-light: var(--nu-blue-800);
  --nu-hue-fg-dark: var(--nu-blue-200);
  --nu-hue-muted-light: var(--nu-blue-700);
  --nu-hue-muted-dark: var(--nu-blue-300);
  --nu-hue-accent-light: var(--nu-accent-800);
  --nu-hue-solid: var(--nu-blue-800);
  --nu-hue-solid-raised: var(--nu-blue-700);
  --nu-hue-solid-top: var(--nu-blue-600);
  --nu-hue-solid-line: var(--nu-blue-900);
  --nu-hue-on-solid: #fff;
}
.nu\:hue-violet {
  --nu-hue-50: var(--nu-violet-50);
  --nu-hue-100: var(--nu-violet-100);
  --nu-hue-200: var(--nu-violet-200);
  --nu-hue-300: var(--nu-violet-300);
  --nu-hue-400: var(--nu-violet-400);
  --nu-hue-500: var(--nu-violet-500);
  --nu-hue-600: var(--nu-violet-600);
  --nu-hue-700: var(--nu-violet-700);
  --nu-hue-800: var(--nu-violet-800);
  --nu-hue-900: var(--nu-violet-900);
  --nu-hue-950: var(--nu-violet-950);
  --nu-hue-fg-light: var(--nu-violet-700);
  --nu-hue-fg-dark: var(--nu-violet-200);
  --nu-hue-muted-light: var(--nu-violet-600);
  --nu-hue-muted-dark: var(--nu-violet-300);
  --nu-hue-accent-light: var(--nu-accent-800);
  --nu-hue-solid: var(--nu-violet-800);
  --nu-hue-solid-raised: var(--nu-violet-700);
  --nu-hue-solid-top: var(--nu-violet-600);
  --nu-hue-solid-line: var(--nu-violet-900);
  --nu-hue-on-solid: #fff;
}
.nu\:hue-neutral {
  --nu-hue-50: var(--nu-neutral-50);
  --nu-hue-100: var(--nu-neutral-100);
  --nu-hue-200: var(--nu-neutral-200);
  --nu-hue-300: var(--nu-neutral-300);
  --nu-hue-400: var(--nu-neutral-400);
  --nu-hue-500: var(--nu-neutral-500);
  --nu-hue-600: var(--nu-neutral-600);
  --nu-hue-700: var(--nu-neutral-700);
  --nu-hue-800: var(--nu-neutral-800);
  --nu-hue-900: var(--nu-neutral-900);
  --nu-hue-950: var(--nu-neutral-950);
  --nu-hue-fg-light: var(--nu-neutral-700);
  --nu-hue-fg-dark: var(--nu-neutral-300);
  --nu-hue-muted-light: var(--nu-neutral-muted-light);
  --nu-hue-muted-dark: var(--nu-neutral-muted-dark);
  --nu-hue-accent-light: var(--nu-accent-700);
  --nu-hue-solid: var(--nu-neutral-800);
  --nu-hue-solid-raised: var(--nu-neutral-700);
  --nu-hue-solid-top: var(--nu-neutral-600);
  --nu-hue-solid-line: var(--nu-neutral-900);
  --nu-hue-on-solid: #fff;
}
.nu\:hue-brand {
  --nu-hue-50: var(--nu-brand-50);
  --nu-hue-100: var(--nu-brand-100);
  --nu-hue-200: var(--nu-brand-200);
  --nu-hue-300: var(--nu-brand-300);
  --nu-hue-400: var(--nu-brand-400);
  --nu-hue-500: var(--nu-brand-500);
  --nu-hue-600: var(--nu-brand-600);
  --nu-hue-700: var(--nu-brand-700);
  --nu-hue-800: var(--nu-brand-800);
  --nu-hue-900: var(--nu-brand-900);
  --nu-hue-950: var(--nu-brand-950);
  --nu-hue-fg-light: var(--nu-brand-900);
  --nu-hue-fg-dark: var(--nu-brand-200);
  --nu-hue-muted-light: var(--nu-brand-800);
  --nu-hue-muted-dark: var(--nu-brand-300);
  --nu-hue-accent-light: var(--nu-accent-800);
  --nu-hue-solid: var(--nu-brand-900);
  --nu-hue-solid-raised: var(--nu-brand-800);
  --nu-hue-solid-top: var(--nu-brand-700);
  --nu-hue-solid-line: var(--nu-brand-950);
  --nu-hue-on-solid: #fff;
}
.nu\:hue-accent, .nu\:paint-accent, .nu\:paint-accent-bg {
  --nu-hue-50: var(--nu-accent-50);
  --nu-hue-100: var(--nu-accent-100);
  --nu-hue-200: var(--nu-accent-200);
  --nu-hue-300: var(--nu-accent-300);
  --nu-hue-400: var(--nu-accent-400);
  --nu-hue-500: var(--nu-accent-500);
  --nu-hue-600: var(--nu-accent-600);
  --nu-hue-700: var(--nu-accent-700);
  --nu-hue-800: var(--nu-accent-800);
  --nu-hue-900: var(--nu-accent-900);
  --nu-hue-950: var(--nu-accent-950);
  --nu-hue-fg-light: var(--nu-accent-900);
  --nu-hue-fg-dark: var(--nu-accent-200);
  --nu-hue-muted-light: var(--nu-accent-800);
  --nu-hue-muted-dark: var(--nu-accent-300);
  --nu-hue-accent-light: var(--nu-accent-800);
  --nu-hue-solid: var(--nu-accent-900);
  --nu-hue-solid-raised: var(--nu-accent-800);
  --nu-hue-solid-top: var(--nu-accent-700);
  --nu-hue-solid-line: var(--nu-accent-950);
  --nu-hue-on-solid: #fff;
}
.nu\:hue-success {
  --nu-hue-50: var(--nu-success-50);
  --nu-hue-100: var(--nu-success-100);
  --nu-hue-200: var(--nu-success-200);
  --nu-hue-300: var(--nu-success-300);
  --nu-hue-400: var(--nu-success-400);
  --nu-hue-500: var(--nu-success-500);
  --nu-hue-600: var(--nu-success-600);
  --nu-hue-700: var(--nu-success-700);
  --nu-hue-800: var(--nu-success-800);
  --nu-hue-900: var(--nu-success-900);
  --nu-hue-950: var(--nu-success-950);
  --nu-hue-fg-light: var(--nu-success-900);
  --nu-hue-fg-dark: var(--nu-success-200);
  --nu-hue-muted-light: var(--nu-success-800);
  --nu-hue-muted-dark: var(--nu-success-300);
  --nu-hue-accent-light: var(--nu-accent-800);
  --nu-hue-solid: var(--nu-success-900);
  --nu-hue-solid-raised: var(--nu-success-800);
  --nu-hue-solid-top: var(--nu-success-700);
  --nu-hue-solid-line: var(--nu-success-950);
  --nu-hue-on-solid: #fff;
}
.nu\:hue-danger, .nu\:paint-danger, .nu\:paint-danger-bg {
  --nu-hue-50: var(--nu-danger-50);
  --nu-hue-100: var(--nu-danger-100);
  --nu-hue-200: var(--nu-danger-200);
  --nu-hue-300: var(--nu-danger-300);
  --nu-hue-400: var(--nu-danger-400);
  --nu-hue-500: var(--nu-danger-500);
  --nu-hue-600: var(--nu-danger-600);
  --nu-hue-700: var(--nu-danger-700);
  --nu-hue-800: var(--nu-danger-800);
  --nu-hue-900: var(--nu-danger-900);
  --nu-hue-950: var(--nu-danger-950);
  --nu-hue-fg-light: var(--nu-danger-800);
  --nu-hue-fg-dark: var(--nu-danger-200);
  --nu-hue-muted-light: var(--nu-danger-700);
  --nu-hue-muted-dark: var(--nu-danger-300);
  --nu-hue-accent-light: var(--nu-accent-800);
  --nu-hue-solid: var(--nu-danger-800);
  --nu-hue-solid-raised: var(--nu-danger-700);
  --nu-hue-solid-top: var(--nu-danger-600);
  --nu-hue-solid-line: var(--nu-danger-900);
  --nu-hue-on-solid: #fff;
}
.nu\:hue-warning {
  --nu-hue-50: var(--nu-warning-50);
  --nu-hue-100: var(--nu-warning-100);
  --nu-hue-200: var(--nu-warning-200);
  --nu-hue-300: var(--nu-warning-300);
  --nu-hue-400: var(--nu-warning-400);
  --nu-hue-500: var(--nu-warning-500);
  --nu-hue-600: var(--nu-warning-600);
  --nu-hue-700: var(--nu-warning-700);
  --nu-hue-800: var(--nu-warning-800);
  --nu-hue-900: var(--nu-warning-900);
  --nu-hue-950: var(--nu-warning-950);
  --nu-hue-fg-light: var(--nu-warning-800);
  --nu-hue-fg-dark: var(--nu-warning-200);
  --nu-hue-muted-light: var(--nu-warning-700);
  --nu-hue-muted-dark: var(--nu-warning-300);
  --nu-hue-accent-light: var(--nu-accent-800);
  --nu-hue-solid: var(--nu-warning-400);
  --nu-hue-solid-raised: var(--nu-warning-300);
  --nu-hue-solid-top: var(--nu-warning-200);
  --nu-hue-solid-line: var(--nu-warning-500);
  --nu-hue-on-solid: #000;
}
.nu\:hue-info {
  --nu-hue-50: var(--nu-info-50);
  --nu-hue-100: var(--nu-info-100);
  --nu-hue-200: var(--nu-info-200);
  --nu-hue-300: var(--nu-info-300);
  --nu-hue-400: var(--nu-info-400);
  --nu-hue-500: var(--nu-info-500);
  --nu-hue-600: var(--nu-info-600);
  --nu-hue-700: var(--nu-info-700);
  --nu-hue-800: var(--nu-info-800);
  --nu-hue-900: var(--nu-info-900);
  --nu-hue-950: var(--nu-info-950);
  --nu-hue-fg-light: var(--nu-info-800);
  --nu-hue-fg-dark: var(--nu-info-200);
  --nu-hue-muted-light: var(--nu-info-700);
  --nu-hue-muted-dark: var(--nu-info-300);
  --nu-hue-accent-light: var(--nu-accent-800);
  --nu-hue-solid: var(--nu-info-800);
  --nu-hue-solid-raised: var(--nu-info-700);
  --nu-hue-solid-top: var(--nu-info-600);
  --nu-hue-solid-line: var(--nu-info-900);
  --nu-hue-on-solid: #fff;
}
/* every token over the ramp, re-declared where a hue rebinds it; any app rule beats :where() */
:where(.nu\:hue-gray, .nu\:hue-stone, .nu\:hue-red, .nu\:hue-orange, .nu\:hue-yellow, .nu\:hue-green, .nu\:hue-blue, .nu\:hue-violet, .nu\:hue-neutral, .nu\:hue-brand, .nu\:hue-accent, .nu\:paint-accent, .nu\:paint-accent-bg, .nu\:hue-success, .nu\:hue-danger, .nu\:paint-danger, .nu\:paint-danger-bg, .nu\:hue-warning, .nu\:hue-info) {
  --nu-color-page: light-dark(var(--nu-hue-100), var(--nu-hue-950));
  --nu-color-panel: light-dark(var(--nu-hue-50), var(--nu-hue-900));
  --nu-color-chrome: var(--nu-color-panel);
  --nu-color-surface: light-dark(var(--nu-hue-50), color-mix(in oklab, var(--nu-hue-900) 50%, var(--nu-hue-950)));
  --nu-color-raised: light-dark(#fff, var(--nu-hue-800));
  --nu-color-line: color-mix(in oklab, var(--nu-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-color-page), var(--nu-color-raised)));
  --nu-color-border: color-mix(in oklab, var(--nu-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-color-page), var(--nu-color-raised)));
  --nu-color-fg: light-dark(var(--nu-hue-fg-light), var(--nu-hue-fg-dark));
  --nu-color-strong: light-dark(var(--nu-hue-950), var(--nu-hue-50));
  --nu-color-muted: light-dark(var(--nu-hue-muted-light), var(--nu-hue-muted-dark));
  --nu-color-faint: light-dark(var(--nu-hue-300), var(--nu-hue-700));
  --nu-color-accent: light-dark(var(--nu-hue-accent-light), var(--nu-accent-400));
  --nu-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-hue-50)), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-hue-900)));
  --nu-color-scrollbar-thumb: color-mix(in oklab, var(--nu-color-faint) 65%, var(--nu-color-accent));
  --nu-extrude-1: calc(var(--nu-extrude-depth-1) * .2) calc(var(--nu-extrude-depth-1) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .4) calc(var(--nu-extrude-depth-1) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .6) calc(var(--nu-extrude-depth-1) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .8) calc(var(--nu-extrude-depth-1) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-1) var(--nu-extrude-depth-1) 0 var(--nu-extrude-color), var(--nu-elevation-1);
  --nu-extrude-2: calc(var(--nu-extrude-depth-2) * .2) calc(var(--nu-extrude-depth-2) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .4) calc(var(--nu-extrude-depth-2) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .6) calc(var(--nu-extrude-depth-2) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .8) calc(var(--nu-extrude-depth-2) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-2) var(--nu-extrude-depth-2) 0 var(--nu-extrude-color), var(--nu-elevation-2);
  --nu-extrude-3: calc(var(--nu-extrude-depth-3) * .2) calc(var(--nu-extrude-depth-3) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .4) calc(var(--nu-extrude-depth-3) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .6) calc(var(--nu-extrude-depth-3) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .8) calc(var(--nu-extrude-depth-3) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-3) var(--nu-extrude-depth-3) 0 var(--nu-extrude-color), var(--nu-elevation-3);
  --nu-extrude-color: light-dark(var(--nu-hue-300), var(--nu-hue-900));
  --nu-shadow-popover: 0 0 0 var(--nu-border-width) var(--nu-color-line), var(--nu-elevation-3);
  --nu-border: var(--nu-border-width) var(--nu-border-style) var(--nu-border-color);
  --nu-border-color: var(--nu-color-line);
  --nu-border-control: var(--nu-border-width) var(--nu-border-style) var(--nu-color-border);
  --nu-separator: var(--nu-separator-width) var(--nu-separator-style) var(--nu-separator-color);
  --nu-separator-color: var(--nu-color-line);
  --nu-focus-ring: 2px solid var(--nu-color-accent);
}
/* nu:scheme-light / -dark: the flip, inherited; no shade touches it */
.nu\:scheme-light { color-scheme: light; }
.nu\:scheme-dark { color-scheme: dark; }
/* nu:shade-*: a weight relative to the scheme; every shade re-declares the same set, so the nearest wins by scope proximity; specificity 0 so app rules win */
@scope (.nu\:shade-faint) {
  :where(:scope, .nu\:hue-gray, .nu\:hue-stone, .nu\:hue-red, .nu\:hue-orange, .nu\:hue-yellow, .nu\:hue-green, .nu\:hue-blue, .nu\:hue-violet, .nu\:hue-neutral, .nu\:hue-brand, .nu\:hue-accent, .nu\:paint-accent, .nu\:paint-accent-bg, .nu\:hue-success, .nu\:hue-danger, .nu\:paint-danger, .nu\:paint-danger-bg, .nu\:hue-warning, .nu\:hue-info, .nu\:pulse) {
    --nu-color-page: light-dark(#fff, color-mix(in oklab, var(--nu-hue-950) 30%, #000));
    --nu-color-panel: light-dark(#fff, color-mix(in oklab, var(--nu-hue-950) 60%, #000));
    --nu-color-chrome: var(--nu-color-panel);
    --nu-color-surface: light-dark(#fff, color-mix(in oklab, var(--nu-hue-950) 60%, #000));
    --nu-color-raised: light-dark(#fff, var(--nu-hue-950));
    --nu-color-line: color-mix(in oklab, var(--nu-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-color-page), var(--nu-color-raised)));
    --nu-color-border: color-mix(in oklab, var(--nu-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-color-page), var(--nu-color-raised)));
    --nu-color-fg: light-dark(var(--nu-hue-fg-light), var(--nu-hue-fg-dark));
    --nu-color-strong: light-dark(var(--nu-hue-950), var(--nu-hue-50));
    --nu-color-muted: light-dark(var(--nu-hue-muted-light), var(--nu-hue-muted-dark));
    --nu-color-faint: light-dark(var(--nu-hue-300), var(--nu-hue-700));
    --nu-color-accent: light-dark(var(--nu-hue-accent-light), var(--nu-accent-400));
    --nu-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300));
    --nu-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-hue-50)), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-hue-900)));
    --nu-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400));
    --nu-color-danger-bg: color-mix(in oklab, var(--nu-color-danger) 10%, transparent);
    --nu-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400));
    --nu-color-brand-bg: color-mix(in oklab, var(--nu-color-brand) 10%, transparent);
    --nu-color-success: light-dark(var(--nu-success-800), var(--nu-success-400));
    --nu-color-success-bg: color-mix(in oklab, var(--nu-color-success) 10%, transparent);
    --nu-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400));
    --nu-color-warning-bg: color-mix(in oklab, var(--nu-color-warning) 10%, transparent);
    --nu-color-info: light-dark(var(--nu-info-800), var(--nu-info-400));
    --nu-color-info-bg: color-mix(in oklab, var(--nu-color-info) 10%, transparent);
    --nu-color-scrollbar-thumb: color-mix(in oklab, var(--nu-color-faint) 65%, var(--nu-color-accent));
    --nu-extrude-1: calc(var(--nu-extrude-depth-1) * .2) calc(var(--nu-extrude-depth-1) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .4) calc(var(--nu-extrude-depth-1) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .6) calc(var(--nu-extrude-depth-1) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .8) calc(var(--nu-extrude-depth-1) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-1) var(--nu-extrude-depth-1) 0 var(--nu-extrude-color), var(--nu-elevation-1);
    --nu-extrude-2: calc(var(--nu-extrude-depth-2) * .2) calc(var(--nu-extrude-depth-2) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .4) calc(var(--nu-extrude-depth-2) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .6) calc(var(--nu-extrude-depth-2) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .8) calc(var(--nu-extrude-depth-2) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-2) var(--nu-extrude-depth-2) 0 var(--nu-extrude-color), var(--nu-elevation-2);
    --nu-extrude-3: calc(var(--nu-extrude-depth-3) * .2) calc(var(--nu-extrude-depth-3) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .4) calc(var(--nu-extrude-depth-3) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .6) calc(var(--nu-extrude-depth-3) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .8) calc(var(--nu-extrude-depth-3) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-3) var(--nu-extrude-depth-3) 0 var(--nu-extrude-color), var(--nu-elevation-3);
    --nu-extrude-color: light-dark(var(--nu-hue-300), var(--nu-hue-900));
    --nu-shadow-popover: 0 0 0 var(--nu-border-width) var(--nu-color-line), var(--nu-elevation-3);
    --nu-border: var(--nu-border-width) var(--nu-border-style) var(--nu-border-color);
    --nu-border-color: var(--nu-color-line);
    --nu-border-control: var(--nu-border-width) var(--nu-border-style) var(--nu-color-border);
    --nu-separator: var(--nu-separator-width) var(--nu-separator-style) var(--nu-separator-color);
    --nu-separator-color: var(--nu-color-line);
    --nu-focus-ring: 2px solid var(--nu-color-accent);
  }
  :where(:scope.nu\:pulse, .nu\:pulse) {
    --nu-from-color-page: light-dark(#fff, color-mix(in oklab, var(--nu-hue-950) 30%, #000));
    --nu-from-color-panel: light-dark(#fff, color-mix(in oklab, var(--nu-hue-950) 60%, #000));
    --nu-from-color-surface: light-dark(#fff, color-mix(in oklab, var(--nu-hue-950) 60%, #000));
    --nu-from-color-raised: light-dark(#fff, var(--nu-hue-950));
    --nu-from-color-line: color-mix(in oklab, var(--nu-from-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-from-color-page), var(--nu-from-color-raised)));
    --nu-from-color-border: color-mix(in oklab, var(--nu-from-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-from-color-page), var(--nu-from-color-raised)));
    --nu-from-color-fg: light-dark(var(--nu-hue-fg-light), var(--nu-hue-fg-dark));
    --nu-from-color-strong: light-dark(var(--nu-hue-950), var(--nu-hue-50));
    --nu-from-color-muted: light-dark(var(--nu-hue-muted-light), var(--nu-hue-muted-dark));
    --nu-from-color-faint: light-dark(var(--nu-hue-300), var(--nu-hue-700));
    --nu-from-color-accent: light-dark(var(--nu-hue-accent-light), var(--nu-accent-400));
    --nu-from-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300));
    --nu-from-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-hue-50)), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-hue-900)));
    --nu-from-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400));
    --nu-from-color-danger-bg: color-mix(in oklab, var(--nu-from-color-danger) 10%, transparent);
    --nu-from-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400));
    --nu-from-color-brand-bg: color-mix(in oklab, var(--nu-from-color-brand) 10%, transparent);
    --nu-from-color-success: light-dark(var(--nu-success-800), var(--nu-success-400));
    --nu-from-color-success-bg: color-mix(in oklab, var(--nu-from-color-success) 10%, transparent);
    --nu-from-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400));
    --nu-from-color-warning-bg: color-mix(in oklab, var(--nu-from-color-warning) 10%, transparent);
    --nu-from-color-info: light-dark(var(--nu-info-800), var(--nu-info-400));
    --nu-from-color-info-bg: color-mix(in oklab, var(--nu-from-color-info) 10%, transparent);
    --nu-from-extrude-color: light-dark(var(--nu-hue-300), var(--nu-hue-900));
    --nu-to-color-page: light-dark(#fff, color-mix(in oklab, var(--nu-to-hue-950, var(--nu-hue-950)) 30%, #000));
    --nu-to-color-panel: light-dark(#fff, color-mix(in oklab, var(--nu-to-hue-950, var(--nu-hue-950)) 60%, #000));
    --nu-to-color-surface: light-dark(#fff, color-mix(in oklab, var(--nu-to-hue-950, var(--nu-hue-950)) 60%, #000));
    --nu-to-color-raised: light-dark(#fff, var(--nu-to-hue-950, var(--nu-hue-950)));
    --nu-to-color-line: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
    --nu-to-color-border: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
    --nu-to-color-fg: light-dark(var(--nu-to-hue-fg-light, var(--nu-hue-fg-light)), var(--nu-to-hue-fg-dark, var(--nu-hue-fg-dark)));
    --nu-to-color-strong: light-dark(var(--nu-to-hue-950, var(--nu-hue-950)), var(--nu-to-hue-50, var(--nu-hue-50)));
    --nu-to-color-muted: light-dark(var(--nu-to-hue-muted-light, var(--nu-hue-muted-light)), var(--nu-to-hue-muted-dark, var(--nu-hue-muted-dark)));
    --nu-to-color-faint: light-dark(var(--nu-to-hue-300, var(--nu-hue-300)), var(--nu-to-hue-700, var(--nu-hue-700)));
    --nu-to-color-accent: light-dark(var(--nu-to-hue-accent-light, var(--nu-hue-accent-light)), var(--nu-accent-400));
    --nu-to-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300));
    --nu-to-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-to-hue-50, var(--nu-hue-50))), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-to-hue-900, var(--nu-hue-900))));
    --nu-to-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400));
    --nu-to-color-danger-bg: color-mix(in oklab, var(--nu-to-color-danger) 10%, transparent);
    --nu-to-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400));
    --nu-to-color-brand-bg: color-mix(in oklab, var(--nu-to-color-brand) 10%, transparent);
    --nu-to-color-success: light-dark(var(--nu-success-800), var(--nu-success-400));
    --nu-to-color-success-bg: color-mix(in oklab, var(--nu-to-color-success) 10%, transparent);
    --nu-to-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400));
    --nu-to-color-warning-bg: color-mix(in oklab, var(--nu-to-color-warning) 10%, transparent);
    --nu-to-color-info: light-dark(var(--nu-info-800), var(--nu-info-400));
    --nu-to-color-info-bg: color-mix(in oklab, var(--nu-to-color-info) 10%, transparent);
    --nu-to-extrude-color: light-dark(var(--nu-to-hue-300, var(--nu-hue-300)), var(--nu-to-hue-900, var(--nu-hue-900)));
  }
}
@scope (.nu\:shade-subtle) {
  :where(:scope, .nu\:hue-gray, .nu\:hue-stone, .nu\:hue-red, .nu\:hue-orange, .nu\:hue-yellow, .nu\:hue-green, .nu\:hue-blue, .nu\:hue-violet, .nu\:hue-neutral, .nu\:hue-brand, .nu\:hue-accent, .nu\:paint-accent, .nu\:paint-accent-bg, .nu\:hue-success, .nu\:hue-danger, .nu\:paint-danger, .nu\:paint-danger-bg, .nu\:hue-warning, .nu\:hue-info, .nu\:pulse) {
    --nu-color-page: light-dark(var(--nu-hue-50), color-mix(in oklab, var(--nu-hue-950) 60%, #000));
    --nu-color-panel: light-dark(#fff, var(--nu-hue-950));
    --nu-color-chrome: var(--nu-color-panel);
    --nu-color-surface: light-dark(#fff, var(--nu-hue-950));
    --nu-color-raised: light-dark(#fff, var(--nu-hue-900));
    --nu-color-line: color-mix(in oklab, var(--nu-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-color-page), var(--nu-color-raised)));
    --nu-color-border: color-mix(in oklab, var(--nu-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-color-page), var(--nu-color-raised)));
    --nu-color-fg: light-dark(var(--nu-hue-fg-light), var(--nu-hue-fg-dark));
    --nu-color-strong: light-dark(var(--nu-hue-950), var(--nu-hue-50));
    --nu-color-muted: light-dark(var(--nu-hue-muted-light), var(--nu-hue-muted-dark));
    --nu-color-faint: light-dark(var(--nu-hue-300), var(--nu-hue-700));
    --nu-color-accent: light-dark(var(--nu-hue-accent-light), var(--nu-accent-400));
    --nu-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300));
    --nu-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-hue-50)), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-hue-900)));
    --nu-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400));
    --nu-color-danger-bg: color-mix(in oklab, var(--nu-color-danger) 10%, transparent);
    --nu-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400));
    --nu-color-brand-bg: color-mix(in oklab, var(--nu-color-brand) 10%, transparent);
    --nu-color-success: light-dark(var(--nu-success-800), var(--nu-success-400));
    --nu-color-success-bg: color-mix(in oklab, var(--nu-color-success) 10%, transparent);
    --nu-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400));
    --nu-color-warning-bg: color-mix(in oklab, var(--nu-color-warning) 10%, transparent);
    --nu-color-info: light-dark(var(--nu-info-800), var(--nu-info-400));
    --nu-color-info-bg: color-mix(in oklab, var(--nu-color-info) 10%, transparent);
    --nu-color-scrollbar-thumb: color-mix(in oklab, var(--nu-color-faint) 65%, var(--nu-color-accent));
    --nu-extrude-1: calc(var(--nu-extrude-depth-1) * .2) calc(var(--nu-extrude-depth-1) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .4) calc(var(--nu-extrude-depth-1) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .6) calc(var(--nu-extrude-depth-1) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .8) calc(var(--nu-extrude-depth-1) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-1) var(--nu-extrude-depth-1) 0 var(--nu-extrude-color), var(--nu-elevation-1);
    --nu-extrude-2: calc(var(--nu-extrude-depth-2) * .2) calc(var(--nu-extrude-depth-2) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .4) calc(var(--nu-extrude-depth-2) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .6) calc(var(--nu-extrude-depth-2) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .8) calc(var(--nu-extrude-depth-2) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-2) var(--nu-extrude-depth-2) 0 var(--nu-extrude-color), var(--nu-elevation-2);
    --nu-extrude-3: calc(var(--nu-extrude-depth-3) * .2) calc(var(--nu-extrude-depth-3) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .4) calc(var(--nu-extrude-depth-3) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .6) calc(var(--nu-extrude-depth-3) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .8) calc(var(--nu-extrude-depth-3) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-3) var(--nu-extrude-depth-3) 0 var(--nu-extrude-color), var(--nu-elevation-3);
    --nu-extrude-color: light-dark(var(--nu-hue-300), var(--nu-hue-900));
    --nu-shadow-popover: 0 0 0 var(--nu-border-width) var(--nu-color-line), var(--nu-elevation-3);
    --nu-border: var(--nu-border-width) var(--nu-border-style) var(--nu-border-color);
    --nu-border-color: var(--nu-color-line);
    --nu-border-control: var(--nu-border-width) var(--nu-border-style) var(--nu-color-border);
    --nu-separator: var(--nu-separator-width) var(--nu-separator-style) var(--nu-separator-color);
    --nu-separator-color: var(--nu-color-line);
    --nu-focus-ring: 2px solid var(--nu-color-accent);
  }
  :where(:scope.nu\:pulse, .nu\:pulse) {
    --nu-from-color-page: light-dark(var(--nu-hue-50), color-mix(in oklab, var(--nu-hue-950) 60%, #000));
    --nu-from-color-panel: light-dark(#fff, var(--nu-hue-950));
    --nu-from-color-surface: light-dark(#fff, var(--nu-hue-950));
    --nu-from-color-raised: light-dark(#fff, var(--nu-hue-900));
    --nu-from-color-line: color-mix(in oklab, var(--nu-from-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-from-color-page), var(--nu-from-color-raised)));
    --nu-from-color-border: color-mix(in oklab, var(--nu-from-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-from-color-page), var(--nu-from-color-raised)));
    --nu-from-color-fg: light-dark(var(--nu-hue-fg-light), var(--nu-hue-fg-dark));
    --nu-from-color-strong: light-dark(var(--nu-hue-950), var(--nu-hue-50));
    --nu-from-color-muted: light-dark(var(--nu-hue-muted-light), var(--nu-hue-muted-dark));
    --nu-from-color-faint: light-dark(var(--nu-hue-300), var(--nu-hue-700));
    --nu-from-color-accent: light-dark(var(--nu-hue-accent-light), var(--nu-accent-400));
    --nu-from-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300));
    --nu-from-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-hue-50)), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-hue-900)));
    --nu-from-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400));
    --nu-from-color-danger-bg: color-mix(in oklab, var(--nu-from-color-danger) 10%, transparent);
    --nu-from-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400));
    --nu-from-color-brand-bg: color-mix(in oklab, var(--nu-from-color-brand) 10%, transparent);
    --nu-from-color-success: light-dark(var(--nu-success-800), var(--nu-success-400));
    --nu-from-color-success-bg: color-mix(in oklab, var(--nu-from-color-success) 10%, transparent);
    --nu-from-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400));
    --nu-from-color-warning-bg: color-mix(in oklab, var(--nu-from-color-warning) 10%, transparent);
    --nu-from-color-info: light-dark(var(--nu-info-800), var(--nu-info-400));
    --nu-from-color-info-bg: color-mix(in oklab, var(--nu-from-color-info) 10%, transparent);
    --nu-from-extrude-color: light-dark(var(--nu-hue-300), var(--nu-hue-900));
    --nu-to-color-page: light-dark(var(--nu-to-hue-50, var(--nu-hue-50)), color-mix(in oklab, var(--nu-to-hue-950, var(--nu-hue-950)) 60%, #000));
    --nu-to-color-panel: light-dark(#fff, var(--nu-to-hue-950, var(--nu-hue-950)));
    --nu-to-color-surface: light-dark(#fff, var(--nu-to-hue-950, var(--nu-hue-950)));
    --nu-to-color-raised: light-dark(#fff, var(--nu-to-hue-900, var(--nu-hue-900)));
    --nu-to-color-line: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
    --nu-to-color-border: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
    --nu-to-color-fg: light-dark(var(--nu-to-hue-fg-light, var(--nu-hue-fg-light)), var(--nu-to-hue-fg-dark, var(--nu-hue-fg-dark)));
    --nu-to-color-strong: light-dark(var(--nu-to-hue-950, var(--nu-hue-950)), var(--nu-to-hue-50, var(--nu-hue-50)));
    --nu-to-color-muted: light-dark(var(--nu-to-hue-muted-light, var(--nu-hue-muted-light)), var(--nu-to-hue-muted-dark, var(--nu-hue-muted-dark)));
    --nu-to-color-faint: light-dark(var(--nu-to-hue-300, var(--nu-hue-300)), var(--nu-to-hue-700, var(--nu-hue-700)));
    --nu-to-color-accent: light-dark(var(--nu-to-hue-accent-light, var(--nu-hue-accent-light)), var(--nu-accent-400));
    --nu-to-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300));
    --nu-to-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-to-hue-50, var(--nu-hue-50))), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-to-hue-900, var(--nu-hue-900))));
    --nu-to-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400));
    --nu-to-color-danger-bg: color-mix(in oklab, var(--nu-to-color-danger) 10%, transparent);
    --nu-to-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400));
    --nu-to-color-brand-bg: color-mix(in oklab, var(--nu-to-color-brand) 10%, transparent);
    --nu-to-color-success: light-dark(var(--nu-success-800), var(--nu-success-400));
    --nu-to-color-success-bg: color-mix(in oklab, var(--nu-to-color-success) 10%, transparent);
    --nu-to-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400));
    --nu-to-color-warning-bg: color-mix(in oklab, var(--nu-to-color-warning) 10%, transparent);
    --nu-to-color-info: light-dark(var(--nu-info-800), var(--nu-info-400));
    --nu-to-color-info-bg: color-mix(in oklab, var(--nu-to-color-info) 10%, transparent);
    --nu-to-extrude-color: light-dark(var(--nu-to-hue-300, var(--nu-hue-300)), var(--nu-to-hue-900, var(--nu-hue-900)));
  }
}
@scope (.nu\:shade-neutral) {
  :where(:scope, .nu\:hue-gray, .nu\:hue-stone, .nu\:hue-red, .nu\:hue-orange, .nu\:hue-yellow, .nu\:hue-green, .nu\:hue-blue, .nu\:hue-violet, .nu\:hue-neutral, .nu\:hue-brand, .nu\:hue-accent, .nu\:paint-accent, .nu\:paint-accent-bg, .nu\:hue-success, .nu\:hue-danger, .nu\:paint-danger, .nu\:paint-danger-bg, .nu\:hue-warning, .nu\:hue-info, .nu\:pulse) {
    --nu-color-page: light-dark(var(--nu-hue-100), var(--nu-hue-950));
    --nu-color-panel: light-dark(var(--nu-hue-50), var(--nu-hue-900));
    --nu-color-chrome: var(--nu-color-panel);
    --nu-color-surface: light-dark(var(--nu-hue-50), color-mix(in oklab, var(--nu-hue-900) 50%, var(--nu-hue-950)));
    --nu-color-raised: light-dark(#fff, var(--nu-hue-800));
    --nu-color-line: color-mix(in oklab, var(--nu-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-color-page), var(--nu-color-raised)));
    --nu-color-border: color-mix(in oklab, var(--nu-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-color-page), var(--nu-color-raised)));
    --nu-color-fg: light-dark(var(--nu-hue-fg-light), var(--nu-hue-fg-dark));
    --nu-color-strong: light-dark(var(--nu-hue-950), var(--nu-hue-50));
    --nu-color-muted: light-dark(var(--nu-hue-muted-light), var(--nu-hue-muted-dark));
    --nu-color-faint: light-dark(var(--nu-hue-300), var(--nu-hue-700));
    --nu-color-accent: light-dark(var(--nu-hue-accent-light), var(--nu-accent-400));
    --nu-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300));
    --nu-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-hue-50)), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-hue-900)));
    --nu-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400));
    --nu-color-danger-bg: color-mix(in oklab, var(--nu-color-danger) 10%, transparent);
    --nu-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400));
    --nu-color-brand-bg: color-mix(in oklab, var(--nu-color-brand) 10%, transparent);
    --nu-color-success: light-dark(var(--nu-success-800), var(--nu-success-400));
    --nu-color-success-bg: color-mix(in oklab, var(--nu-color-success) 10%, transparent);
    --nu-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400));
    --nu-color-warning-bg: color-mix(in oklab, var(--nu-color-warning) 10%, transparent);
    --nu-color-info: light-dark(var(--nu-info-800), var(--nu-info-400));
    --nu-color-info-bg: color-mix(in oklab, var(--nu-color-info) 10%, transparent);
    --nu-color-scrollbar-thumb: color-mix(in oklab, var(--nu-color-faint) 65%, var(--nu-color-accent));
    --nu-extrude-1: calc(var(--nu-extrude-depth-1) * .2) calc(var(--nu-extrude-depth-1) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .4) calc(var(--nu-extrude-depth-1) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .6) calc(var(--nu-extrude-depth-1) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .8) calc(var(--nu-extrude-depth-1) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-1) var(--nu-extrude-depth-1) 0 var(--nu-extrude-color), var(--nu-elevation-1);
    --nu-extrude-2: calc(var(--nu-extrude-depth-2) * .2) calc(var(--nu-extrude-depth-2) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .4) calc(var(--nu-extrude-depth-2) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .6) calc(var(--nu-extrude-depth-2) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .8) calc(var(--nu-extrude-depth-2) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-2) var(--nu-extrude-depth-2) 0 var(--nu-extrude-color), var(--nu-elevation-2);
    --nu-extrude-3: calc(var(--nu-extrude-depth-3) * .2) calc(var(--nu-extrude-depth-3) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .4) calc(var(--nu-extrude-depth-3) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .6) calc(var(--nu-extrude-depth-3) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .8) calc(var(--nu-extrude-depth-3) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-3) var(--nu-extrude-depth-3) 0 var(--nu-extrude-color), var(--nu-elevation-3);
    --nu-extrude-color: light-dark(var(--nu-hue-300), var(--nu-hue-900));
    --nu-shadow-popover: 0 0 0 var(--nu-border-width) var(--nu-color-line), var(--nu-elevation-3);
    --nu-border: var(--nu-border-width) var(--nu-border-style) var(--nu-border-color);
    --nu-border-color: var(--nu-color-line);
    --nu-border-control: var(--nu-border-width) var(--nu-border-style) var(--nu-color-border);
    --nu-separator: var(--nu-separator-width) var(--nu-separator-style) var(--nu-separator-color);
    --nu-separator-color: var(--nu-color-line);
    --nu-focus-ring: 2px solid var(--nu-color-accent);
  }
  :where(:scope.nu\:pulse, .nu\:pulse) {
    --nu-from-color-page: light-dark(var(--nu-hue-100), var(--nu-hue-950));
    --nu-from-color-panel: light-dark(var(--nu-hue-50), var(--nu-hue-900));
    --nu-from-color-surface: light-dark(var(--nu-hue-50), color-mix(in oklab, var(--nu-hue-900) 50%, var(--nu-hue-950)));
    --nu-from-color-raised: light-dark(#fff, var(--nu-hue-800));
    --nu-from-color-line: color-mix(in oklab, var(--nu-from-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-from-color-page), var(--nu-from-color-raised)));
    --nu-from-color-border: color-mix(in oklab, var(--nu-from-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-from-color-page), var(--nu-from-color-raised)));
    --nu-from-color-fg: light-dark(var(--nu-hue-fg-light), var(--nu-hue-fg-dark));
    --nu-from-color-strong: light-dark(var(--nu-hue-950), var(--nu-hue-50));
    --nu-from-color-muted: light-dark(var(--nu-hue-muted-light), var(--nu-hue-muted-dark));
    --nu-from-color-faint: light-dark(var(--nu-hue-300), var(--nu-hue-700));
    --nu-from-color-accent: light-dark(var(--nu-hue-accent-light), var(--nu-accent-400));
    --nu-from-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300));
    --nu-from-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-hue-50)), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-hue-900)));
    --nu-from-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400));
    --nu-from-color-danger-bg: color-mix(in oklab, var(--nu-from-color-danger) 10%, transparent);
    --nu-from-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400));
    --nu-from-color-brand-bg: color-mix(in oklab, var(--nu-from-color-brand) 10%, transparent);
    --nu-from-color-success: light-dark(var(--nu-success-800), var(--nu-success-400));
    --nu-from-color-success-bg: color-mix(in oklab, var(--nu-from-color-success) 10%, transparent);
    --nu-from-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400));
    --nu-from-color-warning-bg: color-mix(in oklab, var(--nu-from-color-warning) 10%, transparent);
    --nu-from-color-info: light-dark(var(--nu-info-800), var(--nu-info-400));
    --nu-from-color-info-bg: color-mix(in oklab, var(--nu-from-color-info) 10%, transparent);
    --nu-from-extrude-color: light-dark(var(--nu-hue-300), var(--nu-hue-900));
    --nu-to-color-page: light-dark(var(--nu-to-hue-100, var(--nu-hue-100)), var(--nu-to-hue-950, var(--nu-hue-950)));
    --nu-to-color-panel: light-dark(var(--nu-to-hue-50, var(--nu-hue-50)), var(--nu-to-hue-900, var(--nu-hue-900)));
    --nu-to-color-surface: light-dark(var(--nu-to-hue-50, var(--nu-hue-50)), color-mix(in oklab, var(--nu-to-hue-900, var(--nu-hue-900)) 50%, var(--nu-to-hue-950, var(--nu-hue-950))));
    --nu-to-color-raised: light-dark(#fff, var(--nu-to-hue-800, var(--nu-hue-800)));
    --nu-to-color-line: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
    --nu-to-color-border: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
    --nu-to-color-fg: light-dark(var(--nu-to-hue-fg-light, var(--nu-hue-fg-light)), var(--nu-to-hue-fg-dark, var(--nu-hue-fg-dark)));
    --nu-to-color-strong: light-dark(var(--nu-to-hue-950, var(--nu-hue-950)), var(--nu-to-hue-50, var(--nu-hue-50)));
    --nu-to-color-muted: light-dark(var(--nu-to-hue-muted-light, var(--nu-hue-muted-light)), var(--nu-to-hue-muted-dark, var(--nu-hue-muted-dark)));
    --nu-to-color-faint: light-dark(var(--nu-to-hue-300, var(--nu-hue-300)), var(--nu-to-hue-700, var(--nu-hue-700)));
    --nu-to-color-accent: light-dark(var(--nu-to-hue-accent-light, var(--nu-hue-accent-light)), var(--nu-accent-400));
    --nu-to-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300));
    --nu-to-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-to-hue-50, var(--nu-hue-50))), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-to-hue-900, var(--nu-hue-900))));
    --nu-to-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400));
    --nu-to-color-danger-bg: color-mix(in oklab, var(--nu-to-color-danger) 10%, transparent);
    --nu-to-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400));
    --nu-to-color-brand-bg: color-mix(in oklab, var(--nu-to-color-brand) 10%, transparent);
    --nu-to-color-success: light-dark(var(--nu-success-800), var(--nu-success-400));
    --nu-to-color-success-bg: color-mix(in oklab, var(--nu-to-color-success) 10%, transparent);
    --nu-to-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400));
    --nu-to-color-warning-bg: color-mix(in oklab, var(--nu-to-color-warning) 10%, transparent);
    --nu-to-color-info: light-dark(var(--nu-info-800), var(--nu-info-400));
    --nu-to-color-info-bg: color-mix(in oklab, var(--nu-to-color-info) 10%, transparent);
    --nu-to-extrude-color: light-dark(var(--nu-to-hue-300, var(--nu-hue-300)), var(--nu-to-hue-900, var(--nu-hue-900)));
  }
}
@scope (.nu\:shade-strong) {
  :where(:scope, .nu\:hue-gray, .nu\:hue-stone, .nu\:hue-red, .nu\:hue-orange, .nu\:hue-yellow, .nu\:hue-green, .nu\:hue-blue, .nu\:hue-violet, .nu\:hue-neutral, .nu\:hue-brand, .nu\:hue-accent, .nu\:paint-accent, .nu\:paint-accent-bg, .nu\:hue-success, .nu\:hue-danger, .nu\:paint-danger, .nu\:paint-danger-bg, .nu\:hue-warning, .nu\:hue-info, .nu\:pulse) {
    --nu-color-page: light-dark(var(--nu-hue-200), var(--nu-hue-900));
    --nu-color-panel: light-dark(var(--nu-hue-100), var(--nu-hue-800));
    --nu-color-chrome: var(--nu-color-panel);
    --nu-color-surface: light-dark(var(--nu-hue-100), color-mix(in oklab, var(--nu-hue-800) 50%, var(--nu-hue-900)));
    --nu-color-raised: light-dark(var(--nu-hue-50), var(--nu-hue-700));
    --nu-color-line: color-mix(in oklab, var(--nu-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-color-page), var(--nu-color-raised)));
    --nu-color-border: color-mix(in oklab, var(--nu-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-color-page), var(--nu-color-raised)));
    --nu-color-fg: light-dark(var(--nu-hue-800), var(--nu-hue-50));
    --nu-color-strong: light-dark(var(--nu-hue-950), var(--nu-hue-50));
    --nu-color-muted: light-dark(var(--nu-hue-800), var(--nu-hue-200));
    --nu-color-faint: light-dark(var(--nu-hue-500), var(--nu-hue-500));
    --nu-color-accent: light-dark(var(--nu-accent-800), var(--nu-accent-300));
    --nu-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-100));
    --nu-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-hue-100)), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-hue-900)));
    --nu-color-danger: light-dark(var(--nu-danger-800), var(--nu-danger-300));
    --nu-color-danger-bg: color-mix(in oklab, var(--nu-color-danger) 10%, transparent);
    --nu-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-300));
    --nu-color-brand-bg: color-mix(in oklab, var(--nu-color-brand) 10%, transparent);
    --nu-color-success: light-dark(var(--nu-success-800), var(--nu-success-300));
    --nu-color-success-bg: color-mix(in oklab, var(--nu-color-success) 10%, transparent);
    --nu-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-300));
    --nu-color-warning-bg: color-mix(in oklab, var(--nu-color-warning) 10%, transparent);
    --nu-color-info: light-dark(var(--nu-info-800), var(--nu-info-300));
    --nu-color-info-bg: color-mix(in oklab, var(--nu-color-info) 10%, transparent);
    --nu-color-scrollbar-thumb: color-mix(in oklab, var(--nu-color-faint) 65%, var(--nu-color-accent));
    --nu-extrude-1: calc(var(--nu-extrude-depth-1) * .2) calc(var(--nu-extrude-depth-1) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .4) calc(var(--nu-extrude-depth-1) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .6) calc(var(--nu-extrude-depth-1) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .8) calc(var(--nu-extrude-depth-1) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-1) var(--nu-extrude-depth-1) 0 var(--nu-extrude-color), var(--nu-elevation-1);
    --nu-extrude-2: calc(var(--nu-extrude-depth-2) * .2) calc(var(--nu-extrude-depth-2) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .4) calc(var(--nu-extrude-depth-2) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .6) calc(var(--nu-extrude-depth-2) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .8) calc(var(--nu-extrude-depth-2) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-2) var(--nu-extrude-depth-2) 0 var(--nu-extrude-color), var(--nu-elevation-2);
    --nu-extrude-3: calc(var(--nu-extrude-depth-3) * .2) calc(var(--nu-extrude-depth-3) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .4) calc(var(--nu-extrude-depth-3) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .6) calc(var(--nu-extrude-depth-3) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .8) calc(var(--nu-extrude-depth-3) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-3) var(--nu-extrude-depth-3) 0 var(--nu-extrude-color), var(--nu-elevation-3);
    --nu-extrude-color: light-dark(var(--nu-hue-400), var(--nu-hue-700));
    --nu-shadow-popover: 0 0 0 var(--nu-border-width) var(--nu-color-line), var(--nu-elevation-3);
    --nu-border: var(--nu-border-width) var(--nu-border-style) var(--nu-border-color);
    --nu-border-color: var(--nu-color-line);
    --nu-border-control: var(--nu-border-width) var(--nu-border-style) var(--nu-color-border);
    --nu-separator: var(--nu-separator-width) var(--nu-separator-style) var(--nu-separator-color);
    --nu-separator-color: var(--nu-color-line);
    --nu-focus-ring: 2px solid var(--nu-color-accent);
  }
  :where(:scope.nu\:pulse, .nu\:pulse) {
    --nu-from-color-page: light-dark(var(--nu-hue-200), var(--nu-hue-900));
    --nu-from-color-panel: light-dark(var(--nu-hue-100), var(--nu-hue-800));
    --nu-from-color-surface: light-dark(var(--nu-hue-100), color-mix(in oklab, var(--nu-hue-800) 50%, var(--nu-hue-900)));
    --nu-from-color-raised: light-dark(var(--nu-hue-50), var(--nu-hue-700));
    --nu-from-color-line: color-mix(in oklab, var(--nu-from-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-from-color-page), var(--nu-from-color-raised)));
    --nu-from-color-border: color-mix(in oklab, var(--nu-from-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-from-color-page), var(--nu-from-color-raised)));
    --nu-from-color-fg: light-dark(var(--nu-hue-800), var(--nu-hue-50));
    --nu-from-color-strong: light-dark(var(--nu-hue-950), var(--nu-hue-50));
    --nu-from-color-muted: light-dark(var(--nu-hue-800), var(--nu-hue-200));
    --nu-from-color-faint: light-dark(var(--nu-hue-500), var(--nu-hue-500));
    --nu-from-color-accent: light-dark(var(--nu-accent-800), var(--nu-accent-300));
    --nu-from-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-100));
    --nu-from-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-hue-100)), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-hue-900)));
    --nu-from-color-danger: light-dark(var(--nu-danger-800), var(--nu-danger-300));
    --nu-from-color-danger-bg: color-mix(in oklab, var(--nu-from-color-danger) 10%, transparent);
    --nu-from-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-300));
    --nu-from-color-brand-bg: color-mix(in oklab, var(--nu-from-color-brand) 10%, transparent);
    --nu-from-color-success: light-dark(var(--nu-success-800), var(--nu-success-300));
    --nu-from-color-success-bg: color-mix(in oklab, var(--nu-from-color-success) 10%, transparent);
    --nu-from-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-300));
    --nu-from-color-warning-bg: color-mix(in oklab, var(--nu-from-color-warning) 10%, transparent);
    --nu-from-color-info: light-dark(var(--nu-info-800), var(--nu-info-300));
    --nu-from-color-info-bg: color-mix(in oklab, var(--nu-from-color-info) 10%, transparent);
    --nu-from-extrude-color: light-dark(var(--nu-hue-400), var(--nu-hue-700));
    --nu-to-color-page: light-dark(var(--nu-to-hue-200, var(--nu-hue-200)), var(--nu-to-hue-900, var(--nu-hue-900)));
    --nu-to-color-panel: light-dark(var(--nu-to-hue-100, var(--nu-hue-100)), var(--nu-to-hue-800, var(--nu-hue-800)));
    --nu-to-color-surface: light-dark(var(--nu-to-hue-100, var(--nu-hue-100)), color-mix(in oklab, var(--nu-to-hue-800, var(--nu-hue-800)) 50%, var(--nu-to-hue-900, var(--nu-hue-900))));
    --nu-to-color-raised: light-dark(var(--nu-to-hue-50, var(--nu-hue-50)), var(--nu-to-hue-700, var(--nu-hue-700)));
    --nu-to-color-line: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
    --nu-to-color-border: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
    --nu-to-color-fg: light-dark(var(--nu-to-hue-800, var(--nu-hue-800)), var(--nu-to-hue-50, var(--nu-hue-50)));
    --nu-to-color-strong: light-dark(var(--nu-to-hue-950, var(--nu-hue-950)), var(--nu-to-hue-50, var(--nu-hue-50)));
    --nu-to-color-muted: light-dark(var(--nu-to-hue-800, var(--nu-hue-800)), var(--nu-to-hue-200, var(--nu-hue-200)));
    --nu-to-color-faint: light-dark(var(--nu-to-hue-500, var(--nu-hue-500)), var(--nu-to-hue-500, var(--nu-hue-500)));
    --nu-to-color-accent: light-dark(var(--nu-accent-800), var(--nu-accent-300));
    --nu-to-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-100));
    --nu-to-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-to-hue-100, var(--nu-hue-100))), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-to-hue-900, var(--nu-hue-900))));
    --nu-to-color-danger: light-dark(var(--nu-danger-800), var(--nu-danger-300));
    --nu-to-color-danger-bg: color-mix(in oklab, var(--nu-to-color-danger) 10%, transparent);
    --nu-to-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-300));
    --nu-to-color-brand-bg: color-mix(in oklab, var(--nu-to-color-brand) 10%, transparent);
    --nu-to-color-success: light-dark(var(--nu-success-800), var(--nu-success-300));
    --nu-to-color-success-bg: color-mix(in oklab, var(--nu-to-color-success) 10%, transparent);
    --nu-to-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-300));
    --nu-to-color-warning-bg: color-mix(in oklab, var(--nu-to-color-warning) 10%, transparent);
    --nu-to-color-info: light-dark(var(--nu-info-800), var(--nu-info-300));
    --nu-to-color-info-bg: color-mix(in oklab, var(--nu-to-color-info) 10%, transparent);
    --nu-to-extrude-color: light-dark(var(--nu-to-hue-400, var(--nu-hue-400)), var(--nu-to-hue-700, var(--nu-hue-700)));
  }
}
@scope (.nu\:shade-solid, .nu\:paint-accent, .nu\:paint-danger) {
  :where(:scope, .nu\:hue-gray, .nu\:hue-stone, .nu\:hue-red, .nu\:hue-orange, .nu\:hue-yellow, .nu\:hue-green, .nu\:hue-blue, .nu\:hue-violet, .nu\:hue-neutral, .nu\:hue-brand, .nu\:hue-accent, .nu\:paint-accent, .nu\:paint-accent-bg, .nu\:hue-success, .nu\:hue-danger, .nu\:paint-danger, .nu\:paint-danger-bg, .nu\:hue-warning, .nu\:hue-info, .nu\:pulse) {
    --nu-color-page: var(--nu-hue-solid);
    --nu-color-panel: var(--nu-hue-solid-raised);
    --nu-color-chrome: var(--nu-color-panel);
    --nu-color-surface: var(--nu-hue-solid-raised);
    --nu-color-raised: var(--nu-hue-solid-top);
    --nu-color-line: color-mix(in oklab, var(--nu-hue-on-solid) var(--nu-border-strength-line), var(--nu-hue-solid-raised));
    --nu-color-border: color-mix(in oklab, var(--nu-hue-on-solid) var(--nu-border-strength-control), var(--nu-hue-solid-raised));
    --nu-color-fg: var(--nu-hue-on-solid);
    --nu-color-strong: var(--nu-hue-on-solid);
    --nu-color-muted: color-mix(in oklab, var(--nu-hue-on-solid) 80%, var(--nu-hue-solid));
    --nu-color-faint: color-mix(in oklab, var(--nu-hue-on-solid) 45%, var(--nu-hue-solid));
    --nu-color-accent: var(--nu-hue-on-solid);
    --nu-color-accent-strong: var(--nu-hue-on-solid);
    --nu-color-accent-bg: color-mix(in oklab, var(--nu-hue-on-solid) 15%, var(--nu-hue-solid));
    --nu-color-danger: var(--nu-hue-on-solid);
    --nu-color-danger-bg: color-mix(in oklab, var(--nu-hue-on-solid) 15%, var(--nu-hue-solid));
    --nu-color-brand: var(--nu-hue-on-solid);
    --nu-color-brand-bg: color-mix(in oklab, var(--nu-hue-on-solid) 15%, var(--nu-hue-solid));
    --nu-color-success: var(--nu-hue-on-solid);
    --nu-color-success-bg: color-mix(in oklab, var(--nu-hue-on-solid) 15%, var(--nu-hue-solid));
    --nu-color-warning: var(--nu-hue-on-solid);
    --nu-color-warning-bg: color-mix(in oklab, var(--nu-hue-on-solid) 15%, var(--nu-hue-solid));
    --nu-color-info: var(--nu-hue-on-solid);
    --nu-color-info-bg: color-mix(in oklab, var(--nu-hue-on-solid) 15%, var(--nu-hue-solid));
    --nu-color-scrollbar-thumb: color-mix(in oklab, var(--nu-color-faint) 65%, var(--nu-color-accent));
    --nu-extrude-1: calc(var(--nu-extrude-depth-1) * .2) calc(var(--nu-extrude-depth-1) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .4) calc(var(--nu-extrude-depth-1) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .6) calc(var(--nu-extrude-depth-1) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .8) calc(var(--nu-extrude-depth-1) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-1) var(--nu-extrude-depth-1) 0 var(--nu-extrude-color), var(--nu-elevation-1);
    --nu-extrude-2: calc(var(--nu-extrude-depth-2) * .2) calc(var(--nu-extrude-depth-2) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .4) calc(var(--nu-extrude-depth-2) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .6) calc(var(--nu-extrude-depth-2) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .8) calc(var(--nu-extrude-depth-2) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-2) var(--nu-extrude-depth-2) 0 var(--nu-extrude-color), var(--nu-elevation-2);
    --nu-extrude-3: calc(var(--nu-extrude-depth-3) * .2) calc(var(--nu-extrude-depth-3) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .4) calc(var(--nu-extrude-depth-3) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .6) calc(var(--nu-extrude-depth-3) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .8) calc(var(--nu-extrude-depth-3) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-3) var(--nu-extrude-depth-3) 0 var(--nu-extrude-color), var(--nu-elevation-3);
    --nu-extrude-color: var(--nu-hue-solid-line);
    --nu-shadow-popover: 0 0 0 var(--nu-border-width) var(--nu-color-line), var(--nu-elevation-3);
    --nu-border: var(--nu-border-width) var(--nu-border-style) var(--nu-border-color);
    --nu-border-color: var(--nu-color-line);
    --nu-border-control: var(--nu-border-width) var(--nu-border-style) var(--nu-color-border);
    --nu-separator: var(--nu-separator-width) var(--nu-separator-style) var(--nu-separator-color);
    --nu-separator-color: var(--nu-color-line);
    --nu-focus-ring: 2px solid var(--nu-color-accent);
  }
  :where(:scope.nu\:pulse, .nu\:pulse) {
    --nu-from-color-page: var(--nu-hue-solid);
    --nu-from-color-panel: var(--nu-hue-solid-raised);
    --nu-from-color-surface: var(--nu-hue-solid-raised);
    --nu-from-color-raised: var(--nu-hue-solid-top);
    --nu-from-color-line: color-mix(in oklab, var(--nu-hue-on-solid) var(--nu-border-strength-line), var(--nu-hue-solid-raised));
    --nu-from-color-border: color-mix(in oklab, var(--nu-hue-on-solid) var(--nu-border-strength-control), var(--nu-hue-solid-raised));
    --nu-from-color-fg: var(--nu-hue-on-solid);
    --nu-from-color-strong: var(--nu-hue-on-solid);
    --nu-from-color-muted: color-mix(in oklab, var(--nu-hue-on-solid) 80%, var(--nu-hue-solid));
    --nu-from-color-faint: color-mix(in oklab, var(--nu-hue-on-solid) 45%, var(--nu-hue-solid));
    --nu-from-color-accent: var(--nu-hue-on-solid);
    --nu-from-color-accent-strong: var(--nu-hue-on-solid);
    --nu-from-color-accent-bg: color-mix(in oklab, var(--nu-hue-on-solid) 15%, var(--nu-hue-solid));
    --nu-from-color-danger: var(--nu-hue-on-solid);
    --nu-from-color-danger-bg: color-mix(in oklab, var(--nu-hue-on-solid) 15%, var(--nu-hue-solid));
    --nu-from-color-brand: var(--nu-hue-on-solid);
    --nu-from-color-brand-bg: color-mix(in oklab, var(--nu-hue-on-solid) 15%, var(--nu-hue-solid));
    --nu-from-color-success: var(--nu-hue-on-solid);
    --nu-from-color-success-bg: color-mix(in oklab, var(--nu-hue-on-solid) 15%, var(--nu-hue-solid));
    --nu-from-color-warning: var(--nu-hue-on-solid);
    --nu-from-color-warning-bg: color-mix(in oklab, var(--nu-hue-on-solid) 15%, var(--nu-hue-solid));
    --nu-from-color-info: var(--nu-hue-on-solid);
    --nu-from-color-info-bg: color-mix(in oklab, var(--nu-hue-on-solid) 15%, var(--nu-hue-solid));
    --nu-from-extrude-color: var(--nu-hue-solid-line);
    --nu-to-color-page: var(--nu-to-hue-solid, var(--nu-hue-solid));
    --nu-to-color-panel: var(--nu-to-hue-solid-raised, var(--nu-hue-solid-raised));
    --nu-to-color-surface: var(--nu-to-hue-solid-raised, var(--nu-hue-solid-raised));
    --nu-to-color-raised: var(--nu-to-hue-solid-top, var(--nu-hue-solid-top));
    --nu-to-color-line: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) var(--nu-border-strength-line), var(--nu-to-hue-solid-raised, var(--nu-hue-solid-raised)));
    --nu-to-color-border: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) var(--nu-border-strength-control), var(--nu-to-hue-solid-raised, var(--nu-hue-solid-raised)));
    --nu-to-color-fg: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
    --nu-to-color-strong: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
    --nu-to-color-muted: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 80%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
    --nu-to-color-faint: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 45%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
    --nu-to-color-accent: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
    --nu-to-color-accent-strong: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
    --nu-to-color-accent-bg: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 15%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
    --nu-to-color-danger: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
    --nu-to-color-danger-bg: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 15%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
    --nu-to-color-brand: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
    --nu-to-color-brand-bg: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 15%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
    --nu-to-color-success: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
    --nu-to-color-success-bg: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 15%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
    --nu-to-color-warning: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
    --nu-to-color-warning-bg: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 15%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
    --nu-to-color-info: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
    --nu-to-color-info-bg: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 15%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
    --nu-to-extrude-color: var(--nu-to-hue-solid-line, var(--nu-hue-solid-line));
  }
}
/* nu:to-hue-* / nu:to-shade-*: a target context; animations read --nu-to-*, an axis not given stays the element's own */
.nu\:to-hue-gray {
  --nu-to-hue-50: var(--nu-gray-50);
  --nu-to-hue-100: var(--nu-gray-100);
  --nu-to-hue-200: var(--nu-gray-200);
  --nu-to-hue-300: var(--nu-gray-300);
  --nu-to-hue-400: var(--nu-gray-400);
  --nu-to-hue-500: var(--nu-gray-500);
  --nu-to-hue-600: var(--nu-gray-600);
  --nu-to-hue-700: var(--nu-gray-700);
  --nu-to-hue-800: var(--nu-gray-800);
  --nu-to-hue-900: var(--nu-gray-900);
  --nu-to-hue-950: var(--nu-gray-950);
  --nu-to-hue-fg-light: var(--nu-gray-700);
  --nu-to-hue-fg-dark: var(--nu-gray-300);
  --nu-to-hue-muted-light: var(--nu-gray-muted-light);
  --nu-to-hue-muted-dark: var(--nu-gray-muted-dark);
  --nu-to-hue-accent-light: var(--nu-accent-700);
  --nu-to-hue-solid: var(--nu-gray-800);
  --nu-to-hue-solid-raised: var(--nu-gray-700);
  --nu-to-hue-solid-top: var(--nu-gray-600);
  --nu-to-hue-solid-line: var(--nu-gray-900);
  --nu-to-hue-on-solid: #fff;
}
.nu\:to-hue-stone {
  --nu-to-hue-50: var(--nu-stone-50);
  --nu-to-hue-100: var(--nu-stone-100);
  --nu-to-hue-200: var(--nu-stone-200);
  --nu-to-hue-300: var(--nu-stone-300);
  --nu-to-hue-400: var(--nu-stone-400);
  --nu-to-hue-500: var(--nu-stone-500);
  --nu-to-hue-600: var(--nu-stone-600);
  --nu-to-hue-700: var(--nu-stone-700);
  --nu-to-hue-800: var(--nu-stone-800);
  --nu-to-hue-900: var(--nu-stone-900);
  --nu-to-hue-950: var(--nu-stone-950);
  --nu-to-hue-fg-light: var(--nu-stone-700);
  --nu-to-hue-fg-dark: var(--nu-stone-300);
  --nu-to-hue-muted-light: var(--nu-stone-600);
  --nu-to-hue-muted-dark: var(--nu-stone-400);
  --nu-to-hue-accent-light: var(--nu-accent-700);
  --nu-to-hue-solid: var(--nu-stone-800);
  --nu-to-hue-solid-raised: var(--nu-stone-700);
  --nu-to-hue-solid-top: var(--nu-stone-600);
  --nu-to-hue-solid-line: var(--nu-stone-900);
  --nu-to-hue-on-solid: #fff;
}
.nu\:to-hue-red {
  --nu-to-hue-50: var(--nu-red-50);
  --nu-to-hue-100: var(--nu-red-100);
  --nu-to-hue-200: var(--nu-red-200);
  --nu-to-hue-300: var(--nu-red-300);
  --nu-to-hue-400: var(--nu-red-400);
  --nu-to-hue-500: var(--nu-red-500);
  --nu-to-hue-600: var(--nu-red-600);
  --nu-to-hue-700: var(--nu-red-700);
  --nu-to-hue-800: var(--nu-red-800);
  --nu-to-hue-900: var(--nu-red-900);
  --nu-to-hue-950: var(--nu-red-950);
  --nu-to-hue-fg-light: var(--nu-red-800);
  --nu-to-hue-fg-dark: var(--nu-red-200);
  --nu-to-hue-muted-light: var(--nu-red-700);
  --nu-to-hue-muted-dark: var(--nu-red-300);
  --nu-to-hue-accent-light: var(--nu-accent-800);
  --nu-to-hue-solid: var(--nu-red-800);
  --nu-to-hue-solid-raised: var(--nu-red-700);
  --nu-to-hue-solid-top: var(--nu-red-600);
  --nu-to-hue-solid-line: var(--nu-red-900);
  --nu-to-hue-on-solid: #fff;
}
.nu\:to-hue-orange {
  --nu-to-hue-50: var(--nu-orange-50);
  --nu-to-hue-100: var(--nu-orange-100);
  --nu-to-hue-200: var(--nu-orange-200);
  --nu-to-hue-300: var(--nu-orange-300);
  --nu-to-hue-400: var(--nu-orange-400);
  --nu-to-hue-500: var(--nu-orange-500);
  --nu-to-hue-600: var(--nu-orange-600);
  --nu-to-hue-700: var(--nu-orange-700);
  --nu-to-hue-800: var(--nu-orange-800);
  --nu-to-hue-900: var(--nu-orange-900);
  --nu-to-hue-950: var(--nu-orange-950);
  --nu-to-hue-fg-light: var(--nu-orange-800);
  --nu-to-hue-fg-dark: var(--nu-orange-200);
  --nu-to-hue-muted-light: var(--nu-orange-700);
  --nu-to-hue-muted-dark: var(--nu-orange-300);
  --nu-to-hue-accent-light: var(--nu-accent-800);
  --nu-to-hue-solid: var(--nu-orange-400);
  --nu-to-hue-solid-raised: var(--nu-orange-300);
  --nu-to-hue-solid-top: var(--nu-orange-200);
  --nu-to-hue-solid-line: var(--nu-orange-500);
  --nu-to-hue-on-solid: #000;
}
.nu\:to-hue-yellow {
  --nu-to-hue-50: var(--nu-yellow-50);
  --nu-to-hue-100: var(--nu-yellow-100);
  --nu-to-hue-200: var(--nu-yellow-200);
  --nu-to-hue-300: var(--nu-yellow-300);
  --nu-to-hue-400: var(--nu-yellow-400);
  --nu-to-hue-500: var(--nu-yellow-500);
  --nu-to-hue-600: var(--nu-yellow-600);
  --nu-to-hue-700: var(--nu-yellow-700);
  --nu-to-hue-800: var(--nu-yellow-800);
  --nu-to-hue-900: var(--nu-yellow-900);
  --nu-to-hue-950: var(--nu-yellow-950);
  --nu-to-hue-fg-light: var(--nu-yellow-800);
  --nu-to-hue-fg-dark: var(--nu-yellow-200);
  --nu-to-hue-muted-light: var(--nu-yellow-700);
  --nu-to-hue-muted-dark: var(--nu-yellow-300);
  --nu-to-hue-accent-light: var(--nu-accent-800);
  --nu-to-hue-solid: var(--nu-yellow-400);
  --nu-to-hue-solid-raised: var(--nu-yellow-300);
  --nu-to-hue-solid-top: var(--nu-yellow-200);
  --nu-to-hue-solid-line: var(--nu-yellow-500);
  --nu-to-hue-on-solid: #000;
}
.nu\:to-hue-green {
  --nu-to-hue-50: var(--nu-green-50);
  --nu-to-hue-100: var(--nu-green-100);
  --nu-to-hue-200: var(--nu-green-200);
  --nu-to-hue-300: var(--nu-green-300);
  --nu-to-hue-400: var(--nu-green-400);
  --nu-to-hue-500: var(--nu-green-500);
  --nu-to-hue-600: var(--nu-green-600);
  --nu-to-hue-700: var(--nu-green-700);
  --nu-to-hue-800: var(--nu-green-800);
  --nu-to-hue-900: var(--nu-green-900);
  --nu-to-hue-950: var(--nu-green-950);
  --nu-to-hue-fg-light: var(--nu-green-900);
  --nu-to-hue-fg-dark: var(--nu-green-200);
  --nu-to-hue-muted-light: var(--nu-green-800);
  --nu-to-hue-muted-dark: var(--nu-green-300);
  --nu-to-hue-accent-light: var(--nu-accent-800);
  --nu-to-hue-solid: var(--nu-green-900);
  --nu-to-hue-solid-raised: var(--nu-green-800);
  --nu-to-hue-solid-top: var(--nu-green-700);
  --nu-to-hue-solid-line: var(--nu-green-950);
  --nu-to-hue-on-solid: #fff;
}
.nu\:to-hue-blue {
  --nu-to-hue-50: var(--nu-blue-50);
  --nu-to-hue-100: var(--nu-blue-100);
  --nu-to-hue-200: var(--nu-blue-200);
  --nu-to-hue-300: var(--nu-blue-300);
  --nu-to-hue-400: var(--nu-blue-400);
  --nu-to-hue-500: var(--nu-blue-500);
  --nu-to-hue-600: var(--nu-blue-600);
  --nu-to-hue-700: var(--nu-blue-700);
  --nu-to-hue-800: var(--nu-blue-800);
  --nu-to-hue-900: var(--nu-blue-900);
  --nu-to-hue-950: var(--nu-blue-950);
  --nu-to-hue-fg-light: var(--nu-blue-800);
  --nu-to-hue-fg-dark: var(--nu-blue-200);
  --nu-to-hue-muted-light: var(--nu-blue-700);
  --nu-to-hue-muted-dark: var(--nu-blue-300);
  --nu-to-hue-accent-light: var(--nu-accent-800);
  --nu-to-hue-solid: var(--nu-blue-800);
  --nu-to-hue-solid-raised: var(--nu-blue-700);
  --nu-to-hue-solid-top: var(--nu-blue-600);
  --nu-to-hue-solid-line: var(--nu-blue-900);
  --nu-to-hue-on-solid: #fff;
}
.nu\:to-hue-violet {
  --nu-to-hue-50: var(--nu-violet-50);
  --nu-to-hue-100: var(--nu-violet-100);
  --nu-to-hue-200: var(--nu-violet-200);
  --nu-to-hue-300: var(--nu-violet-300);
  --nu-to-hue-400: var(--nu-violet-400);
  --nu-to-hue-500: var(--nu-violet-500);
  --nu-to-hue-600: var(--nu-violet-600);
  --nu-to-hue-700: var(--nu-violet-700);
  --nu-to-hue-800: var(--nu-violet-800);
  --nu-to-hue-900: var(--nu-violet-900);
  --nu-to-hue-950: var(--nu-violet-950);
  --nu-to-hue-fg-light: var(--nu-violet-700);
  --nu-to-hue-fg-dark: var(--nu-violet-200);
  --nu-to-hue-muted-light: var(--nu-violet-600);
  --nu-to-hue-muted-dark: var(--nu-violet-300);
  --nu-to-hue-accent-light: var(--nu-accent-800);
  --nu-to-hue-solid: var(--nu-violet-800);
  --nu-to-hue-solid-raised: var(--nu-violet-700);
  --nu-to-hue-solid-top: var(--nu-violet-600);
  --nu-to-hue-solid-line: var(--nu-violet-900);
  --nu-to-hue-on-solid: #fff;
}
.nu\:to-hue-neutral {
  --nu-to-hue-50: var(--nu-neutral-50);
  --nu-to-hue-100: var(--nu-neutral-100);
  --nu-to-hue-200: var(--nu-neutral-200);
  --nu-to-hue-300: var(--nu-neutral-300);
  --nu-to-hue-400: var(--nu-neutral-400);
  --nu-to-hue-500: var(--nu-neutral-500);
  --nu-to-hue-600: var(--nu-neutral-600);
  --nu-to-hue-700: var(--nu-neutral-700);
  --nu-to-hue-800: var(--nu-neutral-800);
  --nu-to-hue-900: var(--nu-neutral-900);
  --nu-to-hue-950: var(--nu-neutral-950);
  --nu-to-hue-fg-light: var(--nu-neutral-700);
  --nu-to-hue-fg-dark: var(--nu-neutral-300);
  --nu-to-hue-muted-light: var(--nu-neutral-muted-light);
  --nu-to-hue-muted-dark: var(--nu-neutral-muted-dark);
  --nu-to-hue-accent-light: var(--nu-accent-700);
  --nu-to-hue-solid: var(--nu-neutral-800);
  --nu-to-hue-solid-raised: var(--nu-neutral-700);
  --nu-to-hue-solid-top: var(--nu-neutral-600);
  --nu-to-hue-solid-line: var(--nu-neutral-900);
  --nu-to-hue-on-solid: #fff;
}
.nu\:to-hue-brand {
  --nu-to-hue-50: var(--nu-brand-50);
  --nu-to-hue-100: var(--nu-brand-100);
  --nu-to-hue-200: var(--nu-brand-200);
  --nu-to-hue-300: var(--nu-brand-300);
  --nu-to-hue-400: var(--nu-brand-400);
  --nu-to-hue-500: var(--nu-brand-500);
  --nu-to-hue-600: var(--nu-brand-600);
  --nu-to-hue-700: var(--nu-brand-700);
  --nu-to-hue-800: var(--nu-brand-800);
  --nu-to-hue-900: var(--nu-brand-900);
  --nu-to-hue-950: var(--nu-brand-950);
  --nu-to-hue-fg-light: var(--nu-brand-900);
  --nu-to-hue-fg-dark: var(--nu-brand-200);
  --nu-to-hue-muted-light: var(--nu-brand-800);
  --nu-to-hue-muted-dark: var(--nu-brand-300);
  --nu-to-hue-accent-light: var(--nu-accent-800);
  --nu-to-hue-solid: var(--nu-brand-900);
  --nu-to-hue-solid-raised: var(--nu-brand-800);
  --nu-to-hue-solid-top: var(--nu-brand-700);
  --nu-to-hue-solid-line: var(--nu-brand-950);
  --nu-to-hue-on-solid: #fff;
}
.nu\:to-hue-accent {
  --nu-to-hue-50: var(--nu-accent-50);
  --nu-to-hue-100: var(--nu-accent-100);
  --nu-to-hue-200: var(--nu-accent-200);
  --nu-to-hue-300: var(--nu-accent-300);
  --nu-to-hue-400: var(--nu-accent-400);
  --nu-to-hue-500: var(--nu-accent-500);
  --nu-to-hue-600: var(--nu-accent-600);
  --nu-to-hue-700: var(--nu-accent-700);
  --nu-to-hue-800: var(--nu-accent-800);
  --nu-to-hue-900: var(--nu-accent-900);
  --nu-to-hue-950: var(--nu-accent-950);
  --nu-to-hue-fg-light: var(--nu-accent-900);
  --nu-to-hue-fg-dark: var(--nu-accent-200);
  --nu-to-hue-muted-light: var(--nu-accent-800);
  --nu-to-hue-muted-dark: var(--nu-accent-300);
  --nu-to-hue-accent-light: var(--nu-accent-800);
  --nu-to-hue-solid: var(--nu-accent-900);
  --nu-to-hue-solid-raised: var(--nu-accent-800);
  --nu-to-hue-solid-top: var(--nu-accent-700);
  --nu-to-hue-solid-line: var(--nu-accent-950);
  --nu-to-hue-on-solid: #fff;
}
.nu\:to-hue-success {
  --nu-to-hue-50: var(--nu-success-50);
  --nu-to-hue-100: var(--nu-success-100);
  --nu-to-hue-200: var(--nu-success-200);
  --nu-to-hue-300: var(--nu-success-300);
  --nu-to-hue-400: var(--nu-success-400);
  --nu-to-hue-500: var(--nu-success-500);
  --nu-to-hue-600: var(--nu-success-600);
  --nu-to-hue-700: var(--nu-success-700);
  --nu-to-hue-800: var(--nu-success-800);
  --nu-to-hue-900: var(--nu-success-900);
  --nu-to-hue-950: var(--nu-success-950);
  --nu-to-hue-fg-light: var(--nu-success-900);
  --nu-to-hue-fg-dark: var(--nu-success-200);
  --nu-to-hue-muted-light: var(--nu-success-800);
  --nu-to-hue-muted-dark: var(--nu-success-300);
  --nu-to-hue-accent-light: var(--nu-accent-800);
  --nu-to-hue-solid: var(--nu-success-900);
  --nu-to-hue-solid-raised: var(--nu-success-800);
  --nu-to-hue-solid-top: var(--nu-success-700);
  --nu-to-hue-solid-line: var(--nu-success-950);
  --nu-to-hue-on-solid: #fff;
}
.nu\:to-hue-danger {
  --nu-to-hue-50: var(--nu-danger-50);
  --nu-to-hue-100: var(--nu-danger-100);
  --nu-to-hue-200: var(--nu-danger-200);
  --nu-to-hue-300: var(--nu-danger-300);
  --nu-to-hue-400: var(--nu-danger-400);
  --nu-to-hue-500: var(--nu-danger-500);
  --nu-to-hue-600: var(--nu-danger-600);
  --nu-to-hue-700: var(--nu-danger-700);
  --nu-to-hue-800: var(--nu-danger-800);
  --nu-to-hue-900: var(--nu-danger-900);
  --nu-to-hue-950: var(--nu-danger-950);
  --nu-to-hue-fg-light: var(--nu-danger-800);
  --nu-to-hue-fg-dark: var(--nu-danger-200);
  --nu-to-hue-muted-light: var(--nu-danger-700);
  --nu-to-hue-muted-dark: var(--nu-danger-300);
  --nu-to-hue-accent-light: var(--nu-accent-800);
  --nu-to-hue-solid: var(--nu-danger-800);
  --nu-to-hue-solid-raised: var(--nu-danger-700);
  --nu-to-hue-solid-top: var(--nu-danger-600);
  --nu-to-hue-solid-line: var(--nu-danger-900);
  --nu-to-hue-on-solid: #fff;
}
.nu\:to-hue-warning {
  --nu-to-hue-50: var(--nu-warning-50);
  --nu-to-hue-100: var(--nu-warning-100);
  --nu-to-hue-200: var(--nu-warning-200);
  --nu-to-hue-300: var(--nu-warning-300);
  --nu-to-hue-400: var(--nu-warning-400);
  --nu-to-hue-500: var(--nu-warning-500);
  --nu-to-hue-600: var(--nu-warning-600);
  --nu-to-hue-700: var(--nu-warning-700);
  --nu-to-hue-800: var(--nu-warning-800);
  --nu-to-hue-900: var(--nu-warning-900);
  --nu-to-hue-950: var(--nu-warning-950);
  --nu-to-hue-fg-light: var(--nu-warning-800);
  --nu-to-hue-fg-dark: var(--nu-warning-200);
  --nu-to-hue-muted-light: var(--nu-warning-700);
  --nu-to-hue-muted-dark: var(--nu-warning-300);
  --nu-to-hue-accent-light: var(--nu-accent-800);
  --nu-to-hue-solid: var(--nu-warning-400);
  --nu-to-hue-solid-raised: var(--nu-warning-300);
  --nu-to-hue-solid-top: var(--nu-warning-200);
  --nu-to-hue-solid-line: var(--nu-warning-500);
  --nu-to-hue-on-solid: #000;
}
.nu\:to-hue-info {
  --nu-to-hue-50: var(--nu-info-50);
  --nu-to-hue-100: var(--nu-info-100);
  --nu-to-hue-200: var(--nu-info-200);
  --nu-to-hue-300: var(--nu-info-300);
  --nu-to-hue-400: var(--nu-info-400);
  --nu-to-hue-500: var(--nu-info-500);
  --nu-to-hue-600: var(--nu-info-600);
  --nu-to-hue-700: var(--nu-info-700);
  --nu-to-hue-800: var(--nu-info-800);
  --nu-to-hue-900: var(--nu-info-900);
  --nu-to-hue-950: var(--nu-info-950);
  --nu-to-hue-fg-light: var(--nu-info-800);
  --nu-to-hue-fg-dark: var(--nu-info-200);
  --nu-to-hue-muted-light: var(--nu-info-700);
  --nu-to-hue-muted-dark: var(--nu-info-300);
  --nu-to-hue-accent-light: var(--nu-accent-800);
  --nu-to-hue-solid: var(--nu-info-800);
  --nu-to-hue-solid-raised: var(--nu-info-700);
  --nu-to-hue-solid-top: var(--nu-info-600);
  --nu-to-hue-solid-line: var(--nu-info-900);
  --nu-to-hue-on-solid: #fff;
}
.nu\:to-shade-faint {
  --nu-to-color-page: light-dark(#fff, color-mix(in oklab, var(--nu-to-hue-950, var(--nu-hue-950)) 30%, #000));
  --nu-to-color-panel: light-dark(#fff, color-mix(in oklab, var(--nu-to-hue-950, var(--nu-hue-950)) 60%, #000));
  --nu-to-color-surface: light-dark(#fff, color-mix(in oklab, var(--nu-to-hue-950, var(--nu-hue-950)) 60%, #000));
  --nu-to-color-raised: light-dark(#fff, var(--nu-to-hue-950, var(--nu-hue-950)));
  --nu-to-color-line: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
  --nu-to-color-border: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
  --nu-to-color-fg: light-dark(var(--nu-to-hue-fg-light, var(--nu-hue-fg-light)), var(--nu-to-hue-fg-dark, var(--nu-hue-fg-dark)));
  --nu-to-color-strong: light-dark(var(--nu-to-hue-950, var(--nu-hue-950)), var(--nu-to-hue-50, var(--nu-hue-50)));
  --nu-to-color-muted: light-dark(var(--nu-to-hue-muted-light, var(--nu-hue-muted-light)), var(--nu-to-hue-muted-dark, var(--nu-hue-muted-dark)));
  --nu-to-color-faint: light-dark(var(--nu-to-hue-300, var(--nu-hue-300)), var(--nu-to-hue-700, var(--nu-hue-700)));
  --nu-to-color-accent: light-dark(var(--nu-to-hue-accent-light, var(--nu-hue-accent-light)), var(--nu-accent-400));
  --nu-to-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300));
  --nu-to-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-to-hue-50, var(--nu-hue-50))), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-to-hue-900, var(--nu-hue-900))));
  --nu-to-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400));
  --nu-to-color-danger-bg: color-mix(in oklab, var(--nu-to-color-danger) 10%, transparent);
  --nu-to-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400));
  --nu-to-color-brand-bg: color-mix(in oklab, var(--nu-to-color-brand) 10%, transparent);
  --nu-to-color-success: light-dark(var(--nu-success-800), var(--nu-success-400));
  --nu-to-color-success-bg: color-mix(in oklab, var(--nu-to-color-success) 10%, transparent);
  --nu-to-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400));
  --nu-to-color-warning-bg: color-mix(in oklab, var(--nu-to-color-warning) 10%, transparent);
  --nu-to-color-info: light-dark(var(--nu-info-800), var(--nu-info-400));
  --nu-to-color-info-bg: color-mix(in oklab, var(--nu-to-color-info) 10%, transparent);
  --nu-to-extrude-color: light-dark(var(--nu-to-hue-300, var(--nu-hue-300)), var(--nu-to-hue-900, var(--nu-hue-900)));
}
.nu\:to-shade-subtle {
  --nu-to-color-page: light-dark(var(--nu-to-hue-50, var(--nu-hue-50)), color-mix(in oklab, var(--nu-to-hue-950, var(--nu-hue-950)) 60%, #000));
  --nu-to-color-panel: light-dark(#fff, var(--nu-to-hue-950, var(--nu-hue-950)));
  --nu-to-color-surface: light-dark(#fff, var(--nu-to-hue-950, var(--nu-hue-950)));
  --nu-to-color-raised: light-dark(#fff, var(--nu-to-hue-900, var(--nu-hue-900)));
  --nu-to-color-line: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
  --nu-to-color-border: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
  --nu-to-color-fg: light-dark(var(--nu-to-hue-fg-light, var(--nu-hue-fg-light)), var(--nu-to-hue-fg-dark, var(--nu-hue-fg-dark)));
  --nu-to-color-strong: light-dark(var(--nu-to-hue-950, var(--nu-hue-950)), var(--nu-to-hue-50, var(--nu-hue-50)));
  --nu-to-color-muted: light-dark(var(--nu-to-hue-muted-light, var(--nu-hue-muted-light)), var(--nu-to-hue-muted-dark, var(--nu-hue-muted-dark)));
  --nu-to-color-faint: light-dark(var(--nu-to-hue-300, var(--nu-hue-300)), var(--nu-to-hue-700, var(--nu-hue-700)));
  --nu-to-color-accent: light-dark(var(--nu-to-hue-accent-light, var(--nu-hue-accent-light)), var(--nu-accent-400));
  --nu-to-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300));
  --nu-to-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-to-hue-50, var(--nu-hue-50))), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-to-hue-900, var(--nu-hue-900))));
  --nu-to-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400));
  --nu-to-color-danger-bg: color-mix(in oklab, var(--nu-to-color-danger) 10%, transparent);
  --nu-to-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400));
  --nu-to-color-brand-bg: color-mix(in oklab, var(--nu-to-color-brand) 10%, transparent);
  --nu-to-color-success: light-dark(var(--nu-success-800), var(--nu-success-400));
  --nu-to-color-success-bg: color-mix(in oklab, var(--nu-to-color-success) 10%, transparent);
  --nu-to-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400));
  --nu-to-color-warning-bg: color-mix(in oklab, var(--nu-to-color-warning) 10%, transparent);
  --nu-to-color-info: light-dark(var(--nu-info-800), var(--nu-info-400));
  --nu-to-color-info-bg: color-mix(in oklab, var(--nu-to-color-info) 10%, transparent);
  --nu-to-extrude-color: light-dark(var(--nu-to-hue-300, var(--nu-hue-300)), var(--nu-to-hue-900, var(--nu-hue-900)));
}
.nu\:to-shade-neutral {
  --nu-to-color-page: light-dark(var(--nu-to-hue-100, var(--nu-hue-100)), var(--nu-to-hue-950, var(--nu-hue-950)));
  --nu-to-color-panel: light-dark(var(--nu-to-hue-50, var(--nu-hue-50)), var(--nu-to-hue-900, var(--nu-hue-900)));
  --nu-to-color-surface: light-dark(var(--nu-to-hue-50, var(--nu-hue-50)), color-mix(in oklab, var(--nu-to-hue-900, var(--nu-hue-900)) 50%, var(--nu-to-hue-950, var(--nu-hue-950))));
  --nu-to-color-raised: light-dark(#fff, var(--nu-to-hue-800, var(--nu-hue-800)));
  --nu-to-color-line: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
  --nu-to-color-border: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
  --nu-to-color-fg: light-dark(var(--nu-to-hue-fg-light, var(--nu-hue-fg-light)), var(--nu-to-hue-fg-dark, var(--nu-hue-fg-dark)));
  --nu-to-color-strong: light-dark(var(--nu-to-hue-950, var(--nu-hue-950)), var(--nu-to-hue-50, var(--nu-hue-50)));
  --nu-to-color-muted: light-dark(var(--nu-to-hue-muted-light, var(--nu-hue-muted-light)), var(--nu-to-hue-muted-dark, var(--nu-hue-muted-dark)));
  --nu-to-color-faint: light-dark(var(--nu-to-hue-300, var(--nu-hue-300)), var(--nu-to-hue-700, var(--nu-hue-700)));
  --nu-to-color-accent: light-dark(var(--nu-to-hue-accent-light, var(--nu-hue-accent-light)), var(--nu-accent-400));
  --nu-to-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300));
  --nu-to-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-to-hue-50, var(--nu-hue-50))), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-to-hue-900, var(--nu-hue-900))));
  --nu-to-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400));
  --nu-to-color-danger-bg: color-mix(in oklab, var(--nu-to-color-danger) 10%, transparent);
  --nu-to-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400));
  --nu-to-color-brand-bg: color-mix(in oklab, var(--nu-to-color-brand) 10%, transparent);
  --nu-to-color-success: light-dark(var(--nu-success-800), var(--nu-success-400));
  --nu-to-color-success-bg: color-mix(in oklab, var(--nu-to-color-success) 10%, transparent);
  --nu-to-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400));
  --nu-to-color-warning-bg: color-mix(in oklab, var(--nu-to-color-warning) 10%, transparent);
  --nu-to-color-info: light-dark(var(--nu-info-800), var(--nu-info-400));
  --nu-to-color-info-bg: color-mix(in oklab, var(--nu-to-color-info) 10%, transparent);
  --nu-to-extrude-color: light-dark(var(--nu-to-hue-300, var(--nu-hue-300)), var(--nu-to-hue-900, var(--nu-hue-900)));
}
.nu\:to-shade-strong {
  --nu-to-color-page: light-dark(var(--nu-to-hue-200, var(--nu-hue-200)), var(--nu-to-hue-900, var(--nu-hue-900)));
  --nu-to-color-panel: light-dark(var(--nu-to-hue-100, var(--nu-hue-100)), var(--nu-to-hue-800, var(--nu-hue-800)));
  --nu-to-color-surface: light-dark(var(--nu-to-hue-100, var(--nu-hue-100)), color-mix(in oklab, var(--nu-to-hue-800, var(--nu-hue-800)) 50%, var(--nu-to-hue-900, var(--nu-hue-900))));
  --nu-to-color-raised: light-dark(var(--nu-to-hue-50, var(--nu-hue-50)), var(--nu-to-hue-700, var(--nu-hue-700)));
  --nu-to-color-line: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
  --nu-to-color-border: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
  --nu-to-color-fg: light-dark(var(--nu-to-hue-800, var(--nu-hue-800)), var(--nu-to-hue-50, var(--nu-hue-50)));
  --nu-to-color-strong: light-dark(var(--nu-to-hue-950, var(--nu-hue-950)), var(--nu-to-hue-50, var(--nu-hue-50)));
  --nu-to-color-muted: light-dark(var(--nu-to-hue-800, var(--nu-hue-800)), var(--nu-to-hue-200, var(--nu-hue-200)));
  --nu-to-color-faint: light-dark(var(--nu-to-hue-500, var(--nu-hue-500)), var(--nu-to-hue-500, var(--nu-hue-500)));
  --nu-to-color-accent: light-dark(var(--nu-accent-800), var(--nu-accent-300));
  --nu-to-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-100));
  --nu-to-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-to-hue-100, var(--nu-hue-100))), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-to-hue-900, var(--nu-hue-900))));
  --nu-to-color-danger: light-dark(var(--nu-danger-800), var(--nu-danger-300));
  --nu-to-color-danger-bg: color-mix(in oklab, var(--nu-to-color-danger) 10%, transparent);
  --nu-to-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-300));
  --nu-to-color-brand-bg: color-mix(in oklab, var(--nu-to-color-brand) 10%, transparent);
  --nu-to-color-success: light-dark(var(--nu-success-800), var(--nu-success-300));
  --nu-to-color-success-bg: color-mix(in oklab, var(--nu-to-color-success) 10%, transparent);
  --nu-to-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-300));
  --nu-to-color-warning-bg: color-mix(in oklab, var(--nu-to-color-warning) 10%, transparent);
  --nu-to-color-info: light-dark(var(--nu-info-800), var(--nu-info-300));
  --nu-to-color-info-bg: color-mix(in oklab, var(--nu-to-color-info) 10%, transparent);
  --nu-to-extrude-color: light-dark(var(--nu-to-hue-400, var(--nu-hue-400)), var(--nu-to-hue-700, var(--nu-hue-700)));
}
.nu\:to-shade-solid {
  --nu-to-color-page: var(--nu-to-hue-solid, var(--nu-hue-solid));
  --nu-to-color-panel: var(--nu-to-hue-solid-raised, var(--nu-hue-solid-raised));
  --nu-to-color-surface: var(--nu-to-hue-solid-raised, var(--nu-hue-solid-raised));
  --nu-to-color-raised: var(--nu-to-hue-solid-top, var(--nu-hue-solid-top));
  --nu-to-color-line: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) var(--nu-border-strength-line), var(--nu-to-hue-solid-raised, var(--nu-hue-solid-raised)));
  --nu-to-color-border: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) var(--nu-border-strength-control), var(--nu-to-hue-solid-raised, var(--nu-hue-solid-raised)));
  --nu-to-color-fg: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
  --nu-to-color-strong: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
  --nu-to-color-muted: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 80%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
  --nu-to-color-faint: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 45%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
  --nu-to-color-accent: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
  --nu-to-color-accent-strong: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
  --nu-to-color-accent-bg: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 15%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
  --nu-to-color-danger: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
  --nu-to-color-danger-bg: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 15%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
  --nu-to-color-brand: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
  --nu-to-color-brand-bg: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 15%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
  --nu-to-color-success: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
  --nu-to-color-success-bg: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 15%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
  --nu-to-color-warning: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
  --nu-to-color-warning-bg: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 15%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
  --nu-to-color-info: var(--nu-to-hue-on-solid, var(--nu-hue-on-solid));
  --nu-to-color-info-bg: color-mix(in oklab, var(--nu-to-hue-on-solid, var(--nu-hue-on-solid)) 15%, var(--nu-to-hue-solid, var(--nu-hue-solid)));
  --nu-to-extrude-color: var(--nu-to-hue-solid-line, var(--nu-hue-solid-line));
}
/* nu:pulse: the page's weight where no shade is around; the shades' scoped rules beat it */
:where(.nu\:pulse) {
  --nu-color-page: light-dark(var(--nu-hue-100), var(--nu-hue-950));
  --nu-color-panel: light-dark(var(--nu-hue-50), var(--nu-hue-900));
  --nu-color-chrome: var(--nu-color-panel);
  --nu-color-surface: light-dark(var(--nu-hue-50), color-mix(in oklab, var(--nu-hue-900) 50%, var(--nu-hue-950)));
  --nu-color-raised: light-dark(#fff, var(--nu-hue-800));
  --nu-color-line: color-mix(in oklab, var(--nu-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-color-page), var(--nu-color-raised)));
  --nu-color-border: color-mix(in oklab, var(--nu-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-color-page), var(--nu-color-raised)));
  --nu-color-fg: light-dark(var(--nu-hue-fg-light), var(--nu-hue-fg-dark));
  --nu-color-strong: light-dark(var(--nu-hue-950), var(--nu-hue-50));
  --nu-color-muted: light-dark(var(--nu-hue-muted-light), var(--nu-hue-muted-dark));
  --nu-color-faint: light-dark(var(--nu-hue-300), var(--nu-hue-700));
  --nu-color-accent: light-dark(var(--nu-hue-accent-light), var(--nu-accent-400));
  --nu-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300));
  --nu-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-hue-50)), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-hue-900)));
  --nu-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400));
  --nu-color-danger-bg: color-mix(in oklab, var(--nu-color-danger) 10%, transparent);
  --nu-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400));
  --nu-color-brand-bg: color-mix(in oklab, var(--nu-color-brand) 10%, transparent);
  --nu-color-success: light-dark(var(--nu-success-800), var(--nu-success-400));
  --nu-color-success-bg: color-mix(in oklab, var(--nu-color-success) 10%, transparent);
  --nu-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400));
  --nu-color-warning-bg: color-mix(in oklab, var(--nu-color-warning) 10%, transparent);
  --nu-color-info: light-dark(var(--nu-info-800), var(--nu-info-400));
  --nu-color-info-bg: color-mix(in oklab, var(--nu-color-info) 10%, transparent);
  --nu-color-scrollbar-thumb: color-mix(in oklab, var(--nu-color-faint) 65%, var(--nu-color-accent));
  --nu-extrude-1: calc(var(--nu-extrude-depth-1) * .2) calc(var(--nu-extrude-depth-1) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .4) calc(var(--nu-extrude-depth-1) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .6) calc(var(--nu-extrude-depth-1) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-1) * .8) calc(var(--nu-extrude-depth-1) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-1) var(--nu-extrude-depth-1) 0 var(--nu-extrude-color), var(--nu-elevation-1);
  --nu-extrude-2: calc(var(--nu-extrude-depth-2) * .2) calc(var(--nu-extrude-depth-2) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .4) calc(var(--nu-extrude-depth-2) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .6) calc(var(--nu-extrude-depth-2) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-2) * .8) calc(var(--nu-extrude-depth-2) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-2) var(--nu-extrude-depth-2) 0 var(--nu-extrude-color), var(--nu-elevation-2);
  --nu-extrude-3: calc(var(--nu-extrude-depth-3) * .2) calc(var(--nu-extrude-depth-3) * .2) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .4) calc(var(--nu-extrude-depth-3) * .4) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .6) calc(var(--nu-extrude-depth-3) * .6) 0 var(--nu-extrude-color), calc(var(--nu-extrude-depth-3) * .8) calc(var(--nu-extrude-depth-3) * .8) 0 var(--nu-extrude-color), var(--nu-extrude-depth-3) var(--nu-extrude-depth-3) 0 var(--nu-extrude-color), var(--nu-elevation-3);
  --nu-extrude-color: light-dark(var(--nu-hue-300), var(--nu-hue-900));
  --nu-shadow-popover: 0 0 0 var(--nu-border-width) var(--nu-color-line), var(--nu-elevation-3);
  --nu-border: var(--nu-border-width) var(--nu-border-style) var(--nu-border-color);
  --nu-border-color: var(--nu-color-line);
  --nu-border-control: var(--nu-border-width) var(--nu-border-style) var(--nu-color-border);
  --nu-separator: var(--nu-separator-width) var(--nu-separator-style) var(--nu-separator-color);
  --nu-separator-color: var(--nu-color-line);
  --nu-focus-ring: 2px solid var(--nu-color-accent);
  --nu-from-color-page: light-dark(var(--nu-hue-100), var(--nu-hue-950));
  --nu-from-color-panel: light-dark(var(--nu-hue-50), var(--nu-hue-900));
  --nu-from-color-surface: light-dark(var(--nu-hue-50), color-mix(in oklab, var(--nu-hue-900) 50%, var(--nu-hue-950)));
  --nu-from-color-raised: light-dark(#fff, var(--nu-hue-800));
  --nu-from-color-line: color-mix(in oklab, var(--nu-from-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-from-color-page), var(--nu-from-color-raised)));
  --nu-from-color-border: color-mix(in oklab, var(--nu-from-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-from-color-page), var(--nu-from-color-raised)));
  --nu-from-color-fg: light-dark(var(--nu-hue-fg-light), var(--nu-hue-fg-dark));
  --nu-from-color-strong: light-dark(var(--nu-hue-950), var(--nu-hue-50));
  --nu-from-color-muted: light-dark(var(--nu-hue-muted-light), var(--nu-hue-muted-dark));
  --nu-from-color-faint: light-dark(var(--nu-hue-300), var(--nu-hue-700));
  --nu-from-color-accent: light-dark(var(--nu-hue-accent-light), var(--nu-accent-400));
  --nu-from-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300));
  --nu-from-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-hue-50)), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-hue-900)));
  --nu-from-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400));
  --nu-from-color-danger-bg: color-mix(in oklab, var(--nu-from-color-danger) 10%, transparent);
  --nu-from-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400));
  --nu-from-color-brand-bg: color-mix(in oklab, var(--nu-from-color-brand) 10%, transparent);
  --nu-from-color-success: light-dark(var(--nu-success-800), var(--nu-success-400));
  --nu-from-color-success-bg: color-mix(in oklab, var(--nu-from-color-success) 10%, transparent);
  --nu-from-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400));
  --nu-from-color-warning-bg: color-mix(in oklab, var(--nu-from-color-warning) 10%, transparent);
  --nu-from-color-info: light-dark(var(--nu-info-800), var(--nu-info-400));
  --nu-from-color-info-bg: color-mix(in oklab, var(--nu-from-color-info) 10%, transparent);
  --nu-from-extrude-color: light-dark(var(--nu-hue-300), var(--nu-hue-900));
  --nu-to-color-page: light-dark(var(--nu-to-hue-100, var(--nu-hue-100)), var(--nu-to-hue-950, var(--nu-hue-950)));
  --nu-to-color-panel: light-dark(var(--nu-to-hue-50, var(--nu-hue-50)), var(--nu-to-hue-900, var(--nu-hue-900)));
  --nu-to-color-surface: light-dark(var(--nu-to-hue-50, var(--nu-hue-50)), color-mix(in oklab, var(--nu-to-hue-900, var(--nu-hue-900)) 50%, var(--nu-to-hue-950, var(--nu-hue-950))));
  --nu-to-color-raised: light-dark(#fff, var(--nu-to-hue-800, var(--nu-hue-800)));
  --nu-to-color-line: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-line), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
  --nu-to-color-border: color-mix(in oklab, var(--nu-to-color-fg) var(--nu-border-strength-control), light-dark(var(--nu-to-color-page), var(--nu-to-color-raised)));
  --nu-to-color-fg: light-dark(var(--nu-to-hue-fg-light, var(--nu-hue-fg-light)), var(--nu-to-hue-fg-dark, var(--nu-hue-fg-dark)));
  --nu-to-color-strong: light-dark(var(--nu-to-hue-950, var(--nu-hue-950)), var(--nu-to-hue-50, var(--nu-hue-50)));
  --nu-to-color-muted: light-dark(var(--nu-to-hue-muted-light, var(--nu-hue-muted-light)), var(--nu-to-hue-muted-dark, var(--nu-hue-muted-dark)));
  --nu-to-color-faint: light-dark(var(--nu-to-hue-300, var(--nu-hue-300)), var(--nu-to-hue-700, var(--nu-hue-700)));
  --nu-to-color-accent: light-dark(var(--nu-to-hue-accent-light, var(--nu-hue-accent-light)), var(--nu-accent-400));
  --nu-to-color-accent-strong: light-dark(var(--nu-accent-800), var(--nu-accent-300));
  --nu-to-color-accent-bg: light-dark(color-mix(in oklab, var(--nu-accent-500) 18%, var(--nu-to-hue-50, var(--nu-hue-50))), color-mix(in oklab, var(--nu-accent-500) 22%, var(--nu-to-hue-900, var(--nu-hue-900))));
  --nu-to-color-danger: light-dark(var(--nu-danger-700), var(--nu-danger-400));
  --nu-to-color-danger-bg: color-mix(in oklab, var(--nu-to-color-danger) 10%, transparent);
  --nu-to-color-brand: light-dark(var(--nu-brand-800), var(--nu-brand-400));
  --nu-to-color-brand-bg: color-mix(in oklab, var(--nu-to-color-brand) 10%, transparent);
  --nu-to-color-success: light-dark(var(--nu-success-800), var(--nu-success-400));
  --nu-to-color-success-bg: color-mix(in oklab, var(--nu-to-color-success) 10%, transparent);
  --nu-to-color-warning: light-dark(var(--nu-warning-800), var(--nu-warning-400));
  --nu-to-color-warning-bg: color-mix(in oklab, var(--nu-to-color-warning) 10%, transparent);
  --nu-to-color-info: light-dark(var(--nu-info-800), var(--nu-info-400));
  --nu-to-color-info-bg: color-mix(in oklab, var(--nu-to-color-info) 10%, transparent);
  --nu-to-extrude-color: light-dark(var(--nu-to-hue-300, var(--nu-hue-300)), var(--nu-to-hue-900, var(--nu-hue-900)));
}
@property --nu-pulse { syntax: "<number>"; inherits: false; initial-value: 0; }
@keyframes nu-pulse { to { --nu-pulse: 1; } }
.nu\:pulse {
  animation: nu-pulse var(--nu-pulse-duration) ease-in-out infinite alternate;
  --nu-color-page: color-mix(in oklab, var(--nu-from-color-page), var(--nu-to-color-page) calc(var(--nu-pulse) * 100%));
  --nu-color-panel: color-mix(in oklab, var(--nu-from-color-panel), var(--nu-to-color-panel) calc(var(--nu-pulse) * 100%));
  --nu-color-surface: color-mix(in oklab, var(--nu-from-color-surface), var(--nu-to-color-surface) calc(var(--nu-pulse) * 100%));
  --nu-color-raised: color-mix(in oklab, var(--nu-from-color-raised), var(--nu-to-color-raised) calc(var(--nu-pulse) * 100%));
  --nu-color-line: color-mix(in oklab, var(--nu-from-color-line), var(--nu-to-color-line) calc(var(--nu-pulse) * 100%));
  --nu-color-border: color-mix(in oklab, var(--nu-from-color-border), var(--nu-to-color-border) calc(var(--nu-pulse) * 100%));
  --nu-color-fg: color-mix(in oklab, var(--nu-from-color-fg), var(--nu-to-color-fg) calc(var(--nu-pulse) * 100%));
  --nu-color-strong: color-mix(in oklab, var(--nu-from-color-strong), var(--nu-to-color-strong) calc(var(--nu-pulse) * 100%));
  --nu-color-muted: color-mix(in oklab, var(--nu-from-color-muted), var(--nu-to-color-muted) calc(var(--nu-pulse) * 100%));
  --nu-color-faint: color-mix(in oklab, var(--nu-from-color-faint), var(--nu-to-color-faint) calc(var(--nu-pulse) * 100%));
  --nu-color-accent: color-mix(in oklab, var(--nu-from-color-accent), var(--nu-to-color-accent) calc(var(--nu-pulse) * 100%));
  --nu-color-accent-strong: color-mix(in oklab, var(--nu-from-color-accent-strong), var(--nu-to-color-accent-strong) calc(var(--nu-pulse) * 100%));
  --nu-color-accent-bg: color-mix(in oklab, var(--nu-from-color-accent-bg), var(--nu-to-color-accent-bg) calc(var(--nu-pulse) * 100%));
  --nu-color-danger: color-mix(in oklab, var(--nu-from-color-danger), var(--nu-to-color-danger) calc(var(--nu-pulse) * 100%));
  --nu-color-danger-bg: color-mix(in oklab, var(--nu-from-color-danger-bg), var(--nu-to-color-danger-bg) calc(var(--nu-pulse) * 100%));
  --nu-color-brand: color-mix(in oklab, var(--nu-from-color-brand), var(--nu-to-color-brand) calc(var(--nu-pulse) * 100%));
  --nu-color-brand-bg: color-mix(in oklab, var(--nu-from-color-brand-bg), var(--nu-to-color-brand-bg) calc(var(--nu-pulse) * 100%));
  --nu-color-success: color-mix(in oklab, var(--nu-from-color-success), var(--nu-to-color-success) calc(var(--nu-pulse) * 100%));
  --nu-color-success-bg: color-mix(in oklab, var(--nu-from-color-success-bg), var(--nu-to-color-success-bg) calc(var(--nu-pulse) * 100%));
  --nu-color-warning: color-mix(in oklab, var(--nu-from-color-warning), var(--nu-to-color-warning) calc(var(--nu-pulse) * 100%));
  --nu-color-warning-bg: color-mix(in oklab, var(--nu-from-color-warning-bg), var(--nu-to-color-warning-bg) calc(var(--nu-pulse) * 100%));
  --nu-color-info: color-mix(in oklab, var(--nu-from-color-info), var(--nu-to-color-info) calc(var(--nu-pulse) * 100%));
  --nu-color-info-bg: color-mix(in oklab, var(--nu-from-color-info-bg), var(--nu-to-color-info-bg) calc(var(--nu-pulse) * 100%));
  --nu-extrude-color: color-mix(in oklab, var(--nu-from-extrude-color), var(--nu-to-extrude-color) calc(var(--nu-pulse) * 100%));
}
@media (prefers-reduced-motion: reduce) {
  .nu\:pulse { animation: none; }
}

/* Colors are light-dark() pairs; the scheme picks the side. <html data-theme> forces one (lib/theme.js in @nocksock/ui). */
:root {
  color-scheme: light dark;
}
:root[data-theme="light"] {
  color-scheme: light;
}
:root[data-theme="dark"] {
  color-scheme: dark;
}

/* Every scroller reads --nu-color-scrollbar-* and --nu-scrollbar-width, on each element:
   inherited from :root, scrollbar-color would be resolved there, so a nu:hue or nu:shade
   region would keep the page's thumb. Shadow parts inherit their host's colours;
   scrollbar-width isn't inherited, so an element's shadow scroller sets it itself. */
:where(*) {
  scrollbar-color: var(--nu-color-scrollbar-thumb) var(--nu-color-scrollbar-track);
  scrollbar-width: var(--nu-scrollbar-width);
}

/* Every --nu-duration transition stops animating; elements need no override of their own.
   :root:root because a theme's :root block comes after tokens.css and would win at equal specificity. */
@media (prefers-reduced-motion: reduce) {
  :root:root {
    --nu-duration: 0s;
  }
}