{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "theme",
  "title": "Ninaero theme",
  "description": "Shared light and dark tokens with Ninaero squircle Button styling.",
  "dependencies": [
    "shadcn@^4.21.4",
    "tw-animate-css@^1.4.0"
  ],
  "registryDependencies": [
    "https://ninaero.pages.dev/r/font-google-sans-flex.json",
    "https://ninaero.pages.dev/r/font-google-sans-code.json"
  ],
  "cssVars": {
    "theme": {
      "shadow-flat": "0 0 #0000",
      "shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "font-heading": "var(--font-sans)",
      "font-sans": "'Google Sans Flex Variable', ui-sans-serif, system-ui, sans-serif",
      "font-mono": "'Google Sans Code Variable', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
      "color-sidebar-ring": "var(--sidebar-ring)",
      "color-sidebar-border": "var(--sidebar-border)",
      "color-sidebar-accent-foreground": "var(--sidebar-accent-foreground)",
      "color-sidebar-accent": "var(--sidebar-accent)",
      "color-sidebar-primary-foreground": "var(--sidebar-primary-foreground)",
      "color-sidebar-primary": "var(--sidebar-primary)",
      "color-sidebar-foreground": "var(--sidebar-foreground)",
      "color-sidebar": "var(--sidebar)",
      "color-chart-5": "var(--chart-5)",
      "color-chart-4": "var(--chart-4)",
      "color-chart-3": "var(--chart-3)",
      "color-chart-2": "var(--chart-2)",
      "color-chart-1": "var(--chart-1)",
      "color-ring": "var(--ring)",
      "color-input": "var(--input)",
      "color-border": "var(--border)",
      "color-destructive": "var(--destructive)",
      "color-accent-foreground": "var(--accent-foreground)",
      "color-accent": "var(--accent)",
      "color-muted-foreground": "var(--muted-foreground)",
      "color-muted": "var(--muted)",
      "color-secondary-foreground": "var(--secondary-foreground)",
      "color-secondary": "var(--secondary)",
      "color-primary-foreground": "var(--primary-foreground)",
      "color-primary": "var(--primary)",
      "color-popover-foreground": "var(--popover-foreground)",
      "color-popover": "var(--popover)",
      "color-card-foreground": "var(--card-foreground)",
      "color-card": "var(--card)",
      "color-foreground": "var(--foreground)",
      "color-background": "var(--background)",
      "radius-sm": "calc(var(--radius) * 0.6)",
      "radius-md": "calc(var(--radius) * 0.8)",
      "radius-lg": "var(--radius)",
      "radius-xl": "calc(var(--radius) * 1.4)",
      "radius-2xl": "calc(var(--radius) * 1.8)",
      "radius-3xl": "calc(var(--radius) * 2.2)",
      "radius-4xl": "calc(var(--radius) * 2.6)"
    },
    "light": {
      "background": "oklch(1 0 0)",
      "neutral-border": "#e8e8e8",
      "neutral-input": "#b8b8b8",
      "input-edge": "#c8c8c8",
      "input-fill": "oklch(0.975 0 0)",
      "input-placeholder": "oklch(0.5 0 0)",
      "input-disabled-fill": "var(--muted)",
      "tabs-track-fill": "#ededed",
      "tabs-active-fill": "#f6f6f6",
      "tabs-active-top": "#ffffff",
      "tabs-active-bottom": "#e1e1e1",
      "tabs-active-edge": "#777777",
      "tabs-active-highlight": "#ffffff80",
      "tabs-hover-fill": "#e3e3e3",
      "tabs-ink": "#575757",
      "recess-shade-weight": "6%",
      "recess-highlight-weight": "35%",
      "foreground": "oklch(0.145 0 0)",
      "display-ink-top": "oklch(0.32 0 0)",
      "display-ink-bottom": "oklch(0.22 0 0)",
      "display-ink-shadow": "#00000014",
      "card": "oklch(1 0 0)",
      "card-foreground": "oklch(0.145 0 0)",
      "popover": "var(--card)",
      "dialog-fill-shade": "color-mix(in oklab, var(--popover) 98%, black)",
      "dialog-highlight": "#ffffffb3",
      "dialog-shade": "#0000000d",
      "tooltip-scanline-ink": "color-mix(in oklab, var(--background) 7%, transparent)",
      "popover-foreground": "var(--card-foreground)",
      "secondary": "oklch(0.97 0 0)",
      "secondary-foreground": "oklch(0.205 0 0)",
      "muted": "oklch(0.97 0 0)",
      "muted-foreground": "oklch(0.556 0 0)",
      "destructive": "#b02f1e",
      "chart-1": "oklch(0.87 0 0)",
      "chart-2": "oklch(0.556 0 0)",
      "chart-3": "oklch(0.439 0 0)",
      "chart-4": "oklch(0.371 0 0)",
      "chart-5": "oklch(0.269 0 0)",
      "radius": "0.625rem",
      "field-height": "2.25rem",
      "field-padding-inline": "1rem",
      "sidebar": "oklch(0.985 0 0)",
      "sidebar-foreground": "oklch(0.145 0 0)",
      "button-primary-fill": "#b9e9f5",
      "button-primary-hover": "#a2dfef",
      "button-primary-pressed": "#8dd4e6",
      "button-primary-ink": "#123846",
      "button-primary-edge": "#3a8197",
      "button-link-ink": "#17677d",
      "button-focus": "#006d89",
      "accent-soft": "#e6f4f8",
      "glass-mark-rim-0": "#3a8197",
      "glass-mark-rim-50": "#367a8f",
      "glass-mark-rim-100": "#337387",
      "glass-mark-face-0": "#a2dfef",
      "glass-mark-face-50": "#98d9ea",
      "glass-mark-face-100": "#8dd4e6",
      "primary": "var(--button-primary-fill)",
      "primary-foreground": "var(--button-primary-ink)",
      "accent": "var(--accent-soft)",
      "accent-foreground": "var(--button-link-ink)",
      "ring": "var(--button-focus)",
      "border": "var(--neutral-border)",
      "input": "var(--neutral-input)",
      "sidebar-border": "var(--neutral-border)",
      "sidebar-primary": "var(--button-primary-fill)",
      "sidebar-primary-foreground": "var(--button-primary-ink)",
      "sidebar-accent": "var(--accent-soft)",
      "sidebar-accent-foreground": "var(--button-link-ink)",
      "sidebar-ring": "var(--button-focus)",
      "button-paper-fill": "#f8f8f8",
      "button-paper-edge": "#c5c5c5",
      "button-outline-edge": "#c8c8c8",
      "button-paper-hover": "#eeeeee",
      "button-paper-ink": "#383838",
      "button-paper-text-shadow": "0 1px 0 #ffffffb3",
      "control-label-text-shadow": "0 0.5px 0 #ffffff80",
      "button-paper-pressed": "#e3e3e3",
      "button-paper-highlight": "#ffffffa6",
      "button-paper-shade": "#3333330d",
      "button-destructive-fill": "#ffd9cd",
      "button-destructive-hover": "#ffcab9",
      "button-destructive-pressed": "#f5b3a0",
      "button-destructive-ink": "#7e291b",
      "button-destructive-edge": "#c25038",
      "button-destructive-highlight": "#ffffff66",
      "button-destructive-shade": "#5a1b0a14",
      "button-highlight": "#ffffff80",
      "shadow-surface": "var(--background)",
      "shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
      "paper-fill": "#f9f9f9",
      "paper-rule": "#79797914",
      "paper-dot": "#79797929",
      "paper-rule-strong": "#79797940",
      "paper-notebook-mask": "url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0%206H120%20M0%2012H120%20M0%2018H120%20M0%2024H120%20M0%2030H120%20M0%2036H120%20M0%2042H120%20M0%2048H120%20M0%2054H120%20M0%2060H120%20M0%2066H120%20M0%2072H120%20M0%2078H120%20M0%2084H120%20M0%2090H120%20M0%2096H120%20M0%20102H120%20M0%20108H120%20M0%20114H120%22%20stroke%3D%22white%22%20stroke-opacity%3D%220.3125%22%20stroke-width%3D%221%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20d%3D%22M0%200H120V120H0Z%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20d%3D%22M0%200h0%20M120%200h0%20M0%20120h0%20M120%20120h0%22%20stroke%3D%22white%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E\")",
      "dither-mask": "url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20shape-rendering%3D%22crispEdges%22%3E%3Cpath%20d%3D%22M0%200L8%208M8%200L0%208%22%20stroke%3D%22white%22%20stroke-width%3D%221%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E\")",
      "overlay-flipnote-mask": "url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22white%22%20shape-rendering%3D%22crispEdges%22%3E%3Cpath%20d%3D%22M0%200h1v1H0z%20M4%201h1v1H4z%20M2%203h1v1H2z%20M6%203h1v1H6z%20M1%205h1v1H1z%20M5%205h1v1H5z%20M3%207h1v1H3z%20M7%207h1v1H7z%22%2F%3E%3C%2Fsvg%3E\")",
      "overlay-dots-mask": "url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22white%22%3E%3Ccircle%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%220.75%22%2F%3E%3C%2Fsvg%3E\")",
      "overlay-checker-mask": "conic-gradient(black 25%, transparent 0 50%, black 0 75%, transparent 0)",
      "ninaero-overlay-blend-mode": "multiply",
      "ninaero-overlay-opacity": "0.06",
      "ninaero-overlay-coverage": "0.5",
      "ninaero-overlay-compensation": "1"
    },
    "dark": {
      "background": "oklch(0.145 0 0)",
      "neutral-border": "#303030",
      "neutral-input": "#555555",
      "input-edge": "#454545",
      "input-fill": "oklch(0.18 0 0)",
      "input-placeholder": "var(--muted-foreground)",
      "input-disabled-fill": "var(--input-fill)",
      "tabs-track-fill": "#242424",
      "tabs-active-fill": "#3a3a3a",
      "tabs-active-top": "#454545",
      "tabs-active-bottom": "#2e2e2e",
      "tabs-active-edge": "#aaaaaa",
      "tabs-active-highlight": "#ffffff1a",
      "tabs-hover-fill": "#303030",
      "tabs-ink": "#b5b5b5",
      "recess-shade-weight": "12%",
      "recess-highlight-weight": "7%",
      "foreground": "oklch(0.985 0 0)",
      "display-ink-top": "oklch(0.985 0 0)",
      "display-ink-bottom": "oklch(0.88 0 0)",
      "display-ink-shadow": "#00000040",
      "card": "oklch(0.205 0 0)",
      "card-foreground": "oklch(0.985 0 0)",
      "popover": "var(--card)",
      "dialog-fill-shade": "color-mix(in oklab, var(--popover) 92%, black)",
      "dialog-highlight": "#ffffff0d",
      "dialog-shade": "#00000040",
      "tooltip-scanline-ink": "color-mix(in oklab, var(--background) 3%, transparent)",
      "popover-foreground": "var(--card-foreground)",
      "secondary": "oklch(0.269 0 0)",
      "secondary-foreground": "oklch(0.985 0 0)",
      "muted": "oklch(0.269 0 0)",
      "muted-foreground": "oklch(0.708 0 0)",
      "destructive": "#ff9b83",
      "chart-1": "oklch(0.87 0 0)",
      "chart-2": "oklch(0.556 0 0)",
      "chart-3": "oklch(0.439 0 0)",
      "chart-4": "oklch(0.371 0 0)",
      "chart-5": "oklch(0.269 0 0)",
      "sidebar": "oklch(0.205 0 0)",
      "sidebar-foreground": "oklch(0.985 0 0)",
      "button-primary-fill": "#79cfe5",
      "button-primary-hover": "#96def0",
      "button-primary-pressed": "#62b9d0",
      "button-primary-ink": "#102d3a",
      "button-primary-edge": "#a0e3f2",
      "button-link-ink": "#8adef2",
      "button-focus": "#7ce1f6",
      "accent-soft": "#203e48",
      "glass-mark-rim-0": "#a0e3f2",
      "glass-mark-rim-50": "#97d7e5",
      "glass-mark-rim-100": "#8fcbd9",
      "glass-mark-face-0": "#96def0",
      "glass-mark-face-50": "#7ccbe0",
      "glass-mark-face-100": "#62b9d0",
      "primary": "var(--button-primary-fill)",
      "primary-foreground": "var(--button-primary-ink)",
      "accent": "var(--accent-soft)",
      "accent-foreground": "var(--button-link-ink)",
      "ring": "var(--button-focus)",
      "border": "var(--neutral-border)",
      "input": "var(--neutral-input)",
      "sidebar-border": "var(--neutral-border)",
      "sidebar-primary": "var(--button-primary-fill)",
      "sidebar-primary-foreground": "var(--button-primary-ink)",
      "sidebar-accent": "var(--accent-soft)",
      "sidebar-accent-foreground": "var(--button-link-ink)",
      "sidebar-ring": "var(--button-focus)",
      "button-paper-fill": "#343434",
      "button-paper-edge": "#555555",
      "button-outline-edge": "#454545",
      "button-paper-hover": "#454545",
      "button-paper-ink": "#efefef",
      "button-paper-text-shadow": "0 1px 1px #00000066",
      "control-label-text-shadow": "0 0.5px 0.5px #00000059",
      "button-paper-pressed": "#2e2e2e",
      "button-paper-highlight": "#ffffff0d",
      "button-paper-shade": "#00000040",
      "button-destructive-fill": "#ffa088",
      "button-destructive-hover": "#ffb39d",
      "button-destructive-pressed": "#ed8b73",
      "button-destructive-ink": "#35160f",
      "button-destructive-edge": "#ffc5b5",
      "button-destructive-highlight": "#ffffff1a",
      "button-destructive-shade": "#00000040",
      "button-highlight": "#ffffff33",
      "shadow-surface": "var(--background)",
      "shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
      "paper-fill": "#232323",
      "paper-rule": "#cecece0f",
      "paper-dot": "#cecece24",
      "paper-rule-strong": "#cecece30",
      "ninaero-overlay-blend-mode": "screen"
    }
  },
  "css": {
    "[data-accent=\"tidepool\"]": {
      "--button-primary-fill": "#b9e9f5",
      "--button-primary-hover": "#a2dfef",
      "--button-primary-pressed": "#8dd4e6",
      "--button-primary-ink": "#123846",
      "--button-primary-edge": "#3a8197",
      "--button-link-ink": "#17677d",
      "--button-focus": "#006d89",
      "--accent-soft": "#e6f4f8",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#3a8197",
      "--glass-mark-rim-50": "#367a8f",
      "--glass-mark-rim-100": "#337387",
      "--glass-mark-face-0": "#a2dfef",
      "--glass-mark-face-50": "#98d9ea",
      "--glass-mark-face-100": "#8dd4e6"
    },
    ".dark[data-accent=\"tidepool\"], .dark [data-accent=\"tidepool\"]": {
      "--button-primary-fill": "#79cfe5",
      "--button-primary-hover": "#96def0",
      "--button-primary-pressed": "#62b9d0",
      "--button-primary-ink": "#102d3a",
      "--button-primary-edge": "#a0e3f2",
      "--button-link-ink": "#8adef2",
      "--button-focus": "#7ce1f6",
      "--accent-soft": "#203e48",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#a0e3f2",
      "--glass-mark-rim-50": "#97d7e5",
      "--glass-mark-rim-100": "#8fcbd9",
      "--glass-mark-face-0": "#96def0",
      "--glass-mark-face-50": "#7ccbe0",
      "--glass-mark-face-100": "#62b9d0"
    },
    "[data-accent=\"aurora\"]": {
      "--button-primary-fill": "#ccd5f5",
      "--button-primary-hover": "#b7c5ef",
      "--button-primary-pressed": "#a4b5e5",
      "--button-primary-ink": "#26345b",
      "--button-primary-edge": "#6575a6",
      "--button-link-ink": "#40558b",
      "--button-focus": "#4057a0",
      "--accent-soft": "#edf0fc",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#6575a6",
      "--glass-mark-rim-50": "#5f6e9d",
      "--glass-mark-rim-100": "#5a6894",
      "--glass-mark-face-0": "#b7c5ef",
      "--glass-mark-face-50": "#adbdea",
      "--glass-mark-face-100": "#a4b5e5"
    },
    ".dark[data-accent=\"aurora\"], .dark [data-accent=\"aurora\"]": {
      "--button-primary-fill": "#a9baf0",
      "--button-primary-hover": "#c0cdf8",
      "--button-primary-pressed": "#92a6e3",
      "--button-primary-ink": "#182039",
      "--button-primary-edge": "#c6d1f8",
      "--button-link-ink": "#bdccfa",
      "--button-focus": "#c1cfff",
      "--accent-soft": "#2b3451",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#c6d1f8",
      "--glass-mark-rim-50": "#bbc6eb",
      "--glass-mark-rim-100": "#b1bbde",
      "--glass-mark-face-0": "#c0cdf8",
      "--glass-mark-face-50": "#a9b9ee",
      "--glass-mark-face-100": "#92a6e3"
    },
    "[data-accent=\"lavender\"]": {
      "--button-primary-fill": "#e2d4ef",
      "--button-primary-hover": "#d6c3e7",
      "--button-primary-pressed": "#c8b2dc",
      "--button-primary-ink": "#453052",
      "--button-primary-edge": "#8b6a9e",
      "--button-link-ink": "#715080",
      "--button-focus": "#76518b",
      "--accent-soft": "#f5effa",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#8b6a9e",
      "--glass-mark-rim-50": "#836495",
      "--glass-mark-rim-100": "#7c5e8d",
      "--glass-mark-face-0": "#d6c3e7",
      "--glass-mark-face-50": "#cfbae2",
      "--glass-mark-face-100": "#c8b2dc"
    },
    ".dark[data-accent=\"lavender\"], .dark [data-accent=\"lavender\"]": {
      "--button-primary-fill": "#cbb1e1",
      "--button-primary-hover": "#dcc6ed",
      "--button-primary-pressed": "#b89bd2",
      "--button-primary-ink": "#281b32",
      "--button-primary-edge": "#e3ccf5",
      "--button-link-ink": "#dfc7ef",
      "--button-focus": "#e4ccfa",
      "--accent-soft": "#3d2f49",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#e3ccf5",
      "--glass-mark-rim-50": "#d7c1e8",
      "--glass-mark-rim-100": "#cbb6db",
      "--glass-mark-face-0": "#dcc6ed",
      "--glass-mark-face-50": "#cab0e0",
      "--glass-mark-face-100": "#b89bd2"
    },
    "[data-accent=\"slate\"]": {
      "--button-primary-fill": "#d8e1e9",
      "--button-primary-hover": "#c6d3de",
      "--button-primary-pressed": "#b5c5d3",
      "--button-primary-ink": "#2d3b49",
      "--button-primary-edge": "#6b7d8c",
      "--button-link-ink": "#4c6275",
      "--button-focus": "#4c647a",
      "--accent-soft": "#eef2f6",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#6b7d8c",
      "--glass-mark-rim-50": "#657684",
      "--glass-mark-rim-100": "#5f6f7d",
      "--glass-mark-face-0": "#c6d3de",
      "--glass-mark-face-50": "#bdccd8",
      "--glass-mark-face-100": "#b5c5d3"
    },
    ".dark[data-accent=\"slate\"], .dark [data-accent=\"slate\"]": {
      "--button-primary-fill": "#b3c6d7",
      "--button-primary-hover": "#c9d8e5",
      "--button-primary-pressed": "#9bb3c8",
      "--button-primary-ink": "#19252e",
      "--button-primary-edge": "#d4e2ee",
      "--button-link-ink": "#c9dbe9",
      "--button-focus": "#d0e6f8",
      "--accent-soft": "#303f4c",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#d4e2ee",
      "--glass-mark-rim-50": "#c9d6e1",
      "--glass-mark-rim-100": "#becad5",
      "--glass-mark-face-0": "#c9d8e5",
      "--glass-mark-face-50": "#b2c5d6",
      "--glass-mark-face-100": "#9bb3c8"
    },
    "[data-accent=\"lagoon\"]": {
      "--button-primary-fill": "#b6e8db",
      "--button-primary-hover": "#9fddcd",
      "--button-primary-pressed": "#86cfbd",
      "--button-primary-ink": "#153e36",
      "--button-primary-edge": "#3c8172",
      "--button-link-ink": "#216c5c",
      "--button-focus": "#147663",
      "--accent-soft": "#e5f6f0",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#3c8172",
      "--glass-mark-rim-50": "#387a6b",
      "--glass-mark-rim-100": "#357365",
      "--glass-mark-face-0": "#9fddcd",
      "--glass-mark-face-50": "#93d6c5",
      "--glass-mark-face-100": "#86cfbd"
    },
    ".dark[data-accent=\"lagoon\"], .dark [data-accent=\"lagoon\"]": {
      "--button-primary-fill": "#7cd4bf",
      "--button-primary-hover": "#9de3d1",
      "--button-primary-pressed": "#61bea7",
      "--button-primary-ink": "#102f28",
      "--button-primary-edge": "#a7e8d7",
      "--button-link-ink": "#9be5d0",
      "--button-focus": "#8ce8cf",
      "--accent-soft": "#203f36",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#a7e8d7",
      "--glass-mark-rim-50": "#9edccb",
      "--glass-mark-rim-100": "#95d0c0",
      "--glass-mark-face-0": "#9de3d1",
      "--glass-mark-face-50": "#80d0bc",
      "--glass-mark-face-100": "#61bea7"
    },
    "[data-accent=\"sky\"]": {
      "--button-primary-fill": "#8bbce2",
      "--button-primary-hover": "#7eb1d9",
      "--button-primary-pressed": "#78acd5",
      "--button-primary-ink": "#15314a",
      "--button-primary-edge": "#487da6",
      "--button-link-ink": "#2d608b",
      "--button-focus": "#28689a",
      "--accent-soft": "#e8f1f9",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#487da6",
      "--glass-mark-rim-50": "#43769d",
      "--glass-mark-rim-100": "#3f6f94",
      "--glass-mark-face-0": "#7eb1d9",
      "--glass-mark-face-50": "#7baed7",
      "--glass-mark-face-100": "#78acd5"
    },
    ".dark[data-accent=\"sky\"], .dark [data-accent=\"sky\"]": {
      "--button-primary-fill": "#7fb2dc",
      "--button-primary-hover": "#96c3e5",
      "--button-primary-pressed": "#7bafd8",
      "--button-primary-ink": "#102538",
      "--button-primary-edge": "#9bc6e7",
      "--button-link-ink": "#a4cdea",
      "--button-focus": "#97c9ed",
      "--accent-soft": "#263b4d",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#9bc6e7",
      "--glass-mark-rim-50": "#92bbdb",
      "--glass-mark-rim-100": "#8ab1cf",
      "--glass-mark-face-0": "#96c3e5",
      "--glass-mark-face-50": "#89b9df",
      "--glass-mark-face-100": "#7bafd8"
    },
    "[data-accent=\"blossom\"]": {
      "--button-primary-fill": "#f1cee7",
      "--button-primary-hover": "#e8b8da",
      "--button-primary-pressed": "#dda1cc",
      "--button-primary-ink": "#50253f",
      "--button-primary-edge": "#9a5882",
      "--button-link-ink": "#824065",
      "--button-focus": "#8b4070",
      "--accent-soft": "#faedf6",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#9a5882",
      "--glass-mark-rim-50": "#91537b",
      "--glass-mark-rim-100": "#894e74",
      "--glass-mark-face-0": "#e8b8da",
      "--glass-mark-face-50": "#e3acd3",
      "--glass-mark-face-100": "#dda1cc"
    },
    ".dark[data-accent=\"blossom\"], .dark [data-accent=\"blossom\"]": {
      "--button-primary-fill": "#e4a8d1",
      "--button-primary-hover": "#f0bfdf",
      "--button-primary-pressed": "#d28fbd",
      "--button-primary-ink": "#2d1523",
      "--button-primary-edge": "#f2c9e4",
      "--button-link-ink": "#f1bedf",
      "--button-focus": "#f5c3e8",
      "--accent-soft": "#482c3f",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#f2c9e4",
      "--glass-mark-rim-50": "#e5bed8",
      "--glass-mark-rim-100": "#d9b4cc",
      "--glass-mark-face-0": "#f0bfdf",
      "--glass-mark-face-50": "#e1a7ce",
      "--glass-mark-face-100": "#d28fbd"
    },
    "[data-accent=\"lime\"]": {
      "--button-primary-fill": "#96c56b",
      "--button-primary-hover": "#86b75b",
      "--button-primary-pressed": "#79aa4f",
      "--button-primary-ink": "#162d0d",
      "--button-primary-edge": "#4b7d3b",
      "--button-link-ink": "#3f6b2d",
      "--button-focus": "#477735",
      "--accent-soft": "#eef5e5",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#4b7d3b",
      "--glass-mark-rim-50": "#467637",
      "--glass-mark-rim-100": "#426f34",
      "--glass-mark-face-0": "#86b75b",
      "--glass-mark-face-50": "#7fb055",
      "--glass-mark-face-100": "#79aa4f"
    },
    ".dark[data-accent=\"lime\"], .dark [data-accent=\"lime\"]": {
      "--button-primary-fill": "#98c56b",
      "--button-primary-hover": "#acd383",
      "--button-primary-pressed": "#88b65d",
      "--button-primary-ink": "#12260c",
      "--button-primary-edge": "#b4d78f",
      "--button-link-ink": "#b6d995",
      "--button-focus": "#acd586",
      "--accent-soft": "#2e3d26",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#b4d78f",
      "--glass-mark-rim-50": "#aacb87",
      "--glass-mark-rim-100": "#a1c07f",
      "--glass-mark-face-0": "#acd383",
      "--glass-mark-face-50": "#9ac470",
      "--glass-mark-face-100": "#88b65d"
    },
    "[data-accent=\"anemone\"]": {
      "--button-primary-fill": "#f1b274",
      "--button-primary-hover": "#e8a461",
      "--button-primary-pressed": "#dd9854",
      "--button-primary-ink": "#3b200d",
      "--button-primary-edge": "#a85b24",
      "--button-link-ink": "#854414",
      "--button-focus": "#a35117",
      "--accent-soft": "#fff0df",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#a85b24",
      "--glass-mark-rim-50": "#9f5621",
      "--glass-mark-rim-100": "#96511f",
      "--glass-mark-face-0": "#e8a461",
      "--glass-mark-face-50": "#e29e5b",
      "--glass-mark-face-100": "#dd9854"
    },
    ".dark[data-accent=\"anemone\"], .dark [data-accent=\"anemone\"]": {
      "--button-primary-fill": "#ecad70",
      "--button-primary-hover": "#f3bf8b",
      "--button-primary-pressed": "#df9e60",
      "--button-primary-ink": "#241307",
      "--button-primary-edge": "#ffc58c",
      "--button-link-ink": "#ffbd80",
      "--button-focus": "#ffb96d",
      "--accent-soft": "#4b311e",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#ffc58c",
      "--glass-mark-rim-50": "#f1ba84",
      "--glass-mark-rim-100": "#e4b07d",
      "--glass-mark-face-0": "#f3bf8b",
      "--glass-mark-face-50": "#e9ae76",
      "--glass-mark-face-100": "#df9e60"
    },
    "[data-accent=\"sunflower\"]": {
      "--button-primary-fill": "#efd16a",
      "--button-primary-hover": "#e5c254",
      "--button-primary-pressed": "#d9b744",
      "--button-primary-ink": "#493715",
      "--button-primary-edge": "#93742c",
      "--button-link-ink": "#76581e",
      "--button-focus": "#876626",
      "--accent-soft": "#fbf6df",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#93742c",
      "--glass-mark-rim-50": "#8b6d29",
      "--glass-mark-rim-100": "#836726",
      "--glass-mark-face-0": "#e5c254",
      "--glass-mark-face-50": "#dfbc4c",
      "--glass-mark-face-100": "#d9b744"
    },
    ".dark[data-accent=\"sunflower\"], .dark [data-accent=\"sunflower\"]": {
      "--button-primary-fill": "#e6cc76",
      "--button-primary-hover": "#efdc95",
      "--button-primary-pressed": "#d3b85f",
      "--button-primary-ink": "#30250e",
      "--button-primary-edge": "#f0dda0",
      "--button-link-ink": "#ecda99",
      "--button-focus": "#efdb8c",
      "--accent-soft": "#423923",
      "--primary": "var(--button-primary-fill)",
      "--primary-foreground": "var(--button-primary-ink)",
      "--accent": "var(--accent-soft)",
      "--accent-foreground": "var(--button-link-ink)",
      "--ring": "var(--button-focus)",
      "--border": "var(--neutral-border)",
      "--input": "var(--neutral-input)",
      "--sidebar-border": "var(--neutral-border)",
      "--sidebar-primary": "var(--button-primary-fill)",
      "--sidebar-primary-foreground": "var(--button-primary-ink)",
      "--sidebar-accent": "var(--accent-soft)",
      "--sidebar-accent-foreground": "var(--button-link-ink)",
      "--sidebar-ring": "var(--button-focus)",
      "--glass-mark-rim-0": "#f0dda0",
      "--glass-mark-rim-50": "#e3d197",
      "--glass-mark-rim-100": "#d7c68f",
      "--glass-mark-face-0": "#efdc95",
      "--glass-mark-face-50": "#e1ca7b",
      "--glass-mark-face-100": "#d3b85f"
    },
    "@utility ninaero-paper-ruled": {
      "--ninaero-paper-step": "1.5rem",
      "--shadow-surface": "var(--paper-fill)",
      "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
      "--shadow-flat": "0 0 #0000",
      "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "background-color": "var(--paper-fill)",
      "background-image": "repeating-linear-gradient(transparent 0 calc(var(--ninaero-paper-step) - 1px), var(--ninaero-pattern-ink, var(--paper-rule)) calc(var(--ninaero-paper-step) - 1px) var(--ninaero-paper-step))",
      "@media (forced-colors: active)": {
        "background-image": "none",
        "background-color": "Canvas"
      }
    },
    "@utility ninaero-paper-ruled-*": {
      "--ninaero-paper-step": "max(1px, calc(--value(number, [number]) * 1px))",
      "--shadow-surface": "var(--paper-fill)",
      "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
      "--shadow-flat": "0 0 #0000",
      "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "background-color": "var(--paper-fill)",
      "background-image": "repeating-linear-gradient(transparent 0 calc(var(--ninaero-paper-step) - 1px), var(--ninaero-pattern-ink, var(--paper-rule)) calc(var(--ninaero-paper-step) - 1px) var(--ninaero-paper-step))",
      "@media (forced-colors: active)": {
        "background-image": "none",
        "background-color": "Canvas"
      }
    },
    "@utility ninaero-paper-dotted": {
      "--ninaero-paper-step": "16px",
      "--shadow-surface": "var(--paper-fill)",
      "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
      "--shadow-flat": "0 0 #0000",
      "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "background-color": "var(--paper-fill)",
      "background-image": "radial-gradient(circle, var(--ninaero-pattern-ink, var(--paper-dot)) 1px, transparent 1px)",
      "background-size": "var(--ninaero-paper-step) var(--ninaero-paper-step)",
      "@media (forced-colors: active)": {
        "background-image": "none",
        "background-color": "Canvas"
      }
    },
    "@utility ninaero-paper-dotted-*": {
      "--ninaero-paper-step": "max(1px, calc(--value(number, [number]) * 1px))",
      "--shadow-surface": "var(--paper-fill)",
      "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
      "--shadow-flat": "0 0 #0000",
      "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "background-color": "var(--paper-fill)",
      "background-image": "radial-gradient(circle, var(--ninaero-pattern-ink, var(--paper-dot)) 1px, transparent 1px)",
      "background-size": "var(--ninaero-paper-step) var(--ninaero-paper-step)",
      "@media (forced-colors: active)": {
        "background-image": "none",
        "background-color": "Canvas"
      }
    },
    "@utility ninaero-paper-grid": {
      "--ninaero-paper-step": "24px",
      "--shadow-surface": "var(--paper-fill)",
      "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
      "--shadow-flat": "0 0 #0000",
      "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "background-color": "var(--paper-fill)",
      "background-image": "linear-gradient(var(--ninaero-pattern-ink, var(--paper-rule)) 1px, transparent 1px), linear-gradient(90deg, var(--ninaero-pattern-ink, var(--paper-rule)) 1px, transparent 1px)",
      "background-size": "var(--ninaero-paper-step) var(--ninaero-paper-step)",
      "@media (forced-colors: active)": {
        "background-image": "none",
        "background-color": "Canvas"
      }
    },
    "@utility ninaero-paper-grid-*": {
      "--ninaero-paper-step": "max(1px, calc(--value(number, [number]) * 1px))",
      "--shadow-surface": "var(--paper-fill)",
      "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
      "--shadow-flat": "0 0 #0000",
      "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "background-color": "var(--paper-fill)",
      "background-image": "linear-gradient(var(--ninaero-pattern-ink, var(--paper-rule)) 1px, transparent 1px), linear-gradient(90deg, var(--ninaero-pattern-ink, var(--paper-rule)) 1px, transparent 1px)",
      "background-size": "var(--ninaero-paper-step) var(--ninaero-paper-step)",
      "@media (forced-colors: active)": {
        "background-image": "none",
        "background-color": "Canvas"
      }
    },
    "@utility ninaero-paper-notebook": {
      "--ninaero-paper-step": "6px",
      "--shadow-surface": "var(--paper-fill)",
      "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
      "--shadow-flat": "0 0 #0000",
      "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "background-color": "var(--paper-fill)",
      "--ninaero-notebook-size": "calc(var(--ninaero-paper-step) * 20)",
      "position": "relative",
      "isolation": "isolate",
      "&::before": {
        "content": "\"\"",
        "position": "absolute",
        "inset": "0",
        "z-index": "-1",
        "pointer-events": "none",
        "border-radius": "inherit",
        "corner-shape": "inherit",
        "background-color": "var(--ninaero-pattern-ink, var(--paper-rule-strong))",
        "mask-image": "var(--paper-notebook-mask)",
        "mask-mode": "alpha",
        "mask-size": "var(--ninaero-notebook-size) var(--ninaero-notebook-size)",
        "mask-repeat": "repeat",
        "@media (forced-colors: active)": {
          "display": "none"
        }
      },
      "@media (forced-colors: active)": {
        "background-image": "none",
        "background-color": "Canvas"
      }
    },
    "@utility ninaero-paper-notebook-*": {
      "--ninaero-paper-step": "max(1px, calc(--value(number, [number]) * 1px))",
      "--shadow-surface": "var(--paper-fill)",
      "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
      "--shadow-flat": "0 0 #0000",
      "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
      "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
      "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
      "background-color": "var(--paper-fill)",
      "--ninaero-notebook-size": "calc(var(--ninaero-paper-step) * 20)",
      "position": "relative",
      "isolation": "isolate",
      "&::before": {
        "content": "\"\"",
        "position": "absolute",
        "inset": "0",
        "z-index": "-1",
        "pointer-events": "none",
        "border-radius": "inherit",
        "corner-shape": "inherit",
        "background-color": "var(--ninaero-pattern-ink, var(--paper-rule-strong))",
        "mask-image": "var(--paper-notebook-mask)",
        "mask-mode": "alpha",
        "mask-size": "var(--ninaero-notebook-size) var(--ninaero-notebook-size)",
        "mask-repeat": "repeat",
        "@media (forced-colors: active)": {
          "display": "none"
        }
      },
      "@media (forced-colors: active)": {
        "background-image": "none",
        "background-color": "Canvas"
      }
    },
    "@utility ninaero-pattern-ink-*": {
      "--ninaero-pattern-ink": "--value(--color-*, \"transparent\", [color])",
      "&": {
        "--ninaero-pattern-ink": "--alpha(--value(--color-*, \"transparent\", [color]) / calc(--modifier(number) * 1%))",
        "&": {
          "--ninaero-pattern-ink": "--alpha(--value(--color-*, \"transparent\", [color]) / --modifier([number], [percentage]))"
        }
      }
    },
    "@utility ninaero-checker": {
      "--ninaero-checker-step": "12px",
      "background-image": "conic-gradient(var(--ninaero-pattern-ink, var(--paper-rule)) 25%, transparent 0 50%, var(--ninaero-pattern-ink, var(--paper-rule)) 0 75%, transparent 0)",
      "background-size": "calc(var(--ninaero-checker-step) * 2) calc(var(--ninaero-checker-step) * 2)",
      "@media (forced-colors: active)": {
        "background-image": "none"
      }
    },
    "@utility ninaero-checker-*": {
      "--ninaero-checker-step": "max(1px, calc(--value(number, [number]) * 1px))",
      "background-image": "conic-gradient(var(--ninaero-pattern-ink, var(--paper-rule)) 25%, transparent 0 50%, var(--ninaero-pattern-ink, var(--paper-rule)) 0 75%, transparent 0)",
      "background-size": "calc(var(--ninaero-checker-step) * 2) calc(var(--ninaero-checker-step) * 2)",
      "@media (forced-colors: active)": {
        "background-image": "none"
      }
    },
    "@utility ninaero-checker-wide": {
      "--ninaero-checker-step": "12px",
      "background-image": "conic-gradient(var(--ninaero-pattern-ink, var(--paper-rule)) 25%, transparent 0 50%, var(--ninaero-pattern-ink, var(--paper-rule)) 0 75%, transparent 0)",
      "background-size": "calc(var(--ninaero-checker-step) * 4) calc(var(--ninaero-checker-step) * 2)",
      "@media (forced-colors: active)": {
        "background-image": "none"
      }
    },
    "@utility ninaero-checker-wide-*": {
      "--ninaero-checker-step": "max(1px, calc(--value(number, [number]) * 1px))",
      "background-image": "conic-gradient(var(--ninaero-pattern-ink, var(--paper-rule)) 25%, transparent 0 50%, var(--ninaero-pattern-ink, var(--paper-rule)) 0 75%, transparent 0)",
      "background-size": "calc(var(--ninaero-checker-step) * 4) calc(var(--ninaero-checker-step) * 2)",
      "@media (forced-colors: active)": {
        "background-image": "none"
      }
    },
    "@utility ninaero-dither": {
      "--ninaero-dither-step": "8px",
      "position": "relative",
      "isolation": "isolate",
      "&::before": {
        "content": "\"\"",
        "position": "absolute",
        "inset": "0",
        "z-index": "-1",
        "pointer-events": "none",
        "border-radius": "inherit",
        "corner-shape": "inherit",
        "background-color": "var(--ninaero-pattern-ink, var(--paper-rule-strong))",
        "mask-image": "var(--dither-mask)",
        "mask-mode": "alpha",
        "mask-size": "var(--ninaero-dither-step) var(--ninaero-dither-step)",
        "mask-repeat": "repeat",
        "@media (forced-colors: active)": {
          "display": "none"
        }
      }
    },
    "@utility ninaero-dither-*": {
      "--ninaero-dither-step": "max(1px, calc(--value(number, [number]) * 1px))",
      "position": "relative",
      "isolation": "isolate",
      "&::before": {
        "content": "\"\"",
        "position": "absolute",
        "inset": "0",
        "z-index": "-1",
        "pointer-events": "none",
        "border-radius": "inherit",
        "corner-shape": "inherit",
        "background-color": "var(--ninaero-pattern-ink, var(--paper-rule-strong))",
        "mask-image": "var(--dither-mask)",
        "mask-mode": "alpha",
        "mask-size": "var(--ninaero-dither-step) var(--ninaero-dither-step)",
        "mask-repeat": "repeat",
        "@media (forced-colors: active)": {
          "display": "none"
        }
      }
    },
    "@utility ninaero-overlay-dither": {
      "isolation": "isolate",
      "@supports (color: color(from red srgb r g b)) and (opacity: calc(1px / 1px)) and (color: if(style(--ninaero-overlay-blend-mode: multiply): red))": {
        "--ninaero-overlay-compensated-channel": "if(style(--ninaero-overlay-blend-mode: multiply): clamp(0, 2 * r / max(0.000001, 1 - alpha + alpha * 2 * g), 1); style(--ninaero-overlay-blend-mode: screen): clamp(0, (2 * r - alpha * 2 * g) / max(0.000001, 1 - alpha * 2 * g), 1); style(--ninaero-overlay-blend-mode: normal): clamp(0, (2 * r - alpha * 2 * g) / max(0.000001, 1 - alpha), 1); else: calc(2 * r))",
        "--ninaero-overlay-effective-opacity": "calc(clamp(0, var(--ninaero-overlay-opacity), 1) * clamp(0, var(--ninaero-overlay-coverage), 1) * clamp(0, var(--ninaero-overlay-compensation), 1))",
        "--ninaero-overlay-background": "color(from color(from color-mix(in srgb, color(from var(--background) srgb r 0 0) 50%, color(from var(--foreground) srgb 0 g 0)) srgb r g b / var(--ninaero-overlay-effective-opacity)) srgb var(--ninaero-overlay-compensated-channel) var(--ninaero-overlay-compensated-channel) var(--ninaero-overlay-compensated-channel) / 1)",
        "--ninaero-overlay-card": "color(from color(from color-mix(in srgb, color(from var(--card) srgb r 0 0) 50%, color(from var(--foreground) srgb 0 g 0)) srgb r g b / var(--ninaero-overlay-effective-opacity)) srgb var(--ninaero-overlay-compensated-channel) var(--ninaero-overlay-compensated-channel) var(--ninaero-overlay-compensated-channel) / 1)",
        "--ninaero-overlay-muted": "color(from color(from color-mix(in srgb, color(from var(--muted) srgb r 0 0) 50%, color(from var(--foreground) srgb 0 g 0)) srgb r g b / var(--ninaero-overlay-effective-opacity)) srgb var(--ninaero-overlay-compensated-channel) var(--ninaero-overlay-compensated-channel) var(--ninaero-overlay-compensated-channel) / 1)",
        "&:where(body)": {
          "background-color": "var(--ninaero-overlay-background)"
        }
      },
      "@media (forced-colors: active), print": {
        "--ninaero-overlay-compensation": "0"
      },
      "&::after": {
        "content": "\"\"",
        "position": "fixed",
        "inset": "0",
        "z-index": "0",
        "pointer-events": "none",
        "user-select": "none",
        "background-color": "var(--foreground)",
        "mix-blend-mode": "var(--ninaero-overlay-blend-mode)",
        "mask-image": "var(--ninaero-overlay-pattern, var(--overlay-checker-mask))",
        "mask-mode": "alpha",
        "mask-size": "var(--ninaero-overlay-size, var(--ninaero-overlay-tile, 2px)) var(--ninaero-overlay-size, var(--ninaero-overlay-tile, 2px))",
        "mask-repeat": "repeat",
        "opacity": "var(--ninaero-overlay-opacity)",
        "@media (forced-colors: active)": {
          "display": "none"
        },
        "@media print": {
          "display": "none"
        }
      }
    },
    "body.ninaero-overlay-dither:has(.ninaero-dialog-overlay)": {
      "--ninaero-overlay-blend-mode": "normal"
    },
    "@utility ninaero-overlay-dots": {
      "--ninaero-overlay-pattern": "var(--overlay-dots-mask)",
      "--ninaero-overlay-tile": "4px",
      "--ninaero-overlay-coverage": "clamp(0, calc(pi * pow(0.75px / var(--ninaero-overlay-size, var(--ninaero-overlay-tile)), 2)), 1)"
    },
    "@utility ninaero-overlay-lines": {
      "--ninaero-overlay-pattern": "linear-gradient(45deg, black 12.5%, transparent 0 50%, black 0 62.5%, transparent 0)",
      "--ninaero-overlay-tile": "4px",
      "--ninaero-overlay-coverage": "0.25"
    },
    "@utility ninaero-overlay-flipnote": {
      "--ninaero-overlay-pattern": "var(--overlay-flipnote-mask)",
      "--ninaero-overlay-tile": "8px",
      "--ninaero-overlay-coverage": "0.125"
    },
    ".ninaero-syntax-token": {
      "color": "var(--n-p0)",
      "font-style": "normal",
      "@media (forced-colors: active)": {
        "color": "CanvasText !important"
      }
    },
    ".dark .ninaero-syntax-token": {
      "color": "var(--n-p1)"
    },
    "[data-accent=\"tidepool\"] .ninaero-syntax-token": {
      "color": "var(--n-p0)"
    },
    ".dark[data-accent=\"tidepool\"] .ninaero-syntax-token, .dark [data-accent=\"tidepool\"] .ninaero-syntax-token": {
      "color": "var(--n-p1)"
    },
    "[data-accent=\"aurora\"] .ninaero-syntax-token": {
      "color": "var(--n-p2)"
    },
    ".dark[data-accent=\"aurora\"] .ninaero-syntax-token, .dark [data-accent=\"aurora\"] .ninaero-syntax-token": {
      "color": "var(--n-p3)"
    },
    "[data-accent=\"lavender\"] .ninaero-syntax-token": {
      "color": "var(--n-p4)"
    },
    ".dark[data-accent=\"lavender\"] .ninaero-syntax-token, .dark [data-accent=\"lavender\"] .ninaero-syntax-token": {
      "color": "var(--n-p5)"
    },
    "[data-accent=\"slate\"] .ninaero-syntax-token": {
      "color": "var(--n-p6)"
    },
    ".dark[data-accent=\"slate\"] .ninaero-syntax-token, .dark [data-accent=\"slate\"] .ninaero-syntax-token": {
      "color": "var(--n-p7)"
    },
    "[data-accent=\"lagoon\"] .ninaero-syntax-token": {
      "color": "var(--n-p8)"
    },
    ".dark[data-accent=\"lagoon\"] .ninaero-syntax-token, .dark [data-accent=\"lagoon\"] .ninaero-syntax-token": {
      "color": "var(--n-p9)"
    },
    "[data-accent=\"sky\"] .ninaero-syntax-token": {
      "color": "var(--n-p10)"
    },
    ".dark[data-accent=\"sky\"] .ninaero-syntax-token, .dark [data-accent=\"sky\"] .ninaero-syntax-token": {
      "color": "var(--n-p11)"
    },
    "[data-accent=\"blossom\"] .ninaero-syntax-token": {
      "color": "var(--n-p12)"
    },
    ".dark[data-accent=\"blossom\"] .ninaero-syntax-token, .dark [data-accent=\"blossom\"] .ninaero-syntax-token": {
      "color": "var(--n-p13)"
    },
    "[data-accent=\"lime\"] .ninaero-syntax-token": {
      "color": "var(--n-p14)"
    },
    ".dark[data-accent=\"lime\"] .ninaero-syntax-token, .dark [data-accent=\"lime\"] .ninaero-syntax-token": {
      "color": "var(--n-p15)"
    },
    "[data-accent=\"anemone\"] .ninaero-syntax-token": {
      "color": "var(--n-p16)"
    },
    ".dark[data-accent=\"anemone\"] .ninaero-syntax-token, .dark [data-accent=\"anemone\"] .ninaero-syntax-token": {
      "color": "var(--n-p17)"
    },
    "[data-accent=\"sunflower\"] .ninaero-syntax-token": {
      "color": "var(--n-p18)"
    },
    ".dark[data-accent=\"sunflower\"] .ninaero-syntax-token, .dark [data-accent=\"sunflower\"] .ninaero-syntax-token": {
      "color": "var(--n-p19)"
    },
    "@utility type-display": {
      "@apply font-[650] leading-[1.15] tracking-[-0.025em]": {}
    },
    "@utility ninaero-display-ink": {
      "background-image": "linear-gradient(to bottom in oklab, var(--display-ink-top), var(--display-ink-bottom))",
      "background-clip": "text",
      "color": "transparent",
      "filter": "drop-shadow(0 1px 1px var(--display-ink-shadow))",
      "&::selection": {
        "background-color": "var(--accent)",
        "color": "var(--accent-foreground)"
      },
      "@media (forced-colors: active)": {
        "background-image": "none",
        "color": "CanvasText",
        "filter": "none",
        "&::selection": {
          "background-color": "Highlight",
          "color": "HighlightText"
        }
      }
    },
    "@utility type-heading": {
      "@apply font-[650] leading-[1.25] tracking-[-0.015em]": {}
    },
    "@utility type-title": {
      "@apply font-[650] leading-[1.375] tracking-[-0.01em]": {}
    },
    "@utility type-body": {
      "@apply font-normal leading-normal tracking-normal": {}
    },
    "@utility type-prose": {
      "@apply font-normal leading-relaxed tracking-normal": {}
    },
    "@utility type-label": {
      "@apply font-[550] leading-5 tracking-normal": {}
    },
    "@utility type-caption": {
      "@apply font-normal leading-4 tracking-normal": {}
    },
    "@layer base": {
      "*": {
        "@apply border-border outline-ring/50": {},
        "--ninaero-material-shadow": "initial",
        "--ninaero-focus-outline": "initial"
      },
      "@media (forced-colors: none)": {
        "::selection": {
          "background-color": "var(--accent)",
          "color": "var(--accent-foreground)"
        }
      },
      "body": {
        "@apply bg-background text-foreground": {}
      },
      "html": {
        "@apply font-sans type-body antialiased": {},
        "font-family": "var(--font-sans)",
        "font-variation-settings": "\"ROND\" 100"
      }
    },
    "@layer utilities": {
      ":focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]):not(.ninaero-select-item):not(.ninaero-dropdown-menu-item):not(.ninaero-dropdown-menu-content):not([data-slot=input-group-control]):not([data-slot=input-otp]):not([data-slot=slider-thumb] input):not([data-slot=combobox-chips] input):not([data-slot=questionnaire-choice] input), .ninaero-input-group:has(> [data-slot=input-group-control]:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=combobox-chips]:has(input:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=questionnaire-choice]:has(input:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), .ninaero-slider-thumb:has(:focus-visible):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=input-otp-slot][data-active=true]:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=combobox-item][data-highlighted]:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=command]:focus-within [data-slot=command-item][data-selected=true]:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])": {
        "--ninaero-focus-edge-top": "color-mix(in oklab, var(--ring), white 15%)",
        "outline": "1px solid var(--ninaero-focus-outline, var(--ring))",
        "outline-offset": "3px",
        "--tw-ring-shadow": "0 0 #0000",
        "--tw-ring-offset-shadow": "0 0 #0000",
        "box-shadow": "var(--ninaero-material-shadow, var(--tw-shadow, 0 0 #0000)), 0 0 0 4px color-mix(in oklab, var(--ring) 12%, transparent), 0 0 14px 2px color-mix(in oklab, var(--ring) 18%, transparent)"
      },
      "@media (forced-colors: none)": {
        "@supports (mask-composite: exclude)": {
          ":is(.ninaero-button, .ninaero-toggle, .ninaero-tabs-trigger, .ninaero-select-trigger, [data-slot=checkbox], [data-slot=radio-group-item], [data-slot=switch], [data-slot=accordion-trigger], [data-slot=navigation-menu-trigger], [data-slot=navigation-menu-link], [data-slot=menubar-trigger], [data-slot=menubar-sub-trigger], [data-slot=dropdown-menu-item], [data-slot=dropdown-menu-sub-trigger], [data-slot=dropdown-menu-checkbox-item], [data-slot=dropdown-menu-radio-item], [data-slot=context-menu-item], [data-slot=context-menu-sub-trigger], [data-slot=context-menu-checkbox-item], [data-slot=context-menu-radio-item], [data-slot=menubar-item], [data-slot=menubar-checkbox-item], [data-slot=menubar-radio-item], [data-slot=combobox-item], [data-slot=command-item], [data-slot=input-otp-slot], [data-slot=combobox-chips], [data-slot=questionnaire-choice]):is(:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]):not(.ninaero-select-item):not(.ninaero-dropdown-menu-item):not(.ninaero-dropdown-menu-content):not([data-slot=input-group-control]):not([data-slot=input-otp]):not([data-slot=slider-thumb] input):not([data-slot=combobox-chips] input):not([data-slot=questionnaire-choice] input), .ninaero-input-group:has(> [data-slot=input-group-control]:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=combobox-chips]:has(input:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=questionnaire-choice]:has(input:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), .ninaero-slider-thumb:has(:focus-visible):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=input-otp-slot][data-active=true]:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=combobox-item][data-highlighted]:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=command]:focus-within [data-slot=command-item][data-selected=true]:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not([aria-invalid=true]):not([data-invalid]):not(:has([aria-invalid=true]))": {
            "--ninaero-focus-outline": "transparent"
          },
          ":is(.ninaero-button, .ninaero-toggle, .ninaero-tabs-trigger, .ninaero-select-trigger, [data-slot=checkbox], [data-slot=radio-group-item], [data-slot=switch], [data-slot=accordion-trigger], [data-slot=navigation-menu-trigger], [data-slot=navigation-menu-link], [data-slot=menubar-trigger], [data-slot=menubar-sub-trigger], [data-slot=dropdown-menu-item], [data-slot=dropdown-menu-sub-trigger], [data-slot=dropdown-menu-checkbox-item], [data-slot=dropdown-menu-radio-item], [data-slot=context-menu-item], [data-slot=context-menu-sub-trigger], [data-slot=context-menu-checkbox-item], [data-slot=context-menu-radio-item], [data-slot=menubar-item], [data-slot=menubar-checkbox-item], [data-slot=menubar-radio-item], [data-slot=combobox-item], [data-slot=command-item], [data-slot=input-otp-slot], [data-slot=combobox-chips], [data-slot=questionnaire-choice]):is(:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]):not(.ninaero-select-item):not(.ninaero-dropdown-menu-item):not(.ninaero-dropdown-menu-content):not([data-slot=input-group-control]):not([data-slot=input-otp]):not([data-slot=slider-thumb] input):not([data-slot=combobox-chips] input):not([data-slot=questionnaire-choice] input), .ninaero-input-group:has(> [data-slot=input-group-control]:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=combobox-chips]:has(input:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=questionnaire-choice]:has(input:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), .ninaero-slider-thumb:has(:focus-visible):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=input-otp-slot][data-active=true]:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=combobox-item][data-highlighted]:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=command]:focus-within [data-slot=command-item][data-selected=true]:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not([aria-invalid=true]):not([data-invalid]):not(:has([aria-invalid=true]))::before": {
            "content": "\"\"",
            "position": "absolute",
            "inset": "-1px",
            "box-sizing": "border-box",
            "z-index": "1",
            "pointer-events": "none",
            "border-radius": "inherit",
            "corner-shape": "inherit",
            "border": "1px solid transparent",
            "background": "linear-gradient(180deg, var(--ninaero-focus-edge-top), var(--ring)) border-box",
            "mask": "linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0)",
            "mask-composite": "exclude"
          }
        },
        ":is(.ninaero-input, .ninaero-textarea):focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]):not([aria-invalid=true]), .ninaero-input-group:has(> [data-slot=input-group-control]:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not([aria-invalid=true]):not(:has([aria-invalid=true]))": {
          "border-color": "transparent",
          "--ninaero-focus-outline": "transparent",
          "background-image": "linear-gradient(var(--input-fill), var(--input-fill)), linear-gradient(180deg, var(--ninaero-focus-edge-top), var(--ring))",
          "background-origin": "border-box",
          "background-clip": "padding-box, border-box"
        }
      },
      "@media (forced-colors: active)": {
        ".ninaero-tooltip [data-slot=kbd]": {
          "background-color": "Canvas",
          "color": "CanvasText",
          "border": "1px solid CanvasText"
        },
        ":focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]):not(.ninaero-select-item):not(.ninaero-dropdown-menu-item):not(.ninaero-dropdown-menu-content):not([data-slot=input-group-control]):not([data-slot=input-otp]):not([data-slot=slider-thumb] input):not([data-slot=combobox-chips] input):not([data-slot=questionnaire-choice] input), .ninaero-input-group:has(> [data-slot=input-group-control]:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=combobox-chips]:has(input:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=questionnaire-choice]:has(input:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), .ninaero-slider-thumb:has(:focus-visible):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=input-otp-slot][data-active=true]:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=combobox-item][data-highlighted]:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=command]:focus-within [data-slot=command-item][data-selected=true]:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])": {
          "outline": "2px solid Highlight",
          "outline-offset": "3px",
          "box-shadow": "none",
          "filter": "none"
        }
      },
      "@media (prefers-reduced-motion: reduce)": {
        ":focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]):not(.ninaero-select-item):not(.ninaero-dropdown-menu-item):not(.ninaero-dropdown-menu-content):not([data-slot=input-group-control]):not([data-slot=input-otp]):not([data-slot=slider-thumb] input):not([data-slot=combobox-chips] input):not([data-slot=questionnaire-choice] input), .ninaero-input-group:has(> [data-slot=input-group-control]:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=combobox-chips]:has(input:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=questionnaire-choice]:has(input:focus-visible:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), .ninaero-slider-thumb:has(:focus-visible):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]):not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=input-otp-slot][data-active=true]:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=combobox-item][data-highlighted]:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true]), [data-slot=command]:focus-within [data-slot=command-item][data-selected=true]:not(:disabled):not([data-disabled]:not([data-disabled=false])):not([aria-disabled=true])": {
          "transition": "none"
        }
      }
    },
    "@layer components": {
      ".ninaero-button, .ninaero-toggle, .ninaero-tabs-trigger, .ninaero-select-trigger, [data-slot=checkbox], [data-slot=radio-group-item], [data-slot=switch], [data-slot=accordion-trigger], [data-slot=navigation-menu-trigger], [data-slot=navigation-menu-link], [data-slot=menubar-trigger], [data-slot=menubar-sub-trigger], [data-slot=dropdown-menu-item], [data-slot=dropdown-menu-sub-trigger], [data-slot=dropdown-menu-checkbox-item], [data-slot=dropdown-menu-radio-item], [data-slot=context-menu-item], [data-slot=context-menu-sub-trigger], [data-slot=context-menu-checkbox-item], [data-slot=context-menu-radio-item], [data-slot=menubar-item], [data-slot=menubar-checkbox-item], [data-slot=menubar-radio-item], [data-slot=combobox-item], [data-slot=command-item], [data-slot=input-otp-slot], [data-slot=combobox-chips], [data-slot=questionnaire-choice]": {
        "position": "relative"
      },
      ".ninaero-button, .ninaero-button-group, .ninaero-dialog, .ninaero-popover, .ninaero-tooltip, .ninaero-slider-thumb, .ninaero-switch-thumb, .ninaero-dropdown-menu-item, .shadow-flat, .shadow-control, .shadow-floating, .shadow-dialog, .shadow-sm, .shadow-md, .shadow-lg, .shadow-xl, .shadow-2xl": {
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".bg-background > *": {
        "--shadow-surface": "var(--background)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".bg-card > *, [data-slot=card] > *": {
        "--shadow-surface": "var(--card)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".bg-muted > *": {
        "--shadow-surface": "var(--muted)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".bg-primary > *": {
        "--shadow-surface": "var(--primary)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".bg-secondary > *": {
        "--shadow-surface": "var(--secondary)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".bg-accent > *": {
        "--shadow-surface": "var(--accent)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".bg-destructive > *": {
        "--shadow-surface": "var(--destructive)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".bg-foreground > *": {
        "--shadow-surface": "var(--foreground)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".bg-sidebar > *, [data-slot=sidebar-inner] > *, [data-slot=sidebar-wrapper]:has([data-variant=inset]) > *": {
        "--shadow-surface": "var(--sidebar)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".bg-popover > *, .ninaero-popover > *, .ninaero-dialog > *": {
        "--shadow-surface": "var(--popover)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".ninaero-tooltip > *": {
        "--shadow-surface": "var(--foreground)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      "[data-slot=card-footer] > *": {
        "--shadow-surface": "color-mix(in srgb, var(--muted) 50%, var(--card))",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      "[data-slot=bubble][data-variant=default] > [data-slot=bubble-content]": {
        "--ninaero-bubble-shadow-surface": "var(--primary)"
      },
      "[data-slot=bubble][data-variant=default] > [data-slot=bubble-content]:is(button,a):hover": {
        "--ninaero-bubble-shadow-surface": "color-mix(in srgb, var(--primary) 80%, var(--shadow-surface))"
      },
      "[data-slot=bubble][data-variant=secondary] > [data-slot=bubble-content]": {
        "--ninaero-bubble-shadow-surface": "var(--secondary)"
      },
      "[data-slot=bubble][data-variant=secondary] > [data-slot=bubble-content]:is(button,a):hover": {
        "--ninaero-bubble-shadow-surface": "color-mix(in oklch, var(--secondary), var(--foreground) 5%)"
      },
      "[data-slot=bubble][data-variant=muted] > [data-slot=bubble-content]": {
        "--ninaero-bubble-shadow-surface": "var(--muted)"
      },
      "[data-slot=bubble][data-variant=muted] > [data-slot=bubble-content]:is(button,a):hover": {
        "--ninaero-bubble-shadow-surface": "color-mix(in oklch, var(--muted), var(--foreground) 5%)"
      },
      "[data-slot=bubble][data-variant=tinted] > [data-slot=bubble-content]": {
        "--ninaero-bubble-shadow-surface": "oklch(from var(--primary) 0.93 calc(c * 0.4) h)"
      },
      "[data-slot=bubble][data-variant=tinted] > [data-slot=bubble-content]:is(button,a):hover": {
        "--ninaero-bubble-shadow-surface": "oklch(from var(--primary) 0.88 calc(c * 0.5) h)"
      },
      ".dark [data-slot=bubble][data-variant=tinted] > [data-slot=bubble-content]": {
        "--ninaero-bubble-shadow-surface": "oklch(from var(--primary) 0.3 calc(c * 0.4) h)"
      },
      ".dark [data-slot=bubble][data-variant=tinted] > [data-slot=bubble-content]:is(button,a):hover": {
        "--ninaero-bubble-shadow-surface": "oklch(from var(--primary) 0.35 calc(c * 0.5) h)"
      },
      "[data-slot=bubble][data-variant=outline] > [data-slot=bubble-content]": {
        "--ninaero-bubble-shadow-surface": "var(--background)"
      },
      "[data-slot=bubble][data-variant=outline] > [data-slot=bubble-content]:is(button,a):hover": {
        "--ninaero-bubble-shadow-surface": "var(--muted)"
      },
      ".dark [data-slot=bubble][data-variant=outline] > [data-slot=bubble-content]:is(button,a):hover": {
        "--ninaero-bubble-shadow-surface": "color-mix(in srgb, var(--input) 30%, var(--shadow-surface))"
      },
      "[data-slot=bubble][data-variant=ghost] > [data-slot=bubble-content]": {
        "--ninaero-bubble-shadow-surface": "var(--shadow-surface)"
      },
      "[data-slot=bubble][data-variant=ghost] > [data-slot=bubble-content]:is(button,a):hover": {
        "--ninaero-bubble-shadow-surface": "var(--muted)"
      },
      ".dark [data-slot=bubble][data-variant=ghost] > [data-slot=bubble-content]:is(button,a):hover": {
        "--ninaero-bubble-shadow-surface": "color-mix(in srgb, var(--muted) 50%, var(--shadow-surface))"
      },
      "[data-slot=bubble][data-variant=destructive] > [data-slot=bubble-content]": {
        "--ninaero-bubble-shadow-surface": "color-mix(in srgb, var(--destructive) 10%, var(--shadow-surface))"
      },
      "[data-slot=bubble][data-variant=destructive] > [data-slot=bubble-content]:is(button,a):hover": {
        "--ninaero-bubble-shadow-surface": "color-mix(in srgb, var(--destructive) 20%, var(--shadow-surface))"
      },
      ".dark [data-slot=bubble][data-variant=destructive] > [data-slot=bubble-content]": {
        "--ninaero-bubble-shadow-surface": "color-mix(in srgb, var(--destructive) 20%, var(--shadow-surface))"
      },
      ".dark [data-slot=bubble][data-variant=destructive] > [data-slot=bubble-content]:is(button,a):hover": {
        "--ninaero-bubble-shadow-surface": "color-mix(in srgb, var(--destructive) 30%, var(--shadow-surface))"
      },
      "[data-slot=bubble] > [data-slot=bubble-content] > *": {
        "--shadow-surface": "var(--ninaero-bubble-shadow-surface)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      "[data-slot=table-footer]": {
        "--ninaero-table-footer-shadow-surface": "color-mix(in srgb, var(--muted) 50%, var(--shadow-surface))"
      },
      "[data-slot=table-footer] > *": {
        "--shadow-surface": "var(--ninaero-table-footer-shadow-surface)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      "[data-slot=table-row]": {
        "--ninaero-table-row-shadow-surface": "var(--shadow-surface)"
      },
      "[data-slot=table-row]:has([aria-expanded=true])": {
        "--ninaero-table-row-shadow-surface": "color-mix(in srgb, var(--muted) 50%, var(--shadow-surface))"
      },
      "[data-slot=table-row][data-state=selected]": {
        "--ninaero-table-row-shadow-surface": "var(--muted)"
      },
      "[data-slot=table-row] > *": {
        "--shadow-surface": "var(--ninaero-table-row-shadow-surface)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      "[data-slot=calendar]": {
        "--ninaero-calendar-underlay": "var(--shadow-surface)"
      },
      ":is([data-slot=card-content], [data-slot=popover-content]) [data-slot=calendar] > *": {
        "--shadow-surface": "var(--ninaero-calendar-underlay)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".ninaero-switch > .ninaero-switch-thumb": {
        "--shadow-surface": "var(--input-fill)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".ninaero-switch[data-checked] > .ninaero-switch-thumb": {
        "--shadow-surface": "var(--glass-mark-face-50)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".ninaero-tabs-list[data-variant=default] > *": {
        "--shadow-surface": "var(--tabs-track-fill)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".ninaero-shadow-surface": {
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".ninaero-surface-paper": {
        "--shadow-surface": "var(--paper-fill)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".ninaero-code-block": {
        "--ninaero-code-header-surface": "color-mix(in oklab, var(--muted) 30%, var(--card))",
        "--ninaero-code-highlight": "color-mix(in oklab, var(--card), white 85%)",
        "--ninaero-code-shade": "color-mix(in oklab, var(--card), black 4%)",
        "box-shadow": "inset 0 1px 0 var(--ninaero-code-highlight), inset 0 -1px 0 var(--ninaero-code-shade)",
        "--ninaero-material-shadow": "inset 0 1px 0 var(--ninaero-code-highlight), inset 0 -1px 0 var(--ninaero-code-shade)"
      },
      ".dark .ninaero-code-block": {
        "--ninaero-code-highlight": "color-mix(in oklab, var(--card), white 8%)",
        "--ninaero-code-shade": "color-mix(in oklab, var(--card), black 12%)"
      },
      ".ninaero-code-block > [data-slot=code-block-header]": {
        "background-color": "var(--ninaero-code-header-surface)",
        "box-shadow": "inset 0 1px 0 var(--ninaero-code-highlight)",
        "--ninaero-material-shadow": "inset 0 1px 0 var(--ninaero-code-highlight)"
      },
      ".ninaero-code-block > [data-slot=code-block-header] > *": {
        "--shadow-surface": "var(--ninaero-code-header-surface)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)"
      },
      ".ninaero-code-block-content": {
        "--ninaero-code-rule": "color-mix(in oklab, var(--foreground) 6%, transparent)"
      },
      ".dark .ninaero-code-block-content": {
        "--ninaero-code-rule": "color-mix(in oklab, var(--foreground) 4%, transparent)"
      },
      ".ninaero-code-block-content > [data-slot=code-block-code]": {
        "grid-template-columns": "minmax(0, 1fr)"
      },
      ".ninaero-code-block-content[data-numbered] > [data-slot=code-block-code]": {
        "grid-template-columns": "auto minmax(0, 1fr)"
      },
      ".ninaero-code-block-content [data-slot=code-block-line-marker]": {
        "display": "none"
      },
      ".ninaero-code-block-content > [data-slot=code-block-code]:has(> [data-variant=added], > [data-variant=removed])": {
        "grid-template-columns": "1ch minmax(0, 1fr)",
        "[data-slot=code-block-line-marker]": {
          "display": "block"
        }
      },
      ".ninaero-code-block-content[data-numbered] > [data-slot=code-block-code]:has(> [data-variant=added], > [data-variant=removed])": {
        "grid-template-columns": "auto 1ch minmax(0, 1fr)"
      },
      ".ninaero-input, .ninaero-textarea, .ninaero-select-trigger, .ninaero-input-group": {
        "--input-corner": "0.75rem",
        "border-radius": "var(--input-corner)",
        "corner-shape": "round",
        "border": "1px solid var(--input-edge)",
        "color": "var(--card-foreground)",
        "background-color": "var(--input-fill)",
        "box-shadow": "inset 0 2px 6px color-mix(in oklab, var(--input-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--input-fill), white var(--recess-highlight-weight))",
        "--ninaero-material-shadow": "inset 0 2px 6px color-mix(in oklab, var(--input-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--input-fill), white var(--recess-highlight-weight))",
        "outline": "2px solid transparent",
        "outline-offset": "3px",
        "transition": "background-color 80ms ease-out, border-color 80ms ease-out"
      },
      ".ninaero-input:where(:hover:not(:disabled)), .ninaero-textarea:where(:hover:not(:disabled)), .ninaero-select-trigger:where(:hover:not(:disabled):not([data-disabled])), .ninaero-input-group:where(:hover:not(:has(> [data-slot=input-group-control]:disabled)))": {
        "border-color": "var(--neutral-input)"
      },
      ".ninaero-input::placeholder, .ninaero-textarea::placeholder, .ninaero-select-trigger[data-placeholder], .ninaero-input-group > [data-slot=input-group-control]::placeholder": {
        "color": "var(--input-placeholder)",
        "opacity": "1"
      },
      ".ninaero-input:focus-visible, .ninaero-textarea:focus-visible, .ninaero-select-trigger:focus-visible, .ninaero-input-group:has(> [data-slot=input-group-control]:focus-visible)": {
        "outline-color": "transparent"
      },
      ".ninaero-input[aria-invalid=true], .ninaero-textarea[aria-invalid=true], .ninaero-select-trigger[aria-invalid=true], .ninaero-select-trigger[data-invalid], .ninaero-input-group[aria-invalid=true], .ninaero-input-group:has(> [data-slot=input-group-control][aria-invalid=true])": {
        "border-color": "var(--destructive)"
      },
      ".ninaero-input:disabled, .ninaero-textarea:disabled, .ninaero-select-trigger:disabled, .ninaero-select-trigger[data-disabled], .ninaero-input-group:has(> [data-slot=input-group-control]:disabled)": {
        "border-color": "var(--border)",
        "background-color": "var(--input-disabled-fill)",
        "color": "var(--muted-foreground)",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000"
      },
      ".ninaero-input-group > [data-slot=input-group-control]": {
        "border-radius": "0",
        "border": "0",
        "color": "inherit",
        "background-color": "transparent",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000",
        "outline": "none"
      },
      ":is(.ninaero-checkbox, .ninaero-radio-group-item)": {
        "border": "1px solid var(--input-edge)",
        "background-color": "var(--input-fill)",
        "box-shadow": "inset 0 2px 6px color-mix(in oklab, var(--input-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--input-fill), white var(--recess-highlight-weight))",
        "--ninaero-material-shadow": "inset 0 2px 6px color-mix(in oklab, var(--input-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--input-fill), white var(--recess-highlight-weight))",
        "--button-recess-fill": "color-mix(in oklab, var(--input-fill), black var(--recess-shade-weight))",
        "corner-shape": "round",
        "padding": "0",
        "color": "var(--card-foreground)",
        "cursor": "pointer",
        "outline": "none",
        "transition": "background-color 80ms ease-out, border-color 80ms ease-out, box-shadow 80ms ease-out"
      },
      ":is(.ninaero-checkbox, .ninaero-radio-group-item):where([data-checked], [data-indeterminate])": {
        "background-color": "var(--button-primary-fill)",
        "background-image": "linear-gradient(180deg in oklab, var(--glass-mark-face-0), var(--glass-mark-face-50) 48%, var(--glass-mark-face-100))",
        "box-shadow": "inset 0 1px 0 color-mix(in oklab, var(--glass-mark-face-0), white 25%), inset 0 -1px 0 color-mix(in oklab, var(--glass-mark-face-100), black 8%)",
        "--ninaero-material-shadow": "inset 0 1px 0 color-mix(in oklab, var(--glass-mark-face-0), white 25%), inset 0 -1px 0 color-mix(in oklab, var(--glass-mark-face-100), black 8%)",
        "--button-recess-fill": "var(--button-primary-pressed)",
        "border-color": "var(--button-primary-edge)",
        "color": "color-mix(in oklab, var(--primary-foreground), black 12%)"
      },
      "@media (forced-colors: none)": {
        ".ninaero-button--ghost[data-slot=code-block-copy-button]:not(:disabled):not([data-disabled]):not([aria-disabled=true])": {
          "--button-recess-fill": "var(--button-paper-pressed)"
        },
        ".ninaero-button--ghost[data-slot=code-block-copy-button]:not(:disabled):not([data-disabled]):not([aria-disabled=true]):active": {
          "background-color": "var(--button-recess-fill)"
        },
        ".ninaero-checkbox:where(:not([data-disabled])) [data-slot=checkbox-indicator] > svg": {
          "filter": "drop-shadow(0 -0.5px 0 #ffffff66) drop-shadow(0 0.5px 0.25px #00000033)"
        }
      },
      ":is(.ninaero-checkbox, .ninaero-radio-group-item):where(:hover:not([data-disabled]):not([data-readonly])[data-unchecked]:not([data-indeterminate]))": {
        "border-color": "var(--neutral-input)"
      },
      ":is(.ninaero-checkbox, .ninaero-radio-group-item):where(:hover:not([data-disabled]):not([data-readonly])):where([data-checked], [data-indeterminate])": {
        "border-color": "var(--ring)"
      },
      ":is(.ninaero-checkbox, .ninaero-radio-group-item):where(:active:not([data-disabled]):not([data-readonly]))": {
        "background-image": "none",
        "background-color": "var(--button-recess-fill)",
        "box-shadow": "inset 0 2px 6px color-mix(in oklab, var(--button-recess-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--button-recess-fill), white var(--recess-highlight-weight))",
        "--ninaero-material-shadow": "inset 0 2px 6px color-mix(in oklab, var(--button-recess-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--button-recess-fill), white var(--recess-highlight-weight))"
      },
      ":is(.ninaero-checkbox, .ninaero-radio-group-item):where([aria-invalid=true], [data-invalid])": {
        "border-color": "var(--destructive)"
      },
      ":is(.ninaero-checkbox, .ninaero-radio-group-item):where([data-readonly])": {
        "cursor": "default"
      },
      ":is(.ninaero-checkbox, .ninaero-radio-group-item):where([data-disabled])": {
        "background-color": "var(--input-disabled-fill)",
        "border-color": "var(--border)",
        "color": "var(--muted-foreground)",
        "background-image": "none",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000",
        "cursor": "not-allowed"
      },
      ".ninaero-radio-group-dot": {
        "--shadow-surface": "var(--glass-mark-face-50)",
        "--shadow-color": "from color-mix(in oklab, var(--shadow-surface) 40%, black) h s l",
        "--shadow-flat": "0 0 #0000",
        "--shadow-control": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-floating": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-dialog": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-sm": "0 1px 1px hsl(var(--shadow-color) / 0.12), 0 2px 3px hsl(var(--shadow-color) / 0.08)",
        "--shadow-md": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-lg": "0 1px 3px hsl(var(--shadow-color) / 0.08), 0 4px 8px hsl(var(--shadow-color) / 0.06), 0 8px 16px hsl(var(--shadow-color) / 0.03)",
        "--shadow-xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "--shadow-2xl": "0 2px 3px hsl(var(--shadow-color) / 0.12), 0 8px 12px hsl(var(--shadow-color) / 0.08), 0 16px 28px hsl(var(--shadow-color) / 0.04)",
        "background-color": "currentColor"
      },
      ".ninaero-radio-group-item:where(:active:not([data-disabled]):not([data-readonly])) .ninaero-radio-group-dot": {
        "--shadow-surface": "var(--button-recess-fill)"
      },
      ":where(:root:not(.dark)) .ninaero-radio-group-dot": {
        "border": "1px solid var(--button-paper-edge)",
        "background-color": "white",
        "background-image": "linear-gradient(180deg in oklab, white, #e6e6e6)",
        "box-shadow": "inset 0 1px 0 white, inset 0 -1px 0 #00000014, var(--shadow-control)",
        "--ninaero-material-shadow": "inset 0 1px 0 white, inset 0 -1px 0 #00000014, var(--shadow-control)"
      },
      ".ninaero-radio-group-item:where([data-disabled]) .ninaero-radio-group-dot": {
        "background-color": "currentColor",
        "background-image": "none",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000"
      },
      ".ninaero-switch": {
        "border": "1px solid var(--input-edge)",
        "background-color": "var(--input-fill)",
        "box-shadow": "inset 0 2px 6px color-mix(in oklab, var(--input-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--input-fill), white var(--recess-highlight-weight))",
        "--ninaero-material-shadow": "inset 0 2px 6px color-mix(in oklab, var(--input-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--input-fill), white var(--recess-highlight-weight))",
        "--switch-width": "2.25rem",
        "--switch-thumb-size": "1rem",
        "--switch-direction": "1",
        "inline-size": "var(--switch-width)",
        "block-size": "calc(var(--switch-thumb-size) + 4px)",
        "padding": "1px",
        "cursor": "pointer",
        "outline": "none",
        "transition": "background-color 80ms ease-out, border-color 80ms ease-out"
      },
      ".ninaero-switch[data-size=sm]": {
        "--switch-width": "1.75rem",
        "--switch-thumb-size": "0.75rem"
      },
      ".ninaero-switch[data-direction=rtl]": {
        "--switch-direction": "-1"
      },
      ".ninaero-switch:where([data-checked])": {
        "background-color": "var(--button-primary-fill)",
        "background-image": "linear-gradient(180deg in oklab, var(--glass-mark-face-0), var(--glass-mark-face-50) 48%, var(--glass-mark-face-100))",
        "box-shadow": "inset 0 1px 0 color-mix(in oklab, var(--glass-mark-face-0), white 25%), inset 0 -1px 0 color-mix(in oklab, var(--glass-mark-face-100), black 8%)",
        "--ninaero-material-shadow": "inset 0 1px 0 color-mix(in oklab, var(--glass-mark-face-0), white 25%), inset 0 -1px 0 color-mix(in oklab, var(--glass-mark-face-100), black 8%)",
        "border-color": "var(--button-primary-edge)"
      },
      ".ninaero-switch-thumb": {
        "border": "1px solid",
        "border-color": "var(--button-paper-edge)",
        "background-color": "var(--button-paper-fill)",
        "background-image": "linear-gradient(180deg in oklab, var(--button-paper-highlight), transparent 55%, var(--button-paper-shade))",
        "box-shadow": "inset 0 -1px 0 var(--button-paper-shade), var(--shadow-control)",
        "--ninaero-material-shadow": "inset 0 -1px 0 var(--button-paper-shade), var(--shadow-control)",
        "inline-size": "var(--switch-thumb-size)",
        "block-size": "var(--switch-thumb-size)",
        "border-radius": "50%",
        "transform": "translateX(0)",
        "transition": "transform 140ms ease-out, background-color 80ms ease-out, box-shadow 80ms ease-out"
      },
      ".ninaero-switch-thumb:where([data-checked])": {
        "transform": "translateX(calc((var(--switch-width) - var(--switch-thumb-size) - 4px) * var(--switch-direction)))"
      },
      ".ninaero-switch:where(:hover:not([data-disabled]):not([data-readonly])[data-unchecked])": {
        "border-color": "var(--neutral-input)"
      },
      ".ninaero-switch:where(:hover:not([data-disabled]):not([data-readonly])) .ninaero-switch-thumb": {
        "background-color": "var(--button-paper-hover)"
      },
      ".ninaero-switch:where(:active:not([data-disabled]):not([data-readonly])) .ninaero-switch-thumb": {
        "background-color": "var(--button-paper-pressed)",
        "background-image": "none",
        "box-shadow": "inset 0 2px 6px color-mix(in oklab, var(--button-paper-pressed), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--button-paper-pressed), white var(--recess-highlight-weight))",
        "--ninaero-material-shadow": "inset 0 2px 6px color-mix(in oklab, var(--button-paper-pressed), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--button-paper-pressed), white var(--recess-highlight-weight))"
      },
      ".ninaero-switch:where([aria-invalid=true], [data-invalid])": {
        "border-color": "var(--destructive)"
      },
      ".ninaero-switch:where([data-readonly])": {
        "cursor": "default"
      },
      ".ninaero-switch:where([data-disabled])": {
        "border-color": "var(--border)",
        "background-color": "var(--input-disabled-fill)",
        "background-image": "none",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000",
        "cursor": "not-allowed"
      },
      ".ninaero-switch:where([data-disabled][data-checked])": {
        "background-color": "var(--muted-foreground)"
      },
      ".ninaero-switch:where([data-disabled]) .ninaero-switch-thumb": {
        "border-color": "var(--border)",
        "background-color": "var(--muted)",
        "background-image": "none",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000"
      },
      ".ninaero-slider-control": {
        "min-block-size": "2rem"
      },
      ".ninaero-slider-control[data-orientation=vertical]": {
        "min-inline-size": "2rem"
      },
      ".ninaero-slider-track": {
        "border": "1px solid var(--input-edge)",
        "background-color": "var(--input-fill)",
        "box-shadow": "inset 0 2px 6px color-mix(in oklab, var(--input-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--input-fill), white var(--recess-highlight-weight))",
        "--ninaero-material-shadow": "inset 0 2px 6px color-mix(in oklab, var(--input-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--input-fill), white var(--recess-highlight-weight))"
      },
      ".ninaero-slider-range": {
        "background-color": "var(--button-primary-fill)",
        "background-image": "linear-gradient(180deg in oklab, var(--glass-mark-face-0), var(--glass-mark-face-50) 48%, var(--glass-mark-face-100))",
        "box-shadow": "inset 0 1px 0 color-mix(in oklab, var(--glass-mark-face-0), white 25%), inset 0 -1px 0 color-mix(in oklab, var(--glass-mark-face-100), black 8%)",
        "--ninaero-material-shadow": "inset 0 1px 0 color-mix(in oklab, var(--glass-mark-face-0), white 25%), inset 0 -1px 0 color-mix(in oklab, var(--glass-mark-face-100), black 8%)"
      },
      ".ninaero-slider-thumb": {
        "--slider-grip-ink": "color-mix(in oklab, var(--button-paper-fill), black 30%)",
        "--slider-grip-highlight": "color-mix(in oklab, var(--button-paper-fill), white 30%)",
        "corner-shape": "squircle",
        "cursor": "grab",
        "border-color": "var(--button-paper-edge)",
        "background-color": "var(--button-paper-fill)",
        "background-image": "linear-gradient(180deg in oklab, var(--button-paper-highlight), transparent 55%, var(--button-paper-shade))",
        "box-shadow": "inset 0 -1px 0 var(--button-paper-shade), var(--shadow-control)",
        "--ninaero-material-shadow": "inset 0 -1px 0 var(--button-paper-shade), var(--shadow-control)",
        "outline": "none",
        "transition": "border-color 80ms ease-out, background-color 80ms ease-out, box-shadow 80ms ease-out"
      },
      ".dark .ninaero-slider-thumb": {
        "--slider-grip-ink": "var(--button-paper-edge)"
      },
      ".ninaero-slider-thumb::before": {
        "content": "\"\"",
        "background-image": "repeating-linear-gradient(90deg, var(--slider-grip-ink) 0 1px, var(--slider-grip-highlight) 1px 2px, transparent 2px 4px)",
        "mask-image": "linear-gradient(180deg, transparent, black 0.5px, black calc(100% - 0.5px), transparent)",
        "opacity": "1",
        "pointer-events": "none"
      },
      ".dark .ninaero-slider-thumb::before": {
        "background-color": "var(--slider-grip-ink)",
        "background-image": "none",
        "mask-image": "repeating-linear-gradient(90deg, black 0 1px, transparent 1px 4px), linear-gradient(180deg, transparent, black 0.5px, black calc(100% - 0.5px), transparent)",
        "mask-composite": "intersect"
      },
      ".ninaero-slider:where(:not([data-disabled]):not([aria-disabled=true]):not([data-invalid]):not([aria-invalid=true])) .ninaero-slider-thumb:where(:hover:not(:active):not([data-dragging]))": {
        "background-color": "var(--button-paper-hover)"
      },
      ".ninaero-slider-thumb:where(:active, [data-dragging]):where(:focus-within)": {
        "cursor": "grabbing",
        "background-color": "var(--button-paper-pressed)",
        "background-image": "none",
        "box-shadow": "inset 0 2px 6px color-mix(in oklab, var(--button-paper-pressed), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--button-paper-pressed), white var(--recess-highlight-weight))",
        "--ninaero-material-shadow": "inset 0 2px 6px color-mix(in oklab, var(--button-paper-pressed), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--button-paper-pressed), white var(--recess-highlight-weight))"
      },
      ".ninaero-slider-thumb:where(:focus-visible, :has(:focus-visible))": {
        "outline": "1px solid var(--ring)",
        "outline-offset": "3px"
      },
      ".ninaero-slider:where([data-variant=simple])": {
        "--slider-simple-ink": "var(--foreground)",
        "--ring": "var(--foreground)"
      },
      ".ninaero-slider:where([data-variant=simple]) .ninaero-slider-track": {
        "border": "none",
        "background-color": "color-mix(in oklab, var(--foreground) 20%, var(--background))",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000"
      },
      ".ninaero-slider:where([data-variant=simple]) .ninaero-slider-range": {
        "background-color": "var(--slider-simple-ink)",
        "background-image": "none",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000"
      },
      ".ninaero-slider:where([data-variant=simple]) .ninaero-slider-thumb": {
        "corner-shape": "round",
        "border-color": "var(--slider-simple-ink)",
        "background-color": "var(--slider-simple-ink)",
        "background-image": "none",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000"
      },
      ".ninaero-slider:where([data-variant=simple]) .ninaero-slider-thumb::before": {
        "display": "none"
      },
      ".ninaero-slider:where([data-variant=simple]):where(:not([data-disabled]):not([aria-disabled=true])) .ninaero-slider-thumb:where(:hover, :active, [data-dragging])": {
        "opacity": "0.75"
      },
      ".ninaero-slider:where([data-variant=simple]):where([data-invalid], [aria-invalid=true])": {
        "--slider-simple-ink": "var(--destructive)"
      },
      ".ninaero-slider:where([data-invalid], [aria-invalid=true]) .ninaero-slider-thumb": {
        "--slider-grip-ink": "var(--destructive)"
      },
      ".ninaero-slider:where([data-disabled], [aria-disabled=true]) .ninaero-slider-track": {
        "border-color": "var(--border)",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000"
      },
      ".ninaero-slider:where([data-disabled], [aria-disabled=true]) .ninaero-slider-range": {
        "background-color": "var(--muted-foreground)",
        "background-image": "none",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000"
      },
      ".ninaero-slider:where([data-disabled], [aria-disabled=true]) .ninaero-slider-thumb": {
        "cursor": "not-allowed",
        "border-color": "var(--border)",
        "background-color": "var(--muted)",
        "background-image": "none",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000"
      },
      ".ninaero-slider:where([data-disabled], [aria-disabled=true]) .ninaero-slider-thumb::before": {
        "display": "none"
      },
      ".ninaero-dialog": {
        "--dialog-corner": "3rem",
        "border-radius": "var(--dialog-corner)",
        "corner-shape": "squircle",
        "border": "1px solid color-mix(in oklab, var(--foreground) 18%, var(--popover))",
        "background-color": "var(--popover)",
        "background-image": "linear-gradient(180deg in oklab, var(--popover), var(--dialog-fill-shade))",
        "box-shadow": "inset 0 1px 0 var(--dialog-highlight), inset 0 -1px 2px var(--dialog-shade), var(--shadow-dialog)",
        "--ninaero-material-shadow": "inset 0 1px 0 var(--dialog-highlight), inset 0 -1px 2px var(--dialog-shade), var(--shadow-dialog)",
        "opacity": "1",
        "transform": "translateY(0) scale(1)",
        "transform-origin": "center",
        "transition": "opacity 140ms ease-out, transform 260ms cubic-bezier(0.22, 2.2, 0.35, 1)"
      },
      ".ninaero-dialog[data-starting-style]": {
        "opacity": "0",
        "transform": "translateY(8px) scale(0.92)"
      },
      ".ninaero-dialog[data-ending-style]": {
        "opacity": "0",
        "transform": "translateY(4px) scale(0.96)",
        "transition": "opacity 140ms ease-in, transform 140ms ease-in"
      },
      ".ninaero-dialog-overlay": {
        "opacity": "1",
        "transition": "opacity 160ms ease-out"
      },
      ".ninaero-dialog-overlay[data-starting-style]": {
        "opacity": "0"
      },
      ".ninaero-dialog-overlay[data-ending-style]": {
        "opacity": "0",
        "transition-duration": "140ms"
      },
      ".ninaero-dialog:has(> [data-slot=\"dialog-close\"]) [data-slot=\"dialog-header\"]": {
        "padding-inline-end": "2rem"
      },
      ".ninaero-popover": {
        "border-radius": "var(--radius-xl)",
        "corner-shape": "round",
        "border": "1px solid var(--border)",
        "color": "var(--popover-foreground)",
        "background-color": "var(--popover)",
        "box-shadow": "inset 0 1px 0 var(--button-highlight), var(--shadow-floating)",
        "--ninaero-material-shadow": "inset 0 1px 0 var(--button-highlight), var(--shadow-floating)"
      },
      ".ninaero-popover-content, .ninaero-dropdown-menu-content": {
        "border-color": "color-mix(in oklab, var(--foreground) 18%, var(--popover))",
        "background-image": "linear-gradient(180deg in oklab, var(--popover), color-mix(in oklab, var(--popover), var(--dialog-fill-shade) 50%))",
        "box-shadow": "inset 0 1px 0 var(--dialog-highlight), inset 0 -1px 2px var(--dialog-shade), var(--shadow-floating)",
        "--ninaero-material-shadow": "inset 0 1px 0 var(--dialog-highlight), inset 0 -1px 2px var(--dialog-shade), var(--shadow-floating)",
        "overflow-wrap": "anywhere",
        "transform-origin": "var(--transform-origin)",
        "opacity": "1",
        "transform": "scale(1)",
        "transition": "opacity 120ms ease-out, transform 220ms cubic-bezier(0.22, 1.4, 0.35, 1)"
      },
      ".ninaero-popover-content[data-starting-style], .ninaero-dropdown-menu-content[data-starting-style]": {
        "opacity": "0",
        "transform": "scale(0.94)"
      },
      ".ninaero-popover-content[data-ending-style], .ninaero-dropdown-menu-content[data-ending-style]": {
        "opacity": "0",
        "transform": "scale(0.98)",
        "transition": "opacity 120ms ease-in, transform 120ms ease-in"
      },
      ".ninaero-popover-content[data-instant], .ninaero-dropdown-menu-content[data-instant]": {
        "transition": "none"
      },
      ".ninaero-dropdown-menu-content": {
        "scroll-padding-block": "0.5rem",
        "transition": "opacity 100ms ease-out, transform 180ms cubic-bezier(0.22, 1.2, 0.35, 1)"
      },
      ".ninaero-dropdown-menu-content[data-starting-style]": {
        "transform": "scale(0.96)"
      },
      ".ninaero-dropdown-menu-item": {
        "corner-shape": "round",
        "outline": "2px solid transparent",
        "outline-offset": "-3px",
        "transition": "background-color 80ms ease-out",
        "--ninaero-menu-item-fill": "var(--accent)"
      },
      ".ninaero-dropdown-menu-item:where([data-highlighted], [data-popup-open]):not([data-disabled])": {
        "background-color": "var(--ninaero-menu-item-fill)",
        "box-shadow": "inset 0 1px 0 color-mix(in oklab, var(--ninaero-menu-item-fill), white var(--recess-highlight-weight)), 0 1px 2px hsl(var(--shadow-color) / 0.06), 0 2px 4px hsl(var(--shadow-color) / 0.03)",
        "--ninaero-material-shadow": "inset 0 1px 0 color-mix(in oklab, var(--ninaero-menu-item-fill), white var(--recess-highlight-weight)), 0 1px 2px hsl(var(--shadow-color) / 0.06), 0 2px 4px hsl(var(--shadow-color) / 0.03)",
        "z-index": "1",
        "color": "var(--accent-foreground)"
      },
      ".ninaero-dropdown-menu-item[data-variant=destructive]": {
        "color": "var(--destructive)",
        "--ninaero-menu-item-fill": "color-mix(in oklab, var(--destructive) 10%, var(--popover))"
      },
      ".ninaero-dropdown-menu-item[data-variant=destructive]:where([data-highlighted], :active):not([data-disabled])": {
        "background-color": "var(--ninaero-menu-item-fill)",
        "color": "var(--destructive)"
      },
      ".ninaero-dropdown-menu-item:focus-visible": {
        "outline-color": "var(--ring)"
      },
      ".ninaero-dropdown-menu-item[data-disabled]": {
        "color": "var(--muted-foreground)"
      },
      ".ninaero-dropdown-menu-shortcut": {
        "color": "var(--muted-foreground)"
      },
      ".ninaero-dropdown-menu-item:is([data-highlighted], [data-popup-open], [data-disabled]) .ninaero-dropdown-menu-shortcut": {
        "color": "inherit"
      },
      ".ninaero-tooltip": {
        "position": "relative",
        "isolation": "isolate",
        "max-width": "min(20rem, var(--available-width))",
        "border-radius": "1rem",
        "corner-shape": "round",
        "border": "1px solid color-mix(in oklab, var(--foreground), var(--background) 22%)",
        "background-color": "var(--foreground)",
        "background-image": "linear-gradient(180deg in oklab, color-mix(in oklab, var(--foreground), white 12%), color-mix(in oklab, var(--foreground), black 12%))",
        "color": "var(--background)",
        "box-shadow": "inset 0 1px 0 color-mix(in oklab, var(--foreground), white 18%), inset 0 -1px 2px color-mix(in oklab, var(--foreground), black 20%), var(--shadow-floating)",
        "--ninaero-material-shadow": "inset 0 1px 0 color-mix(in oklab, var(--foreground), white 18%), inset 0 -1px 2px color-mix(in oklab, var(--foreground), black 20%), var(--shadow-floating)",
        "overflow-wrap": "anywhere",
        "transform-origin": "var(--transform-origin)",
        "opacity": "1",
        "transform": "scale(1)",
        "transition": "opacity 120ms ease-out, transform 180ms cubic-bezier(0.22, 1.4, 0.35, 1)"
      },
      ".ninaero-tooltip::before": {
        "content": "\"\"",
        "position": "absolute",
        "inset": "0",
        "z-index": "-1",
        "pointer-events": "none",
        "border-radius": "inherit",
        "corner-shape": "inherit",
        "--paper-fill": "transparent",
        "--ninaero-pattern-ink": "var(--tooltip-scanline-ink)"
      },
      ".ninaero-tooltip[data-starting-style]": {
        "opacity": "0",
        "transform": "scale(0.96)"
      },
      ".ninaero-tooltip[data-ending-style]": {
        "opacity": "0",
        "transform": "scale(0.98)",
        "transition": "opacity 120ms ease-in, transform 120ms ease-in"
      },
      ".ninaero-tooltip[data-instant]": {
        "transition": "none"
      },
      ".ninaero-tooltip[data-instant][data-starting-style]": {
        "opacity": "1",
        "transform": "none"
      },
      ".ninaero-select-content": {
        "transform-origin": "var(--transform-origin)",
        "transition": "opacity 80ms ease-out, transform 80ms ease-out"
      },
      ".ninaero-select-content[data-starting-style], .ninaero-select-content[data-ending-style]": {
        "opacity": "0",
        "transform": "scale(0.98)"
      },
      ".ninaero-select-content[data-align-trigger=true]": {
        "opacity": "1",
        "transform": "none",
        "transition": "none"
      },
      ".ninaero-select-icon": {
        "color": "var(--input-placeholder)",
        "transition": "transform 80ms ease-out"
      },
      ".ninaero-select-icon[data-popup-open]": {
        "transform": "rotate(180deg)"
      },
      ".ninaero-select-item": {
        "border-radius": "var(--radius-md)",
        "corner-shape": "round",
        "border": "1px solid transparent",
        "outline": "2px solid transparent",
        "outline-offset": "-3px",
        "transition": "background-color 80ms ease-out, border-color 80ms ease-out, outline-color 80ms ease-out, color 80ms ease-out"
      },
      ".ninaero-select-item[data-selected]": {
        "border-color": "var(--ring)",
        "background-color": "var(--accent)",
        "color": "var(--accent-foreground)"
      },
      ".ninaero-select-item:is(:focus-visible, [data-highlighted])": {
        "outline-color": "var(--ring)"
      },
      ".ninaero-select-item[data-highlighted]:not([data-selected]):not([data-disabled])": {
        "background-color": "var(--muted)"
      },
      ".ninaero-select-item[data-disabled]": {
        "color": "var(--muted-foreground)"
      },
      ".ninaero-tabs-list": {
        "border-radius": "var(--radius-lg)",
        "corner-shape": "round",
        "border": "1px solid var(--border)",
        "background-color": "var(--tabs-track-fill)",
        "box-shadow": "inset 0 2px 6px color-mix(in oklab, var(--tabs-track-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--tabs-track-fill), white var(--recess-highlight-weight))",
        "--ninaero-material-shadow": "inset 0 2px 6px color-mix(in oklab, var(--tabs-track-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--tabs-track-fill), white var(--recess-highlight-weight))"
      },
      ".ninaero-tabs-trigger": {
        "border-radius": "var(--radius-md)",
        "corner-shape": "round",
        "border": "1px solid transparent",
        "color": "var(--tabs-ink)",
        "background-color": "transparent",
        "outline": "2px solid transparent",
        "outline-offset": "2px",
        "transition": "background-color 100ms ease-out, border-color 100ms ease-out, box-shadow 100ms ease-out, color 100ms ease-out"
      },
      ".ninaero-tabs-trigger[data-active]": {
        "color": "var(--foreground)"
      },
      ".ninaero-tabs-list[data-variant=default] > .ninaero-tabs-trigger:where(:not(:disabled):not([data-disabled]):not([aria-disabled=true]))[data-active]": {
        "border-color": "var(--tabs-active-edge)",
        "background-color": "var(--tabs-active-fill)",
        "text-shadow": "var(--control-label-text-shadow)",
        "background-image": "radial-gradient(ellipse at 50% -45% in oklab, var(--tabs-active-highlight), transparent 75%), linear-gradient(180deg in oklab, var(--tabs-active-top), var(--tabs-active-fill) 48%, var(--tabs-active-bottom))",
        "box-shadow": "inset 0 1px 0 var(--tabs-active-highlight), inset 0 -1px 0 var(--tabs-active-bottom), 0 1px 2px hsl(var(--shadow-color) / 0.2)",
        "--ninaero-material-shadow": "inset 0 1px 0 var(--tabs-active-highlight), inset 0 -1px 0 var(--tabs-active-bottom), 0 1px 2px hsl(var(--shadow-color) / 0.2)"
      },
      ".ninaero-tabs-list[data-variant=default] > .ninaero-tabs-trigger:where(:not(:disabled):not([data-disabled]):not([aria-disabled=true])):active:not(:disabled):not([data-disabled]):not([aria-disabled=true])": {
        "background-color": "var(--tabs-hover-fill)",
        "background-image": "none",
        "box-shadow": "inset 0 2px 6px color-mix(in oklab, var(--tabs-hover-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--tabs-hover-fill), white var(--recess-highlight-weight))",
        "--ninaero-material-shadow": "inset 0 2px 6px color-mix(in oklab, var(--tabs-hover-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--tabs-hover-fill), white var(--recess-highlight-weight))",
        "text-shadow": "none"
      },
      ".ninaero-tabs-trigger:disabled, .ninaero-tabs-trigger[data-disabled], .ninaero-tabs-trigger[aria-disabled=true]": {
        "color": "var(--muted-foreground)",
        "background-image": "none",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000",
        "text-shadow": "none",
        "cursor": "not-allowed"
      },
      ".ninaero-tabs-content": {
        "outline": "2px solid transparent",
        "outline-offset": "3px"
      },
      ".ninaero-tabs-trigger:focus-visible, .ninaero-tabs-content:focus-visible": {
        "outline-color": "var(--ring)"
      },
      ".ninaero-tabs-list[data-variant=line]": {
        "border-radius": "0",
        "border": "0",
        "background-color": "transparent",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000"
      },
      ".ninaero-tabs-list[data-variant=line] > .ninaero-tabs-trigger": {
        "border-color": "transparent",
        "background-color": "transparent",
        "background-image": "none",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000"
      },
      ".ninaero-tabs-list[data-variant=line] > .ninaero-tabs-trigger::after": {
        "--tabs-marker-fill": "var(--button-primary-edge)",
        "content": "\"\"",
        "position": "absolute",
        "inset-inline": "0.75rem",
        "inset-block-end": "0",
        "height": "4px",
        "box-sizing": "border-box",
        "border-radius": "2px",
        "border": "0",
        "background-color": "var(--tabs-marker-fill)",
        "background-image": "linear-gradient(180deg in oklab, color-mix(in oklab, var(--tabs-marker-fill), white 10%), var(--tabs-marker-fill))",
        "box-shadow": "0 1px 2px hsl(var(--shadow-color) / 0.16)",
        "--ninaero-material-shadow": "0 1px 2px hsl(var(--shadow-color) / 0.16)",
        "pointer-events": "none",
        "opacity": "0"
      },
      ".ninaero-tabs-list[data-variant=line] > .ninaero-tabs-trigger[data-active]::after": {
        "opacity": "1"
      },
      ".ninaero-tabs-list[data-variant=line] > .ninaero-tabs-trigger:where(:active:not(:disabled):not([data-disabled]):not([aria-disabled=true]))::after": {
        "background-color": "var(--button-primary-edge)",
        "background-image": "none",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000"
      },
      ".ninaero-tabs-list[data-variant=line] > .ninaero-tabs-trigger:where(:disabled, [data-disabled], [aria-disabled=true])::after": {
        "background-color": "var(--muted-foreground)",
        "background-image": "none",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000"
      },
      ".ninaero-tabs-list[data-variant=line] > .ninaero-tabs-trigger[data-orientation=vertical]::after": {
        "inset-inline-start": "auto",
        "inset-inline-end": "0",
        "inset-block": "4px",
        "width": "4px",
        "height": "auto"
      },
      ".ninaero-toggle": {
        "--toggle-corner": "var(--radius-md)",
        "--button-recess-fill": "var(--button-paper-pressed)",
        "border-radius": "var(--toggle-corner)",
        "corner-shape": "round",
        "border": "1px solid transparent",
        "color": "var(--button-paper-ink)",
        "background-color": "transparent",
        "background-image": "none",
        "outline": "2px solid transparent",
        "outline-offset": "3px",
        "transition": "background-color 80ms ease-out, border-color 80ms ease-out, box-shadow 80ms ease-out"
      },
      ".ninaero-toggle--outline": {
        "border-color": "var(--button-paper-edge)",
        "background-color": "var(--button-paper-fill)",
        "background-image": "linear-gradient(180deg in oklab, var(--button-paper-highlight), transparent 55%, var(--button-paper-shade))",
        "box-shadow": "inset 0 -1px 0 var(--button-paper-shade)",
        "--ninaero-material-shadow": "inset 0 -1px 0 var(--button-paper-shade)",
        "text-shadow": "var(--control-label-text-shadow)"
      },
      ".ninaero-toggle[aria-pressed=true]": {
        "background-color": "color-mix(in oklab, var(--button-paper-pressed), var(--button-paper-fill) 50%)",
        "background-image": "none",
        "box-shadow": "inset 0 1px 1px color-mix(in oklab, color-mix(in oklab, var(--button-paper-pressed), var(--button-paper-fill) 50%), black calc(var(--recess-shade-weight) * 1.25)), inset 0 3px 4px color-mix(in oklab, color-mix(in oklab, var(--button-paper-pressed), var(--button-paper-fill) 50%), black calc(var(--recess-shade-weight) * 0.75)), inset 0 -1px 0 color-mix(in oklab, color-mix(in oklab, var(--button-paper-pressed), var(--button-paper-fill) 50%), white var(--recess-highlight-weight))",
        "--ninaero-material-shadow": "inset 0 1px 1px color-mix(in oklab, color-mix(in oklab, var(--button-paper-pressed), var(--button-paper-fill) 50%), black calc(var(--recess-shade-weight) * 1.25)), inset 0 3px 4px color-mix(in oklab, color-mix(in oklab, var(--button-paper-pressed), var(--button-paper-fill) 50%), black calc(var(--recess-shade-weight) * 0.75)), inset 0 -1px 0 color-mix(in oklab, color-mix(in oklab, var(--button-paper-pressed), var(--button-paper-fill) 50%), white var(--recess-highlight-weight))",
        "--button-recess-fill": "color-mix(in oklab, color-mix(in oklab, var(--button-paper-pressed), var(--button-paper-fill) 50%), black var(--recess-shade-weight))",
        "color": "var(--button-paper-ink)",
        "text-shadow": "none",
        "border-color": "var(--input-edge)"
      },
      ".ninaero-toggle:focus-visible": {
        "outline-color": "transparent"
      },
      ".ninaero-toggle[aria-invalid=true]": {
        "border-color": "var(--button-destructive-edge)"
      },
      ".ninaero-toggle:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])": {
        "background-color": "var(--button-recess-fill)",
        "background-image": "none",
        "box-shadow": "inset 0 1px 1px color-mix(in oklab, var(--button-recess-fill), black calc(var(--recess-shade-weight) * 1.25)), inset 0 3px 4px color-mix(in oklab, var(--button-recess-fill), black calc(var(--recess-shade-weight) * 0.75)), inset 0 -1px 0 color-mix(in oklab, var(--button-recess-fill), white var(--recess-highlight-weight))",
        "--ninaero-material-shadow": "inset 0 1px 1px color-mix(in oklab, var(--button-recess-fill), black calc(var(--recess-shade-weight) * 1.25)), inset 0 3px 4px color-mix(in oklab, var(--button-recess-fill), black calc(var(--recess-shade-weight) * 0.75)), inset 0 -1px 0 color-mix(in oklab, var(--button-recess-fill), white var(--recess-highlight-weight))",
        "text-shadow": "none"
      },
      ".ninaero-toggle:disabled, .ninaero-toggle[data-disabled], .ninaero-toggle[aria-disabled=true]": {
        "background-image": "none",
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000",
        "text-shadow": "none",
        "opacity": "0.5"
      },
      ".ninaero-button": {
        "--button-corner": "1rem",
        "--button-press-shift": "1px",
        "--button-recess-fill": "var(--background)",
        "border-radius": "var(--button-corner)",
        "corner-shape": "squircle",
        "border": "1px solid transparent",
        "outline": "2px solid transparent",
        "outline-offset": "3px",
        "transition": "background-color 80ms ease-out, border-color 80ms ease-out, box-shadow 80ms ease-out, transform 80ms ease-out"
      },
      ".ninaero-rounded-control, .ninaero-input-group .ninaero-button, .ninaero-button[data-day], .ninaero-button[data-slot=combobox-trigger], .ninaero-button[data-slot=combobox-chip-remove]": {
        "border-radius": "var(--radius-md)",
        "corner-shape": "round"
      },
      ".ninaero-button[data-day]": {
        "border-radius": "var(--cell-radius)"
      },
      ".ninaero-button--primary": {
        "--button-recess-fill": "var(--button-primary-pressed)",
        "color": "var(--button-primary-ink)",
        "text-shadow": "0 0.5px 0 color-mix(in oklab, var(--button-primary-fill), white 60%)",
        "background-color": "var(--button-primary-fill)",
        "background-image": "linear-gradient(180deg in oklab, var(--button-highlight), transparent 65%)",
        "border-color": "var(--button-primary-edge)",
        "box-shadow": "inset 0 1px 0 var(--button-highlight), var(--button-cast-shadow, var(--shadow-control))",
        "--ninaero-material-shadow": "inset 0 1px 0 var(--button-highlight), var(--button-cast-shadow, var(--shadow-control))"
      },
      ".ninaero-button--secondary, .ninaero-button--outline": {
        "--button-recess-fill": "var(--button-paper-pressed)",
        "color": "var(--button-paper-ink)",
        "text-shadow": "var(--button-paper-text-shadow)"
      },
      ".ninaero-button--secondary": {
        "border-color": "var(--button-paper-edge)",
        "background-color": "var(--button-paper-fill)",
        "background-image": "linear-gradient(180deg in oklab, var(--button-paper-highlight), transparent 55%, var(--button-paper-shade))",
        "box-shadow": "inset 0 1px 0 var(--button-paper-highlight), inset 0 -1px 0 var(--button-paper-shade), var(--button-cast-shadow, var(--shadow-control))",
        "--ninaero-material-shadow": "inset 0 1px 0 var(--button-paper-highlight), inset 0 -1px 0 var(--button-paper-shade), var(--button-cast-shadow, var(--shadow-control))"
      },
      ".ninaero-button--destructive": {
        "--button-recess-fill": "var(--button-destructive-pressed)",
        "color": "var(--button-destructive-ink)",
        "text-shadow": "0 0.5px 0 color-mix(in oklab, var(--button-destructive-fill), white 60%)",
        "background-color": "var(--button-destructive-fill)",
        "background-image": "linear-gradient(180deg in oklab, var(--button-destructive-highlight), transparent 55%, var(--button-destructive-shade))",
        "border-color": "var(--button-destructive-edge)",
        "box-shadow": "inset 0 1px 0 var(--button-destructive-highlight), inset 0 -1px 0 var(--button-destructive-shade), var(--button-cast-shadow, var(--shadow-control))",
        "--ninaero-material-shadow": "inset 0 1px 0 var(--button-destructive-highlight), inset 0 -1px 0 var(--button-destructive-shade), var(--button-cast-shadow, var(--shadow-control))"
      },
      ".ninaero-button--outline": {
        "border-color": "var(--button-outline-edge)",
        "background-color": "var(--background)",
        "box-shadow": "inset 0 1px 0 var(--button-paper-highlight), inset 0 -1px 0 var(--button-paper-shade), 0 1px 2px hsl(var(--shadow-color) / 0.08)",
        "--ninaero-material-shadow": "inset 0 1px 0 var(--button-paper-highlight), inset 0 -1px 0 var(--button-paper-shade), 0 1px 2px hsl(var(--shadow-color) / 0.08)"
      },
      ".ninaero-button--ghost": {
        "color": "var(--button-paper-ink)"
      },
      ".ninaero-button--link": {
        "color": "var(--button-link-ink)",
        "text-underline-offset": "4px"
      },
      ".ninaero-button--outline[aria-expanded=true], .ninaero-button--secondary[aria-expanded=true], .ninaero-button--ghost[aria-expanded=true]": {
        "background-color": "var(--button-paper-hover)"
      },
      ".ninaero-button:focus-visible": {
        "outline-color": "transparent"
      },
      ".ninaero-button[aria-invalid=true]": {
        "border-color": "var(--button-destructive-edge)"
      },
      ".ninaero-button:active:not(:disabled):not([data-disabled]):not([aria-disabled=true]):not([aria-haspopup]):not(.ninaero-button--link):not(.ninaero-button--ghost:not([data-slot=code-block-copy-button]))": {
        "transform": "translateY(var(--button-press-shift))",
        "text-shadow": "none",
        "box-shadow": "inset 0 2px 6px color-mix(in oklab, var(--button-recess-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--button-recess-fill), white var(--recess-highlight-weight))",
        "--ninaero-material-shadow": "inset 0 2px 6px color-mix(in oklab, var(--button-recess-fill), black var(--recess-shade-weight)), inset 0 -1px 2px color-mix(in oklab, var(--button-recess-fill), white var(--recess-highlight-weight))"
      },
      ".ninaero-button:disabled, .ninaero-button[data-disabled], .ninaero-button[aria-disabled=true]": {
        "box-shadow": "none",
        "--ninaero-material-shadow": "0 0 #0000",
        "text-shadow": "none",
        "opacity": "0.5"
      },
      ".ninaero-button-group:has(> :is(.ninaero-button--primary, .ninaero-button--secondary, .ninaero-button--destructive):not(:disabled):not([data-disabled]):not([aria-disabled=true])):not(:has(> :not(:is(.ninaero-button--primary, .ninaero-button--secondary, .ninaero-button--destructive), [data-slot=button-group-separator])))": {
        "border-radius": "var(--button-group-corner, 1rem)",
        "corner-shape": "squircle",
        "box-shadow": "var(--shadow-control)",
        "--ninaero-material-shadow": "var(--shadow-control)"
      },
      ".ninaero-button-group:has(> :is(.ninaero-button--primary, .ninaero-button--secondary, .ninaero-button--destructive):not(:disabled):not([data-disabled]):not([aria-disabled=true])):not(:has(> :not(:is(.ninaero-button--primary, .ninaero-button--secondary, .ninaero-button--destructive), [data-slot=button-group-separator]))) > .ninaero-button": {
        "--button-cast-shadow": "var(--shadow-flat)"
      },
      "@media (hover: hover)": {
        "[data-slot=table-row]:hover:not([data-state=selected])": {
          "--ninaero-table-row-shadow-surface": "color-mix(in srgb, var(--muted) 50%, var(--shadow-surface))"
        },
        ".ninaero-tabs-trigger:hover:not(:disabled):not([data-disabled]):not([aria-disabled=true]):not([data-active])": {
          "color": "var(--foreground)"
        },
        ".ninaero-tabs-list[data-variant=default] > .ninaero-tabs-trigger:where(:not(:disabled):not([data-disabled]):not([aria-disabled=true])):hover:not(:disabled):not([data-disabled]):not([aria-disabled=true]):not([data-active])": {
          "background-color": "var(--tabs-hover-fill)"
        },
        ".ninaero-toggle:hover:not(:disabled):not([data-disabled]):not([aria-disabled=true]):not([aria-pressed=true])": {
          "background-color": "var(--button-paper-hover)"
        },
        ".ninaero-toggle:where(:hover:not(:disabled):not([data-disabled]):not([aria-disabled=true]):not([aria-invalid=true]))[aria-pressed=true]": {
          "border-color": "var(--neutral-input)"
        },
        ".ninaero-button--primary:hover:not(:disabled):not([data-disabled]):not([aria-disabled=true])": {
          "background-color": "var(--button-primary-hover)"
        },
        ".ninaero-button--secondary:hover:not(:disabled):not([data-disabled]):not([aria-disabled=true]), .ninaero-button--outline:hover:not(:disabled):not([data-disabled]):not([aria-disabled=true]), .ninaero-button--ghost:hover:not(:disabled):not([data-disabled]):not([aria-disabled=true])": {
          "background-color": "var(--button-paper-hover)"
        },
        ".ninaero-button--destructive:hover:not(:disabled):not([data-disabled]):not([aria-disabled=true])": {
          "background-color": "var(--button-destructive-hover)"
        },
        ".ninaero-button--link:hover": {
          "text-decoration-line": "underline"
        }
      },
      ".ninaero-button--primary:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])": {
        "background-color": "var(--button-primary-pressed)",
        "background-image": "none"
      },
      ".ninaero-button--secondary:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])": {
        "background-color": "var(--button-paper-pressed)",
        "background-image": "none"
      },
      ".ninaero-button--outline:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])": {
        "background-color": "var(--button-paper-pressed)",
        "background-image": "none"
      },
      ".ninaero-button--destructive:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])": {
        "background-color": "var(--button-destructive-pressed)",
        "background-image": "none"
      },
      "@media (hover: hover) and (forced-colors: none)": {
        ".ninaero-button--ghost[data-slot=code-block-copy-button]:not(:disabled):not([data-disabled]):not([aria-disabled=true]):hover": {
          "box-shadow": "inset 0 1px 0 var(--button-paper-highlight), inset 0 -1px 0 var(--button-paper-shade), var(--button-cast-shadow, var(--shadow-control))",
          "--ninaero-material-shadow": "inset 0 1px 0 var(--button-paper-highlight), inset 0 -1px 0 var(--button-paper-shade), var(--button-cast-shadow, var(--shadow-control))",
          "transform": "translateY(calc(-1 * var(--button-press-shift)))"
        }
      },
      "@media (prefers-reduced-motion: reduce)": {
        ".ninaero-dropdown-menu-item": {
          "transition": "none"
        },
        ".ninaero-select-item": {
          "transition": "none"
        },
        ":is(.ninaero-checkbox, .ninaero-radio-group-item)": {
          "transition": "none"
        },
        ".ninaero-switch, .ninaero-switch-thumb": {
          "transition": "none"
        },
        ".ninaero-slider-thumb": {
          "transition": "none"
        },
        ".ninaero-tabs-trigger": {
          "transition": "none"
        },
        ".ninaero-dialog, .ninaero-dialog[data-starting-style], .ninaero-dialog[data-ending-style], .ninaero-dialog-overlay, .ninaero-dialog-overlay[data-starting-style], .ninaero-dialog-overlay[data-ending-style]": {
          "animation": "none",
          "transition": "none",
          "transform": "none",
          "opacity": "1"
        },
        ".ninaero-input, .ninaero-textarea, .ninaero-select-trigger, .ninaero-input-group": {
          "transition": "none"
        },
        ".ninaero-select-content, .ninaero-select-icon": {
          "transition": "none"
        },
        ".ninaero-select-content[data-starting-style], .ninaero-select-content[data-ending-style]": {
          "opacity": "1",
          "transform": "none"
        },
        ".ninaero-tooltip, .ninaero-tooltip[data-starting-style], .ninaero-tooltip[data-ending-style]": {
          "transition": "none",
          "transform": "none",
          "opacity": "1"
        },
        ".ninaero-popover-content, .ninaero-popover-content[data-starting-style], .ninaero-popover-content[data-ending-style], .ninaero-dropdown-menu-content, .ninaero-dropdown-menu-content[data-starting-style], .ninaero-dropdown-menu-content[data-ending-style]": {
          "transition": "none",
          "transform": "none",
          "opacity": "1"
        },
        ".ninaero-toggle": {
          "transition": "none"
        },
        ".ninaero-button": {
          "transition": "none",
          "--button-press-shift": "0px"
        }
      },
      "@media (forced-colors: active)": {
        ".ninaero-mark-face": {
          "fill": "none",
          "stroke": "CanvasText"
        },
        ".ninaero-mark-highlight": {
          "stroke": "CanvasText"
        },
        ".ninaero-code-block, .ninaero-code-block > [data-slot=code-block-header]": {
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-code-block-content, .dark .ninaero-code-block-content": {
          "--ninaero-code-rule": "transparent"
        },
        ".ninaero-code-block-content [data-slot=code-block-line][data-variant=highlighted]::after": {
          "border-color": "Highlight"
        },
        ".ninaero-tooltip": {
          "forced-color-adjust": "none",
          "background-color": "Canvas",
          "background-image": "none",
          "border-color": "CanvasText",
          "color": "CanvasText",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-tooltip::before": {
          "display": "none"
        },
        ":is(.ninaero-checkbox, .ninaero-radio-group-item)": {
          "forced-color-adjust": "none",
          "border-color": "CanvasText",
          "background-color": "Canvas",
          "color": "CanvasText",
          "background-image": "none",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ":is(.ninaero-checkbox, .ninaero-radio-group-item):where([data-checked], [data-indeterminate])": {
          "border-color": "Highlight",
          "background-color": "Highlight",
          "color": "HighlightText"
        },
        ":is(.ninaero-checkbox, .ninaero-radio-group-item):where([aria-invalid=true], [data-invalid])": {
          "border-style": "dashed"
        },
        ":is(.ninaero-checkbox, .ninaero-radio-group-item):where([data-disabled])": {
          "border-color": "GrayText",
          "background-color": "Canvas",
          "color": "GrayText"
        },
        ".ninaero-radio-group-dot": {
          "border-color": "currentColor",
          "background-color": "currentColor",
          "background-image": "none",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-switch": {
          "forced-color-adjust": "none",
          "border-color": "CanvasText",
          "background-color": "Canvas",
          "background-image": "none",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-switch:where([data-checked])": {
          "background-color": "Highlight"
        },
        ".ninaero-switch .ninaero-switch-thumb": {
          "border-color": "ButtonText",
          "background-color": "ButtonFace",
          "background-image": "none",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-switch:where([data-checked]) .ninaero-switch-thumb": {
          "border-color": "HighlightText",
          "background-color": "HighlightText"
        },
        ".ninaero-switch:where([data-disabled])": {
          "border-color": "GrayText"
        },
        ".ninaero-switch:where([data-disabled][data-checked])": {
          "background-color": "GrayText"
        },
        ".ninaero-switch:where([data-disabled]) .ninaero-switch-thumb": {
          "border-color": "GrayText",
          "background-color": "Canvas"
        },
        ".ninaero-slider": {
          "forced-color-adjust": "none"
        },
        ".ninaero-slider .ninaero-slider-track": {
          "border": "1px solid CanvasText",
          "background-color": "Canvas",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-slider .ninaero-slider-range": {
          "background-color": "Highlight",
          "background-image": "none",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-slider .ninaero-slider-thumb": {
          "border": "1px solid ButtonText",
          "background-color": "ButtonFace",
          "background-image": "none",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-slider .ninaero-slider-thumb::before": {
          "display": "none"
        },
        ".ninaero-slider .ninaero-slider-thumb:where(:focus-visible, :has(:focus-visible))": {
          "outline-color": "Highlight"
        },
        ".ninaero-slider:where([data-disabled], [aria-disabled=true]) .ninaero-slider-track, .ninaero-slider:where([data-disabled], [aria-disabled=true]) .ninaero-slider-thumb": {
          "border-color": "GrayText"
        },
        ".ninaero-slider:where([data-disabled], [aria-disabled=true]) .ninaero-slider-range": {
          "background-color": "GrayText"
        },
        ".ninaero-tabs-list": {
          "border-color": "CanvasText",
          "background-color": "Canvas",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-tabs-trigger": {
          "color": "ButtonText",
          "background-color": "ButtonFace",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-tabs-list[data-variant=default] > .ninaero-tabs-trigger:where(:not(:disabled):not([data-disabled]):not([aria-disabled=true]))[data-active]": {
          "border-color": "Highlight",
          "background-color": "Highlight",
          "background-image": "none",
          "color": "HighlightText",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000",
          "text-shadow": "none"
        },
        ".ninaero-tabs-list[data-variant=default] > .ninaero-tabs-trigger:where(:not(:disabled):not([data-disabled]):not([aria-disabled=true])):hover:not(:disabled):not([data-disabled]):not([aria-disabled=true]):not([data-active]), .ninaero-tabs-list[data-variant=default] > .ninaero-tabs-trigger:where(:not(:disabled):not([data-disabled]):not([aria-disabled=true])):active:not(:disabled):not([data-disabled]):not([aria-disabled=true])": {
          "background-color": "ButtonFace",
          "color": "ButtonText",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-tabs-list[data-variant=default] > .ninaero-tabs-trigger:where(:not(:disabled):not([data-disabled]):not([aria-disabled=true]))[data-active]:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])": {
          "background-color": "Highlight",
          "color": "HighlightText"
        },
        ".ninaero-tabs-list[data-variant=line]": {
          "background-color": "Canvas",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-tabs-list[data-variant=line] > .ninaero-tabs-trigger": {
          "border-color": "transparent",
          "background-color": "Canvas",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-tabs-list[data-variant=line] > .ninaero-tabs-trigger::after": {
          "background-color": "Highlight",
          "background-image": "none",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-tabs-list[data-variant=line] > .ninaero-tabs-trigger:where(:disabled, [data-disabled], [aria-disabled=true])::after": {
          "background-color": "GrayText"
        },
        ".ninaero-tabs-list[data-variant=line] > .ninaero-tabs-trigger[data-active]": {
          "color": "Highlight"
        },
        ".ninaero-tabs-trigger:disabled, .ninaero-tabs-trigger[data-disabled], .ninaero-tabs-trigger[aria-disabled=true]": {
          "color": "GrayText",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-tabs-trigger:focus-visible, .ninaero-tabs-content:focus-visible": {
          "outline-color": "Highlight"
        },
        ".ninaero-dialog": {
          "border-color": "CanvasText",
          "background-color": "Canvas",
          "background-image": "none",
          "color": "CanvasText",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-input, .ninaero-textarea, .ninaero-select-trigger, .ninaero-input-group": {
          "border-color": "CanvasText",
          "background-color": "Canvas",
          "color": "CanvasText",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-input::placeholder, .ninaero-textarea::placeholder, .ninaero-select-trigger[data-placeholder], .ninaero-input-group > [data-slot=input-group-control]::placeholder": {
          "color": "GrayText"
        },
        ".ninaero-input[aria-invalid=true], .ninaero-textarea[aria-invalid=true], .ninaero-select-trigger[aria-invalid=true], .ninaero-select-trigger[data-invalid], .ninaero-input-group[aria-invalid=true], .ninaero-input-group:has(> [data-slot=input-group-control][aria-invalid=true])": {
          "border-color": "CanvasText"
        },
        ".ninaero-input:focus-visible, .ninaero-textarea:focus-visible, .ninaero-select-trigger:focus-visible, .ninaero-input-group:has(> [data-slot=input-group-control]:focus-visible)": {
          "outline-color": "Highlight"
        },
        ".ninaero-input:disabled, .ninaero-textarea:disabled, .ninaero-select-trigger:disabled, .ninaero-select-trigger[data-disabled], .ninaero-input-group:has(> [data-slot=input-group-control]:disabled)": {
          "border-color": "GrayText",
          "background-color": "Canvas",
          "color": "GrayText"
        },
        ".ninaero-input-group > [data-slot=input-group-control]": {
          "background-color": "transparent",
          "color": "inherit"
        },
        ".ninaero-popover": {
          "border-color": "CanvasText",
          "background-color": "Canvas",
          "background-image": "none",
          "color": "CanvasText",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-dropdown-menu-item, .ninaero-dropdown-menu-item[data-variant=destructive]": {
          "forced-color-adjust": "none",
          "transition": "none",
          "background-color": "Canvas",
          "color": "CanvasText"
        },
        ".ninaero-dropdown-menu-item:is([data-highlighted], [data-popup-open]):not([data-disabled])": {
          "background-color": "Highlight",
          "color": "HighlightText",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-dropdown-menu-item:focus-visible": {
          "outline-color": "Highlight"
        },
        ".ninaero-dropdown-menu-item[data-highlighted]:focus-visible:not([data-disabled])": {
          "outline-color": "HighlightText"
        },
        ".ninaero-dropdown-menu-item[data-disabled]": {
          "color": "GrayText"
        },
        ".ninaero-dropdown-menu-shortcut": {
          "color": "inherit"
        },
        ".ninaero-select-icon": {
          "color": "ButtonText"
        },
        ".ninaero-select-trigger:disabled .ninaero-select-icon, .ninaero-select-trigger[data-disabled] .ninaero-select-icon": {
          "color": "GrayText"
        },
        ".ninaero-select-item": {
          "border-color": "Canvas",
          "outline-color": "Canvas",
          "background-color": "Canvas",
          "color": "CanvasText"
        },
        ".ninaero-select-item[data-selected]": {
          "border-color": "Highlight",
          "background-color": "Highlight",
          "color": "HighlightText"
        },
        ".ninaero-select-item:is(:focus-visible, [data-highlighted])": {
          "outline-color": "Highlight"
        },
        ".ninaero-select-item:is(:focus-visible, [data-highlighted])[data-selected]": {
          "outline-color": "HighlightText"
        },
        ".ninaero-select-item[data-highlighted]:not([data-selected]):not([data-disabled])": {
          "background-color": "Canvas"
        },
        ".ninaero-select-item[data-disabled]": {
          "border-color": "Canvas",
          "background-color": "Canvas",
          "color": "GrayText"
        },
        ".ninaero-toggle, .ninaero-toggle[aria-pressed=true]": {
          "border-color": "ButtonText",
          "background-color": "ButtonFace",
          "background-image": "none",
          "text-shadow": "none",
          "color": "ButtonText",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-toggle[aria-pressed=true]": {
          "forced-color-adjust": "none",
          "border-color": "Highlight",
          "background-color": "Highlight",
          "color": "HighlightText"
        },
        ".ninaero-toggle:focus-visible": {
          "outline-color": "Highlight"
        },
        ".ninaero-toggle:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])": {
          "background-color": "ButtonFace",
          "color": "ButtonText",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-toggle[aria-pressed=true]:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])": {
          "background-color": "Highlight",
          "color": "HighlightText"
        },
        ".ninaero-toggle:hover:not(:disabled):not([data-disabled]):not([aria-disabled=true]):not([aria-pressed=true])": {
          "background-color": "ButtonFace"
        },
        ".ninaero-toggle[aria-invalid=true]": {
          "border-color": "ButtonText"
        },
        ".ninaero-toggle:disabled, .ninaero-toggle[data-disabled], .ninaero-toggle[aria-disabled=true]": {
          "forced-color-adjust": "auto",
          "border-color": "GrayText",
          "color": "GrayText"
        },
        ".ninaero-button-group:has(> :is(.ninaero-button--primary, .ninaero-button--secondary, .ninaero-button--destructive):not(:disabled):not([data-disabled]):not([aria-disabled=true])):not(:has(> :not(:is(.ninaero-button--primary, .ninaero-button--secondary, .ninaero-button--destructive), [data-slot=button-group-separator])))": {
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-button": {
          "background-image": "none",
          "border-color": "ButtonText",
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000",
          "text-shadow": "none"
        },
        ".ninaero-button:active:not(:disabled):not([data-disabled]):not([aria-disabled=true]):not([aria-haspopup]):not(.ninaero-button--link):not(.ninaero-button--ghost:not([data-slot=code-block-copy-button]))": {
          "box-shadow": "none",
          "--ninaero-material-shadow": "0 0 #0000"
        },
        ".ninaero-button[aria-invalid=true]": {
          "border-color": "ButtonText"
        },
        ".ninaero-button:focus-visible": {
          "outline-color": "Highlight"
        },
        ".ninaero-button:disabled, .ninaero-button[data-disabled], .ninaero-button[aria-disabled=true]": {
          "border-color": "GrayText"
        }
      }
    }
  },
  "type": "registry:theme"
}