npm - @retrivora-ai/rag-engine - Versions diffs - 2.0.2 → 2.0.4 - Mend

@retrivora-ai/rag-engine 2.0.2 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (51) hide show

package/FREE_TIER_ARCHITECTURE.md +232 -0
package/README.md +9 -0
package/dist/{ILLMProvider-DMxLyTdq.d.mts → ILLMProvider-0rRBYbVW.d.mts} +133 -1
package/dist/{ILLMProvider-DMxLyTdq.d.ts → ILLMProvider-0rRBYbVW.d.ts} +133 -1
package/dist/handlers/index.d.mts +2 -2
package/dist/handlers/index.d.ts +2 -2
package/dist/handlers/index.js +681 -17
package/dist/handlers/index.mjs +681 -17
package/dist/index-B1wGUlSL.d.mts +532 -0
package/dist/{index-tzwc7UhY.d.ts → index-BIHHp_f6.d.ts} +1 -1
package/dist/{index-DHsFLJXQ.d.mts → index-BvODr57d.d.mts} +1 -1
package/dist/index-DcklhThn.d.ts +532 -0
package/dist/index.css +51 -3
package/dist/index.d.mts +6 -105
package/dist/index.d.ts +6 -105
package/dist/index.js +1918 -8
package/dist/index.mjs +1913 -8
package/dist/server.d.mts +51 -7
package/dist/server.d.ts +51 -7
package/dist/server.js +723 -17
package/dist/server.mjs +706 -17
package/package.json +9 -7
package/src/app/page.tsx +54 -18
package/src/components/ChatWindow.tsx +2 -2
package/src/components/DocumentUpload.tsx +5 -4
package/src/components/MessageBubble.tsx +2 -4
package/src/core/DatabaseStorage.ts +5 -1
package/src/core/LicenseVerifier.ts +1 -1
package/src/core/Pipeline.ts +23 -5
package/src/handlers/index.ts +48 -1
package/src/index.ts +22 -4
package/src/rendering/IntentClassifier.ts +167 -0
package/src/rendering/RendererRegistry.ts +164 -0
package/src/rendering/RuleEngine.ts +67 -0
package/src/rendering/VisualizationDecisionEngine.ts +164 -0
package/src/rendering/__tests__/VisualizationDecisionEngine.test.ts +237 -0
package/src/rendering/index.ts +12 -0
package/src/rendering/rules/Rule1SpecificInfoRule.ts +28 -0
package/src/rendering/rules/Rule2ComparisonRule.ts +24 -0
package/src/rendering/rules/Rule3ProductDiscoveryRule.ts +28 -0
package/src/rendering/rules/Rule4AnalyticalRule.ts +38 -0
package/src/rendering/rules/Rule5MixedResponseRule.ts +29 -0
package/src/rendering/rules/Rule6SmallResultSetRule.ts +24 -0
package/src/rendering/rules/Rule7LargeTableRule.ts +35 -0
package/src/rendering/types.ts +96 -0
package/src/server.ts +3 -2
package/src/types/index.ts +48 -0
package/src/utils/DocumentParser.ts +64 -28
package/src/utils/UITransformer.ts +15 -4
package/dist/index-CfkqZd2Y.d.ts +0 -197
package/dist/index-xygonxpW.d.mts +0 -197

package/dist/index.js CHANGED Viewed

@@ -68,16 +68,21 @@ __export(index_exports, {
   ConfigurationException: () => ConfigurationException,
   DocumentUpload: () => DocumentUpload,
   EmbeddingFailedException: () => EmbeddingFailedException,
+  IntentClassifier: () => IntentClassifier,
   MessageBubble: () => MessageBubble,
   ObservabilityPanel: () => ObservabilityPanel,
   ProductCard: () => ProductCard,
   ProductCarousel: () => ProductCarousel,
   ProviderNotFoundException: () => ProviderNotFoundException,
   RateLimitException: () => RateLimitException,
+  RendererRegistry: () => RendererRegistry,
   RetrievalException: () => RetrievalException,
   RetrivoraError: () => RetrivoraError,
+  RuleEngine: () => RuleEngine,
   SourceCard: () => SourceCard,
+  VisualizationDecisionEngine: () => VisualizationDecisionEngine,
   addSynonyms: () => addSynonyms,
+  decideVisualization: () => decideVisualization,
   useConfig: () => useConfig,
   useRagChat: () => useRagChat
 });
@@ -106,7 +111,7 @@ function styleInject(css, { insertAt } = {}) {
 }
 // src/index.css
-styleInject('/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root,\n  :host {\n    --font-sans:\n      ui-sans-serif,\n      system-ui,\n      sans-serif,\n      "Apple Color Emoji",\n      "Segoe UI Emoji",\n      "Segoe UI Symbol",\n      "Noto Color Emoji";\n    --font-mono:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      "Liberation Mono",\n      "Courier New",\n      monospace;\n    --color-red-50: oklch(97.1% 0.013 17.38);\n    --color-red-200: oklch(88.5% 0.062 18.334);\n    --color-red-400: oklch(70.4% 0.191 22.216);\n    --color-red-500: oklch(63.7% 0.237 25.331);\n    --color-red-600: oklch(57.7% 0.245 27.325);\n    --color-orange-100: oklch(95.4% 0.038 75.164);\n    --color-orange-700: oklch(55.3% 0.195 38.402);\n    --color-orange-950: oklch(26.6% 0.079 36.259);\n    --color-amber-50: oklch(98.7% 0.022 95.277);\n    --color-amber-100: oklch(96.2% 0.059 95.617);\n    --color-amber-200: oklch(92.4% 0.12 95.746);\n    --color-amber-300: oklch(87.9% 0.169 91.605);\n    --color-amber-400: oklch(82.8% 0.189 84.429);\n    --color-amber-500: oklch(76.9% 0.188 70.08);\n    --color-amber-600: oklch(66.6% 0.179 58.318);\n    --color-amber-700: oklch(55.5% 0.163 48.998);\n    --color-amber-800: oklch(47.3% 0.137 46.201);\n    --color-amber-900: oklch(41.4% 0.112 45.904);\n    --color-amber-950: oklch(27.9% 0.077 45.635);\n    --color-emerald-50: oklch(97.9% 0.021 166.113);\n    --color-emerald-100: oklch(95% 0.052 163.051);\n    --color-emerald-200: oklch(90.5% 0.093 164.15);\n    --color-emerald-300: oklch(84.5% 0.143 164.978);\n    --color-emerald-400: oklch(76.5% 0.177 163.223);\n    --color-emerald-500: oklch(69.6% 0.17 162.48);\n    --color-emerald-600: oklch(59.6% 0.145 163.225);\n    --color-emerald-700: oklch(50.8% 0.118 165.612);\n    --color-emerald-800: oklch(43.2% 0.095 166.913);\n    --color-emerald-900: oklch(37.8% 0.077 168.94);\n    --color-emerald-950: oklch(26.2% 0.051 172.552);\n    --color-cyan-50: oklch(98.4% 0.019 200.873);\n    --color-cyan-100: oklch(95.6% 0.045 203.388);\n    --color-cyan-200: oklch(91.7% 0.08 205.041);\n    --color-cyan-300: oklch(86.5% 0.127 207.078);\n    --color-cyan-400: oklch(78.9% 0.154 211.53);\n    --color-cyan-700: oklch(52% 0.105 223.128);\n    --color-cyan-800: oklch(45% 0.085 224.283);\n    --color-cyan-900: oklch(39.8% 0.07 227.392);\n    --color-cyan-950: oklch(30.2% 0.056 229.695);\n    --color-blue-50: oklch(97% 0.014 254.604);\n    --color-blue-100: oklch(93.2% 0.032 255.585);\n    --color-blue-200: oklch(88.2% 0.059 254.128);\n    --color-blue-300: oklch(80.9% 0.105 251.813);\n    --color-blue-400: oklch(70.7% 0.165 254.624);\n    --color-blue-500: oklch(62.3% 0.214 259.815);\n    --color-blue-700: oklch(48.8% 0.243 264.376);\n    --color-blue-800: oklch(42.4% 0.199 265.638);\n    --color-blue-900: oklch(37.9% 0.146 265.522);\n    --color-blue-950: oklch(28.2% 0.091 267.935);\n    --color-indigo-50: oklch(96.2% 0.018 272.314);\n    --color-indigo-100: oklch(93% 0.034 272.788);\n    --color-indigo-200: oklch(87% 0.065 274.039);\n    --color-indigo-300: oklch(78.5% 0.115 274.713);\n    --color-indigo-400: oklch(67.3% 0.182 276.935);\n    --color-indigo-500: oklch(58.5% 0.233 277.117);\n    --color-indigo-600: oklch(51.1% 0.262 276.966);\n    --color-indigo-700: oklch(45.7% 0.24 277.023);\n    --color-indigo-800: oklch(39.8% 0.195 277.366);\n    --color-indigo-900: oklch(35.9% 0.144 278.697);\n    --color-indigo-950: oklch(25.7% 0.09 281.288);\n    --color-violet-100: oklch(94.3% 0.029 294.588);\n    --color-violet-200: oklch(89.4% 0.057 293.283);\n    --color-violet-800: oklch(43.2% 0.232 292.759);\n    --color-violet-900: oklch(38% 0.189 293.745);\n    --color-purple-50: oklch(97.7% 0.014 308.299);\n    --color-purple-100: oklch(94.6% 0.033 307.174);\n    --color-purple-200: oklch(90.2% 0.063 306.703);\n    --color-purple-300: oklch(82.7% 0.119 306.383);\n    --color-purple-400: oklch(71.4% 0.203 305.504);\n    --color-purple-700: oklch(49.6% 0.265 301.924);\n    --color-purple-800: oklch(43.8% 0.218 303.724);\n    --color-purple-900: oklch(38.1% 0.176 304.987);\n    --color-purple-950: oklch(29.1% 0.149 302.717);\n    --color-pink-50: oklch(97.1% 0.014 343.198);\n    --color-pink-100: oklch(94.8% 0.028 342.258);\n    --color-pink-200: oklch(89.9% 0.061 343.231);\n    --color-pink-300: oklch(82.3% 0.12 346.018);\n    --color-pink-400: oklch(71.8% 0.202 349.761);\n    --color-pink-700: oklch(52.5% 0.223 3.958);\n    --color-pink-800: oklch(45.9% 0.187 3.815);\n    --color-pink-900: oklch(40.8% 0.153 2.432);\n    --color-pink-950: oklch(28.4% 0.109 3.907);\n    --color-rose-50: oklch(96.9% 0.015 12.422);\n    --color-rose-100: oklch(94.1% 0.03 12.58);\n    --color-rose-200: oklch(89.2% 0.058 10.001);\n    --color-rose-400: oklch(71.2% 0.194 13.428);\n    --color-rose-500: oklch(64.5% 0.246 16.439);\n    --color-rose-600: oklch(58.6% 0.253 17.585);\n    --color-slate-50: oklch(98.4% 0.003 247.858);\n    --color-slate-100: oklch(96.8% 0.007 247.896);\n    --color-slate-200: oklch(92.9% 0.013 255.508);\n    --color-slate-300: oklch(86.9% 0.022 252.894);\n    --color-slate-400: oklch(70.4% 0.04 256.788);\n    --color-slate-500: oklch(55.4% 0.046 257.417);\n    --color-slate-600: oklch(44.6% 0.043 257.281);\n    --color-slate-700: oklch(37.2% 0.044 257.287);\n    --color-slate-800: oklch(27.9% 0.041 260.031);\n    --color-slate-900: oklch(20.8% 0.042 265.755);\n    --color-slate-950: oklch(12.9% 0.042 264.695);\n    --color-gray-500: oklch(55.1% 0.027 264.364);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --container-xs: 20rem;\n    --container-md: 28rem;\n    --container-2xl: 42rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-3xl: 1.875rem;\n    --text-3xl--line-height: calc(2.25 / 1.875);\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --tracking-wider: 0.05em;\n    --tracking-widest: 0.1em;\n    --leading-tight: 1.25;\n    --leading-relaxed: 1.625;\n    --radius-sm: 0.25rem;\n    --radius-md: 0.375rem;\n    --radius-lg: 0.5rem;\n    --radius-xl: 0.75rem;\n    --radius-2xl: 1rem;\n    --radius-3xl: 1.5rem;\n    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);\n    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n    --animate-spin: spin 1s linear infinite;\n    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    --animate-bounce: bounce 1s infinite;\n    --blur-sm: 8px;\n    --blur-md: 12px;\n    --blur-xl: 24px;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *,\n  ::after,\n  ::before,\n  ::backdrop,\n  ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html,\n  :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b,\n  strong {\n    font-weight: bolder;\n  }\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol,\n  ul,\n  menu {\n    list-style: none;\n  }\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block;\n    vertical-align: middle;\n  }\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n  button,\n  input,\n  select,\n  optgroup,\n  textarea,\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit,\n  ::-webkit-datetime-edit-year-field,\n  ::-webkit-datetime-edit-month-field,\n  ::-webkit-datetime-edit-day-field,\n  ::-webkit-datetime-edit-hour-field,\n  ::-webkit-datetime-edit-minute-field,\n  ::-webkit-datetime-edit-second-field,\n  ::-webkit-datetime-edit-millisecond-field,\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button,\n  input:where([type=button], [type=reset], [type=submit]),\n  ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=until-found])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .pointer-events-auto {\n    pointer-events: auto;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .static {\n    position: static;\n  }\n  .inset-0 {\n    inset: calc(var(--spacing) * 0);\n  }\n  .-top-8 {\n    top: calc(var(--spacing) * -8);\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .top-1\\/2 {\n    top: calc(1 / 2 * 100%);\n  }\n  .top-2 {\n    top: calc(var(--spacing) * 2);\n  }\n  .top-4 {\n    top: calc(var(--spacing) * 4);\n  }\n  .-right-4 {\n    right: calc(var(--spacing) * -4);\n  }\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .right-2 {\n    right: calc(var(--spacing) * 2);\n  }\n  .right-4 {\n    right: calc(var(--spacing) * 4);\n  }\n  .right-5 {\n    right: calc(var(--spacing) * 5);\n  }\n  .right-6 {\n    right: calc(var(--spacing) * 6);\n  }\n  .-bottom-1\\.5 {\n    bottom: calc(var(--spacing) * -1.5);\n  }\n  .bottom-6 {\n    bottom: calc(var(--spacing) * 6);\n  }\n  .bottom-20 {\n    bottom: calc(var(--spacing) * 20);\n  }\n  .-left-4 {\n    left: calc(var(--spacing) * -4);\n  }\n  .left-0 {\n    left: calc(var(--spacing) * 0);\n  }\n  .left-1\\/2 {\n    left: calc(1 / 2 * 100%);\n  }\n  .left-2 {\n    left: calc(var(--spacing) * 2);\n  }\n  .left-5 {\n    left: calc(var(--spacing) * 5);\n  }\n  .left-6 {\n    left: calc(var(--spacing) * 6);\n  }\n  .z-0 {\n    z-index: 0;\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-20 {\n    z-index: 20;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .z-\\[100\\] {\n    z-index: 100;\n  }\n  .z-\\[9998\\] {\n    z-index: 9998;\n  }\n  .z-\\[9999\\] {\n    z-index: 9999;\n  }\n  .container {\n    width: 100%;\n    @media (width >= 40rem) {\n      max-width: 40rem;\n    }\n    @media (width >= 48rem) {\n      max-width: 48rem;\n    }\n    @media (width >= 64rem) {\n      max-width: 64rem;\n    }\n    @media (width >= 80rem) {\n      max-width: 80rem;\n    }\n    @media (width >= 96rem) {\n      max-width: 96rem;\n    }\n  }\n  .mx-1 {\n    margin-inline: calc(var(--spacing) * 1);\n  }\n  .mx-auto {\n    margin-inline: auto;\n  }\n  .my-1\\.5 {\n    margin-block: calc(var(--spacing) * 1.5);\n  }\n  .my-2 {\n    margin-block: calc(var(--spacing) * 2);\n  }\n  .my-3 {\n    margin-block: calc(var(--spacing) * 3);\n  }\n  .my-4 {\n    margin-block: calc(var(--spacing) * 4);\n  }\n  .my-5 {\n    margin-block: calc(var(--spacing) * 5);\n  }\n  .my-6 {\n    margin-block: calc(var(--spacing) * 6);\n  }\n  .mt-0\\.5 {\n    margin-top: calc(var(--spacing) * 0.5);\n  }\n  .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n  .mt-1\\.5 {\n    margin-top: calc(var(--spacing) * 1.5);\n  }\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n  .mt-3 {\n    margin-top: calc(var(--spacing) * 3);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n  .mt-8 {\n    margin-top: calc(var(--spacing) * 8);\n  }\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n  .mb-0\\.5 {\n    margin-bottom: calc(var(--spacing) * 0.5);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-1\\.5 {\n    margin-bottom: calc(var(--spacing) * 1.5);\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n  .mb-3 {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n  .ml-1 {\n    margin-left: calc(var(--spacing) * 1);\n  }\n  .ml-1\\.5 {\n    margin-left: calc(var(--spacing) * 1.5);\n  }\n  .ml-2 {\n    margin-left: calc(var(--spacing) * 2);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .line-clamp-1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  .line-clamp-2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  .\\!table {\n    display: table !important;\n  }\n  .\\!table-cell {\n    display: table-cell !important;\n  }\n  .\\!table-header-group {\n    display: table-header-group !important;\n  }\n  .\\!table-row {\n    display: table-row !important;\n  }\n  .\\!table-row-group {\n    display: table-row-group !important;\n  }\n  .block {\n    display: block;\n  }\n  .contents {\n    display: contents;\n  }\n  .flex {\n    display: flex;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .table {\n    display: table;\n  }\n  .aspect-\\[4\\/3\\] {\n    aspect-ratio: 4/3;\n  }\n  .aspect-square {\n    aspect-ratio: 1 / 1;\n  }\n  .h-1 {\n    height: calc(var(--spacing) * 1);\n  }\n  .h-1\\.5 {\n    height: calc(var(--spacing) * 1.5);\n  }\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n  .h-2\\.5 {\n    height: calc(var(--spacing) * 2.5);\n  }\n  .h-3 {\n    height: calc(var(--spacing) * 3);\n  }\n  .h-3\\.5 {\n    height: calc(var(--spacing) * 3.5);\n  }\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n  .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n  .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n  .h-14 {\n    height: calc(var(--spacing) * 14);\n  }\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n  .h-28 {\n    height: calc(var(--spacing) * 28);\n  }\n  .h-32 {\n    height: calc(var(--spacing) * 32);\n  }\n  .h-40 {\n    height: calc(var(--spacing) * 40);\n  }\n  .h-\\[400\\%\\] {\n    height: 400%;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .max-h-24 {\n    max-height: calc(var(--spacing) * 24);\n  }\n  .max-h-32 {\n    max-height: calc(var(--spacing) * 32);\n  }\n  .max-h-40 {\n    max-height: calc(var(--spacing) * 40);\n  }\n  .max-h-56 {\n    max-height: calc(var(--spacing) * 56);\n  }\n  .max-h-60 {\n    max-height: calc(var(--spacing) * 60);\n  }\n  .max-h-64 {\n    max-height: calc(var(--spacing) * 64);\n  }\n  .max-h-\\[320px\\] {\n    max-height: 320px;\n  }\n  .max-h-\\[400px\\] {\n    max-height: 400px;\n  }\n  .min-h-0 {\n    min-height: calc(var(--spacing) * 0);\n  }\n  .min-h-\\[300px\\] {\n    min-height: 300px;\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .w-1\\.5 {\n    width: calc(var(--spacing) * 1.5);\n  }\n  .w-2 {\n    width: calc(var(--spacing) * 2);\n  }\n  .w-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n  }\n  .w-3 {\n    width: calc(var(--spacing) * 3);\n  }\n  .w-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n  }\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n  .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n  .w-7 {\n    width: calc(var(--spacing) * 7);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .w-9 {\n    width: calc(var(--spacing) * 9);\n  }\n  .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n  .w-14 {\n    width: calc(var(--spacing) * 14);\n  }\n  .w-16 {\n    width: calc(var(--spacing) * 16);\n  }\n  .w-20 {\n    width: calc(var(--spacing) * 20);\n  }\n  .w-28 {\n    width: calc(var(--spacing) * 28);\n  }\n  .w-36 {\n    width: calc(var(--spacing) * 36);\n  }\n  .w-40 {\n    width: calc(var(--spacing) * 40);\n  }\n  .w-44 {\n    width: calc(var(--spacing) * 44);\n  }\n  .w-\\[400\\%\\] {\n    width: 400%;\n  }\n  .w-\\[500px\\] {\n    width: 500px;\n  }\n  .w-\\[min\\(88\\%\\,18rem\\)\\] {\n    width: min(88%, 18rem);\n  }\n  .w-full {\n    width: 100%;\n  }\n  .w-px {\n    width: 1px;\n  }\n  .max-w-2xl {\n    max-width: var(--container-2xl);\n  }\n  .max-w-\\[90\\%\\] {\n    max-width: 90%;\n  }\n  .max-w-\\[92\\%\\] {\n    max-width: 92%;\n  }\n  .max-w-\\[94\\%\\] {\n    max-width: 94%;\n  }\n  .max-w-\\[calc\\(100vw-3rem\\)\\] {\n    max-width: calc(100vw - 3rem);\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .max-w-none {\n    max-width: none;\n  }\n  .max-w-xs {\n    max-width: var(--container-xs);\n  }\n  .min-w-0 {\n    min-width: calc(var(--spacing) * 0);\n  }\n  .min-w-\\[11rem\\] {\n    min-width: 11rem;\n  }\n  .min-w-\\[400px\\] {\n    min-width: 400px;\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-shrink-0 {\n    flex-shrink: 0;\n  }\n  .flex-grow {\n    flex-grow: 1;\n  }\n  .border-collapse {\n    border-collapse: collapse;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-0 {\n    --tw-translate-y: calc(var(--spacing) * 0);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-4 {\n    --tw-translate-y: calc(var(--spacing) * 4);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .scale-90 {\n    --tw-scale-x: 90%;\n    --tw-scale-y: 90%;\n    --tw-scale-z: 90%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-95 {\n    --tw-scale-x: 95%;\n    --tw-scale-y: 95%;\n    --tw-scale-z: 95%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-100 {\n    --tw-scale-x: 100%;\n    --tw-scale-y: 100%;\n    --tw-scale-z: 100%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-110 {\n    --tw-scale-x: 110%;\n    --tw-scale-y: 110%;\n    --tw-scale-z: 110%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .rotate-0 {\n    rotate: 0deg;\n  }\n  .rotate-45 {\n    rotate: 45deg;\n  }\n  .rotate-90 {\n    rotate: 90deg;\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .animate-\\[pulse_1\\.2s_infinite\\] {\n    animation: pulse 1.2s infinite;\n  }\n  .animate-bounce {\n    animation: var(--animate-bounce);\n  }\n  .animate-ping {\n    animation: var(--animate-ping);\n  }\n  .animate-pulse {\n    animation: var(--animate-pulse);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n  .cursor-nw-resize {\n    cursor: nw-resize;\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .resize {\n    resize: both;\n  }\n  .resize-none {\n    resize: none;\n  }\n  .snap-x {\n    scroll-snap-type: x var(--tw-scroll-snap-strictness);\n  }\n  .snap-mandatory {\n    --tw-scroll-snap-strictness: mandatory;\n  }\n  .snap-start {\n    scroll-snap-align: start;\n  }\n  .scrollbar-thin {\n    scrollbar-width: thin;\n  }\n  .scrollbar-thumb-slate-200 {\n    --tw-scrollbar-thumb: var(--color-slate-200);\n    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);\n  }\n  .scrollbar-track-transparent {\n    --tw-scrollbar-track: transparent;\n    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);\n  }\n  .grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-row-reverse {\n    flex-direction: row-reverse;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-end {\n    align-items: flex-end;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-start {\n    justify-content: flex-start;\n  }\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * 0.5);\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .space-y-0\\.5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-1\\.5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .divide-y {\n    :where(& > :not(:last-child)) {\n      --tw-divide-y-reverse: 0;\n      border-bottom-style: var(--tw-border-style);\n      border-top-style: var(--tw-border-style);\n      border-top-width: calc(1px * var(--tw-divide-y-reverse));\n      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n    }\n  }\n  .divide-slate-100 {\n    :where(& > :not(:last-child)) {\n      border-color: var(--color-slate-100);\n    }\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .overflow-auto {\n    overflow: auto;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-2xl {\n    border-radius: var(--radius-2xl);\n  }\n  .rounded-3xl {\n    border-radius: var(--radius-3xl);\n  }\n  .rounded-\\[2px\\] {\n    border-radius: 2px;\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n  .rounded-xl {\n    border-radius: var(--radius-xl);\n  }\n  .rounded-t-md {\n    border-top-left-radius: var(--radius-md);\n    border-top-right-radius: var(--radius-md);\n  }\n  .rounded-tl-\\[2px\\] {\n    border-top-left-radius: 2px;\n  }\n  .rounded-tl-sm {\n    border-top-left-radius: var(--radius-sm);\n  }\n  .rounded-tr-sm {\n    border-top-right-radius: var(--radius-sm);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .border-t-2 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 2px;\n  }\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n  .border-l-2 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 2px;\n  }\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n  .border-amber-100 {\n    border-color: var(--color-amber-100);\n  }\n  .border-amber-200 {\n    border-color: var(--color-amber-200);\n  }\n  .border-emerald-100 {\n    border-color: var(--color-emerald-100);\n  }\n  .border-emerald-200 {\n    border-color: var(--color-emerald-200);\n  }\n  .border-emerald-500 {\n    border-color: var(--color-emerald-500);\n  }\n  .border-emerald-500\\/20 {\n    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);\n    }\n  }\n  .border-indigo-200 {\n    border-color: var(--color-indigo-200);\n  }\n  .border-indigo-500 {\n    border-color: var(--color-indigo-500);\n  }\n  .border-red-200 {\n    border-color: var(--color-red-200);\n  }\n  .border-rose-100 {\n    border-color: var(--color-rose-100);\n  }\n  .border-rose-200 {\n    border-color: var(--color-rose-200);\n  }\n  .border-slate-100 {\n    border-color: var(--color-slate-100);\n  }\n  .border-slate-200 {\n    border-color: var(--color-slate-200);\n  }\n  .border-slate-200\\/50 {\n    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent);\n    }\n  }\n  .border-slate-200\\/60 {\n    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);\n    }\n  }\n  .border-slate-200\\/80 {\n    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);\n    }\n  }\n  .border-slate-300 {\n    border-color: var(--color-slate-300);\n  }\n  .border-slate-800 {\n    border-color: var(--color-slate-800);\n  }\n  .border-transparent {\n    border-color: transparent;\n  }\n  .border-white {\n    border-color: var(--color-white);\n  }\n  .border-white\\/5 {\n    border-color: color-mix(in srgb, #fff 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n    }\n  }\n  .border-white\\/8 {\n    border-color: color-mix(in srgb, #fff 8%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);\n    }\n  }\n  .border-t-transparent {\n    border-top-color: transparent;\n  }\n  .bg-\\[\\#0d0d1a\\] {\n    background-color: #0d0d1a;\n  }\n  .bg-\\[\\#080818\\] {\n    background-color: #080818;\n  }\n  .bg-amber-50 {\n    background-color: var(--color-amber-50);\n  }\n  .bg-amber-100 {\n    background-color: var(--color-amber-100);\n  }\n  .bg-amber-200 {\n    background-color: var(--color-amber-200);\n  }\n  .bg-amber-500 {\n    background-color: var(--color-amber-500);\n  }\n  .bg-amber-500\\/80 {\n    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-amber-500) 80%, transparent);\n    }\n  }\n  .bg-blue-50 {\n    background-color: var(--color-blue-50);\n  }\n  .bg-blue-100 {\n    background-color: var(--color-blue-100);\n  }\n  .bg-blue-200 {\n    background-color: var(--color-blue-200);\n  }\n  .bg-cyan-50 {\n    background-color: var(--color-cyan-50);\n  }\n  .bg-cyan-100 {\n    background-color: var(--color-cyan-100);\n  }\n  .bg-cyan-200 {\n    background-color: var(--color-cyan-200);\n  }\n  .bg-emerald-50 {\n    background-color: var(--color-emerald-50);\n  }\n  .bg-emerald-50\\/50 {\n    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent);\n    }\n  }\n  .bg-emerald-100 {\n    background-color: var(--color-emerald-100);\n  }\n  .bg-emerald-200 {\n    background-color: var(--color-emerald-200);\n  }\n  .bg-emerald-500 {\n    background-color: var(--color-emerald-500);\n  }\n  .bg-emerald-500\\/10 {\n    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);\n    }\n  }\n  .bg-emerald-500\\/80 {\n    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-emerald-500) 80%, transparent);\n    }\n  }\n  .bg-indigo-50 {\n    background-color: var(--color-indigo-50);\n  }\n  .bg-indigo-100 {\n    background-color: var(--color-indigo-100);\n  }\n  .bg-indigo-500 {\n    background-color: var(--color-indigo-500);\n  }\n  .bg-indigo-600 {\n    background-color: var(--color-indigo-600);\n  }\n  .bg-orange-100 {\n    background-color: var(--color-orange-100);\n  }\n  .bg-pink-50 {\n    background-color: var(--color-pink-50);\n  }\n  .bg-pink-100 {\n    background-color: var(--color-pink-100);\n  }\n  .bg-pink-200 {\n    background-color: var(--color-pink-200);\n  }\n  .bg-purple-50 {\n    background-color: var(--color-purple-50);\n  }\n  .bg-purple-100 {\n    background-color: var(--color-purple-100);\n  }\n  .bg-purple-200 {\n    background-color: var(--color-purple-200);\n  }\n  .bg-red-50 {\n    background-color: var(--color-red-50);\n  }\n  .bg-red-500 {\n    background-color: var(--color-red-500);\n  }\n  .bg-rose-50 {\n    background-color: var(--color-rose-50);\n  }\n  .bg-rose-500 {\n    background-color: var(--color-rose-500);\n  }\n  .bg-rose-500\\/80 {\n    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-rose-500) 80%, transparent);\n    }\n  }\n  .bg-slate-50 {\n    background-color: var(--color-slate-50);\n  }\n  .bg-slate-50\\/20 {\n    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-50) 20%, transparent);\n    }\n  }\n  .bg-slate-50\\/50 {\n    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);\n    }\n  }\n  .bg-slate-100 {\n    background-color: var(--color-slate-100);\n  }\n  .bg-slate-100\\/50 {\n    background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-100) 50%, transparent);\n    }\n  }\n  .bg-slate-200 {\n    background-color: var(--color-slate-200);\n  }\n  .bg-slate-400 {\n    background-color: var(--color-slate-400);\n  }\n  .bg-slate-800 {\n    background-color: var(--color-slate-800);\n  }\n  .bg-slate-900 {\n    background-color: var(--color-slate-900);\n  }\n  .bg-slate-900\\/50 {\n    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);\n    }\n  }\n  .bg-slate-900\\/90 {\n    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-900) 90%, transparent);\n    }\n  }\n  .bg-slate-950 {\n    background-color: var(--color-slate-950);\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .bg-violet-100 {\n    background-color: var(--color-violet-100);\n  }\n  .bg-white {\n    background-color: var(--color-white);\n  }\n  .bg-white\\/60 {\n    background-color: color-mix(in srgb, #fff 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);\n    }\n  }\n  .bg-white\\/90 {\n    background-color: color-mix(in srgb, #fff 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);\n    }\n  }\n  .bg-gradient-to-br {\n    --tw-gradient-position: to bottom right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .from-slate-100 {\n    --tw-gradient-from: var(--color-slate-100);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-slate-200 {\n    --tw-gradient-to: var(--color-slate-200);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .object-cover {\n    object-fit: cover;\n  }\n  .p-0\\.5 {\n    padding: calc(var(--spacing) * 0.5);\n  }\n  .p-1 {\n    padding: calc(var(--spacing) * 1);\n  }\n  .p-1\\.5 {\n    padding: calc(var(--spacing) * 1.5);\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-2\\.5 {\n    padding: calc(var(--spacing) * 2.5);\n  }\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n  .p-8 {\n    padding: calc(var(--spacing) * 8);\n  }\n  .p-10 {\n    padding: calc(var(--spacing) * 10);\n  }\n  .px-1 {\n    padding-inline: calc(var(--spacing) * 1);\n  }\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n  .px-2\\.5 {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .px-5 {\n    padding-inline: calc(var(--spacing) * 5);\n  }\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * 0.5);\n  }\n  .py-1 {\n    padding-block: calc(var(--spacing) * 1);\n  }\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n  .py-2\\.5 {\n    padding-block: calc(var(--spacing) * 2.5);\n  }\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n  .py-12 {\n    padding-block: calc(var(--spacing) * 12);\n  }\n  .pt-1 {\n    padding-top: calc(var(--spacing) * 1);\n  }\n  .pt-2 {\n    padding-top: calc(var(--spacing) * 2);\n  }\n  .pr-1 {\n    padding-right: calc(var(--spacing) * 1);\n  }\n  .pb-3 {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .font-mono {\n    font-family: var(--font-mono);\n  }\n  .text-3xl {\n    font-size: var(--text-3xl);\n    line-height: var(--tw-leading, var(--text-3xl--line-height));\n  }\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .text-\\[9px\\] {\n    font-size: 9px;\n  }\n  .text-\\[10px\\] {\n    font-size: 10px;\n  }\n  .text-\\[11px\\] {\n    font-size: 11px;\n  }\n  .text-\\[12px\\] {\n    font-size: 12px;\n  }\n  .text-\\[13px\\] {\n    font-size: 13px;\n  }\n  .leading-relaxed {\n    --tw-leading: var(--leading-relaxed);\n    line-height: var(--leading-relaxed);\n  }\n  .leading-tight {\n    --tw-leading: var(--leading-tight);\n    line-height: var(--leading-tight);\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .tracking-wider {\n    --tw-tracking: var(--tracking-wider);\n    letter-spacing: var(--tracking-wider);\n  }\n  .tracking-widest {\n    --tw-tracking: var(--tracking-widest);\n    letter-spacing: var(--tracking-widest);\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .whitespace-pre {\n    white-space: pre;\n  }\n  .whitespace-pre-line {\n    white-space: pre-line;\n  }\n  .whitespace-pre-wrap {\n    white-space: pre-wrap;\n  }\n  .text-amber-400 {\n    color: var(--color-amber-400);\n  }\n  .text-amber-500 {\n    color: var(--color-amber-500);\n  }\n  .text-amber-600 {\n    color: var(--color-amber-600);\n  }\n  .text-amber-700 {\n    color: var(--color-amber-700);\n  }\n  .text-amber-800 {\n    color: var(--color-amber-800);\n  }\n  .text-amber-900 {\n    color: var(--color-amber-900);\n  }\n  .text-amber-950 {\n    color: var(--color-amber-950);\n  }\n  .text-blue-700 {\n    color: var(--color-blue-700);\n  }\n  .text-blue-800 {\n    color: var(--color-blue-800);\n  }\n  .text-blue-950 {\n    color: var(--color-blue-950);\n  }\n  .text-cyan-700 {\n    color: var(--color-cyan-700);\n  }\n  .text-cyan-800 {\n    color: var(--color-cyan-800);\n  }\n  .text-cyan-950 {\n    color: var(--color-cyan-950);\n  }\n  .text-emerald-400 {\n    color: var(--color-emerald-400);\n  }\n  .text-emerald-500 {\n    color: var(--color-emerald-500);\n  }\n  .text-emerald-500\\/70 {\n    color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);\n    }\n  }\n  .text-emerald-600 {\n    color: var(--color-emerald-600);\n  }\n  .text-emerald-700 {\n    color: var(--color-emerald-700);\n  }\n  .text-emerald-800 {\n    color: var(--color-emerald-800);\n  }\n  .text-emerald-950 {\n    color: var(--color-emerald-950);\n  }\n  .text-gray-500 {\n    color: var(--color-gray-500);\n  }\n  .text-indigo-200\\/85 {\n    color: color-mix(in srgb, oklch(87% 0.065 274.039) 85%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-indigo-200) 85%, transparent);\n    }\n  }\n  .text-indigo-400 {\n    color: var(--color-indigo-400);\n  }\n  .text-indigo-500 {\n    color: var(--color-indigo-500);\n  }\n  .text-indigo-600 {\n    color: var(--color-indigo-600);\n  }\n  .text-indigo-900 {\n    color: var(--color-indigo-900);\n  }\n  .text-indigo-950 {\n    color: var(--color-indigo-950);\n  }\n  .text-orange-950 {\n    color: var(--color-orange-950);\n  }\n  .text-pink-700 {\n    color: var(--color-pink-700);\n  }\n  .text-pink-800 {\n    color: var(--color-pink-800);\n  }\n  .text-pink-950 {\n    color: var(--color-pink-950);\n  }\n  .text-purple-700 {\n    color: var(--color-purple-700);\n  }\n  .text-purple-800 {\n    color: var(--color-purple-800);\n  }\n  .text-purple-950 {\n    color: var(--color-purple-950);\n  }\n  .text-red-500 {\n    color: var(--color-red-500);\n  }\n  .text-red-600 {\n    color: var(--color-red-600);\n  }\n  .text-rose-400 {\n    color: var(--color-rose-400);\n  }\n  .text-rose-500 {\n    color: var(--color-rose-500);\n  }\n  .text-rose-600 {\n    color: var(--color-rose-600);\n  }\n  .text-slate-100 {\n    color: var(--color-slate-100);\n  }\n  .text-slate-200 {\n    color: var(--color-slate-200);\n  }\n  .text-slate-300 {\n    color: var(--color-slate-300);\n  }\n  .text-slate-400 {\n    color: var(--color-slate-400);\n  }\n  .text-slate-500 {\n    color: var(--color-slate-500);\n  }\n  .text-slate-600 {\n    color: var(--color-slate-600);\n  }\n  .text-slate-700 {\n    color: var(--color-slate-700);\n  }\n  .text-slate-800 {\n    color: var(--color-slate-800);\n  }\n  .text-slate-900 {\n    color: var(--color-slate-900);\n  }\n  .text-violet-900 {\n    color: var(--color-violet-900);\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .text-white\\/25 {\n    color: color-mix(in srgb, #fff 25%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 25%, transparent);\n    }\n  }\n  .text-white\\/35 {\n    color: color-mix(in srgb, #fff 35%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 35%, transparent);\n    }\n  }\n  .lowercase {\n    text-transform: lowercase;\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .italic {\n    font-style: italic;\n  }\n  .tabular-nums {\n    --tw-numeric-spacing: tabular-nums;\n    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n  }\n  .antialiased {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .placeholder-slate-400 {\n    &::placeholder {\n      color: var(--color-slate-400);\n    }\n  }\n  .opacity-0 {\n    opacity: 0%;\n  }\n  .opacity-20 {\n    opacity: 20%;\n  }\n  .opacity-30 {\n    opacity: 30%;\n  }\n  .opacity-100 {\n    opacity: 100%;\n  }\n  .shadow-2xl {\n    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .shadow-xl {\n    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .ring {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .ring-1 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .ring-2 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .shadow-rose-500\\/20 {\n    --tw-shadow-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 20%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .ring-slate-200\\/80 {\n    --tw-ring-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);\n    }\n  }\n  .ring-offset-1 {\n    --tw-ring-offset-width: 1px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  }\n  .ring-offset-transparent {\n    --tw-ring-offset-color: transparent;\n  }\n  .drop-shadow-2xl {\n    --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));\n    --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .filter {\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .backdrop-blur-md {\n    --tw-backdrop-blur: blur(var(--blur-md));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .backdrop-blur-sm {\n    --tw-backdrop-blur: blur(var(--blur-sm));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .backdrop-blur-xl {\n    --tw-backdrop-blur: blur(var(--blur-xl));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-colors {\n    transition-property:\n      color,\n      background-color,\n      border-color,\n      outline-color,\n      text-decoration-color,\n      fill,\n      stroke,\n      --tw-gradient-from,\n      --tw-gradient-via,\n      --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-shadow {\n    transition-property: box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-transform {\n    transition-property:\n      transform,\n      translate,\n      scale,\n      rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .duration-300 {\n    --tw-duration: 300ms;\n    transition-duration: 300ms;\n  }\n  .duration-500 {\n    --tw-duration: 500ms;\n    transition-duration: 500ms;\n  }\n  .duration-700 {\n    --tw-duration: 700ms;\n    transition-duration: 700ms;\n  }\n  .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n  .outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  .select-text {\n    -webkit-user-select: text;\n    user-select: text;\n  }\n  .\\[animation-delay\\:0ms\\] {\n    animation-delay: 0ms;\n  }\n  .\\[animation-delay\\:150ms\\] {\n    animation-delay: 150ms;\n  }\n  .\\[animation-delay\\:300ms\\] {\n    animation-delay: 300ms;\n  }\n  .group-hover\\:scale-100 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-scale-x: 100%;\n        --tw-scale-y: 100%;\n        --tw-scale-z: 100%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .group-hover\\:scale-105 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-scale-x: 105%;\n        --tw-scale-y: 105%;\n        --tw-scale-z: 105%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .group-hover\\:animate-\\[gradientMove_3\\.5s_ease-in-out_infinite_alternate\\] {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        animation: gradientMove 3.5s ease-in-out infinite alternate;\n      }\n    }\n  }\n  .group-hover\\:animate-\\[shapeshift_5s_ease-in-out_infinite_forwards\\] {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        animation: shapeshift 5s ease-in-out infinite forwards;\n      }\n    }\n  }\n  .group-hover\\:rounded-none {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        border-radius: 0;\n      }\n    }\n  }\n  .group-hover\\:border-slate-500 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        border-color: var(--color-slate-500);\n      }\n    }\n  }\n  .group-hover\\:opacity-100 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .focus-within\\:border-slate-300 {\n    &:focus-within {\n      border-color: var(--color-slate-300);\n    }\n  }\n  .hover\\:scale-105 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-scale-x: 105%;\n        --tw-scale-y: 105%;\n        --tw-scale-z: 105%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .hover\\:scale-110 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-scale-x: 110%;\n        --tw-scale-y: 110%;\n        --tw-scale-z: 110%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .hover\\:scale-\\[1\\.01\\] {\n    &:hover {\n      @media (hover: hover) {\n        scale: 1.01;\n      }\n    }\n  }\n  .hover\\:scale-\\[1\\.02\\] {\n    &:hover {\n      @media (hover: hover) {\n        scale: 1.02;\n      }\n    }\n  }\n  .hover\\:border-emerald-200 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-emerald-200);\n      }\n    }\n  }\n  .hover\\:border-rose-200 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-rose-200);\n      }\n    }\n  }\n  .hover\\:border-slate-300 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-slate-300);\n      }\n    }\n  }\n  .hover\\:border-slate-300\\/60 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 60%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-slate-300) 60%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:border-slate-800 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-slate-800);\n      }\n    }\n  }\n  .hover\\:bg-emerald-50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-emerald-50);\n      }\n    }\n  }\n  .hover\\:bg-rose-50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-rose-50);\n      }\n    }\n  }\n  .hover\\:bg-rose-600 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-rose-600);\n      }\n    }\n  }\n  .hover\\:bg-slate-50\\/60 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-slate-50\\/70 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-slate-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-slate-100);\n      }\n    }\n  }\n  .hover\\:bg-slate-200 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-slate-200);\n      }\n    }\n  }\n  .hover\\:bg-slate-800 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-slate-800);\n      }\n    }\n  }\n  .hover\\:bg-white {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-white);\n      }\n    }\n  }\n  .hover\\:bg-white\\/5 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #fff 5%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:text-blue-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-blue-500);\n      }\n    }\n  }\n  .hover\\:text-emerald-400 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-emerald-400);\n      }\n    }\n  }\n  .hover\\:text-emerald-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-emerald-500);\n      }\n    }\n  }\n  .hover\\:text-indigo-300 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-indigo-300);\n      }\n    }\n  }\n  .hover\\:text-indigo-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-indigo-500);\n      }\n    }\n  }\n  .hover\\:text-rose-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-rose-500);\n      }\n    }\n  }\n  .hover\\:text-slate-600 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-slate-600);\n      }\n    }\n  }\n  .hover\\:text-slate-900 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-slate-900);\n      }\n    }\n  }\n  .hover\\:text-white\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        color: color-mix(in srgb, #fff 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          color: color-mix(in oklab, var(--color-white) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:opacity-90 {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 90%;\n      }\n    }\n  }\n  .hover\\:shadow-lg {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n        box-shadow:\n          var(--tw-inset-shadow),\n          var(--tw-inset-ring-shadow),\n          var(--tw-ring-offset-shadow),\n          var(--tw-ring-shadow),\n          var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-md {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n        box-shadow:\n          var(--tw-inset-shadow),\n          var(--tw-inset-ring-shadow),\n          var(--tw-ring-offset-shadow),\n          var(--tw-ring-shadow),\n          var(--tw-shadow);\n      }\n    }\n  }\n  .focus\\:border-emerald-500 {\n    &:focus {\n      border-color: var(--color-emerald-500);\n    }\n  }\n  .active\\:scale-95 {\n    &:active {\n      --tw-scale-x: 95%;\n      --tw-scale-y: 95%;\n      --tw-scale-z: 95%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n  }\n  .active\\:scale-\\[0\\.98\\] {\n    &:active {\n      scale: 0.98;\n    }\n  }\n  .disabled\\:cursor-not-allowed {\n    &:disabled {\n      cursor: not-allowed;\n    }\n  }\n  .disabled\\:opacity-30 {\n    &:disabled {\n      opacity: 30%;\n    }\n  }\n  .disabled\\:opacity-50 {\n    &:disabled {\n      opacity: 50%;\n    }\n  }\n  .disabled\\:hover\\:scale-100 {\n    &:disabled {\n      &:hover {\n        @media (hover: hover) {\n          --tw-scale-x: 100%;\n          --tw-scale-y: 100%;\n          --tw-scale-z: 100%;\n          scale: var(--tw-scale-x) var(--tw-scale-y);\n        }\n      }\n    }\n  }\n  .disabled\\:active\\:scale-100 {\n    &:disabled {\n      &:active {\n        --tw-scale-x: 100%;\n        --tw-scale-y: 100%;\n        --tw-scale-z: 100%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .sm\\:grid-cols-2 {\n    @media (width >= 40rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .md\\:opacity-0 {\n    @media (width >= 48rem) {\n      opacity: 0%;\n    }\n  }\n  .md\\:group-hover\\/carousel\\:opacity-100 {\n    @media (width >= 48rem) {\n      &:is(:where(.group\\/carousel):hover *) {\n        @media (hover: hover) {\n          opacity: 100%;\n        }\n      }\n    }\n  }\n  .dark\\:scrollbar-thumb-white\\/10 {\n    @media (prefers-color-scheme: dark) {\n      --tw-scrollbar-thumb: color-mix(in srgb, #fff 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-scrollbar-thumb: color-mix(in oklab, var(--color-white) 10%, transparent);\n      }\n      scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);\n    }\n  }\n  .dark\\:divide-white\\/5 {\n    @media (prefers-color-scheme: dark) {\n      :where(& > :not(:last-child)) {\n        border-color: color-mix(in srgb, #fff 5%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:border-amber-400\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-amber-500\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-emerald-400\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-emerald-500\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-emerald-500\\/25 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);\n      }\n    }\n  }\n  .dark\\:border-indigo-500\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-red-500\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-rose-400\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-rose-500\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-rose-500\\/25 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 25%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-rose-500) 25%, transparent);\n      }\n    }\n  }\n  .dark\\:border-white\\/5 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, #fff 5%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n      }\n    }\n  }\n  .dark\\:border-white\\/8 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, #fff 8%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-white) 8%, transparent);\n      }\n    }\n  }\n  .dark\\:border-white\\/10 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, #fff 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:border-white\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, #fff 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-\\[\\#0f0f1a\\] {\n    @media (prefers-color-scheme: dark) {\n      background-color: #0f0f1a;\n    }\n  }\n  .dark\\:bg-\\[\\#0f0f1a\\]\\/90 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in oklab, #0f0f1a 90%, transparent);\n    }\n  }\n  .dark\\:bg-\\[\\#080811\\] {\n    @media (prefers-color-scheme: dark) {\n      background-color: #080811;\n    }\n  }\n  .dark\\:bg-amber-400\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-amber-500\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-amber-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-amber-800\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-800) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-amber-900\\/20 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-amber-950\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-black\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #000 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-black) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-black\\/60 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #000 60%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-black) 60%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-blue-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-blue-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-blue-900\\/20 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-blue-950\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-cyan-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(52% 0.105 223.128) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-cyan-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-cyan-900\\/20 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-cyan-900) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-cyan-950\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-cyan-950) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-400 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-emerald-400);\n    }\n  }\n  .dark\\:bg-emerald-400\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-500\\/5 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-500\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(50.8% 0.118 165.612) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-800\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-800) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-900\\/20 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-950\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-indigo-400 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-indigo-400);\n    }\n  }\n  .dark\\:bg-indigo-500\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-indigo-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(45.7% 0.24 277.023) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-indigo-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-indigo-800\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-indigo-800) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-indigo-900\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-orange-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(55.3% 0.195 38.402) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-orange-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-pink-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(52.5% 0.223 3.958) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-pink-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-pink-800\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(45.9% 0.187 3.815) 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-pink-800) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-pink-900\\/20 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(40.8% 0.153 2.432) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-pink-900) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-pink-950\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(28.4% 0.109 3.907) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-pink-950) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-purple-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(49.6% 0.265 301.924) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-purple-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-purple-800\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(43.8% 0.218 303.724) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-purple-800) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-purple-900\\/20 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-purple-950\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-purple-950) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-red-500\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-rose-400\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-rose-500\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-slate-700 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-slate-700);\n    }\n  }\n  .dark\\:bg-slate-800 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-slate-800);\n    }\n  }\n  .dark\\:bg-slate-900 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-slate-900);\n    }\n  }\n  .dark\\:bg-slate-900\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-slate-900\\/60 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-slate-900\\/80 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-slate-950 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-slate-950);\n    }\n  }\n  .dark\\:bg-transparent {\n    @media (prefers-color-scheme: dark) {\n      background-color: transparent;\n    }\n  }\n  .dark\\:bg-violet-800\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(43.2% 0.232 292.759) 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-violet-800) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-white\\/3 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #fff 3%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-white\\/5 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #fff 5%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-white\\/8 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #fff 8%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-white) 8%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-white\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #fff 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-white\\/60 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #fff 60%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-white) 60%, transparent);\n      }\n    }\n  }\n  .dark\\:from-white\\/10 {\n    @media (prefers-color-scheme: dark) {\n      --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);\n      }\n      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n    }\n  }\n  .dark\\:to-white\\/5 {\n    @media (prefers-color-scheme: dark) {\n      --tw-gradient-to: color-mix(in srgb, #fff 5%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, transparent);\n      }\n      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n    }\n  }\n  .dark\\:text-amber-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-amber-100);\n    }\n  }\n  .dark\\:text-amber-200 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-amber-200);\n    }\n  }\n  .dark\\:text-amber-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-amber-300);\n    }\n  }\n  .dark\\:text-amber-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-amber-400);\n    }\n  }\n  .dark\\:text-blue-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-blue-100);\n    }\n  }\n  .dark\\:text-blue-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-blue-300);\n    }\n  }\n  .dark\\:text-blue-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-blue-400);\n    }\n  }\n  .dark\\:text-cyan-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-cyan-100);\n    }\n  }\n  .dark\\:text-cyan-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-cyan-300);\n    }\n  }\n  .dark\\:text-cyan-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-cyan-400);\n    }\n  }\n  .dark\\:text-emerald-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-emerald-100);\n    }\n  }\n  .dark\\:text-emerald-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-emerald-300);\n    }\n  }\n  .dark\\:text-emerald-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-emerald-400);\n    }\n  }\n  .dark\\:text-emerald-500\\/50 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:text-indigo-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-indigo-100);\n    }\n  }\n  .dark\\:text-indigo-200 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-indigo-200);\n    }\n  }\n  .dark\\:text-indigo-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-indigo-400);\n    }\n  }\n  .dark\\:text-indigo-400\\/70 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 70%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-indigo-400) 70%, transparent);\n      }\n    }\n  }\n  .dark\\:text-orange-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-orange-100);\n    }\n  }\n  .dark\\:text-pink-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-pink-100);\n    }\n  }\n  .dark\\:text-pink-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-pink-300);\n    }\n  }\n  .dark\\:text-pink-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-pink-400);\n    }\n  }\n  .dark\\:text-purple-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-purple-100);\n    }\n  }\n  .dark\\:text-purple-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-purple-300);\n    }\n  }\n  .dark\\:text-purple-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-purple-400);\n    }\n  }\n  .dark\\:text-red-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-red-400);\n    }\n  }\n  .dark\\:text-rose-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-rose-400);\n    }\n  }\n  .dark\\:text-slate-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-slate-300);\n    }\n  }\n  .dark\\:text-slate-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-slate-400);\n    }\n  }\n  .dark\\:text-violet-200 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-violet-200);\n    }\n  }\n  .dark\\:text-white {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-white);\n    }\n  }\n  .dark\\:text-white\\/20 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/30 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/40 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/50 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/60 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 60%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 60%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/70 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 70%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 70%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/75 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 75%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 75%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/80 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 80%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 80%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/90 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 90%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 90%, transparent);\n      }\n    }\n  }\n  .dark\\:placeholder-white\\/30 {\n    @media (prefers-color-scheme: dark) {\n      &::placeholder {\n        color: color-mix(in srgb, #fff 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          color: color-mix(in oklab, var(--color-white) 30%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:ring-white\\/10 {\n    @media (prefers-color-scheme: dark) {\n      --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:group-hover\\:border-white\\/50 {\n    @media (prefers-color-scheme: dark) {\n      &:is(:where(.group):hover *) {\n        @media (hover: hover) {\n          border-color: color-mix(in srgb, #fff 50%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            border-color: color-mix(in oklab, var(--color-white) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:focus-within\\:border-white\\/20 {\n    @media (prefers-color-scheme: dark) {\n      &:focus-within {\n        border-color: color-mix(in srgb, #fff 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:border-emerald-500\\/20 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:border-rose-500\\/20 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:border-white\\/15 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          border-color: color-mix(in srgb, #fff 15%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            border-color: color-mix(in oklab, var(--color-white) 15%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:border-white\\/20 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          border-color: color-mix(in srgb, #fff 20%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            border-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-emerald-500\\/10 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-rose-500\\/10 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-white\\/5 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #fff 5%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-white\\/10 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #fff 10%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-white\\/20 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #fff 20%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-blue-400 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-blue-400);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-emerald-400 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-emerald-400);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-indigo-300 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-indigo-300);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-indigo-400 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-indigo-400);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-rose-400 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-rose-400);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-white\\/60 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: color-mix(in srgb, #fff 60%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            color: color-mix(in oklab, var(--color-white) 60%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-white\\/70 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: color-mix(in srgb, #fff 70%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            color: color-mix(in oklab, var(--color-white) 70%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-white\\/80 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: color-mix(in srgb, #fff 80%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            color: color-mix(in oklab, var(--color-white) 80%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-white\\/90 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: color-mix(in srgb, #fff 90%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            color: color-mix(in oklab, var(--color-white) 90%, transparent);\n          }\n        }\n      }\n    }\n  }\n}\n@layer base {\n  :root {\n    --star: shape(evenodd from 50% 24.787%, curve by 7.143% 18.016% with 0% 0% / 2.9725% 13.814%, curve by 17.882% 7.197% with 4.171% 4.2025% / 17.882% 7.197%, curve by -17.882% 8.6765% with 0% 0% / -13.711% 4.474%, curve by -7.143% 16.5365% with -4.1705% 4.202% / -7.143% 16.5365%, curve by -8.6115% -16.5365% with 0% 0% / -4.441% -12.3345%, curve by -16.4135% -8.6765% with -4.171% -4.2025% / -16.4135% -8.6765%, curve by 16.4135% -7.197% with 0% 0% / 12.2425% -2.9945%, curve by 8.6115% -18.016% with 4.1705% -4.202% / 8.6115% -18.016%, close);\n    --flower: shape(evenodd from 17.9665% 82.0335%, curve by -12.349% -32.0335% with -13.239% -5.129% / -18.021% -15.402%, curve by -0.0275% -22.203% with -3.1825% -9.331% / -3.074% -16.6605%, curve by 12.3765% -9.8305% with 2.3835% -4.3365% / 6.565% -7.579%, curve by 32.0335% -12.349% with 5.129% -13.239% / 15.402% -18.021%, curve by 20.4535% -0.8665% with 8.3805% -2.858% / 15.1465% -3.062%, curve by 11.58% 13.2155% with 5.225% 2.161% / 9.0355% 6.6475%, curve by 12.349% 32.0335% with 13.239% 5.129% / 18.021% 15.402%, curve by 0.5715% 21.1275% with 2.9805% 8.7395% / 3.0745% 15.723%, curve by -12.9205% 10.906% with -2.26% 4.88% / -6.638% 8.472%, curve by -32.0335% 12.349% with -5.129% 13.239% / -15.402% 18.021%, curve by -21.1215% 0.5745% with -8.736% 2.9795% / -15.718% 3.0745%, curve by -10.912% -12.9235% with -4.883% -2.2595% / -8.477% -6.6385%, close);\n    --hexagon: shape(evenodd from 6.47% 67.001%, curve by 0% -34.002% with -1.1735% -7.7% / -1.1735% -26.302%, curve by 7.0415% -12.1965% with 0.7075% -4.641% / 3.3765% -9.2635%, curve by 29.447% -17.001% with 6.0815% -4.8665% / 22.192% -14.1675%, curve by 14.083% 0% with 4.3725% -1.708% / 9.7105% -1.708%, curve by 29.447% 17.001% with 7.255% 2.8335% / 23.3655% 12.1345%, curve by 7.0415% 12.1965% with 3.665% 2.933% / 6.334% 7.5555%, curve by 0% 34.002% with 1.1735% 7.7% / 1.1735% 26.302%, curve by -7.0415% 12.1965% with -0.7075% 4.641% / -3.3765% 9.2635%, curve by -29.447% 17.001% with -6.0815% 4.8665% / -22.192% 14.1675%, curve by -14.083% 0% with -4.3725% 1.708% / -9.7105% 1.708%, curve by -29.447% -17.001% with -7.255% -2.8335% / -23.3655% -12.1345%, curve by -7.0415% -12.1965% with -3.665% -2.933% / -6.334% -7.5555%, close);\n    --cylinder: shape(evenodd from 10.5845% 59.7305%, curve by 0% -19.461% with -0.113% -1.7525% / -0.11% -18.14%, curve by 10.098% -26.213% with 0.837% -10.0375% / 3.821% -19.2625%, curve by 29.3175% -13.0215% with 7.2175% -7.992% / 17.682% -13.0215%, curve by 19.5845% 5.185% with 7.1265% 0% / 13.8135% 1.887%, curve by 9.8595% 7.9775% with 3.7065% 2.1185% / 7.035% 4.8195%, curve by 9.9715% 26.072% with 6.2015% 6.933% / 9.4345% 16.082%, curve by 0% 19.461% with 0.074% 1.384% / 0.0745% 17.7715%, curve by -13.0065% 29.1155% with -0.511% 11.5345% / -5.021% 21.933%, curve by -26.409% 10.119% with -6.991% 6.288% / -16.254% 10.119%, curve by -20.945% -5.9995% with -7.6935% 0% / -14.8755% -2.199%, curve by -8.713% -7.404% with -3.255% -2.0385% / -6.1905% -4.537%, curve by -9.7575% -25.831% with -6.074% -6.9035% / -9.1205% -15.963%, close);\n    --circle: shape(evenodd from 13.482% 79.505%, curve by -7.1945% -12.47% with -1.4985% -1.8575% / -6.328% -10.225%, curve by 0.0985% -33.8965% with -4.1645% -10.7945% / -4.1685% -23.0235%, curve by 6.9955% -12.101% with 1.72% -4.3825% / 4.0845% -8.458%, curve by 30.125% -17.119% with 7.339% -9.1825% / 18.4775% -15.5135%, curve by 13.4165% 0.095% with 4.432% -0.6105% / 8.9505% -0.5855%, curve by 29.364% 16.9% with 11.6215% 1.77% / 22.102% 7.9015%, curve by 7.176% 12.4145% with 3.002% 3.7195% / 5.453% 7.968%, curve by -0.0475% 33.8925% with 4.168% 10.756% / 4.2305% 22.942%, curve by -7.1135% 12.2825% with -1.74% 4.4535% / -4.1455% 8.592%, curve by -29.404% 16.9075% with -7.202% 8.954% / -18.019% 15.137%, curve by -14.19% -0.018% with -4.6635% 0.7255% / -9.4575% 0.7205%, curve by -29.226% -16.8875% with -11.573% -1.8065% / -21.9955% -7.9235%, close);\n    --heart: shape(evenodd from 51.311% 83.603%, curve by -8.333% -20.508% with -14.104% -4.287% / -16.406% -16.185%, curve by -4.271% -37.41% with -5.419% -9.658% / -6.815% -22.733%, curve by 13.589% -33.586% with 3.982% -7.448% / 8.411% -15.994%, curve by 28.187% -21.985% with 4.029% -4.29% / 4.029% -4.29%, curve by 33.835% 0.721% with 9.618% 4.647% / 22.541% 9.618%, curve by 37.596% 21.304% with 3.306% 13.266% / 7.589% 24.251%, curve by 21.985% 43.613% with -4.208% 3.982% / -15.994% 8.411%, curve by 0.721% 37.596% with -7.448% 4.029% / -15.994% 8.411%, curve by -16.185% 28.187% with -9.658% 5.419% / -22.733% 6.815%, curve by -37.41% 4.271% with -4.29% 4.029% / -4.29% 4.029%, curve by -33.586% -13.589% with -7.448% 3.982% / -15.994% 8.411%, curve by -28.187% -32.094% with -4.029% 4.029% / -4.029% 4.029%, close);\n    --spiral: shape(evenodd from 13.347% 30.885%, curve by 5.502% 18.447% with 11.052% 5.562% / 19.995% 9.169%, curve by -20.309% 16.907% with -7.146% -1.332% / -9.016% -2.812%, curve by -25.848% -13.087% with -7.017% -7.46% / -9.941% -15.041%, curve by 10.154% -25.731% with 2.473% -6.063% / 7.163% -10.656%, curve by 31.473% -7.963% with 8.814% 2.403% / 13.84% 8.748%, curve by 16.526% 20.487% with -4.058% 1.502% / -9.51% 3.304%, curve by 5.502% 18.447% with 11.052% 5.562% / 19.995% 9.169%, close);\n    --sun: shape(evenodd from 12.758% 22.039%, curve by 2.2585% 27.561% with 4.517% 18.961% / 2.2585% 27.561%, curve by 3.187% -11.541% with 2.2585% -8.483% / 4.7615% -12.541%, curve by 31.034% 31.034% with 31.034% 31.034% / 31.034% 31.034%, curve by 33.825% -14.163% with 8.961% -7.455% / 13.585% -11.059%, curve by 19.814% -34.731% with 4.7615% -12.541% / 2.2585% -27.561%, curve by 33.825% -14.163% with 2.2585% -8.483% / 4.517% -18.961%, curve by 19.814% -34.731% with 0% 0% / -3.187% 11.541%, curve by 33.825% -14.163% with 8.961% -7.455% / 13.585% -11.059%, curve by 31.034% 31.034% with 31.034% 31.034% / 31.034% 31.034%, curve by 19.814% -34.731% with 4.7615% -12.541% / 2.2585% -27.561%, curve by 33.825% -14.163% with 2.2585% -8.483% / 4.517% -18.961%, close);\n    --star2: shape(open from 28.947% 47.744%, curve by 24.042% -2.139% with 0% 0% / -24.042% 2.139%, curve by 4.208% -25.165% with 4.208% -25.165% / 4.208% -25.165%, curve by 2.341% -18.447% with 0% 0% / 1.888% -1.438%, curve by 32.355% 1.085% with 0% 0% / 25.984% 1.085%, curve by -4.655% 25.165% with 0% 0% / -4.655% 25.165%, curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%, curve by 2.566% -4.208% with 0% 0% / 2.072% -1.639%, curve by 30.069% 1.085% with 0% 0% / 24.156% 1.085%, curve by -2.791% 25.165% with 0% 0% / -2.791% 25.165%, curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%, curve by 2.116% -4.208% with 0% 0% / 1.659% -1.557%, close);\n    --tri-star: shape(open from 25% 25%, curve by 25% 25% with 0% 0% / 25% 25%, close);\n  }\n}\n@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }\n@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }\n@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }\n@property --tw-rotate-x { syntax: "*"; inherits: false; }\n@property --tw-rotate-y { syntax: "*"; inherits: false; }\n@property --tw-rotate-z { syntax: "*"; inherits: false; }\n@property --tw-skew-x { syntax: "*"; inherits: false; }\n@property --tw-skew-y { syntax: "*"; inherits: false; }\n@property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; }\n@property --tw-scrollbar-thumb { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-scrollbar-track { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }\n@property --tw-gradient-position { syntax: "*"; inherits: false; }\n@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-gradient-stops { syntax: "*"; inherits: false; }\n@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }\n@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }\n@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }\n@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-leading { syntax: "*"; inherits: false; }\n@property --tw-font-weight { syntax: "*"; inherits: false; }\n@property --tw-tracking { syntax: "*"; inherits: false; }\n@property --tw-ordinal { syntax: "*"; inherits: false; }\n@property --tw-slashed-zero { syntax: "*"; inherits: false; }\n@property --tw-numeric-figure { syntax: "*"; inherits: false; }\n@property --tw-numeric-spacing { syntax: "*"; inherits: false; }\n@property --tw-numeric-fraction { syntax: "*"; inherits: false; }\n@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-ring-color { syntax: "*"; inherits: false; }\n@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-inset-ring-color { syntax: "*"; inherits: false; }\n@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-ring-inset { syntax: "*"; inherits: false; }\n@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }\n@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }\n@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-blur { syntax: "*"; inherits: false; }\n@property --tw-brightness { syntax: "*"; inherits: false; }\n@property --tw-contrast { syntax: "*"; inherits: false; }\n@property --tw-grayscale { syntax: "*"; inherits: false; }\n@property --tw-hue-rotate { syntax: "*"; inherits: false; }\n@property --tw-invert { syntax: "*"; inherits: false; }\n@property --tw-opacity { syntax: "*"; inherits: false; }\n@property --tw-saturate { syntax: "*"; inherits: false; }\n@property --tw-sepia { syntax: "*"; inherits: false; }\n@property --tw-drop-shadow { syntax: "*"; inherits: false; }\n@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }\n@property --tw-backdrop-blur { syntax: "*"; inherits: false; }\n@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }\n@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }\n@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }\n@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }\n@property --tw-backdrop-invert { syntax: "*"; inherits: false; }\n@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }\n@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }\n@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }\n@property --tw-duration { syntax: "*"; inherits: false; }\n@property --tw-ease { syntax: "*"; inherits: false; }\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes ping {\n  75%, 100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes bounce {\n  0%, 100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n@keyframes shapeshift {\n  0% {\n    clip-path: var(--circle);\n    rotate: 0turn;\n  }\n  25% {\n    clip-path: var(--flower);\n  }\n  50% {\n    clip-path: var(--cylinder);\n  }\n  75% {\n    clip-path: var(--hexagon);\n  }\n  100% {\n    clip-path: var(--circle);\n    rotate: 1turn;\n  }\n  120% {\n    clip-path: var(--flower);\n  }\n  140% {\n    clip-path: var(--cylinder);\n  }\n  160% {\n    clip-path: var(--hexagon);\n  }\n  180% {\n    clip-path: var(--circle);\n    rotate: 1turn;\n  }\n}\n@keyframes gradientMove {\n  0% {\n    translate: 0 0;\n  }\n  100% {\n    translate: -75% -75%;\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *,\n    ::before,\n    ::after,\n    ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-scroll-snap-strictness: proximity;\n      --tw-scrollbar-thumb: #0000;\n      --tw-scrollbar-track: #0000;\n      --tw-space-y-reverse: 0;\n      --tw-divide-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-ordinal: initial;\n      --tw-slashed-zero: initial;\n      --tw-numeric-figure: initial;\n      --tw-numeric-spacing: initial;\n      --tw-numeric-fraction: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n    }\n  }\n}\n');
+styleInject('/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root,\n  :host {\n    --font-sans:\n      ui-sans-serif,\n      system-ui,\n      sans-serif,\n      "Apple Color Emoji",\n      "Segoe UI Emoji",\n      "Segoe UI Symbol",\n      "Noto Color Emoji";\n    --font-mono:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      "Liberation Mono",\n      "Courier New",\n      monospace;\n    --color-red-50: oklch(97.1% 0.013 17.38);\n    --color-red-200: oklch(88.5% 0.062 18.334);\n    --color-red-400: oklch(70.4% 0.191 22.216);\n    --color-red-500: oklch(63.7% 0.237 25.331);\n    --color-red-600: oklch(57.7% 0.245 27.325);\n    --color-orange-100: oklch(95.4% 0.038 75.164);\n    --color-orange-700: oklch(55.3% 0.195 38.402);\n    --color-orange-950: oklch(26.6% 0.079 36.259);\n    --color-amber-50: oklch(98.7% 0.022 95.277);\n    --color-amber-100: oklch(96.2% 0.059 95.617);\n    --color-amber-200: oklch(92.4% 0.12 95.746);\n    --color-amber-300: oklch(87.9% 0.169 91.605);\n    --color-amber-400: oklch(82.8% 0.189 84.429);\n    --color-amber-500: oklch(76.9% 0.188 70.08);\n    --color-amber-600: oklch(66.6% 0.179 58.318);\n    --color-amber-700: oklch(55.5% 0.163 48.998);\n    --color-amber-800: oklch(47.3% 0.137 46.201);\n    --color-amber-900: oklch(41.4% 0.112 45.904);\n    --color-amber-950: oklch(27.9% 0.077 45.635);\n    --color-emerald-50: oklch(97.9% 0.021 166.113);\n    --color-emerald-100: oklch(95% 0.052 163.051);\n    --color-emerald-200: oklch(90.5% 0.093 164.15);\n    --color-emerald-300: oklch(84.5% 0.143 164.978);\n    --color-emerald-400: oklch(76.5% 0.177 163.223);\n    --color-emerald-500: oklch(69.6% 0.17 162.48);\n    --color-emerald-600: oklch(59.6% 0.145 163.225);\n    --color-emerald-700: oklch(50.8% 0.118 165.612);\n    --color-emerald-800: oklch(43.2% 0.095 166.913);\n    --color-emerald-900: oklch(37.8% 0.077 168.94);\n    --color-emerald-950: oklch(26.2% 0.051 172.552);\n    --color-cyan-50: oklch(98.4% 0.019 200.873);\n    --color-cyan-100: oklch(95.6% 0.045 203.388);\n    --color-cyan-200: oklch(91.7% 0.08 205.041);\n    --color-cyan-300: oklch(86.5% 0.127 207.078);\n    --color-cyan-400: oklch(78.9% 0.154 211.53);\n    --color-cyan-700: oklch(52% 0.105 223.128);\n    --color-cyan-800: oklch(45% 0.085 224.283);\n    --color-cyan-900: oklch(39.8% 0.07 227.392);\n    --color-cyan-950: oklch(30.2% 0.056 229.695);\n    --color-blue-50: oklch(97% 0.014 254.604);\n    --color-blue-100: oklch(93.2% 0.032 255.585);\n    --color-blue-200: oklch(88.2% 0.059 254.128);\n    --color-blue-300: oklch(80.9% 0.105 251.813);\n    --color-blue-400: oklch(70.7% 0.165 254.624);\n    --color-blue-500: oklch(62.3% 0.214 259.815);\n    --color-blue-600: oklch(54.6% 0.245 262.881);\n    --color-blue-700: oklch(48.8% 0.243 264.376);\n    --color-blue-800: oklch(42.4% 0.199 265.638);\n    --color-blue-900: oklch(37.9% 0.146 265.522);\n    --color-blue-950: oklch(28.2% 0.091 267.935);\n    --color-indigo-50: oklch(96.2% 0.018 272.314);\n    --color-indigo-100: oklch(93% 0.034 272.788);\n    --color-indigo-200: oklch(87% 0.065 274.039);\n    --color-indigo-300: oklch(78.5% 0.115 274.713);\n    --color-indigo-400: oklch(67.3% 0.182 276.935);\n    --color-indigo-500: oklch(58.5% 0.233 277.117);\n    --color-indigo-600: oklch(51.1% 0.262 276.966);\n    --color-indigo-700: oklch(45.7% 0.24 277.023);\n    --color-indigo-800: oklch(39.8% 0.195 277.366);\n    --color-indigo-900: oklch(35.9% 0.144 278.697);\n    --color-indigo-950: oklch(25.7% 0.09 281.288);\n    --color-violet-100: oklch(94.3% 0.029 294.588);\n    --color-violet-200: oklch(89.4% 0.057 293.283);\n    --color-violet-800: oklch(43.2% 0.232 292.759);\n    --color-violet-900: oklch(38% 0.189 293.745);\n    --color-purple-50: oklch(97.7% 0.014 308.299);\n    --color-purple-100: oklch(94.6% 0.033 307.174);\n    --color-purple-200: oklch(90.2% 0.063 306.703);\n    --color-purple-300: oklch(82.7% 0.119 306.383);\n    --color-purple-400: oklch(71.4% 0.203 305.504);\n    --color-purple-700: oklch(49.6% 0.265 301.924);\n    --color-purple-800: oklch(43.8% 0.218 303.724);\n    --color-purple-900: oklch(38.1% 0.176 304.987);\n    --color-purple-950: oklch(29.1% 0.149 302.717);\n    --color-pink-50: oklch(97.1% 0.014 343.198);\n    --color-pink-100: oklch(94.8% 0.028 342.258);\n    --color-pink-200: oklch(89.9% 0.061 343.231);\n    --color-pink-300: oklch(82.3% 0.12 346.018);\n    --color-pink-400: oklch(71.8% 0.202 349.761);\n    --color-pink-700: oklch(52.5% 0.223 3.958);\n    --color-pink-800: oklch(45.9% 0.187 3.815);\n    --color-pink-900: oklch(40.8% 0.153 2.432);\n    --color-pink-950: oklch(28.4% 0.109 3.907);\n    --color-rose-50: oklch(96.9% 0.015 12.422);\n    --color-rose-100: oklch(94.1% 0.03 12.58);\n    --color-rose-200: oklch(89.2% 0.058 10.001);\n    --color-rose-400: oklch(71.2% 0.194 13.428);\n    --color-rose-500: oklch(64.5% 0.246 16.439);\n    --color-rose-600: oklch(58.6% 0.253 17.585);\n    --color-slate-50: oklch(98.4% 0.003 247.858);\n    --color-slate-100: oklch(96.8% 0.007 247.896);\n    --color-slate-200: oklch(92.9% 0.013 255.508);\n    --color-slate-300: oklch(86.9% 0.022 252.894);\n    --color-slate-400: oklch(70.4% 0.04 256.788);\n    --color-slate-500: oklch(55.4% 0.046 257.417);\n    --color-slate-600: oklch(44.6% 0.043 257.281);\n    --color-slate-700: oklch(37.2% 0.044 257.287);\n    --color-slate-800: oklch(27.9% 0.041 260.031);\n    --color-slate-900: oklch(20.8% 0.042 265.755);\n    --color-slate-950: oklch(12.9% 0.042 264.695);\n    --color-gray-500: oklch(55.1% 0.027 264.364);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --container-xs: 20rem;\n    --container-md: 28rem;\n    --container-2xl: 42rem;\n    --container-4xl: 56rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-3xl: 1.875rem;\n    --text-3xl--line-height: calc(2.25 / 1.875);\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --tracking-tight: -0.025em;\n    --tracking-wider: 0.05em;\n    --tracking-widest: 0.1em;\n    --leading-tight: 1.25;\n    --leading-relaxed: 1.625;\n    --radius-sm: 0.25rem;\n    --radius-md: 0.375rem;\n    --radius-lg: 0.5rem;\n    --radius-xl: 0.75rem;\n    --radius-2xl: 1rem;\n    --radius-3xl: 1.5rem;\n    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);\n    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n    --animate-spin: spin 1s linear infinite;\n    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    --animate-bounce: bounce 1s infinite;\n    --blur-sm: 8px;\n    --blur-md: 12px;\n    --blur-xl: 24px;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *,\n  ::after,\n  ::before,\n  ::backdrop,\n  ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html,\n  :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b,\n  strong {\n    font-weight: bolder;\n  }\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol,\n  ul,\n  menu {\n    list-style: none;\n  }\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block;\n    vertical-align: middle;\n  }\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n  button,\n  input,\n  select,\n  optgroup,\n  textarea,\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit,\n  ::-webkit-datetime-edit-year-field,\n  ::-webkit-datetime-edit-month-field,\n  ::-webkit-datetime-edit-day-field,\n  ::-webkit-datetime-edit-hour-field,\n  ::-webkit-datetime-edit-minute-field,\n  ::-webkit-datetime-edit-second-field,\n  ::-webkit-datetime-edit-millisecond-field,\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button,\n  input:where([type=button], [type=reset], [type=submit]),\n  ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=until-found])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .pointer-events-auto {\n    pointer-events: auto;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .static {\n    position: static;\n  }\n  .inset-0 {\n    inset: calc(var(--spacing) * 0);\n  }\n  .-top-8 {\n    top: calc(var(--spacing) * -8);\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .top-1\\/2 {\n    top: calc(1 / 2 * 100%);\n  }\n  .top-2 {\n    top: calc(var(--spacing) * 2);\n  }\n  .top-4 {\n    top: calc(var(--spacing) * 4);\n  }\n  .-right-4 {\n    right: calc(var(--spacing) * -4);\n  }\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .right-2 {\n    right: calc(var(--spacing) * 2);\n  }\n  .right-4 {\n    right: calc(var(--spacing) * 4);\n  }\n  .right-5 {\n    right: calc(var(--spacing) * 5);\n  }\n  .right-6 {\n    right: calc(var(--spacing) * 6);\n  }\n  .-bottom-1\\.5 {\n    bottom: calc(var(--spacing) * -1.5);\n  }\n  .bottom-6 {\n    bottom: calc(var(--spacing) * 6);\n  }\n  .bottom-20 {\n    bottom: calc(var(--spacing) * 20);\n  }\n  .-left-4 {\n    left: calc(var(--spacing) * -4);\n  }\n  .left-0 {\n    left: calc(var(--spacing) * 0);\n  }\n  .left-1\\/2 {\n    left: calc(1 / 2 * 100%);\n  }\n  .left-2 {\n    left: calc(var(--spacing) * 2);\n  }\n  .left-5 {\n    left: calc(var(--spacing) * 5);\n  }\n  .left-6 {\n    left: calc(var(--spacing) * 6);\n  }\n  .z-0 {\n    z-index: 0;\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-20 {\n    z-index: 20;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .z-\\[100\\] {\n    z-index: 100;\n  }\n  .z-\\[9998\\] {\n    z-index: 9998;\n  }\n  .z-\\[9999\\] {\n    z-index: 9999;\n  }\n  .container {\n    width: 100%;\n    @media (width >= 40rem) {\n      max-width: 40rem;\n    }\n    @media (width >= 48rem) {\n      max-width: 48rem;\n    }\n    @media (width >= 64rem) {\n      max-width: 64rem;\n    }\n    @media (width >= 80rem) {\n      max-width: 80rem;\n    }\n    @media (width >= 96rem) {\n      max-width: 96rem;\n    }\n  }\n  .mx-1 {\n    margin-inline: calc(var(--spacing) * 1);\n  }\n  .mx-auto {\n    margin-inline: auto;\n  }\n  .my-1\\.5 {\n    margin-block: calc(var(--spacing) * 1.5);\n  }\n  .my-2 {\n    margin-block: calc(var(--spacing) * 2);\n  }\n  .my-3 {\n    margin-block: calc(var(--spacing) * 3);\n  }\n  .my-4 {\n    margin-block: calc(var(--spacing) * 4);\n  }\n  .my-5 {\n    margin-block: calc(var(--spacing) * 5);\n  }\n  .my-6 {\n    margin-block: calc(var(--spacing) * 6);\n  }\n  .mt-0\\.5 {\n    margin-top: calc(var(--spacing) * 0.5);\n  }\n  .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n  .mt-1\\.5 {\n    margin-top: calc(var(--spacing) * 1.5);\n  }\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n  .mt-3 {\n    margin-top: calc(var(--spacing) * 3);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n  .mt-8 {\n    margin-top: calc(var(--spacing) * 8);\n  }\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n  .mb-0\\.5 {\n    margin-bottom: calc(var(--spacing) * 0.5);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-1\\.5 {\n    margin-bottom: calc(var(--spacing) * 1.5);\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n  .mb-3 {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n  .ml-1 {\n    margin-left: calc(var(--spacing) * 1);\n  }\n  .ml-1\\.5 {\n    margin-left: calc(var(--spacing) * 1.5);\n  }\n  .ml-2 {\n    margin-left: calc(var(--spacing) * 2);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .line-clamp-1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  .line-clamp-2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  .\\!table {\n    display: table !important;\n  }\n  .\\!table-cell {\n    display: table-cell !important;\n  }\n  .\\!table-header-group {\n    display: table-header-group !important;\n  }\n  .\\!table-row {\n    display: table-row !important;\n  }\n  .\\!table-row-group {\n    display: table-row-group !important;\n  }\n  .block {\n    display: block;\n  }\n  .contents {\n    display: contents;\n  }\n  .flex {\n    display: flex;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .table {\n    display: table;\n  }\n  .aspect-\\[4\\/3\\] {\n    aspect-ratio: 4/3;\n  }\n  .aspect-square {\n    aspect-ratio: 1 / 1;\n  }\n  .h-1 {\n    height: calc(var(--spacing) * 1);\n  }\n  .h-1\\.5 {\n    height: calc(var(--spacing) * 1.5);\n  }\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n  .h-2\\.5 {\n    height: calc(var(--spacing) * 2.5);\n  }\n  .h-3 {\n    height: calc(var(--spacing) * 3);\n  }\n  .h-3\\.5 {\n    height: calc(var(--spacing) * 3.5);\n  }\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n  .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n  .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n  .h-14 {\n    height: calc(var(--spacing) * 14);\n  }\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n  .h-28 {\n    height: calc(var(--spacing) * 28);\n  }\n  .h-32 {\n    height: calc(var(--spacing) * 32);\n  }\n  .h-40 {\n    height: calc(var(--spacing) * 40);\n  }\n  .h-\\[400\\%\\] {\n    height: 400%;\n  }\n  .h-\\[600px\\] {\n    height: 600px;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .max-h-24 {\n    max-height: calc(var(--spacing) * 24);\n  }\n  .max-h-32 {\n    max-height: calc(var(--spacing) * 32);\n  }\n  .max-h-40 {\n    max-height: calc(var(--spacing) * 40);\n  }\n  .max-h-56 {\n    max-height: calc(var(--spacing) * 56);\n  }\n  .max-h-60 {\n    max-height: calc(var(--spacing) * 60);\n  }\n  .max-h-64 {\n    max-height: calc(var(--spacing) * 64);\n  }\n  .max-h-\\[320px\\] {\n    max-height: 320px;\n  }\n  .max-h-\\[400px\\] {\n    max-height: 400px;\n  }\n  .min-h-0 {\n    min-height: calc(var(--spacing) * 0);\n  }\n  .min-h-\\[300px\\] {\n    min-height: 300px;\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .w-1\\.5 {\n    width: calc(var(--spacing) * 1.5);\n  }\n  .w-2 {\n    width: calc(var(--spacing) * 2);\n  }\n  .w-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n  }\n  .w-3 {\n    width: calc(var(--spacing) * 3);\n  }\n  .w-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n  }\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n  .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n  .w-7 {\n    width: calc(var(--spacing) * 7);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .w-9 {\n    width: calc(var(--spacing) * 9);\n  }\n  .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n  .w-14 {\n    width: calc(var(--spacing) * 14);\n  }\n  .w-16 {\n    width: calc(var(--spacing) * 16);\n  }\n  .w-20 {\n    width: calc(var(--spacing) * 20);\n  }\n  .w-28 {\n    width: calc(var(--spacing) * 28);\n  }\n  .w-36 {\n    width: calc(var(--spacing) * 36);\n  }\n  .w-40 {\n    width: calc(var(--spacing) * 40);\n  }\n  .w-44 {\n    width: calc(var(--spacing) * 44);\n  }\n  .w-\\[400\\%\\] {\n    width: 400%;\n  }\n  .w-\\[500px\\] {\n    width: 500px;\n  }\n  .w-\\[min\\(88\\%\\,18rem\\)\\] {\n    width: min(88%, 18rem);\n  }\n  .w-full {\n    width: 100%;\n  }\n  .w-px {\n    width: 1px;\n  }\n  .max-w-2xl {\n    max-width: var(--container-2xl);\n  }\n  .max-w-4xl {\n    max-width: var(--container-4xl);\n  }\n  .max-w-\\[90\\%\\] {\n    max-width: 90%;\n  }\n  .max-w-\\[92\\%\\] {\n    max-width: 92%;\n  }\n  .max-w-\\[94\\%\\] {\n    max-width: 94%;\n  }\n  .max-w-\\[calc\\(100vw-3rem\\)\\] {\n    max-width: calc(100vw - 3rem);\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .max-w-none {\n    max-width: none;\n  }\n  .max-w-xs {\n    max-width: var(--container-xs);\n  }\n  .min-w-0 {\n    min-width: calc(var(--spacing) * 0);\n  }\n  .min-w-\\[11rem\\] {\n    min-width: 11rem;\n  }\n  .min-w-\\[400px\\] {\n    min-width: 400px;\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-shrink-0 {\n    flex-shrink: 0;\n  }\n  .flex-grow {\n    flex-grow: 1;\n  }\n  .border-collapse {\n    border-collapse: collapse;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-0 {\n    --tw-translate-y: calc(var(--spacing) * 0);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-4 {\n    --tw-translate-y: calc(var(--spacing) * 4);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .scale-90 {\n    --tw-scale-x: 90%;\n    --tw-scale-y: 90%;\n    --tw-scale-z: 90%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-95 {\n    --tw-scale-x: 95%;\n    --tw-scale-y: 95%;\n    --tw-scale-z: 95%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-100 {\n    --tw-scale-x: 100%;\n    --tw-scale-y: 100%;\n    --tw-scale-z: 100%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-110 {\n    --tw-scale-x: 110%;\n    --tw-scale-y: 110%;\n    --tw-scale-z: 110%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .rotate-0 {\n    rotate: 0deg;\n  }\n  .rotate-45 {\n    rotate: 45deg;\n  }\n  .rotate-90 {\n    rotate: 90deg;\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .animate-\\[pulse_1\\.2s_infinite\\] {\n    animation: pulse 1.2s infinite;\n  }\n  .animate-bounce {\n    animation: var(--animate-bounce);\n  }\n  .animate-ping {\n    animation: var(--animate-ping);\n  }\n  .animate-pulse {\n    animation: var(--animate-pulse);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n  .cursor-nw-resize {\n    cursor: nw-resize;\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .resize {\n    resize: both;\n  }\n  .resize-none {\n    resize: none;\n  }\n  .snap-x {\n    scroll-snap-type: x var(--tw-scroll-snap-strictness);\n  }\n  .snap-mandatory {\n    --tw-scroll-snap-strictness: mandatory;\n  }\n  .snap-start {\n    scroll-snap-align: start;\n  }\n  .scrollbar-thin {\n    scrollbar-width: thin;\n  }\n  .scrollbar-thumb-slate-200 {\n    --tw-scrollbar-thumb: var(--color-slate-200);\n    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);\n  }\n  .scrollbar-track-transparent {\n    --tw-scrollbar-track: transparent;\n    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);\n  }\n  .grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-row-reverse {\n    flex-direction: row-reverse;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-end {\n    align-items: flex-end;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-start {\n    justify-content: flex-start;\n  }\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * 0.5);\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .space-y-0\\.5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-1\\.5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-8 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .divide-y {\n    :where(& > :not(:last-child)) {\n      --tw-divide-y-reverse: 0;\n      border-bottom-style: var(--tw-border-style);\n      border-top-style: var(--tw-border-style);\n      border-top-width: calc(1px * var(--tw-divide-y-reverse));\n      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n    }\n  }\n  .divide-slate-100 {\n    :where(& > :not(:last-child)) {\n      border-color: var(--color-slate-100);\n    }\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .overflow-auto {\n    overflow: auto;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-2xl {\n    border-radius: var(--radius-2xl);\n  }\n  .rounded-3xl {\n    border-radius: var(--radius-3xl);\n  }\n  .rounded-\\[2px\\] {\n    border-radius: 2px;\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n  .rounded-xl {\n    border-radius: var(--radius-xl);\n  }\n  .rounded-t-md {\n    border-top-left-radius: var(--radius-md);\n    border-top-right-radius: var(--radius-md);\n  }\n  .rounded-tl-\\[2px\\] {\n    border-top-left-radius: 2px;\n  }\n  .rounded-tl-sm {\n    border-top-left-radius: var(--radius-sm);\n  }\n  .rounded-tr-sm {\n    border-top-right-radius: var(--radius-sm);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .border-t-2 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 2px;\n  }\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n  .border-l-2 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 2px;\n  }\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n  .border-amber-100 {\n    border-color: var(--color-amber-100);\n  }\n  .border-amber-200 {\n    border-color: var(--color-amber-200);\n  }\n  .border-emerald-100 {\n    border-color: var(--color-emerald-100);\n  }\n  .border-emerald-200 {\n    border-color: var(--color-emerald-200);\n  }\n  .border-emerald-500 {\n    border-color: var(--color-emerald-500);\n  }\n  .border-emerald-500\\/20 {\n    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);\n    }\n  }\n  .border-indigo-200 {\n    border-color: var(--color-indigo-200);\n  }\n  .border-indigo-500 {\n    border-color: var(--color-indigo-500);\n  }\n  .border-red-200 {\n    border-color: var(--color-red-200);\n  }\n  .border-rose-100 {\n    border-color: var(--color-rose-100);\n  }\n  .border-rose-200 {\n    border-color: var(--color-rose-200);\n  }\n  .border-slate-100 {\n    border-color: var(--color-slate-100);\n  }\n  .border-slate-200 {\n    border-color: var(--color-slate-200);\n  }\n  .border-slate-200\\/50 {\n    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent);\n    }\n  }\n  .border-slate-200\\/60 {\n    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);\n    }\n  }\n  .border-slate-200\\/80 {\n    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);\n    }\n  }\n  .border-slate-300 {\n    border-color: var(--color-slate-300);\n  }\n  .border-slate-800 {\n    border-color: var(--color-slate-800);\n  }\n  .border-transparent {\n    border-color: transparent;\n  }\n  .border-white {\n    border-color: var(--color-white);\n  }\n  .border-white\\/5 {\n    border-color: color-mix(in srgb, #fff 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n    }\n  }\n  .border-white\\/8 {\n    border-color: color-mix(in srgb, #fff 8%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);\n    }\n  }\n  .border-t-transparent {\n    border-top-color: transparent;\n  }\n  .bg-\\[\\#0d0d1a\\] {\n    background-color: #0d0d1a;\n  }\n  .bg-\\[\\#080818\\] {\n    background-color: #080818;\n  }\n  .bg-amber-50 {\n    background-color: var(--color-amber-50);\n  }\n  .bg-amber-100 {\n    background-color: var(--color-amber-100);\n  }\n  .bg-amber-200 {\n    background-color: var(--color-amber-200);\n  }\n  .bg-amber-500 {\n    background-color: var(--color-amber-500);\n  }\n  .bg-amber-500\\/80 {\n    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-amber-500) 80%, transparent);\n    }\n  }\n  .bg-blue-50 {\n    background-color: var(--color-blue-50);\n  }\n  .bg-blue-100 {\n    background-color: var(--color-blue-100);\n  }\n  .bg-blue-200 {\n    background-color: var(--color-blue-200);\n  }\n  .bg-cyan-50 {\n    background-color: var(--color-cyan-50);\n  }\n  .bg-cyan-100 {\n    background-color: var(--color-cyan-100);\n  }\n  .bg-cyan-200 {\n    background-color: var(--color-cyan-200);\n  }\n  .bg-emerald-50 {\n    background-color: var(--color-emerald-50);\n  }\n  .bg-emerald-50\\/50 {\n    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent);\n    }\n  }\n  .bg-emerald-100 {\n    background-color: var(--color-emerald-100);\n  }\n  .bg-emerald-200 {\n    background-color: var(--color-emerald-200);\n  }\n  .bg-emerald-500 {\n    background-color: var(--color-emerald-500);\n  }\n  .bg-emerald-500\\/10 {\n    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);\n    }\n  }\n  .bg-emerald-500\\/80 {\n    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-emerald-500) 80%, transparent);\n    }\n  }\n  .bg-indigo-50 {\n    background-color: var(--color-indigo-50);\n  }\n  .bg-indigo-100 {\n    background-color: var(--color-indigo-100);\n  }\n  .bg-indigo-500 {\n    background-color: var(--color-indigo-500);\n  }\n  .bg-indigo-600 {\n    background-color: var(--color-indigo-600);\n  }\n  .bg-orange-100 {\n    background-color: var(--color-orange-100);\n  }\n  .bg-pink-50 {\n    background-color: var(--color-pink-50);\n  }\n  .bg-pink-100 {\n    background-color: var(--color-pink-100);\n  }\n  .bg-pink-200 {\n    background-color: var(--color-pink-200);\n  }\n  .bg-purple-50 {\n    background-color: var(--color-purple-50);\n  }\n  .bg-purple-100 {\n    background-color: var(--color-purple-100);\n  }\n  .bg-purple-200 {\n    background-color: var(--color-purple-200);\n  }\n  .bg-red-50 {\n    background-color: var(--color-red-50);\n  }\n  .bg-red-500 {\n    background-color: var(--color-red-500);\n  }\n  .bg-rose-50 {\n    background-color: var(--color-rose-50);\n  }\n  .bg-rose-500 {\n    background-color: var(--color-rose-500);\n  }\n  .bg-rose-500\\/80 {\n    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-rose-500) 80%, transparent);\n    }\n  }\n  .bg-slate-50 {\n    background-color: var(--color-slate-50);\n  }\n  .bg-slate-50\\/20 {\n    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-50) 20%, transparent);\n    }\n  }\n  .bg-slate-50\\/50 {\n    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);\n    }\n  }\n  .bg-slate-100 {\n    background-color: var(--color-slate-100);\n  }\n  .bg-slate-100\\/50 {\n    background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-100) 50%, transparent);\n    }\n  }\n  .bg-slate-200 {\n    background-color: var(--color-slate-200);\n  }\n  .bg-slate-400 {\n    background-color: var(--color-slate-400);\n  }\n  .bg-slate-800 {\n    background-color: var(--color-slate-800);\n  }\n  .bg-slate-900 {\n    background-color: var(--color-slate-900);\n  }\n  .bg-slate-900\\/50 {\n    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);\n    }\n  }\n  .bg-slate-900\\/90 {\n    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-900) 90%, transparent);\n    }\n  }\n  .bg-slate-950 {\n    background-color: var(--color-slate-950);\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .bg-violet-100 {\n    background-color: var(--color-violet-100);\n  }\n  .bg-white {\n    background-color: var(--color-white);\n  }\n  .bg-white\\/60 {\n    background-color: color-mix(in srgb, #fff 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);\n    }\n  }\n  .bg-white\\/90 {\n    background-color: color-mix(in srgb, #fff 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);\n    }\n  }\n  .bg-gradient-to-br {\n    --tw-gradient-position: to bottom right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .from-slate-100 {\n    --tw-gradient-from: var(--color-slate-100);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-slate-200 {\n    --tw-gradient-to: var(--color-slate-200);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .object-cover {\n    object-fit: cover;\n  }\n  .p-0\\.5 {\n    padding: calc(var(--spacing) * 0.5);\n  }\n  .p-1 {\n    padding: calc(var(--spacing) * 1);\n  }\n  .p-1\\.5 {\n    padding: calc(var(--spacing) * 1.5);\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-2\\.5 {\n    padding: calc(var(--spacing) * 2.5);\n  }\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n  .p-8 {\n    padding: calc(var(--spacing) * 8);\n  }\n  .p-10 {\n    padding: calc(var(--spacing) * 10);\n  }\n  .px-1 {\n    padding-inline: calc(var(--spacing) * 1);\n  }\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n  .px-2\\.5 {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .px-5 {\n    padding-inline: calc(var(--spacing) * 5);\n  }\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * 0.5);\n  }\n  .py-1 {\n    padding-block: calc(var(--spacing) * 1);\n  }\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n  .py-2\\.5 {\n    padding-block: calc(var(--spacing) * 2.5);\n  }\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n  .pt-1 {\n    padding-top: calc(var(--spacing) * 1);\n  }\n  .pt-2 {\n    padding-top: calc(var(--spacing) * 2);\n  }\n  .pr-1 {\n    padding-right: calc(var(--spacing) * 1);\n  }\n  .pb-3 {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n  .pb-6 {\n    padding-bottom: calc(var(--spacing) * 6);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .font-mono {\n    font-family: var(--font-mono);\n  }\n  .text-3xl {\n    font-size: var(--text-3xl);\n    line-height: var(--tw-leading, var(--text-3xl--line-height));\n  }\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .text-\\[9px\\] {\n    font-size: 9px;\n  }\n  .text-\\[10px\\] {\n    font-size: 10px;\n  }\n  .text-\\[11px\\] {\n    font-size: 11px;\n  }\n  .text-\\[12px\\] {\n    font-size: 12px;\n  }\n  .text-\\[13px\\] {\n    font-size: 13px;\n  }\n  .leading-relaxed {\n    --tw-leading: var(--leading-relaxed);\n    line-height: var(--leading-relaxed);\n  }\n  .leading-tight {\n    --tw-leading: var(--leading-tight);\n    line-height: var(--leading-tight);\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .tracking-tight {\n    --tw-tracking: var(--tracking-tight);\n    letter-spacing: var(--tracking-tight);\n  }\n  .tracking-wider {\n    --tw-tracking: var(--tracking-wider);\n    letter-spacing: var(--tracking-wider);\n  }\n  .tracking-widest {\n    --tw-tracking: var(--tracking-widest);\n    letter-spacing: var(--tracking-widest);\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .whitespace-pre {\n    white-space: pre;\n  }\n  .whitespace-pre-line {\n    white-space: pre-line;\n  }\n  .whitespace-pre-wrap {\n    white-space: pre-wrap;\n  }\n  .text-amber-400 {\n    color: var(--color-amber-400);\n  }\n  .text-amber-500 {\n    color: var(--color-amber-500);\n  }\n  .text-amber-600 {\n    color: var(--color-amber-600);\n  }\n  .text-amber-700 {\n    color: var(--color-amber-700);\n  }\n  .text-amber-800 {\n    color: var(--color-amber-800);\n  }\n  .text-amber-900 {\n    color: var(--color-amber-900);\n  }\n  .text-amber-950 {\n    color: var(--color-amber-950);\n  }\n  .text-blue-600 {\n    color: var(--color-blue-600);\n  }\n  .text-blue-700 {\n    color: var(--color-blue-700);\n  }\n  .text-blue-800 {\n    color: var(--color-blue-800);\n  }\n  .text-blue-950 {\n    color: var(--color-blue-950);\n  }\n  .text-cyan-700 {\n    color: var(--color-cyan-700);\n  }\n  .text-cyan-800 {\n    color: var(--color-cyan-800);\n  }\n  .text-cyan-950 {\n    color: var(--color-cyan-950);\n  }\n  .text-emerald-400 {\n    color: var(--color-emerald-400);\n  }\n  .text-emerald-500 {\n    color: var(--color-emerald-500);\n  }\n  .text-emerald-500\\/70 {\n    color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);\n    }\n  }\n  .text-emerald-600 {\n    color: var(--color-emerald-600);\n  }\n  .text-emerald-700 {\n    color: var(--color-emerald-700);\n  }\n  .text-emerald-800 {\n    color: var(--color-emerald-800);\n  }\n  .text-emerald-950 {\n    color: var(--color-emerald-950);\n  }\n  .text-gray-500 {\n    color: var(--color-gray-500);\n  }\n  .text-indigo-200\\/85 {\n    color: color-mix(in srgb, oklch(87% 0.065 274.039) 85%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-indigo-200) 85%, transparent);\n    }\n  }\n  .text-indigo-400 {\n    color: var(--color-indigo-400);\n  }\n  .text-indigo-500 {\n    color: var(--color-indigo-500);\n  }\n  .text-indigo-600 {\n    color: var(--color-indigo-600);\n  }\n  .text-indigo-900 {\n    color: var(--color-indigo-900);\n  }\n  .text-indigo-950 {\n    color: var(--color-indigo-950);\n  }\n  .text-orange-950 {\n    color: var(--color-orange-950);\n  }\n  .text-pink-700 {\n    color: var(--color-pink-700);\n  }\n  .text-pink-800 {\n    color: var(--color-pink-800);\n  }\n  .text-pink-950 {\n    color: var(--color-pink-950);\n  }\n  .text-purple-700 {\n    color: var(--color-purple-700);\n  }\n  .text-purple-800 {\n    color: var(--color-purple-800);\n  }\n  .text-purple-950 {\n    color: var(--color-purple-950);\n  }\n  .text-red-500 {\n    color: var(--color-red-500);\n  }\n  .text-red-600 {\n    color: var(--color-red-600);\n  }\n  .text-rose-400 {\n    color: var(--color-rose-400);\n  }\n  .text-rose-500 {\n    color: var(--color-rose-500);\n  }\n  .text-rose-600 {\n    color: var(--color-rose-600);\n  }\n  .text-slate-100 {\n    color: var(--color-slate-100);\n  }\n  .text-slate-200 {\n    color: var(--color-slate-200);\n  }\n  .text-slate-300 {\n    color: var(--color-slate-300);\n  }\n  .text-slate-400 {\n    color: var(--color-slate-400);\n  }\n  .text-slate-500 {\n    color: var(--color-slate-500);\n  }\n  .text-slate-600 {\n    color: var(--color-slate-600);\n  }\n  .text-slate-700 {\n    color: var(--color-slate-700);\n  }\n  .text-slate-800 {\n    color: var(--color-slate-800);\n  }\n  .text-slate-900 {\n    color: var(--color-slate-900);\n  }\n  .text-violet-900 {\n    color: var(--color-violet-900);\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .text-white\\/25 {\n    color: color-mix(in srgb, #fff 25%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 25%, transparent);\n    }\n  }\n  .text-white\\/35 {\n    color: color-mix(in srgb, #fff 35%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 35%, transparent);\n    }\n  }\n  .lowercase {\n    text-transform: lowercase;\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .italic {\n    font-style: italic;\n  }\n  .tabular-nums {\n    --tw-numeric-spacing: tabular-nums;\n    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n  }\n  .antialiased {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .placeholder-slate-400 {\n    &::placeholder {\n      color: var(--color-slate-400);\n    }\n  }\n  .opacity-0 {\n    opacity: 0%;\n  }\n  .opacity-20 {\n    opacity: 20%;\n  }\n  .opacity-30 {\n    opacity: 30%;\n  }\n  .opacity-100 {\n    opacity: 100%;\n  }\n  .shadow-2xl {\n    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .shadow-xl {\n    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .ring {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .ring-1 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .ring-2 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .shadow-rose-500\\/20 {\n    --tw-shadow-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 20%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .ring-slate-200\\/80 {\n    --tw-ring-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);\n    }\n  }\n  .ring-offset-1 {\n    --tw-ring-offset-width: 1px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  }\n  .ring-offset-transparent {\n    --tw-ring-offset-color: transparent;\n  }\n  .drop-shadow-2xl {\n    --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));\n    --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .filter {\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .backdrop-blur-md {\n    --tw-backdrop-blur: blur(var(--blur-md));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .backdrop-blur-sm {\n    --tw-backdrop-blur: blur(var(--blur-sm));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .backdrop-blur-xl {\n    --tw-backdrop-blur: blur(var(--blur-xl));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-colors {\n    transition-property:\n      color,\n      background-color,\n      border-color,\n      outline-color,\n      text-decoration-color,\n      fill,\n      stroke,\n      --tw-gradient-from,\n      --tw-gradient-via,\n      --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-shadow {\n    transition-property: box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-transform {\n    transition-property:\n      transform,\n      translate,\n      scale,\n      rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .duration-300 {\n    --tw-duration: 300ms;\n    transition-duration: 300ms;\n  }\n  .duration-500 {\n    --tw-duration: 500ms;\n    transition-duration: 500ms;\n  }\n  .duration-700 {\n    --tw-duration: 700ms;\n    transition-duration: 700ms;\n  }\n  .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n  .outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  .select-text {\n    -webkit-user-select: text;\n    user-select: text;\n  }\n  .\\[animation-delay\\:0ms\\] {\n    animation-delay: 0ms;\n  }\n  .\\[animation-delay\\:150ms\\] {\n    animation-delay: 150ms;\n  }\n  .\\[animation-delay\\:300ms\\] {\n    animation-delay: 300ms;\n  }\n  .group-hover\\:scale-100 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-scale-x: 100%;\n        --tw-scale-y: 100%;\n        --tw-scale-z: 100%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .group-hover\\:scale-105 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-scale-x: 105%;\n        --tw-scale-y: 105%;\n        --tw-scale-z: 105%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .group-hover\\:animate-\\[gradientMove_3\\.5s_ease-in-out_infinite_alternate\\] {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        animation: gradientMove 3.5s ease-in-out infinite alternate;\n      }\n    }\n  }\n  .group-hover\\:animate-\\[shapeshift_5s_ease-in-out_infinite_forwards\\] {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        animation: shapeshift 5s ease-in-out infinite forwards;\n      }\n    }\n  }\n  .group-hover\\:rounded-none {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        border-radius: 0;\n      }\n    }\n  }\n  .group-hover\\:border-slate-500 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        border-color: var(--color-slate-500);\n      }\n    }\n  }\n  .group-hover\\:opacity-100 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .focus-within\\:border-slate-300 {\n    &:focus-within {\n      border-color: var(--color-slate-300);\n    }\n  }\n  .hover\\:scale-105 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-scale-x: 105%;\n        --tw-scale-y: 105%;\n        --tw-scale-z: 105%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .hover\\:scale-110 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-scale-x: 110%;\n        --tw-scale-y: 110%;\n        --tw-scale-z: 110%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .hover\\:scale-\\[1\\.01\\] {\n    &:hover {\n      @media (hover: hover) {\n        scale: 1.01;\n      }\n    }\n  }\n  .hover\\:scale-\\[1\\.02\\] {\n    &:hover {\n      @media (hover: hover) {\n        scale: 1.02;\n      }\n    }\n  }\n  .hover\\:border-emerald-200 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-emerald-200);\n      }\n    }\n  }\n  .hover\\:border-rose-200 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-rose-200);\n      }\n    }\n  }\n  .hover\\:border-slate-300 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-slate-300);\n      }\n    }\n  }\n  .hover\\:border-slate-300\\/60 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 60%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-slate-300) 60%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:border-slate-800 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-slate-800);\n      }\n    }\n  }\n  .hover\\:bg-emerald-50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-emerald-50);\n      }\n    }\n  }\n  .hover\\:bg-rose-50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-rose-50);\n      }\n    }\n  }\n  .hover\\:bg-rose-600 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-rose-600);\n      }\n    }\n  }\n  .hover\\:bg-slate-50\\/60 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-slate-50\\/70 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-slate-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-slate-100);\n      }\n    }\n  }\n  .hover\\:bg-slate-200 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-slate-200);\n      }\n    }\n  }\n  .hover\\:bg-slate-800 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-slate-800);\n      }\n    }\n  }\n  .hover\\:bg-white {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-white);\n      }\n    }\n  }\n  .hover\\:bg-white\\/5 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #fff 5%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:text-blue-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-blue-500);\n      }\n    }\n  }\n  .hover\\:text-emerald-400 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-emerald-400);\n      }\n    }\n  }\n  .hover\\:text-emerald-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-emerald-500);\n      }\n    }\n  }\n  .hover\\:text-indigo-300 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-indigo-300);\n      }\n    }\n  }\n  .hover\\:text-indigo-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-indigo-500);\n      }\n    }\n  }\n  .hover\\:text-rose-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-rose-500);\n      }\n    }\n  }\n  .hover\\:text-slate-600 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-slate-600);\n      }\n    }\n  }\n  .hover\\:text-slate-900 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-slate-900);\n      }\n    }\n  }\n  .hover\\:text-white\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        color: color-mix(in srgb, #fff 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          color: color-mix(in oklab, var(--color-white) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:opacity-90 {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 90%;\n      }\n    }\n  }\n  .hover\\:shadow-lg {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n        box-shadow:\n          var(--tw-inset-shadow),\n          var(--tw-inset-ring-shadow),\n          var(--tw-ring-offset-shadow),\n          var(--tw-ring-shadow),\n          var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-md {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n        box-shadow:\n          var(--tw-inset-shadow),\n          var(--tw-inset-ring-shadow),\n          var(--tw-ring-offset-shadow),\n          var(--tw-ring-shadow),\n          var(--tw-shadow);\n      }\n    }\n  }\n  .focus\\:border-emerald-500 {\n    &:focus {\n      border-color: var(--color-emerald-500);\n    }\n  }\n  .focus\\:ring-blue-500 {\n    &:focus {\n      --tw-ring-color: var(--color-blue-500);\n    }\n  }\n  .active\\:scale-95 {\n    &:active {\n      --tw-scale-x: 95%;\n      --tw-scale-y: 95%;\n      --tw-scale-z: 95%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n  }\n  .active\\:scale-\\[0\\.98\\] {\n    &:active {\n      scale: 0.98;\n    }\n  }\n  .disabled\\:cursor-not-allowed {\n    &:disabled {\n      cursor: not-allowed;\n    }\n  }\n  .disabled\\:opacity-30 {\n    &:disabled {\n      opacity: 30%;\n    }\n  }\n  .disabled\\:opacity-50 {\n    &:disabled {\n      opacity: 50%;\n    }\n  }\n  .disabled\\:hover\\:scale-100 {\n    &:disabled {\n      &:hover {\n        @media (hover: hover) {\n          --tw-scale-x: 100%;\n          --tw-scale-y: 100%;\n          --tw-scale-z: 100%;\n          scale: var(--tw-scale-x) var(--tw-scale-y);\n        }\n      }\n    }\n  }\n  .disabled\\:active\\:scale-100 {\n    &:disabled {\n      &:active {\n        --tw-scale-x: 100%;\n        --tw-scale-y: 100%;\n        --tw-scale-z: 100%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .sm\\:grid-cols-2 {\n    @media (width >= 40rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .md\\:p-12 {\n    @media (width >= 48rem) {\n      padding: calc(var(--spacing) * 12);\n    }\n  }\n  .md\\:opacity-0 {\n    @media (width >= 48rem) {\n      opacity: 0%;\n    }\n  }\n  .md\\:group-hover\\/carousel\\:opacity-100 {\n    @media (width >= 48rem) {\n      &:is(:where(.group\\/carousel):hover *) {\n        @media (hover: hover) {\n          opacity: 100%;\n        }\n      }\n    }\n  }\n  .dark\\:scrollbar-thumb-white\\/10 {\n    @media (prefers-color-scheme: dark) {\n      --tw-scrollbar-thumb: color-mix(in srgb, #fff 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-scrollbar-thumb: color-mix(in oklab, var(--color-white) 10%, transparent);\n      }\n      scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);\n    }\n  }\n  .dark\\:divide-white\\/5 {\n    @media (prefers-color-scheme: dark) {\n      :where(& > :not(:last-child)) {\n        border-color: color-mix(in srgb, #fff 5%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:border-amber-400\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-amber-500\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-emerald-400\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-emerald-500\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-emerald-500\\/25 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);\n      }\n    }\n  }\n  .dark\\:border-indigo-500\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-red-500\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-rose-400\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-rose-500\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:border-rose-500\\/25 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 25%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-rose-500) 25%, transparent);\n      }\n    }\n  }\n  .dark\\:border-slate-700 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-slate-700);\n    }\n  }\n  .dark\\:border-slate-800 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-slate-800);\n    }\n  }\n  .dark\\:border-white\\/5 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, #fff 5%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n      }\n    }\n  }\n  .dark\\:border-white\\/8 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, #fff 8%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-white) 8%, transparent);\n      }\n    }\n  }\n  .dark\\:border-white\\/10 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, #fff 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:border-white\\/20 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, #fff 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-\\[\\#0f0f1a\\] {\n    @media (prefers-color-scheme: dark) {\n      background-color: #0f0f1a;\n    }\n  }\n  .dark\\:bg-\\[\\#0f0f1a\\]\\/90 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in oklab, #0f0f1a 90%, transparent);\n    }\n  }\n  .dark\\:bg-\\[\\#080811\\] {\n    @media (prefers-color-scheme: dark) {\n      background-color: #080811;\n    }\n  }\n  .dark\\:bg-amber-400\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-amber-500\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-amber-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-amber-800\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-800) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-amber-900\\/20 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-amber-950\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-black\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #000 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-black) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-black\\/60 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #000 60%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-black) 60%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-blue-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-blue-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-blue-900\\/20 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-blue-950\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-cyan-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(52% 0.105 223.128) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-cyan-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-cyan-900\\/20 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-cyan-900) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-cyan-950\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-cyan-950) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-400 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-emerald-400);\n    }\n  }\n  .dark\\:bg-emerald-400\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-500\\/5 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-500\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(50.8% 0.118 165.612) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-800\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-800) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-900\\/20 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-950\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-indigo-400 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-indigo-400);\n    }\n  }\n  .dark\\:bg-indigo-500\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-indigo-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(45.7% 0.24 277.023) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-indigo-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-indigo-800\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-indigo-800) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-indigo-900\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-orange-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(55.3% 0.195 38.402) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-orange-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-pink-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(52.5% 0.223 3.958) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-pink-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-pink-800\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(45.9% 0.187 3.815) 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-pink-800) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-pink-900\\/20 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(40.8% 0.153 2.432) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-pink-900) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-pink-950\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(28.4% 0.109 3.907) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-pink-950) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-purple-700\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(49.6% 0.265 301.924) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-purple-700) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-purple-800\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(43.8% 0.218 303.724) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-purple-800) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-purple-900\\/20 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-purple-950\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-purple-950) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-red-500\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-rose-400\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-rose-500\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-slate-700 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-slate-700);\n    }\n  }\n  .dark\\:bg-slate-800 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-slate-800);\n    }\n  }\n  .dark\\:bg-slate-900 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-slate-900);\n    }\n  }\n  .dark\\:bg-slate-900\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-slate-900\\/60 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-slate-900\\/80 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-slate-950 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-slate-950);\n    }\n  }\n  .dark\\:bg-transparent {\n    @media (prefers-color-scheme: dark) {\n      background-color: transparent;\n    }\n  }\n  .dark\\:bg-violet-800\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(43.2% 0.232 292.759) 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-violet-800) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-white\\/3 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #fff 3%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-white\\/5 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #fff 5%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-white\\/8 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #fff 8%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-white) 8%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-white\\/10 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #fff 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-white\\/60 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #fff 60%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-white) 60%, transparent);\n      }\n    }\n  }\n  .dark\\:from-white\\/10 {\n    @media (prefers-color-scheme: dark) {\n      --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);\n      }\n      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n    }\n  }\n  .dark\\:to-white\\/5 {\n    @media (prefers-color-scheme: dark) {\n      --tw-gradient-to: color-mix(in srgb, #fff 5%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, transparent);\n      }\n      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n    }\n  }\n  .dark\\:text-amber-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-amber-100);\n    }\n  }\n  .dark\\:text-amber-200 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-amber-200);\n    }\n  }\n  .dark\\:text-amber-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-amber-300);\n    }\n  }\n  .dark\\:text-amber-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-amber-400);\n    }\n  }\n  .dark\\:text-blue-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-blue-100);\n    }\n  }\n  .dark\\:text-blue-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-blue-300);\n    }\n  }\n  .dark\\:text-blue-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-blue-400);\n    }\n  }\n  .dark\\:text-cyan-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-cyan-100);\n    }\n  }\n  .dark\\:text-cyan-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-cyan-300);\n    }\n  }\n  .dark\\:text-cyan-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-cyan-400);\n    }\n  }\n  .dark\\:text-emerald-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-emerald-100);\n    }\n  }\n  .dark\\:text-emerald-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-emerald-300);\n    }\n  }\n  .dark\\:text-emerald-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-emerald-400);\n    }\n  }\n  .dark\\:text-emerald-500\\/50 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:text-indigo-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-indigo-100);\n    }\n  }\n  .dark\\:text-indigo-200 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-indigo-200);\n    }\n  }\n  .dark\\:text-indigo-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-indigo-400);\n    }\n  }\n  .dark\\:text-indigo-400\\/70 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 70%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-indigo-400) 70%, transparent);\n      }\n    }\n  }\n  .dark\\:text-orange-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-orange-100);\n    }\n  }\n  .dark\\:text-pink-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-pink-100);\n    }\n  }\n  .dark\\:text-pink-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-pink-300);\n    }\n  }\n  .dark\\:text-pink-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-pink-400);\n    }\n  }\n  .dark\\:text-purple-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-purple-100);\n    }\n  }\n  .dark\\:text-purple-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-purple-300);\n    }\n  }\n  .dark\\:text-purple-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-purple-400);\n    }\n  }\n  .dark\\:text-red-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-red-400);\n    }\n  }\n  .dark\\:text-rose-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-rose-400);\n    }\n  }\n  .dark\\:text-slate-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-slate-100);\n    }\n  }\n  .dark\\:text-slate-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-slate-300);\n    }\n  }\n  .dark\\:text-slate-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-slate-400);\n    }\n  }\n  .dark\\:text-violet-200 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-violet-200);\n    }\n  }\n  .dark\\:text-white {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-white);\n    }\n  }\n  .dark\\:text-white\\/20 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/30 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/40 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/50 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/60 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 60%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 60%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/70 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 70%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 70%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/75 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 75%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 75%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/80 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 80%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 80%, transparent);\n      }\n    }\n  }\n  .dark\\:text-white\\/90 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, #fff 90%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 90%, transparent);\n      }\n    }\n  }\n  .dark\\:placeholder-white\\/30 {\n    @media (prefers-color-scheme: dark) {\n      &::placeholder {\n        color: color-mix(in srgb, #fff 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          color: color-mix(in oklab, var(--color-white) 30%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:ring-white\\/10 {\n    @media (prefers-color-scheme: dark) {\n      --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n      }\n    }\n  }\n  .dark\\:group-hover\\:border-white\\/50 {\n    @media (prefers-color-scheme: dark) {\n      &:is(:where(.group):hover *) {\n        @media (hover: hover) {\n          border-color: color-mix(in srgb, #fff 50%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            border-color: color-mix(in oklab, var(--color-white) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:focus-within\\:border-white\\/20 {\n    @media (prefers-color-scheme: dark) {\n      &:focus-within {\n        border-color: color-mix(in srgb, #fff 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:border-emerald-500\\/20 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:border-rose-500\\/20 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:border-white\\/15 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          border-color: color-mix(in srgb, #fff 15%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            border-color: color-mix(in oklab, var(--color-white) 15%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:border-white\\/20 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          border-color: color-mix(in srgb, #fff 20%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            border-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-emerald-500\\/10 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-rose-500\\/10 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-white\\/5 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #fff 5%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-white\\/10 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #fff 10%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-white\\/20 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #fff 20%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-blue-400 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-blue-400);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-emerald-400 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-emerald-400);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-indigo-300 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-indigo-300);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-indigo-400 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-indigo-400);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-rose-400 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-rose-400);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-white\\/60 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: color-mix(in srgb, #fff 60%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            color: color-mix(in oklab, var(--color-white) 60%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-white\\/70 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: color-mix(in srgb, #fff 70%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            color: color-mix(in oklab, var(--color-white) 70%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-white\\/80 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: color-mix(in srgb, #fff 80%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            color: color-mix(in oklab, var(--color-white) 80%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-white\\/90 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: color-mix(in srgb, #fff 90%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            color: color-mix(in oklab, var(--color-white) 90%, transparent);\n          }\n        }\n      }\n    }\n  }\n}\n@layer base {\n  :root {\n    --star: shape(evenodd from 50% 24.787%, curve by 7.143% 18.016% with 0% 0% / 2.9725% 13.814%, curve by 17.882% 7.197% with 4.171% 4.2025% / 17.882% 7.197%, curve by -17.882% 8.6765% with 0% 0% / -13.711% 4.474%, curve by -7.143% 16.5365% with -4.1705% 4.202% / -7.143% 16.5365%, curve by -8.6115% -16.5365% with 0% 0% / -4.441% -12.3345%, curve by -16.4135% -8.6765% with -4.171% -4.2025% / -16.4135% -8.6765%, curve by 16.4135% -7.197% with 0% 0% / 12.2425% -2.9945%, curve by 8.6115% -18.016% with 4.1705% -4.202% / 8.6115% -18.016%, close);\n    --flower: shape(evenodd from 17.9665% 82.0335%, curve by -12.349% -32.0335% with -13.239% -5.129% / -18.021% -15.402%, curve by -0.0275% -22.203% with -3.1825% -9.331% / -3.074% -16.6605%, curve by 12.3765% -9.8305% with 2.3835% -4.3365% / 6.565% -7.579%, curve by 32.0335% -12.349% with 5.129% -13.239% / 15.402% -18.021%, curve by 20.4535% -0.8665% with 8.3805% -2.858% / 15.1465% -3.062%, curve by 11.58% 13.2155% with 5.225% 2.161% / 9.0355% 6.6475%, curve by 12.349% 32.0335% with 13.239% 5.129% / 18.021% 15.402%, curve by 0.5715% 21.1275% with 2.9805% 8.7395% / 3.0745% 15.723%, curve by -12.9205% 10.906% with -2.26% 4.88% / -6.638% 8.472%, curve by -32.0335% 12.349% with -5.129% 13.239% / -15.402% 18.021%, curve by -21.1215% 0.5745% with -8.736% 2.9795% / -15.718% 3.0745%, curve by -10.912% -12.9235% with -4.883% -2.2595% / -8.477% -6.6385%, close);\n    --hexagon: shape(evenodd from 6.47% 67.001%, curve by 0% -34.002% with -1.1735% -7.7% / -1.1735% -26.302%, curve by 7.0415% -12.1965% with 0.7075% -4.641% / 3.3765% -9.2635%, curve by 29.447% -17.001% with 6.0815% -4.8665% / 22.192% -14.1675%, curve by 14.083% 0% with 4.3725% -1.708% / 9.7105% -1.708%, curve by 29.447% 17.001% with 7.255% 2.8335% / 23.3655% 12.1345%, curve by 7.0415% 12.1965% with 3.665% 2.933% / 6.334% 7.5555%, curve by 0% 34.002% with 1.1735% 7.7% / 1.1735% 26.302%, curve by -7.0415% 12.1965% with -0.7075% 4.641% / -3.3765% 9.2635%, curve by -29.447% 17.001% with -6.0815% 4.8665% / -22.192% 14.1675%, curve by -14.083% 0% with -4.3725% 1.708% / -9.7105% 1.708%, curve by -29.447% -17.001% with -7.255% -2.8335% / -23.3655% -12.1345%, curve by -7.0415% -12.1965% with -3.665% -2.933% / -6.334% -7.5555%, close);\n    --cylinder: shape(evenodd from 10.5845% 59.7305%, curve by 0% -19.461% with -0.113% -1.7525% / -0.11% -18.14%, curve by 10.098% -26.213% with 0.837% -10.0375% / 3.821% -19.2625%, curve by 29.3175% -13.0215% with 7.2175% -7.992% / 17.682% -13.0215%, curve by 19.5845% 5.185% with 7.1265% 0% / 13.8135% 1.887%, curve by 9.8595% 7.9775% with 3.7065% 2.1185% / 7.035% 4.8195%, curve by 9.9715% 26.072% with 6.2015% 6.933% / 9.4345% 16.082%, curve by 0% 19.461% with 0.074% 1.384% / 0.0745% 17.7715%, curve by -13.0065% 29.1155% with -0.511% 11.5345% / -5.021% 21.933%, curve by -26.409% 10.119% with -6.991% 6.288% / -16.254% 10.119%, curve by -20.945% -5.9995% with -7.6935% 0% / -14.8755% -2.199%, curve by -8.713% -7.404% with -3.255% -2.0385% / -6.1905% -4.537%, curve by -9.7575% -25.831% with -6.074% -6.9035% / -9.1205% -15.963%, close);\n    --circle: shape(evenodd from 13.482% 79.505%, curve by -7.1945% -12.47% with -1.4985% -1.8575% / -6.328% -10.225%, curve by 0.0985% -33.8965% with -4.1645% -10.7945% / -4.1685% -23.0235%, curve by 6.9955% -12.101% with 1.72% -4.3825% / 4.0845% -8.458%, curve by 30.125% -17.119% with 7.339% -9.1825% / 18.4775% -15.5135%, curve by 13.4165% 0.095% with 4.432% -0.6105% / 8.9505% -0.5855%, curve by 29.364% 16.9% with 11.6215% 1.77% / 22.102% 7.9015%, curve by 7.176% 12.4145% with 3.002% 3.7195% / 5.453% 7.968%, curve by -0.0475% 33.8925% with 4.168% 10.756% / 4.2305% 22.942%, curve by -7.1135% 12.2825% with -1.74% 4.4535% / -4.1455% 8.592%, curve by -29.404% 16.9075% with -7.202% 8.954% / -18.019% 15.137%, curve by -14.19% -0.018% with -4.6635% 0.7255% / -9.4575% 0.7205%, curve by -29.226% -16.8875% with -11.573% -1.8065% / -21.9955% -7.9235%, close);\n    --heart: shape(evenodd from 51.311% 83.603%, curve by -8.333% -20.508% with -14.104% -4.287% / -16.406% -16.185%, curve by -4.271% -37.41% with -5.419% -9.658% / -6.815% -22.733%, curve by 13.589% -33.586% with 3.982% -7.448% / 8.411% -15.994%, curve by 28.187% -21.985% with 4.029% -4.29% / 4.029% -4.29%, curve by 33.835% 0.721% with 9.618% 4.647% / 22.541% 9.618%, curve by 37.596% 21.304% with 3.306% 13.266% / 7.589% 24.251%, curve by 21.985% 43.613% with -4.208% 3.982% / -15.994% 8.411%, curve by 0.721% 37.596% with -7.448% 4.029% / -15.994% 8.411%, curve by -16.185% 28.187% with -9.658% 5.419% / -22.733% 6.815%, curve by -37.41% 4.271% with -4.29% 4.029% / -4.29% 4.029%, curve by -33.586% -13.589% with -7.448% 3.982% / -15.994% 8.411%, curve by -28.187% -32.094% with -4.029% 4.029% / -4.029% 4.029%, close);\n    --spiral: shape(evenodd from 13.347% 30.885%, curve by 5.502% 18.447% with 11.052% 5.562% / 19.995% 9.169%, curve by -20.309% 16.907% with -7.146% -1.332% / -9.016% -2.812%, curve by -25.848% -13.087% with -7.017% -7.46% / -9.941% -15.041%, curve by 10.154% -25.731% with 2.473% -6.063% / 7.163% -10.656%, curve by 31.473% -7.963% with 8.814% 2.403% / 13.84% 8.748%, curve by 16.526% 20.487% with -4.058% 1.502% / -9.51% 3.304%, curve by 5.502% 18.447% with 11.052% 5.562% / 19.995% 9.169%, close);\n    --sun: shape(evenodd from 12.758% 22.039%, curve by 2.2585% 27.561% with 4.517% 18.961% / 2.2585% 27.561%, curve by 3.187% -11.541% with 2.2585% -8.483% / 4.7615% -12.541%, curve by 31.034% 31.034% with 31.034% 31.034% / 31.034% 31.034%, curve by 33.825% -14.163% with 8.961% -7.455% / 13.585% -11.059%, curve by 19.814% -34.731% with 4.7615% -12.541% / 2.2585% -27.561%, curve by 33.825% -14.163% with 2.2585% -8.483% / 4.517% -18.961%, curve by 19.814% -34.731% with 0% 0% / -3.187% 11.541%, curve by 33.825% -14.163% with 8.961% -7.455% / 13.585% -11.059%, curve by 31.034% 31.034% with 31.034% 31.034% / 31.034% 31.034%, curve by 19.814% -34.731% with 4.7615% -12.541% / 2.2585% -27.561%, curve by 33.825% -14.163% with 2.2585% -8.483% / 4.517% -18.961%, close);\n    --star2: shape(open from 28.947% 47.744%, curve by 24.042% -2.139% with 0% 0% / -24.042% 2.139%, curve by 4.208% -25.165% with 4.208% -25.165% / 4.208% -25.165%, curve by 2.341% -18.447% with 0% 0% / 1.888% -1.438%, curve by 32.355% 1.085% with 0% 0% / 25.984% 1.085%, curve by -4.655% 25.165% with 0% 0% / -4.655% 25.165%, curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%, curve by 2.566% -4.208% with 0% 0% / 2.072% -1.639%, curve by 30.069% 1.085% with 0% 0% / 24.156% 1.085%, curve by -2.791% 25.165% with 0% 0% / -2.791% 25.165%, curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%, curve by 2.116% -4.208% with 0% 0% / 1.659% -1.557%, close);\n    --tri-star: shape(open from 25% 25%, curve by 25% 25% with 0% 0% / 25% 25%, close);\n  }\n}\n@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }\n@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }\n@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }\n@property --tw-rotate-x { syntax: "*"; inherits: false; }\n@property --tw-rotate-y { syntax: "*"; inherits: false; }\n@property --tw-rotate-z { syntax: "*"; inherits: false; }\n@property --tw-skew-x { syntax: "*"; inherits: false; }\n@property --tw-skew-y { syntax: "*"; inherits: false; }\n@property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; }\n@property --tw-scrollbar-thumb { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-scrollbar-track { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }\n@property --tw-gradient-position { syntax: "*"; inherits: false; }\n@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-gradient-stops { syntax: "*"; inherits: false; }\n@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }\n@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }\n@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }\n@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-leading { syntax: "*"; inherits: false; }\n@property --tw-font-weight { syntax: "*"; inherits: false; }\n@property --tw-tracking { syntax: "*"; inherits: false; }\n@property --tw-ordinal { syntax: "*"; inherits: false; }\n@property --tw-slashed-zero { syntax: "*"; inherits: false; }\n@property --tw-numeric-figure { syntax: "*"; inherits: false; }\n@property --tw-numeric-spacing { syntax: "*"; inherits: false; }\n@property --tw-numeric-fraction { syntax: "*"; inherits: false; }\n@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-ring-color { syntax: "*"; inherits: false; }\n@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-inset-ring-color { syntax: "*"; inherits: false; }\n@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-ring-inset { syntax: "*"; inherits: false; }\n@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }\n@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }\n@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-blur { syntax: "*"; inherits: false; }\n@property --tw-brightness { syntax: "*"; inherits: false; }\n@property --tw-contrast { syntax: "*"; inherits: false; }\n@property --tw-grayscale { syntax: "*"; inherits: false; }\n@property --tw-hue-rotate { syntax: "*"; inherits: false; }\n@property --tw-invert { syntax: "*"; inherits: false; }\n@property --tw-opacity { syntax: "*"; inherits: false; }\n@property --tw-saturate { syntax: "*"; inherits: false; }\n@property --tw-sepia { syntax: "*"; inherits: false; }\n@property --tw-drop-shadow { syntax: "*"; inherits: false; }\n@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }\n@property --tw-backdrop-blur { syntax: "*"; inherits: false; }\n@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }\n@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }\n@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }\n@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }\n@property --tw-backdrop-invert { syntax: "*"; inherits: false; }\n@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }\n@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }\n@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }\n@property --tw-duration { syntax: "*"; inherits: false; }\n@property --tw-ease { syntax: "*"; inherits: false; }\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes ping {\n  75%, 100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes bounce {\n  0%, 100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n@keyframes shapeshift {\n  0% {\n    clip-path: var(--circle);\n    rotate: 0turn;\n  }\n  25% {\n    clip-path: var(--flower);\n  }\n  50% {\n    clip-path: var(--cylinder);\n  }\n  75% {\n    clip-path: var(--hexagon);\n  }\n  100% {\n    clip-path: var(--circle);\n    rotate: 1turn;\n  }\n  120% {\n    clip-path: var(--flower);\n  }\n  140% {\n    clip-path: var(--cylinder);\n  }\n  160% {\n    clip-path: var(--hexagon);\n  }\n  180% {\n    clip-path: var(--circle);\n    rotate: 1turn;\n  }\n}\n@keyframes gradientMove {\n  0% {\n    translate: 0 0;\n  }\n  100% {\n    translate: -75% -75%;\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *,\n    ::before,\n    ::after,\n    ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-scroll-snap-strictness: proximity;\n      --tw-scrollbar-thumb: #0000;\n      --tw-scrollbar-track: #0000;\n      --tw-space-y-reverse: 0;\n      --tw-divide-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-ordinal: initial;\n      --tw-slashed-zero: initial;\n      --tw-numeric-figure: initial;\n      --tw-numeric-spacing: initial;\n      --tw-numeric-fraction: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n    }\n  }\n}\n');
 // src/components/ChatWidget.tsx
 var import_react13 = require("react");
@@ -194,7 +199,7 @@ function useConfig() {
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
   var _a;
-  const { ui, embedding } = useConfig();
+  const { ui, embedding, projectId } = useConfig();
   const [fileStates, setFileStates] = (0, import_react2.useState)([]);
   const [isDragging, setIsDragging] = (0, import_react2.useState)(false);
   const fileInputRef = (0, import_react2.useRef)(null);
@@ -244,7 +249,8 @@ function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
     setFileStates((prev) => prev.map((s) => s.status === "idle" ? __spreadProps(__spreadValues({}, s), { status: "uploading" }) : s));
     const formData = new FormData();
     idleFiles.forEach((s) => formData.append("files", s.file));
-    if (namespace) formData.append("namespace", namespace);
+    const targetNs = namespace || projectId;
+    if (targetNs) formData.append("namespace", targetNs);
     formData.append("dimension", dimension.toString());
     try {
       const response = await fetch("/api/upload", {
@@ -280,7 +286,7 @@ function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { className: "text-slate-900 dark:text-white font-semibold mb-1", children: "Upload Documents" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-slate-500 dark:text-white/40 text-sm mb-6 max-w-xs", children: "Drag and drop PDF, DOCX, TXT, or JSON files to train your AI on your own data." }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-slate-500 dark:text-white/40 text-sm mb-6 max-w-xs", children: "Drag and drop PDF, DOCX, Excel (.xlsx, .xls), CSV, TXT, or JSON files to train your AI on your own data." }),
           /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
             "button",
             {
@@ -306,7 +312,7 @@ function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
               multiple: true,
               onChange: onFileSelect,
               className: "hidden",
-              accept: ".pdf,.docx,.txt,.md,.json,.csv"
+              accept: ".pdf,.docx,.doc,.xlsx,.xls,.csv,.txt,.md,.json"
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mt-6 flex flex-col items-center gap-2 text-sm", children: [
@@ -2520,7 +2526,7 @@ ${match.trim()}
         const ui = message.uiTransformation;
         const textContent = (_b = (_a2 = ui.data) == null ? void 0 : _a2.content) != null ? _b : "";
         const isNegativeOrFallbackText = textContent.toLowerCase().includes("cannot answer") || textContent.toLowerCase().includes("no relevant data") || textContent.toLowerCase().includes("no data available") || typeof ui.title === "string" && ui.title.toLowerCase().includes("no data") || typeof ui.description === "string" && ui.description.toLowerCase().includes("no relevant data");
-        const shouldShow = !isNegativeOrFallbackText && (ui.type === "table" || !["text", "table"].includes(ui.type) || ui.type === "text" && !hasRichUI && allProducts.length === 0 && textContent && !processedMarkdown.toLowerCase().includes(textContent.trim().toLowerCase()));
+        const shouldShow = !isNegativeOrFallbackText && ui.type !== "text" && (ui.type === "table" || !["text", "table"].includes(ui.type));
         if (!shouldShow) return null;
         return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-full mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           VisualizationRenderer,
@@ -3100,7 +3106,7 @@ function ChatWindow({
     "div",
     {
       ref: windowRef,
-      className: `relative flex flex-col border border-slate-200 dark:border-white/10 shadow-2xl transition-all duration-300 ${currentRadius} ${isGlass ? "bg-white/90 dark:bg-[#0f0f1a]/90 backdrop-blur-xl" : "bg-white dark:bg-[#0f0f1a]"} ${className}`,
+      className: `relative flex flex-col h-full flex-1 border border-slate-200 dark:border-white/10 shadow-2xl transition-all duration-300 ${currentRadius} ${isGlass ? "bg-white/90 dark:bg-[#0f0f1a]/90 backdrop-blur-xl" : "bg-white dark:bg-[#0f0f1a]"} ${className}`,
       style: __spreadValues({ "--primary": ui.primaryColor, "--accent": ui.accentColor }, style),
       children: [
         onResizeStart && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -3185,7 +3191,7 @@ function ChatWindow({
         /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5 scrollbar-thin scrollbar-thumb-slate-200 dark:scrollbar-thumb-white/10 scrollbar-track-transparent min-h-0 bg-slate-50 dark:bg-transparent", children: [
           !mounted || isEmpty ? (
             /* Welcome state */
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "h-full flex flex-col items-center justify-center text-center gap-4 px-6 py-12", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "h-full flex flex-col items-center justify-center text-center gap-4 px-6 py-4", children: [
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 "div",
                 {
@@ -3574,6 +3580,1905 @@ function CodeViewer({ snippet }) {
   ] });
 }
+// src/rendering/IntentClassifier.ts
+var IntentClassifier = class {
+  /**
+   * Fast, zero-latency classifier that maps a user query and optional data context
+   * into a high-level IntentCategory.
+   */
+  static classify(context) {
+    const q = (context.userQuery || "").toLowerCase().trim();
+    const signals = this.extractDataSignals(context);
+    if (this.isInformationLookup(q)) {
+      return { intent: "information_lookup", signals };
+    }
+    if (this.isComparisonQuery(q)) {
+      return { intent: "comparison", signals };
+    }
+    if (this.isProductQuery(q) || signals.isProductLike && this.isRecommendationQuery(q)) {
+      return { intent: "product_search", signals };
+    }
+    if (this.isTrendQuery(q) || signals.hasDateFields && signals.hasNumericFields && /\b(growth|trend|over time|monthly|yearly|weekly)\b/.test(q)) {
+      return { intent: "trend_analysis", signals };
+    }
+    if (this.isRankingQuery(q)) {
+      return { intent: "ranking", signals };
+    }
+    if (this.isAnalyticsQuery(q) || signals.hasNumericFields && signals.hasCategoricalFields && /\b(sales|revenue|performance|count|total|average|breakdown|share|percentage|correlation)\b/.test(q)) {
+      return { intent: "analytics", signals };
+    }
+    if (this.isRecommendationQuery(q)) {
+      return { intent: "recommendation", signals };
+    }
+    return { intent: "information_lookup", signals };
+  }
+  /**
+   * Extract key data structure signals from retrieved documents.
+   */
+  static extractDataSignals(context) {
+    const docs = context.retrievedDocuments || [];
+    const rowCount = docs.length;
+    let hasNumericFields = false;
+    let hasDateFields = false;
+    let hasCategoricalFields = false;
+    let isProductLike = false;
+    let numericFieldCount = 0;
+    let categoricalFieldCount = 0;
+    if (docs.length > 0) {
+      const keys = /* @__PURE__ */ new Set();
+      let numericKeys = /* @__PURE__ */ new Set();
+      let dateKeys = /* @__PURE__ */ new Set();
+      let catKeys = /* @__PURE__ */ new Set();
+      let productKeyMatches = 0;
+      docs.forEach((doc) => {
+        const meta = doc.metadata || {};
+        Object.entries(meta).forEach(([key, val]) => {
+          keys.add(key);
+          const kLower = key.toLowerCase();
+          if (["price", "image", "brand", "in_stock", "rating", "sku", "product"].some((p) => kLower.includes(p))) {
+            productKeyMatches++;
+          }
+          if (typeof val === "number") {
+            numericKeys.add(key);
+          } else if (typeof val === "string") {
+            if (/^\d{4}-\d{2}-\d{2}/.test(val) || !isNaN(Date.parse(val)) && val.length > 5) {
+              dateKeys.add(key);
+            } else if (val.length < 50 && !val.includes("\n")) {
+              catKeys.add(key);
+            }
+          }
+        });
+      });
+      hasNumericFields = numericKeys.size > 0;
+      hasDateFields = dateKeys.size > 0;
+      hasCategoricalFields = catKeys.size > 0;
+      numericFieldCount = numericKeys.size;
+      categoricalFieldCount = catKeys.size;
+      if (productKeyMatches >= 2 || docs.some((d) => d.content.toLowerCase().includes("price") || d.content.toLowerCase().includes("brand"))) {
+        isProductLike = true;
+      }
+    }
+    return {
+      rowCount,
+      hasNumericFields,
+      hasDateFields,
+      hasCategoricalFields,
+      isProductLike,
+      numericFieldCount,
+      categoricalFieldCount
+    };
+  }
+  // ─── Intent Heuristic Checkers ─────────────────────────────────────────────
+  static isInformationLookup(query) {
+    if (/^(what|who|explain|define|where|when|why|how|how does|can|could|does|do|is|are|has|have|will|should|would|meaning of)\s+/i.test(query)) {
+      if (!/\b(compare|versus|vs\.?|trend|monthly|revenue|top selling|best)\b/i.test(query)) {
+        return true;
+      }
+    }
+    if (/^(what is the )?(price|cost|fee|rate) of\b/i.test(query)) {
+      return true;
+    }
+    return false;
+  }
+  static isComparisonQuery(query) {
+    return /\b(compare|comparison|vs\.?|versus|difference between|differ|contrast|against)\b/i.test(query);
+  }
+  static isProductQuery(query) {
+    return /\b(best|recommend|top|buy|shopping|under \$|cheap|shoes|laptops|chairs|headphones|phone|sneakers|apparel|products)\b/i.test(query) && !/\b(compare|chart|sales|revenue|trend)\b/i.test(query);
+  }
+  static isRecommendationQuery(query) {
+    return /\b(recommend|suggest|what should i (buy|get|choose)|best options|top picks)\b/i.test(query);
+  }
+  static isTrendQuery(query) {
+    return /\b(trend|trends|growth|over time|historical|timeline|monthly|yearly|weekly|daily|revenue growth|sales growth)\b/i.test(query);
+  }
+  static isRankingQuery(query) {
+    return /\b(highest|lowest|top\s*\d+|bottom\s*\d+|rank|ranking|top performing|best performing)\b/i.test(query);
+  }
+  static isAnalyticsQuery(query) {
+    return /\b(sales|revenue|analytics|insights|distribution|percentage|share|breakdown|breakup|scatter|correlation|metrics|performance|by region|by category)\b/i.test(query);
+  }
+};
+// src/rendering/rules/Rule1SpecificInfoRule.ts
+var Rule1SpecificInfoRule = class {
+  constructor() {
+    this.name = "Rule1SpecificInfo";
+    this.priority = 100;
+  }
+  evaluate(context, intent) {
+    const q = (context.userQuery || "").toLowerCase().trim();
+    const isFactQuery = intent === "information_lookup" || /^(what|who|explain|define|where|when|why|meaning of)\s+/i.test(q) || /^(what is the price of|price of|cost of)\b/i.test(q);
+    const isNonVisual = !/\b(compare|versus|vs\.?|trend|monthly|revenue|best|top 10|chart|table|list|grid)\b/i.test(q);
+    if (isFactQuery && isNonVisual) {
+      return {
+        renderType: "text",
+        confidence: 0.95,
+        reason: "Rule 1: Specific information request (fact, explanation, or definition) requires plain text rendering."
+      };
+    }
+    return null;
+  }
+};
+// src/rendering/rules/Rule2ComparisonRule.ts
+var Rule2ComparisonRule = class {
+  constructor() {
+    this.name = "Rule2Comparison";
+    this.priority = 90;
+  }
+  evaluate(context, intent) {
+    const q = (context.userQuery || "").toLowerCase().trim();
+    const isComparison = intent === "comparison" || /\b(compare|comparison|vs\.?|versus|difference between|differ|contrast|against)\b/i.test(q);
+    if (isComparison) {
+      return {
+        renderType: "table",
+        confidence: 0.9,
+        reason: "Rule 2: Comparison query contrasting multiple entities requires structured table rendering."
+      };
+    }
+    return null;
+  }
+};
+// src/rendering/rules/Rule3ProductDiscoveryRule.ts
+var Rule3ProductDiscoveryRule = class {
+  constructor() {
+    this.name = "Rule3ProductDiscovery";
+    this.priority = 85;
+  }
+  evaluate(context, intent) {
+    const q = (context.userQuery || "").toLowerCase().trim();
+    const isDiscovery = intent === "product_search" || intent === "recommendation" || /\b(best|recommend|top|buy|shopping|under \$|cheap|shoes|laptops|chairs|headphones|sneakers|apparel|products|show available)\b/i.test(q);
+    const isNotChart = !/\b(chart|sales|revenue|monthly|growth|trend|over time)\b/i.test(q);
+    const isAnalyticalRanking = /\b(top performing|top selling|best performing|performing|sales|revenue|ranking)\b/i.test(q);
+    if (isDiscovery && isNotChart && !isAnalyticalRanking) {
+      return {
+        renderType: "carousel",
+        confidence: 0.9,
+        reason: "Rule 3: Product discovery/recommendation query requires product carousel rendering."
+      };
+    }
+    return null;
+  }
+};
+// src/rendering/rules/Rule4AnalyticalRule.ts
+var Rule4AnalyticalRule = class {
+  constructor() {
+    this.name = "Rule4Analytical";
+    this.priority = 80;
+  }
+  evaluate(context, intent) {
+    const q = (context.userQuery || "").toLowerCase().trim();
+    const isAnalytical = intent === "analytics" || intent === "trend_analysis" || intent === "ranking" || /\b(monthly sales|revenue growth|top performing|population trends|sales by|growth|distribution|share|percentage|breakdown|correlation|scatter|trend)\b/i.test(q);
+    if (!isAnalytical) return null;
+    let chartType = "bar";
+    if (intent === "trend_analysis" || /\b(monthly|yearly|weekly|growth|over time|trend|timeline|historical)\b/i.test(q)) {
+      chartType = "line";
+    } else if (/\b(share|percentage|percent|breakup|breakdown|composition|pie|donut|proportion)\b/i.test(q)) {
+      chartType = "pie";
+    } else if (/\b(correlation|scatter|relationship|relation|impact of|depends on)\b/i.test(q)) {
+      chartType = "scatter";
+    } else {
+      chartType = "bar";
+    }
+    return {
+      renderType: "chart",
+      chartType,
+      confidence: 0.85,
+      reason: `Rule 4: Analytical query with numerical insights selects ${chartType} chart.`
+    };
+  }
+};
+// src/rendering/rules/Rule5MixedResponseRule.ts
+var Rule5MixedResponseRule = class {
+  constructor() {
+    this.name = "Rule5MixedResponse";
+    this.priority = 95;
+  }
+  evaluate(context, _intent) {
+    const q = (context.userQuery || "").toLowerCase().trim();
+    const isTopSellingThisMonth = /\btop\s*(selling|performing)?\s*products?\s*(this|last)?\s*(month|year|week)\b/i.test(q);
+    const hasMultipleSectionsRequest = /\b(summary|overview)\b/i.test(q) && /\b(carousel|products?|items?)\b/i.test(q) && /\b(chart|sales|trend|revenue)\b/i.test(q);
+    if (isTopSellingThisMonth || hasMultipleSectionsRequest) {
+      return {
+        renderType: "mixed",
+        confidence: 0.95,
+        reason: "Rule 5: Mixed response query requires multi-section composition (text, carousel, chart).",
+        sections: [
+          { type: "text", title: "Summary" },
+          { type: "carousel", title: "Top Products" },
+          { type: "chart", chartType: "bar", title: "Sales Performance" }
+        ]
+      };
+    }
+    return null;
+  }
+};
+// src/rendering/rules/Rule6SmallResultSetRule.ts
+var Rule6SmallResultSetRule = class {
+  constructor() {
+    this.name = "Rule6SmallResultSet";
+    this.priority = 110;
+  }
+  evaluate(context, _intent) {
+    const docs = context.retrievedDocuments || [];
+    if (docs.length > 0 && docs.length < 3) {
+      const q = (context.userQuery || "").toLowerCase().trim();
+      const isExplicitComparison = /\b(compare|versus|vs\.?)\b/i.test(q);
+      return {
+        renderType: isExplicitComparison ? "table" : "text",
+        confidence: 0.98,
+        reason: `Rule 6: Small result set (${docs.length} rows < 3). Charts avoided to prevent sparse or uninformative visualizations.`
+      };
+    }
+    return null;
+  }
+};
+// src/rendering/rules/Rule7LargeTableRule.ts
+var Rule7LargeTableRule = class {
+  constructor() {
+    this.name = "Rule7LargeTable";
+    this.priority = 75;
+  }
+  evaluate(context, intent) {
+    const docs = context.retrievedDocuments || [];
+    if (docs.length > 5) {
+      const q = (context.userQuery || "").toLowerCase().trim();
+      const hasNumericAgg = intent === "analytics" || intent === "ranking" || /\b(sales|revenue|growth|count|total|average)\b/i.test(q);
+      if (hasNumericAgg) {
+        return {
+          renderType: "mixed",
+          confidence: 0.88,
+          reason: `Rule 7: Large result set (${docs.length} rows > 5) with numeric aggregation rendered as Table + Chart.`,
+          sections: [
+            { type: "table", title: "Detailed Data Table" },
+            { type: "chart", chartType: "bar", title: "Numerical Breakdown" }
+          ]
+        };
+      }
+      return {
+        renderType: "table",
+        confidence: 0.85,
+        reason: `Rule 7: Large result set (${docs.length} rows > 5) rendered as structured table for readability.`
+      };
+    }
+    return null;
+  }
+};
+// src/rendering/RuleEngine.ts
+var RuleEngine = class {
+  constructor() {
+    this.rules = [];
+    this.registerDefaultRules();
+  }
+  /**
+   * Register standard rules in priority order.
+   */
+  registerDefaultRules() {
+    this.registerRule(new Rule6SmallResultSetRule());
+    this.registerRule(new Rule1SpecificInfoRule());
+    this.registerRule(new Rule5MixedResponseRule());
+    this.registerRule(new Rule2ComparisonRule());
+    this.registerRule(new Rule3ProductDiscoveryRule());
+    this.registerRule(new Rule4AnalyticalRule());
+    this.registerRule(new Rule7LargeTableRule());
+  }
+  /**
+   * Add or replace a rule in the engine.
+   * Automatically keeps rules sorted by descending priority.
+   */
+  registerRule(rule) {
+    this.rules = this.rules.filter((r) => r.name !== rule.name);
+    this.rules.push(rule);
+    this.rules.sort((a, b) => b.priority - a.priority);
+  }
+  /**
+   * Evaluate context against rules in descending priority order.
+   * Returns the first non-null RenderDecision.
+   */
+  evaluate(context, intent) {
+    for (const rule of this.rules) {
+      const decision = rule.evaluate(context, intent);
+      if (decision) {
+        return decision;
+      }
+    }
+    return {
+      renderType: "text",
+      confidence: 0.7,
+      reason: "Default fallback: No specific visualization rule matched context."
+    };
+  }
+  /**
+   * List all registered rules.
+   */
+  getRegisteredRules() {
+    return this.rules.map((r) => ({ name: r.name, priority: r.priority }));
+  }
+};
+// src/rendering/VisualizationDecisionEngine.ts
+var LRUDecisionCache = class {
+  constructor(maxSize = 200) {
+    this.cache = /* @__PURE__ */ new Map();
+    this.maxSize = maxSize;
+  }
+  generateKey(context) {
+    var _a, _b;
+    const q = (context.userQuery || "").toLowerCase().trim();
+    const docCount = (_b = (_a = context.retrievedDocuments) == null ? void 0 : _a.length) != null ? _b : 0;
+    return `${q}::docs:${docCount}`;
+  }
+  get(context) {
+    const key = this.generateKey(context);
+    const item = this.cache.get(key);
+    if (item) {
+      this.cache.delete(key);
+      this.cache.set(key, item);
+      return item.decision;
+    }
+    return void 0;
+  }
+  set(context, decision) {
+    const key = this.generateKey(context);
+    if (this.cache.has(key)) {
+      this.cache.delete(key);
+    } else if (this.cache.size >= this.maxSize) {
+      const oldest = this.cache.keys().next().value;
+      if (oldest !== void 0) this.cache.delete(oldest);
+    }
+    this.cache.set(key, { decision, timestamp: Date.now() });
+  }
+  clear() {
+    this.cache.clear();
+  }
+  get size() {
+    return this.cache.size;
+  }
+};
+var VisualizationDecisionEngine = class {
+  /**
+   * Evaluate user query, documents, and context to produce a RenderDecision.
+   * Execution time is < 1ms for cached or rule-matched queries.
+   */
+  static decideVisualization(userQuery, retrievedDocuments, llmResponse, metadata) {
+    const context = {
+      userQuery,
+      retrievedDocuments,
+      llmResponse,
+      metadata
+    };
+    const cached = this.cache.get(context);
+    if (cached) {
+      return cached;
+    }
+    const { intent } = IntentClassifier.classify(context);
+    const decision = this.ruleEngine.evaluate(context, intent);
+    this.cache.set(context, decision);
+    return decision;
+  }
+  /**
+   * Convenience helper to decide AND render the data into a UITransformationResponse.
+   */
+  static render(userQuery, retrievedDocuments, llmResponse, metadata) {
+    const decision = this.decideVisualization(userQuery, retrievedDocuments, llmResponse, metadata);
+    const strategy = RendererRegistry.getStrategy(decision.renderType);
+    return strategy.render(retrievedDocuments || [], __spreadValues({
+      query: userQuery,
+      chartType: decision.chartType,
+      sections: decision.sections
+    }, metadata));
+  }
+  /**
+   * Register a custom rule in the rule engine.
+   */
+  static registerRule(rule) {
+    this.ruleEngine.registerRule(rule);
+    this.cache.clear();
+  }
+  /**
+   * Register a custom renderer strategy.
+   */
+  static registerRendererStrategy(strategy) {
+    RendererRegistry.registerStrategy(strategy);
+  }
+  /**
+   * Clear the decision cache.
+   */
+  static clearCache() {
+    this.cache.clear();
+  }
+  /**
+   * Get size of current decision cache.
+   */
+  static getCacheSize() {
+    return this.cache.size;
+  }
+};
+VisualizationDecisionEngine.ruleEngine = new RuleEngine();
+VisualizationDecisionEngine.cache = new LRUDecisionCache(200);
+function decideVisualization(userQuery, retrievedDocuments, llmResponse, metadata) {
+  return VisualizationDecisionEngine.decideVisualization(
+    userQuery,
+    retrievedDocuments,
+    llmResponse,
+    metadata
+  );
+}
+// src/utils/UITransformer.ts
+var UITransformer = class _UITransformer {
+  // ─── Public Entry Points ─────────────────────────────────────────────────
+  /**
+   * Heuristic-only transform (no LLM required).
+   * Uses the lightweight heuristic intent detector as a fallback.
+   * Prefer `analyzeAndDecide()` in production.
+   */
+  static transform(userQuery, retrievedData, config, trainedSchema, intent) {
+    var _a, _b, _c;
+    if (!retrievedData || retrievedData.length === 0) {
+      return this.createTextResponse("No data available", "No relevant data found for your query.");
+    }
+    const resolvedIntent = intent != null ? intent : this.detectIntentHeuristic(userQuery);
+    const filteredData = resolvedIntent.filterInStockOnly ? retrievedData.filter((item) => this.determineStockStatus(item)) : retrievedData;
+    const profile = this.profileData(filteredData);
+    const hasProducts = filteredData.some((item) => this.isProductData(item));
+    const wantsPieLikeChart = ["pie_chart", "donut_chart"].includes(resolvedIntent.recommendedChart);
+    if (resolvedIntent.visualizationHint === "trend" && profile.dateFields.length > 0 && profile.numericFields.length > 0) {
+      return this.transformToLineChart(profile);
+    }
+    if (wantsPieLikeChart || ["composition", "category_breakdown"].includes(resolvedIntent.visualizationHint)) {
+      const pieChart = this.transformToPieChart(filteredData, profile, userQuery);
+      if (pieChart) return pieChart;
+    }
+    if (["comparison", "ranking"].includes(resolvedIntent.visualizationHint)) {
+      return this.transformToBarChart(filteredData, profile, userQuery, resolvedIntent.visualizationHint === "ranking");
+    }
+    if (resolvedIntent.visualizationHint === "distribution") {
+      return (_a = this.transformToHistogram(profile, userQuery)) != null ? _a : this.transformToBarChart(filteredData, profile, userQuery);
+    }
+    if (resolvedIntent.visualizationHint === "correlation") {
+      return (_b = this.transformToScatterPlot(profile, userQuery)) != null ? _b : this.transformToBarChart(filteredData, profile, userQuery);
+    }
+    if (resolvedIntent.visualizationHint === "geographic") {
+      return this.transformToBarChart(filteredData, profile, userQuery);
+    }
+    if (this.isStructuredListQuery(userQuery)) {
+      return this.hasMultipleFields(filteredData) ? this.transformToTable(filteredData, userQuery) : this.transformToText(filteredData);
+    }
+    if (resolvedIntent.visualizationHint === "kpi") {
+      return (_c = this.transformToMetricCard(profile, userQuery)) != null ? _c : this.transformToText(filteredData);
+    }
+    if (["tabular", "table"].includes(resolvedIntent.visualizationHint) || resolvedIntent.wantsExplicitTable) {
+      return this.hasMultipleFields(filteredData) ? this.transformToTable(filteredData, userQuery) : this.transformToText(filteredData);
+    }
+    if ((hasProducts || this.isProductQuery(userQuery)) && resolvedIntent.visualizationHint === "product_browse") {
+      if (!this.isProductQuery(userQuery)) {
+        return this.transformToText(filteredData);
+      }
+      return this.transformToProductCarousel(filteredData, config, trainedSchema);
+    }
+    const automatic = this.chooseAutomaticVisualization(filteredData, profile, userQuery);
+    if (automatic) return automatic;
+    return this.transformToText(filteredData);
+  }
+  /**
+   * LLM-driven entry point (recommended for production).
+   *
+   * Step 1 — Detect intent via a dedicated, lightweight LLM call.
+   * Step 2 — Pass the intent + data to the visualization-selection prompt.
+   * Step 3 — Fall back to the heuristic `transform()` if either LLM call fails.
+   */
+  static async analyzeAndDecide(query, sources, llm) {
+    const decision = VisualizationDecisionEngine.decideVisualization(query, sources);
+    if (decision.renderType === "text") {
+      console.debug("[UITransformer] Decision Engine selected plain text rendering \u2014 skipping visual LLM calls.");
+      return this.transformToText(sources);
+    }
+    let intent;
+    try {
+      intent = await this.detectIntent(query, llm, sources);
+      console.debug("[UITransformer] Detected intent:", intent);
+    } catch (err) {
+      console.warn("[UITransformer] Intent detection failed; using heuristic.", err);
+      intent = this.detectIntentHeuristic(query);
+    }
+    if (this.isProductQuery(query) && ["text", "product_browse"].includes(intent.visualizationHint)) {
+      return this.transform(
+        query,
+        sources,
+        void 0,
+        void 0,
+        __spreadProps(__spreadValues({}, intent), { visualizationHint: "product_browse", recommendedChart: "text" })
+      );
+    }
+    try {
+      const context = this.buildContextSummary(sources);
+      const systemPrompt = this.buildVisualizationSystemPrompt();
+      const profile = this.profileData(sources);
+      const schemaContext = `
+RETRIEVED DATA SCHEMA:
+- Numeric fields (measures): ${profile.numericFields.map((f) => `${f.key} (unique values: ${f.uniqueCount})`).join(", ") || "None"}
+- Category fields (dimensions): ${profile.categoricalFields.map((f) => `${f.key} (unique values: ${f.uniqueCount})`).join(", ") || "None"}
+- Date fields (temporal): ${profile.dateFields.map((f) => `${f.key} (unique values: ${f.uniqueCount})`).join(", ") || "None"}
+- Boolean fields: ${profile.booleanFields.map((f) => `${f.key} (unique values: ${f.uniqueCount})`).join(", ") || "None"}
+- Text/Other fields: ${profile.fields.filter((f) => f.kind === "text").map((f) => f.key).join(", ") || "None"}
+`;
+      const userPrompt = [
+        `USER QUESTION: ${query}`,
+        "",
+        `DETECTED INTENT (JSON): ${JSON.stringify(intent)}`,
+        "",
+        `RETRIEVED DATA SCHEMA:`,
+        schemaContext,
+        "",
+        "RETRIEVED DATA (JSON):",
+        context
+      ].join("\n");
+      const rawResponse = await llm.chat(
+        [{ role: "user", content: userPrompt }],
+        "",
+        { systemPrompt, temperature: 0 }
+      );
+      const parsed = this.parseTransformationResponse(rawResponse);
+      if (parsed) {
+        let isCompatible = true;
+        if (parsed.type === "line_chart" && (profile.dateFields.length === 0 || profile.numericFields.length === 0)) {
+          isCompatible = false;
+        } else if (["bar_chart", "horizontal_bar", "pie_chart", "donut_chart"].includes(parsed.type) && (profile.categoricalFields.length === 0 && profile.numericFields.length === 0)) {
+          isCompatible = false;
+        } else if (parsed.type === "scatter_plot" && profile.numericFields.length < 2) {
+          isCompatible = false;
+        } else if (parsed.type === "metric_card" && profile.numericFields.length === 0) {
+          isCompatible = false;
+        }
+        if (!isCompatible) {
+          console.warn(`[UITransformer] LLM chose incompatible visualization type "${parsed.type}" for retrieved schema. Falling back to heuristic.`);
+          return this.transform(query, sources, void 0, void 0, intent);
+        }
+        const intentAllowsTable = intent.wantsExplicitTable || ["tabular", "table", "geographic"].includes(intent.visualizationHint);
+        const intentWantsPieLikeChart = ["pie_chart", "donut_chart"].includes(intent.recommendedChart) || ["composition", "category_breakdown"].includes(intent.visualizationHint);
+        if (parsed.type === "table" && !intentAllowsTable) {
+          console.debug("[UITransformer] LLM chose table but intent says no. Falling back to text.");
+          return this.transform(query, sources, void 0, void 0, intent);
+        }
+        if (intentWantsPieLikeChart && parsed.type !== "pie_chart" && this.detectCategories(sources).length > 1) {
+          console.debug("[UITransformer] LLM ignored pie/composition intent. Using deterministic pie chart.");
+          return this.transform(query, sources, void 0, void 0, intent);
+        }
+        console.debug("[UITransformer] LLM chose visualization type:", parsed.type);
+        return parsed;
+      }
+      console.warn("[UITransformer] LLM returned unparseable response; falling back to heuristic.");
+    } catch (err) {
+      console.warn("[UITransformer] analyzeAndDecide LLM call failed; falling back to heuristic.", err);
+    }
+    return this.transform(query, sources, void 0, void 0, intent);
+  }
+  // ─── Dynamic Intent Detection ─────────────────────────────────────────────
+  /**
+   * Calls the LLM with a compact, focused prompt to extract a structured
+   * `QueryIntent` from the user's query.
+   *
+   * Keeping this as a *separate* call from visualization selection means:
+   * - The prompt is shorter and more reliable.
+   * - The intent object can be reused across both the heuristic and LLM paths.
+   * - It is easy to unit-test intent detection in isolation.
+   */
+  static async detectIntent(query, llm, sources) {
+    let schemaProfileText = "";
+    if (sources && sources.length > 0) {
+      const profile = this.profileData(sources);
+      const hasProducts = sources.some((item) => this.isProductData(item));
+      schemaProfileText = `
+RETRIEVED DATA SCHEMA:
+- Numeric fields (measures): ${profile.numericFields.map((f) => `${f.key} (unique values: ${f.uniqueCount})`).join(", ") || "None"}
+- Category fields (dimensions): ${profile.categoricalFields.map((f) => `${f.key} (unique values: ${f.uniqueCount})`).join(", ") || "None"}
+- Date fields (temporal): ${profile.dateFields.map((f) => `${f.key} (unique values: ${f.uniqueCount})`).join(", ") || "None"}
+- Boolean fields: ${profile.booleanFields.map((f) => `${f.key} (unique values: ${f.uniqueCount})`).join(", ") || "None"}
+- Text fields: ${profile.fields.filter((f) => f.kind === "text").map((f) => f.key).join(", ") || "None"}
+Please choose visualizationHint and recommendedChart dynamically based on the available schema.
+- Do NOT recommend "trend" or "line_chart" if there are no Date fields.
+- Do NOT recommend numeric-dependent visualizations (like bar_chart, line_chart, pie_chart, scatter_plot, histogram, metric_card) if there are no Numeric fields. Fall back to tabular/table or text.
+- If there are multiple metadata fields but no clear categories or numbers, "tabular"/"table" is a highly accurate default.
+${hasProducts ? `- Note: The retrieved data matches product/catalog structure. If the user query is looking for, exploring, searching, browsing, or listing products/items, you MUST recommend visualizationHint: "product_browse" and recommendedChart: "text".` : ""}
+`;
+    }
+    const systemPrompt = `You are an intent classifier for a product-search RAG system.
+Given a user query, return ONLY a valid JSON object with this exact shape \u2014 no prose, no markdown:
+{
+  "visualizationHint": "trend" | "comparison" | "distribution" | "composition" | "correlation" | "ranking" | "kpi" | "tabular" | "geographic" | "product_browse" | "table" | "text",
+  "recommendedChart": "line_chart" | "bar_chart" | "histogram" | "pie_chart" | "donut_chart" | "scatter_plot" | "horizontal_bar" | "metric_card" | "table" | "geo_map" | "text",
+  "filterInStockOnly": boolean,
+  "wantsExplicitTable": boolean,
+  "isTemporal": boolean,
+  "isComparison": boolean,
+  "language": "<BCP-47 language tag, e.g. en, de, hi, ja>",
+  "reasoning": "<one short sentence \u2014 why you chose these values>"
+}
+RULES:
+- visualizationHint and recommendedChart
+    "trend"        \u2192 keywords: trend, growth, over time; recommendedChart "line_chart"
+    "comparison"   \u2192 keywords: compare, versus, top; recommendedChart "bar_chart"
+    "distribution" \u2192 keywords: distribution, spread; recommendedChart "histogram"
+    "composition"  \u2192 keywords: share, percentage, breakup, breakdown; recommendedChart "pie_chart" or "donut_chart"
+    "correlation"  \u2192 keywords: relation, correlation; recommendedChart "scatter_plot"
+    "ranking"      \u2192 keywords: highest, lowest, top 10, ranking; recommendedChart "horizontal_bar"
+    "kpi"          \u2192 keywords: total, average, count; recommendedChart "metric_card"
+    "tabular"      \u2192 keywords: detailed records, table, grid, spreadsheet; recommendedChart "table"
+    "geographic"   \u2192 keywords: region, country, map; recommendedChart "geo_map"
+    "product_browse" \u2192 user is browsing, searching, describing, viewing details for, or asking about one or more products without analytical visualization intent
+    "table"        \u2192 legacy alias for "tabular"; use only if the query literally says table
+    "text"         \u2192 conversational, factual, or other intent
+- If the user explicitly asks for a chart type, honor that chart type in recommendedChart.
+- If a query says "distribution ... in a pie chart", use visualizationHint "composition" and recommendedChart "pie_chart".
+- filterInStockOnly: true only if user mentions stock, availability, in stock, etc.
+- wantsExplicitTable: true if the user asks for a table, list, grid, spreadsheet, or detailed records.
+- isTemporal: true if time words appear (trend, historical, over time, last year, monthly, etc.)
+- isComparison: true if user compares, ranks, or contrasts entities or categories.
+- language: detect from the query text itself; default "en" if uncertain.`;
+    const userPrompt = `QUERY: ${query}${schemaProfileText ? `
+${schemaProfileText}` : ""}`;
+    const rawResponse = await llm.chat(
+      [{ role: "user", content: userPrompt }],
+      "",
+      { systemPrompt, temperature: 0 }
+    );
+    const parsed = this.parseIntentResponse(rawResponse);
+    if (!parsed) {
+      throw new Error(`Could not parse intent JSON from LLM response: ${rawResponse}`);
+    }
+    return parsed;
+  }
+  /**
+   * Parse and validate the raw LLM response into a `QueryIntent`.
+   */
+  static parseIntentResponse(raw) {
+    const jsonStr = this.extractJsonCandidate(raw);
+    if (!jsonStr) return null;
+    try {
+      const obj = JSON.parse(jsonStr);
+      const validHints = [
+        "trend",
+        "comparison",
+        "distribution",
+        "composition",
+        "correlation",
+        "ranking",
+        "kpi",
+        "tabular",
+        "geographic",
+        "category_breakdown",
+        "product_browse",
+        "table",
+        "text"
+      ];
+      const validCharts = [
+        "line_chart",
+        "bar_chart",
+        "histogram",
+        "pie_chart",
+        "donut_chart",
+        "scatter_plot",
+        "horizontal_bar",
+        "metric_card",
+        "table",
+        "geo_map",
+        "text"
+      ];
+      const hint = obj.visualizationHint;
+      if (!hint || !validHints.includes(hint)) return null;
+      const normalizedHint = hint === "category_breakdown" ? "composition" : hint;
+      const recommendedChart = typeof obj.recommendedChart === "string" && validCharts.includes(obj.recommendedChart) ? obj.recommendedChart : this.getRecommendedChartForIntent(normalizedHint);
+      return {
+        visualizationHint: normalizedHint,
+        recommendedChart,
+        filterInStockOnly: Boolean(obj.filterInStockOnly),
+        wantsExplicitTable: Boolean(obj.wantsExplicitTable),
+        isTemporal: Boolean(obj.isTemporal),
+        isComparison: Boolean(obj.isComparison),
+        language: typeof obj.language === "string" && obj.language ? obj.language : "en",
+        reasoning: typeof obj.reasoning === "string" ? obj.reasoning : void 0
+      };
+    } catch (e) {
+      return null;
+    }
+  }
+  /**
+   * Heuristic intent detector — used when the LLM is unavailable.
+   * Intentionally minimal: it should only catch the most obvious signals.
+   * The LLM path handles everything subtle.
+   */
+  static detectIntentHeuristic(query) {
+    const q = query.toLowerCase();
+    const isTemporal = /\b(trend|trends|over time|historical|history|growth|decline|monthly|yearly|weekly|daily|last (year|month|week)|timeline|forecast)\b/.test(q);
+    const isRanking = /\b(highest|lowest|top\s*\d+|bottom\s*\d+|rank(?:ing)?|best|worst|leading)\b/.test(q);
+    const isComparison = /\b(compare|comparison|vs\.?|versus|against|differ|difference|contrast|top)\b/.test(q) || isRanking;
+    const isDistribution = /\b(distribution|spread|histogram|frequency|variance|range)\b/.test(q);
+    const wantsPieLikeChart = /\b(pie|donut|doughnut)(?:\s+chart)?\b/.test(q);
+    const isComposition = wantsPieLikeChart || /\b(share|percentage|percent|breakup|breakdown|composition|split|segmentation|by category|by type|proportion)\b/.test(q);
+    const isCorrelation = /\b(relation|relationship|correlation|correlate|scatter|association|impact of|depend(?:s|ence)? on)\b/.test(q);
+    const isKpi = /\b(total|average|avg|count|sum|median|minimum|maximum|metric|kpi|how many|number of)\b/.test(q);
+    const isGeographic = /\b(region|country|countries|state|city|location|map|geo|geographic|territory)\b/.test(q);
+    const filterInStockOnly = /\b(in[- ]?stock|available|availability|inventory|stock status)\b/.test(q);
+    const wantsExplicitTable = /\b(table|spreadsheet|grid|detailed records|record details|list all|compare all)\b/.test(q);
+    let visualizationHint = "text";
+    if (wantsExplicitTable) visualizationHint = "tabular";
+    else if (isTemporal) visualizationHint = "trend";
+    else if (wantsPieLikeChart) visualizationHint = "composition";
+    else if (isRanking) visualizationHint = "ranking";
+    else if (isComparison) visualizationHint = "comparison";
+    else if (isDistribution) visualizationHint = "distribution";
+    else if (isComposition) visualizationHint = "composition";
+    else if (isCorrelation) visualizationHint = "correlation";
+    else if (isGeographic) visualizationHint = "geographic";
+    else if (isKpi) visualizationHint = "kpi";
+    else if (this.isProductQuery(query)) visualizationHint = "product_browse";
+    return {
+      visualizationHint,
+      recommendedChart: this.getRecommendedChartForIntent(visualizationHint),
+      filterInStockOnly,
+      wantsExplicitTable,
+      isTemporal,
+      isComparison,
+      language: "en"
+      // heuristic cannot reliably detect language
+    };
+  }
+  static getRecommendedChartForIntent(intent) {
+    switch (intent) {
+      case "trend":
+        return "line_chart";
+      case "comparison":
+        return "bar_chart";
+      case "distribution":
+        return "histogram";
+      case "composition":
+      case "category_breakdown":
+        return "pie_chart";
+      case "correlation":
+        return "scatter_plot";
+      case "ranking":
+        return "horizontal_bar";
+      case "kpi":
+        return "metric_card";
+      case "tabular":
+      case "table":
+        return "table";
+      case "geographic":
+        return "geo_map";
+      case "product_browse":
+      case "text":
+      default:
+        return "text";
+    }
+  }
+  // ─── Transform Helpers ────────────────────────────────────────────────────
+  static transformToProductCarousel(data, config, trainedSchema) {
+    const products = data.map((item) => this.extractProductInfo(item, config, trainedSchema)).filter((p) => p !== null).slice(0, 15);
+    return {
+      type: "product_carousel",
+      title: "Recommended Products",
+      description: `Found ${products.length} relevant products`,
+      data: products
+    };
+  }
+  static transformToPieChart(data, profile, query = "") {
+    var _a;
+    const dimension = profile ? this.selectDimensionField(profile, query) : void 0;
+    const categories = dimension ? Array.from(new Set(profile.records.map((record) => {
+      var _a2;
+      return String((_a2 = record.fields[dimension.key]) != null ? _a2 : "");
+    }).filter(Boolean))) : this.detectCategories(data);
+    if (categories.length === 0) return null;
+    const categoryData = dimension && profile ? this.aggregateProfileByDimension(profile, dimension.key) : this.aggregateByCategory(data, categories);
+    const pieData = Object.entries(categoryData).map(([label, count]) => {
+      const { inStockCount, outOfStockCount } = this.calculateStockCounts(label, data);
+      return { label, value: count, inStockCount, outOfStockCount };
+    });
+    return {
+      type: "pie_chart",
+      title: `Distribution by ${(_a = dimension == null ? void 0 : dimension.label) != null ? _a : "Category"}`,
+      description: `Showing breakdown across ${pieData.length} categories`,
+      data: pieData
+    };
+  }
+  static transformToLineChart(profile) {
+    const dateField = profile.dateFields[0];
+    const valueField = profile.numericFields[0];
+    const buckets = /* @__PURE__ */ new Map();
+    profile.records.forEach((record) => {
+      var _a, _b, _c;
+      const timestamp = String((_a = record.fields[dateField.key]) != null ? _a : "");
+      const value = (_b = this.toFiniteNumber(record.fields[valueField.key])) != null ? _b : 0;
+      buckets.set(timestamp, ((_c = buckets.get(timestamp)) != null ? _c : 0) + value);
+    });
+    const lineData = Array.from(buckets.entries()).sort(([a], [b]) => Date.parse(a) - Date.parse(b)).slice(0, 24).map(([timestamp, value]) => ({ timestamp, value, label: timestamp }));
+    return {
+      type: "line_chart",
+      title: `${valueField.label} Over Time`,
+      description: `Showing ${lineData.length} data points`,
+      data: lineData
+    };
+  }
+  static transformToBarChart(data, profile, query = "", horizontal = false) {
+    var _a;
+    const dimension = profile ? this.selectDimensionField(profile, query) : void 0;
+    const measure = profile ? this.selectNumericField(profile, query) : void 0;
+    const aggregate = dimension && profile ? this.aggregateProfileByDimension(profile, dimension.key, measure == null ? void 0 : measure.key) : this.aggregateByCategory(data, this.detectCategories(data));
+    const barData = Object.entries(aggregate).map(([category, value]) => ({ category, value: Number(value) })).sort((a, b) => horizontal ? b.value - a.value : 0).slice(0, 12);
+    const fallbackData = barData.length > 0 ? barData : data.slice(0, 12).map((item, index) => {
+      var _a2, _b, _c, _d, _e;
+      const meta = item.metadata || {};
+      const label = String(
+        (_c = (_b = (_a2 = this.getDynamicVal(meta, "name")) != null ? _a2 : meta.label) != null ? _b : meta.title) != null ? _c : `Result ${index + 1}`
+      );
+      const value = (_e = (_d = this.extractNumericValue(meta)) != null ? _d : item.score) != null ? _e : 0;
+      return { category: label, value: Number(value) };
+    });
+    return {
+      type: horizontal ? "horizontal_bar" : "bar_chart",
+      title: dimension ? `${(_a = measure == null ? void 0 : measure.label) != null ? _a : "Count"} by ${dimension.label}` : "Comparison",
+      description: `Showing ${fallbackData.length} comparable values`,
+      data: fallbackData
+    };
+  }
+  static transformToHistogram(profile, query = "") {
+    const field = this.selectNumericField(profile, query);
+    if (!field) return null;
+    const values = profile.records.map((record) => this.toFiniteNumber(record.fields[field.key])).filter((value) => value !== null).sort((a, b) => a - b);
+    if (values.length === 0) return null;
+    const min = values[0];
+    const max = values[values.length - 1];
+    const bucketCount = Math.min(10, Math.max(3, Math.ceil(Math.sqrt(values.length))));
+    const width = max === min ? 1 : (max - min) / bucketCount;
+    const buckets = Array.from({ length: bucketCount }, (_, index) => {
+      const start = min + index * width;
+      const end = index === bucketCount - 1 ? max : start + width;
+      return { category: `${this.formatNumber(start)}-${this.formatNumber(end)}`, value: 0 };
+    });
+    values.forEach((value) => {
+      const bucketIndex = max === min ? 0 : Math.min(bucketCount - 1, Math.floor((value - min) / width));
+      buckets[bucketIndex].value += 1;
+    });
+    return {
+      type: "histogram",
+      title: `${field.label} Distribution`,
+      description: `Showing ${values.length} values across ${bucketCount} buckets`,
+      data: buckets
+    };
+  }
+  static transformToScatterPlot(profile, query = "") {
+    const fields = this.rankFieldsByQuery(profile.numericFields, query).slice(0, 2);
+    if (fields.length < 2) return null;
+    const [xField, yField] = fields;
+    const points = profile.records.map((record) => {
+      var _a;
+      const x = this.toFiniteNumber(record.fields[xField.key]);
+      const y = this.toFiniteNumber(record.fields[yField.key]);
+      if (x === null || y === null) return null;
+      return { x, y, label: String((_a = this.getRecordLabel(record)) != null ? _a : record.id) };
+    }).filter((point) => point !== null).slice(0, 100);
+    if (points.length === 0) return null;
+    return {
+      type: "scatter_plot",
+      title: `${xField.label} vs ${yField.label}`,
+      description: `Showing ${points.length} paired values`,
+      data: points
+    };
+  }
+  static transformToMetricCard(profile, query = "") {
+    const operation = this.detectAggregationOperation(query);
+    const numericField = this.selectNumericField(profile, query);
+    const values = numericField ? profile.records.map((record) => this.toFiniteNumber(record.fields[numericField.key])).filter((value2) => value2 !== null) : [];
+    const value = operation === "count" || values.length === 0 ? profile.records.length : this.calculateAggregate(values, operation);
+    const metric = {
+      label: numericField ? `${operation} ${numericField.label}` : "Count",
+      value,
+      operation
+    };
+    return {
+      type: "metric_card",
+      title: metric.label,
+      description: `Calculated from ${profile.records.length} result${profile.records.length === 1 ? "" : "s"}`,
+      data: metric
+    };
+  }
+  static transformToRadarChart(data) {
+    const attributeMap = {};
+    data.forEach((item) => {
+      var _a, _b, _c;
+      const meta = item.metadata || {};
+      const seriesName = String((_c = (_b = (_a = meta.name) != null ? _a : meta.product) != null ? _b : item.id) != null ? _c : "Item");
+      Object.entries(meta).forEach(([key, val]) => {
+        if (typeof val === "number" && !["price", "id"].includes(key.toLowerCase())) {
+          if (!attributeMap[key]) attributeMap[key] = {};
+          attributeMap[key][seriesName] = val;
+        }
+      });
+    });
+    const radarData = Object.entries(attributeMap).map(([attribute, series]) => __spreadValues({
+      attribute
+    }, series));
+    return {
+      type: "radar_chart",
+      title: "Product Comparison",
+      description: `Comparing ${data.length} items across ${radarData.length} attributes`,
+      data: radarData.length > 0 ? radarData : data.map((d) => ({ attribute: d.content.substring(0, 40) }))
+    };
+  }
+  static transformToTable(data, query = "") {
+    const columns = this.extractTableColumns(data, query);
+    const rows = data.map((item) => this.extractTableRow(item, columns));
+    const tableData = { columns, rows };
+    return {
+      type: "table",
+      title: "Detailed Results",
+      description: `Showing ${data.length} results`,
+      data: tableData
+    };
+  }
+  static transformToText(data) {
+    return this.createTextResponse(
+      "Retrieved Context",
+      data.map((item) => item.content).join("\n\n"),
+      `Found ${data.length} relevant results`
+    );
+  }
+  static createTextResponse(title, content, description) {
+    return { type: "text", title, description, data: { content } };
+  }
+  // ─── LLM Response Parsing ─────────────────────────────────────────────────
+  static parseTransformationResponse(raw) {
+    const payloadText = this.extractJsonCandidate(raw);
+    if (!payloadText) return null;
+    try {
+      const parsed = JSON.parse(payloadText);
+      return this.normalizeTransformation(parsed);
+    } catch (e) {
+      return null;
+    }
+  }
+  static extractJsonCandidate(raw) {
+    if (!raw) return null;
+    const cleaned = raw.replace(/```(?:json|chart|ui)?\s*/gi, "").replace(/```/g, "").trim();
+    const start = cleaned.indexOf("{");
+    if (start === -1) return null;
+    let depth = 0;
+    let inString = false;
+    let escape = false;
+    for (let i = start; i < cleaned.length; i += 1) {
+      const char = cleaned[i];
+      if (escape) {
+        escape = false;
+        continue;
+      }
+      if (char === "\\") {
+        escape = true;
+        continue;
+      }
+      if (char === '"') {
+        inString = !inString;
+        continue;
+      }
+      if (inString) continue;
+      if (char === "{") depth += 1;
+      if (char === "}") {
+        depth -= 1;
+        if (depth === 0) return cleaned.slice(start, i + 1);
+      }
+    }
+    return null;
+  }
+  static normalizeTransformation(payload) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    if (!payload || typeof payload !== "object") return null;
+    const p = payload;
+    const type = this.normalizeVisualizationType(
+      String((_c = (_b = (_a = p.type) != null ? _a : p.view) != null ? _b : p.chartType) != null ? _c : "")
+    );
+    if (!type) return null;
+    const title = String((_e = (_d = p.title) != null ? _d : p.heading) != null ? _e : "Visualization");
+    const description = p.description ? String(p.description) : void 0;
+    const rawData = (_j = (_i = (_h = (_g = (_f = p.data) != null ? _f : p.table) != null ? _g : p.rows) != null ? _h : p.items) != null ? _i : p.content) != null ? _j : null;
+    const data = type === "text" && typeof rawData === "string" ? { content: rawData } : rawData;
+    const transformation = { type, title, description, data };
+    return this.validateTransformation(transformation) ? transformation : null;
+  }
+  static normalizeVisualizationType(type) {
+    var _a;
+    const mapping = {
+      pie: "pie_chart",
+      pie_chart: "pie_chart",
+      bar: "bar_chart",
+      bar_chart: "bar_chart",
+      histogram: "histogram",
+      horizontal_bar: "horizontal_bar",
+      horizontalbar: "horizontal_bar",
+      line: "line_chart",
+      line_chart: "line_chart",
+      scatter: "scatter_plot",
+      scatter_plot: "scatter_plot",
+      scatterplot: "scatter_plot",
+      radar: "radar_chart",
+      radar_chart: "radar_chart",
+      metric: "metric_card",
+      metric_card: "metric_card",
+      card: "metric_card",
+      kpi: "metric_card",
+      geo: "geo_map",
+      geo_map: "geo_map",
+      map: "geo_map",
+      table: "table",
+      text: "text",
+      product_carousel: "product_carousel",
+      carousel: "carousel"
+    };
+    return (_a = mapping[type.toLowerCase()]) != null ? _a : null;
+  }
+  static validateTransformation(t) {
+    const { type, data } = t;
+    switch (type) {
+      case "pie_chart":
+      case "bar_chart":
+      case "histogram":
+      case "horizontal_bar":
+        return Array.isArray(data) && data.every(
+          (i) => i !== null && typeof i === "object" && (typeof i.value === "number" || !Number.isNaN(Number(i.value)))
+        );
+      case "scatter_plot":
+        return Array.isArray(data) && data.every(
+          (i) => i !== null && typeof i === "object" && (typeof i.x === "number" || !Number.isNaN(Number(i.x))) && (typeof i.y === "number" || !Number.isNaN(Number(i.y)))
+        );
+      case "line_chart":
+        return Array.isArray(data) && data.every(
+          (i) => i !== null && typeof i === "object" && "timestamp" in i && (typeof i.value === "number" || !Number.isNaN(Number(i.value)))
+        );
+      case "metric_card":
+        return typeof data === "object" && data !== null && (typeof data.value === "number" || !Number.isNaN(Number(data.value)));
+      case "geo_map":
+        return Array.isArray(data) || typeof data === "object" && data !== null;
+      case "radar_chart":
+        return Array.isArray(data) && data.every(
+          (i) => i !== null && typeof i === "object" && "attribute" in i
+        );
+      case "table":
+        return typeof data === "object" && data !== null && Array.isArray(data.columns) && Array.isArray(data.rows);
+      case "text":
+        return typeof data === "object" && data !== null && typeof data.content === "string";
+      case "product_carousel":
+      case "carousel":
+        return Array.isArray(data) && data.every(
+          (i) => i !== null && typeof i === "object" && ("id" in i || "name" in i)
+        );
+      default:
+        return false;
+    }
+  }
+  // ─── Data Inspection Helpers ──────────────────────────────────────────────
+  static isStructuredListQuery(query) {
+    const q = query.toLowerCase();
+    const asksForRecords = /\b(list|provide|show|give|get|find|which|whose|records?|details?)\b/.test(q);
+    const hasNumericPredicate = /\b(greater than|more than|above|over|less than|below|under|at least|at most|minimum|maximum|>=|<=|>|<|equals?|equal to)\b\s*\$?\d/i.test(q) || /\b\d+\b\s*(?:or more|or less|and above|and below)\b/i.test(q);
+    const hasEntityTerms = /\b(organization|organisations?|organizations?|company|companies|employee|employees|staff|headcount|workforce)\b/.test(q);
+    return asksForRecords && (hasNumericPredicate || hasEntityTerms);
+  }
+  /** @internal kept private for transform() internal logic */
+  static isProductQuery(query) {
+    return _UITransformer._productQueryTest(query);
+  }
+  /**
+   * Public entry-point for external callers (e.g. Pipeline)
+   * to check whether a query maps to product_browse without triggering an LLM call.
+   */
+  static isProductQueryPublic(query) {
+    return _UITransformer._productQueryTest(query);
+  }
+  static _productQueryTest(query) {
+    const q = query.toLowerCase();
+    const productTerms = /\b(product|products|item|items|sku|catalog|catalogue|price|prices|brand|model|stock|inventory|in stock|out of stock|buy|shop)\b/.test(q);
+    const productAction = /\b(recommend|suggest|describe|description|detail|details|about|show|find|search|browse|list|explore|exploring)\b/.test(q);
+    const nonProductEntityTerms = /\b(organization|organisations?|organizations?|company|companies|employee|employees|staff|headcount|workforce)\b/.test(q);
+    return productTerms && productAction && !nonProductEntityTerms;
+  }
+  static isProductData(item) {
+    const content = (item.content || "").toLowerCase();
+    const productKeywords = [
+      "product",
+      "price",
+      "stock",
+      "sku",
+      "brand",
+      "msrp",
+      "inventory",
+      "buy",
+      "shop",
+      "beauty",
+      "cosmetic",
+      "facial",
+      "cream",
+      "serum",
+      "mask",
+      "makeup",
+      "fragrance"
+    ];
+    const hasKeywords = productKeywords.some((kw) => content.includes(kw));
+    const metadata = item.metadata || {};
+    const hasMetadataKey = Object.keys(metadata).some((k) => {
+      const val = metadata[k];
+      return ["price", "product", "sku", "brand", "cost"].includes(k.toLowerCase()) && val !== null && val !== void 0 && val !== "";
+    });
+    const hasPricePattern = /\$\s*\d+\.\d{2}/.test(content);
+    return hasKeywords || hasMetadataKey || hasPricePattern;
+  }
+  static isTimeSeriesData(item) {
+    const metadata = item.metadata || {};
+    const maybeDateKeys = Object.keys(metadata).filter(
+      (k) => ["date", "timestamp", "time", "period"].includes(k.toLowerCase())
+    );
+    return maybeDateKeys.some((key) => {
+      const value = metadata[key];
+      if (typeof value === "string") return !Number.isNaN(Date.parse(value)) && value.trim().length > 0;
+      return typeof value === "number";
+    });
+  }
+  static hasMultipleFields(data) {
+    const fieldCount = /* @__PURE__ */ new Set();
+    data.forEach((item) => Object.keys(item.metadata || {}).forEach((k) => fieldCount.add(k)));
+    return fieldCount.size > 2;
+  }
+  static profileData(data) {
+    const records = data.map((item) => {
+      const fields2 = {};
+      Object.entries(item.metadata || {}).forEach(([key, value]) => {
+        const primitive = this.toPrimitive(value);
+        if (primitive !== null) fields2[key] = primitive;
+      });
+      if (!fields2.content && item.content) fields2.content = item.content.substring(0, 500);
+      return {
+        id: item.id,
+        content: item.content,
+        score: item.score,
+        fields: fields2,
+        source: item
+      };
+    });
+    const keys = Array.from(new Set(records.flatMap((record) => Object.keys(record.fields))));
+    const fields = keys.map((key) => {
+      const values = records.map((record) => record.fields[key]).filter((value) => value !== void 0 && value !== null && String(value).trim() !== "");
+      const uniqueCount = new Set(values.map((value) => String(value).toLowerCase())).size;
+      return {
+        key,
+        label: this.humanizeFieldName(key),
+        kind: this.inferFieldKind(key, values, records.length, uniqueCount),
+        values,
+        uniqueCount
+      };
+    });
+    return {
+      records,
+      fields,
+      numericFields: fields.filter((field) => field.kind === "number"),
+      dateFields: fields.filter((field) => field.kind === "date"),
+      categoricalFields: fields.filter((field) => field.kind === "category"),
+      booleanFields: fields.filter((field) => field.kind === "boolean")
+    };
+  }
+  static toPrimitive(value) {
+    if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return value;
+    if (value === null || value === void 0) return null;
+    if (value instanceof Date) return value.toISOString();
+    return null;
+  }
+  static inferFieldKind(key, values, rowCount, uniqueCount) {
+    const lowerKey = key.toLowerCase();
+    if (values.length === 0) return "text";
+    if (values.every((value) => typeof value === "boolean" || /^(true|false|yes|no|in_stock|out_of_stock|available|unavailable)$/i.test(String(value)))) {
+      return "boolean";
+    }
+    if (/(date|time|timestamp|created|updated|month|year|period)/i.test(lowerKey) && values.some((value) => this.isDateLike(value))) {
+      return "date";
+    }
+    const numericCount = values.filter((value) => this.toFiniteNumber(value) !== null).length;
+    if (numericCount / values.length >= 0.85 && !/(id|sku|ean|upc|zip|postal|phone|code)/i.test(lowerKey)) {
+      return "number";
+    }
+    if (uniqueCount <= Math.max(20, Math.ceil(rowCount * 0.7)) && !/(id|sku|ean|upc|description|content|url|image|thumbnail)/i.test(lowerKey)) {
+      return "category";
+    }
+    return "text";
+  }
+  static isDateLike(value) {
+    if (typeof value === "number") return value > 1900 && value < 3e3;
+    const text = String(value).trim();
+    return text.length > 3 && !Number.isNaN(Date.parse(text));
+  }
+  static chooseAutomaticVisualization(data, profile, query) {
+    if (profile.records.length === 0) return null;
+    if (profile.dateFields.length > 0 && profile.numericFields.length > 0) {
+      return this.transformToLineChart(profile);
+    }
+    if (profile.categoricalFields.length > 0 && profile.numericFields.length > 0) {
+      return this.transformToBarChart(data, profile, query);
+    }
+    if (profile.categoricalFields.length > 0) {
+      return this.transformToPieChart(data, profile, query);
+    }
+    if (profile.numericFields.length >= 2) {
+      return this.transformToScatterPlot(profile, query);
+    }
+    if (profile.numericFields.length === 1) {
+      return this.transformToMetricCard(profile, query);
+    }
+    return null;
+  }
+  static selectDimensionField(profile, query) {
+    var _a, _b;
+    const productCategory = profile.categoricalFields.find(
+      (field) => /category|department|collection|type|group|segment|region|country|state|city/i.test(field.key)
+    );
+    const ranked = this.rankFieldsByQuery(profile.categoricalFields, query);
+    return (_b = (_a = ranked[0]) != null ? _a : productCategory) != null ? _b : profile.categoricalFields[0];
+  }
+  static selectNumericField(profile, query) {
+    var _a;
+    return (_a = this.rankFieldsByQuery(profile.numericFields, query)[0]) != null ? _a : profile.numericFields[0];
+  }
+  static rankFieldsByQuery(fields, query) {
+    const q = query.toLowerCase();
+    return [...fields].sort((a, b) => this.fieldScore(b, q) - this.fieldScore(a, q));
+  }
+  static fieldScore(field, query) {
+    const key = field.key.toLowerCase();
+    const label = field.label.toLowerCase();
+    let score = 0;
+    if (query.includes(key)) score += 4;
+    if (query.includes(label)) score += 4;
+    key.split(/[_\s-]+/).forEach((part) => {
+      if (part && query.includes(part)) score += 1;
+    });
+    if (/category|department|collection|type|group|segment/.test(key)) score += 2;
+    if (/count|total|quantity|stock|inventory|sales|revenue|amount|price|value|score/.test(key)) score += 2;
+    if (/id|sku|ean|upc|code/.test(key)) score -= 5;
+    return score;
+  }
+  static normalizeComparableField(field) {
+    return field.toLowerCase().replace(/&/g, "and").replace(/[^a-z0-9]+/g, "").trim();
+  }
+  static fieldTokens(field) {
+    return field.toLowerCase().replace(/[_-]+/g, " ").split(/\s+/).map((token) => token.replace(/[^a-z0-9]/g, "")).filter(Boolean);
+  }
+  static aggregateProfileByDimension(profile, dimensionKey, measureKey) {
+    const result = {};
+    profile.records.forEach((record) => {
+      var _a, _b, _c;
+      const category = String((_a = record.fields[dimensionKey]) != null ? _a : "Other").trim() || "Other";
+      const value = measureKey ? (_b = this.toFiniteNumber(record.fields[measureKey])) != null ? _b : 0 : 1;
+      result[category] = ((_c = result[category]) != null ? _c : 0) + value;
+    });
+    return result;
+  }
+  static getRecordLabel(record) {
+    const labelKeys = ["name", "title", "label", "product", "item", "brand"];
+    const key = Object.keys(record.fields).find(
+      (fieldKey) => labelKeys.some((labelKey) => fieldKey.toLowerCase().includes(labelKey))
+    );
+    return key ? record.fields[key] : void 0;
+  }
+  static detectAggregationOperation(query) {
+    const q = query.toLowerCase();
+    if (/\b(avg|average|mean)\b/.test(q)) return "average";
+    if (/\b(count|how many|number of)\b/.test(q)) return "count";
+    if (/\b(min|minimum|lowest)\b/.test(q)) return "min";
+    if (/\b(max|maximum|highest)\b/.test(q)) return "max";
+    if (/\bmedian\b/.test(q)) return "median";
+    return "sum";
+  }
+  static calculateAggregate(values, operation) {
+    if (values.length === 0) return 0;
+    switch (operation) {
+      case "average":
+        return values.reduce((sum, value) => sum + value, 0) / values.length;
+      case "count":
+        return values.length;
+      case "min":
+        return Math.min(...values);
+      case "max":
+        return Math.max(...values);
+      case "median": {
+        const sorted = [...values].sort((a, b) => a - b);
+        const middle = Math.floor(sorted.length / 2);
+        return sorted.length % 2 === 0 ? (sorted[middle - 1] + sorted[middle]) / 2 : sorted[middle];
+      }
+      case "sum":
+      default:
+        return values.reduce((sum, value) => sum + value, 0);
+    }
+  }
+  static humanizeFieldName(key) {
+    return key.replace(/[_-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\s+/g, " ").trim().replace(/\b\w/g, (char) => char.toUpperCase());
+  }
+  static formatNumber(value) {
+    return Number.isInteger(value) ? String(value) : value.toFixed(1);
+  }
+  static detectCategories(data) {
+    const categories = /* @__PURE__ */ new Set();
+    data.forEach((item) => {
+      const category = this.getProductCategory(item);
+      if (category) categories.add(category);
+    });
+    return Array.from(categories);
+  }
+  static getProductCategory(item) {
+    const meta = item.metadata || {};
+    const metadataCategory = resolveMetadataValue(meta, "category");
+    if (this.isUsableCategory(metadataCategory)) return String(metadataCategory).trim();
+    const content = item.content || "";
+    const explicitCategoryMatch = content.match(
+      /(?:^|\n)\s*(?:product\s*)?(?:category|department|collection)\s*[:\-–]\s*([^\n]+)/i
+    );
+    if (explicitCategoryMatch && this.isUsableCategory(explicitCategoryMatch[1])) {
+      return explicitCategoryMatch[1].trim();
+    }
+    return null;
+  }
+  static isUsableCategory(value) {
+    if (value === null || value === void 0) return false;
+    const category = String(value).trim();
+    if (!category) return false;
+    return !/^(category|type|tag|price|cost|stock|availability|description|product|item|name|brand|sku|id|ean|currency|color|size|index|internal id|other|\[?type\]?|\[?products?_?\d*\]?)$/i.test(category);
+  }
+  static aggregateByCategory(data, categories) {
+    const result = Object.fromEntries(categories.map((c) => [c, 0]));
+    data.forEach((item) => {
+      var _a;
+      const cat = (_a = this.getProductCategory(item)) != null ? _a : "Other";
+      if (Object.prototype.hasOwnProperty.call(result, cat)) result[cat]++;
+      else result["Other"] = (result["Other"] || 0) + 1;
+    });
+    return result;
+  }
+  static extractTimeSeriesData(data) {
+    return data.map((item) => {
+      var _a, _b, _c, _d, _e;
+      const meta = item.metadata || {};
+      return {
+        timestamp: (_b = (_a = meta.timestamp) != null ? _a : meta.date) != null ? _b : (/* @__PURE__ */ new Date()).toISOString(),
+        value: (_d = (_c = meta.value) != null ? _c : item.score) != null ? _d : 0,
+        label: (_e = meta.label) != null ? _e : item.content.substring(0, 50)
+      };
+    });
+  }
+  static extractNumericValue(meta) {
+    var _a;
+    const preferredKeys = [
+      "value",
+      "count",
+      "total",
+      "average",
+      "avg",
+      "amount",
+      "sales",
+      "revenue",
+      "score",
+      "quantity",
+      "price"
+    ];
+    for (const key of preferredKeys) {
+      const raw = (_a = resolveMetadataValue(meta, key)) != null ? _a : meta[key];
+      const value = typeof raw === "number" ? raw : Number(String(raw != null ? raw : "").replace(/[$,% ,]/g, ""));
+      if (Number.isFinite(value)) return value;
+    }
+    for (const value of Object.values(meta)) {
+      const numeric = typeof value === "number" ? value : Number(String(value != null ? value : "").replace(/[$,% ,]/g, ""));
+      if (Number.isFinite(numeric)) return numeric;
+    }
+    return null;
+  }
+  static extractTableColumns(data, query = "") {
+    const q = query.toLowerCase();
+    const availableFields = this.extractAvailableTableFields(data);
+    if (/\b(organization|organisations?|organizations?|company|companies)\b/.test(q) && /\b(employee|employees|staff|headcount|workforce)\b/.test(q)) {
+      const nameField = this.pickTableField(availableFields, [
+        "company name",
+        "organization name",
+        "organisation name",
+        "name",
+        "company",
+        "organization",
+        "organisation"
+      ]);
+      const employeeField = this.pickTableField(availableFields, [
+        "number of employees",
+        "employee count",
+        "employees",
+        "employee_count",
+        "number_employees",
+        "num employees",
+        "staff count",
+        "headcount",
+        "workforce"
+      ]);
+      const columns = [nameField, employeeField].filter((field) => Boolean(field));
+      if (columns.length > 0) return columns;
+    }
+    const requestedFields = availableFields.map((field) => ({
+      field,
+      score: this.tableFieldQueryScore(field, q)
+    })).filter((item) => item.score > 0).sort((a, b) => b.score - a.score).map((item) => item.field);
+    if (requestedFields.length > 0) {
+      return requestedFields.slice(0, Math.min(6, requestedFields.length));
+    }
+    const metadataFields = Array.from(new Set(
+      data.flatMap((item) => Object.keys(item.metadata || {}).map((k) => this.humanizeFieldName(k)))
+    ));
+    return metadataFields.length > 0 ? metadataFields : ["Content"];
+  }
+  static extractTableRow(item, columns) {
+    return columns.map((col) => this.resolveTableCellValue(item, col));
+  }
+  static extractAvailableTableFields(data) {
+    const fields = /* @__PURE__ */ new Map();
+    const addField = (field) => {
+      const clean = this.humanizeFieldName(field);
+      if (!clean || /^(content|\[?type\]?)$/i.test(clean)) return;
+      const normalized = this.normalizeComparableField(clean);
+      if (!fields.has(normalized)) fields.set(normalized, clean);
+    };
+    data.forEach((item) => {
+      Object.keys(item.metadata || {}).forEach(addField);
+      for (const match of (item.content || "").matchAll(/(?:^|\n)\s*([A-Za-z][A-Za-z0-9_ /-]{1,50})\s*[:\-–]\s*([^\n]+)/g)) {
+        addField(match[1]);
+      }
+    });
+    return Array.from(fields.values());
+  }
+  static pickTableField(fields, aliases) {
+    const normalizedAliases = aliases.map((alias) => this.normalizeComparableField(alias));
+    for (const alias of normalizedAliases) {
+      const exact = fields.find((field) => this.normalizeComparableField(field) === alias);
+      if (exact) return exact;
+    }
+    for (const alias of normalizedAliases) {
+      const fuzzy = fields.find((field) => {
+        const normalizedField = this.normalizeComparableField(field);
+        if (/(id|code|uuid)$/.test(normalizedField) && !/(id|code|uuid)$/.test(alias)) return false;
+        return normalizedField.includes(alias) || alias.includes(normalizedField);
+      });
+      if (fuzzy) return fuzzy;
+    }
+    return void 0;
+  }
+  static tableFieldQueryScore(field, query) {
+    const normalizedField = this.normalizeComparableField(field);
+    if (!normalizedField) return 0;
+    const fieldTokens = this.fieldTokens(field);
+    return fieldTokens.reduce((score, token) => {
+      if (token.length < 3) return score;
+      return query.includes(token) ? score + 1 : score;
+    }, query.includes(normalizedField) ? 3 : 0);
+  }
+  static resolveTableCellValue(item, column) {
+    if (column === "Content") return item.content.substring(0, 100);
+    const meta = item.metadata || {};
+    const normalizedColumn = this.normalizeComparableField(column);
+    const exactMetadata = Object.entries(meta).find(
+      ([key]) => this.normalizeComparableField(key) === normalizedColumn || this.normalizeComparableField(this.humanizeFieldName(key)) === normalizedColumn
+    );
+    if (exactMetadata && exactMetadata[1] !== void 0 && exactMetadata[1] !== null) {
+      return this.toDisplayValue(exactMetadata[1]);
+    }
+    const aliasValue = this.resolveAliasedTableCell(meta, column);
+    if (aliasValue !== void 0) return this.toDisplayValue(aliasValue);
+    const contentValue = this.extractContentFieldValue(item.content, column);
+    if (contentValue !== null) return contentValue;
+    const aliasContentValue = this.extractAliasedContentFieldValue(item.content, column);
+    return aliasContentValue != null ? aliasContentValue : "";
+  }
+  static resolveAliasedTableCell(meta, column) {
+    const normalizedColumn = this.normalizeComparableField(column);
+    const aliases = normalizedColumn.includes("employee") ? ["number of employees", "employee count", "employees", "headcount", "staff count", "workforce"] : normalizedColumn.includes("name") ? ["company name", "organization name", "organisation name", "name", "company", "organization", "organisation"] : [];
+    for (const alias of aliases) {
+      const normalizedAlias = this.normalizeComparableField(alias);
+      const match = Object.entries(meta).find(([key]) => {
+        const normalizedKey = this.normalizeComparableField(key);
+        return normalizedKey === normalizedAlias || normalizedKey.includes(normalizedAlias) || normalizedAlias.includes(normalizedKey);
+      });
+      if (match && match[1] !== void 0 && match[1] !== null) return match[1];
+    }
+    return void 0;
+  }
+  static extractContentFieldValue(content, column) {
+    const escaped = column.replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace(/\s+/g, "[\\s_ -]+");
+    const pattern = new RegExp(`(?:^|\\n)\\s*${escaped}\\s*[:\\-\u2013]\\s*([^\\n]+)`, "i");
+    const match = content.match(pattern);
+    return match ? match[1].trim() : null;
+  }
+  static extractAliasedContentFieldValue(content, column) {
+    const normalizedColumn = this.normalizeComparableField(column);
+    const aliases = normalizedColumn.includes("employee") ? ["Number Of Employees", "Number of Employees", "Employee Count", "Employees", "Headcount", "Staff Count", "Workforce"] : normalizedColumn.includes("name") ? ["Company Name", "Organization Name", "Organisation Name", "Name", "Company", "Organization", "Organisation"] : [];
+    for (const alias of aliases) {
+      const value = this.extractContentFieldValue(content, alias);
+      if (value !== null) return value;
+    }
+    return null;
+  }
+  static toDisplayValue(value) {
+    if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return value;
+    return String(value != null ? value : "");
+  }
+  static calculateStockCounts(category, data) {
+    let inStock = 0;
+    let outOfStock = 0;
+    data.forEach((d) => {
+      var _a, _b;
+      const cat = (_a = this.getProductCategory(d)) != null ? _a : "Other";
+      if (cat === category) {
+        const quantity = (_b = this.extractStockQuantity(d)) != null ? _b : 1;
+        if (this.determineStockStatus(d)) inStock += quantity;
+        else outOfStock += quantity;
+      }
+    });
+    return { inStockCount: inStock, outOfStockCount: outOfStock };
+  }
+  static determineStockStatus(item) {
+    const meta = item.metadata || {};
+    const stockValue = resolveMetadataValue(meta, "stock");
+    if (stockValue !== void 0) {
+      const normalized = String(stockValue).toLowerCase();
+      if (/out[_\s-]?of[_\s-]?stock|unavailable|false|no|sold out|0/.test(normalized)) return false;
+      if (/in[_\s-]?stock|available|true|yes/.test(normalized)) return true;
+      const numeric = this.toFiniteNumber(stockValue);
+      if (numeric !== null) return numeric > 0;
+    }
+    if (meta.inStock !== void 0) return Boolean(meta.inStock);
+    if (meta.stock !== void 0) return Boolean(meta.stock);
+    if (meta.available !== void 0) return Boolean(meta.available);
+    const content = (item.content || "").toLowerCase();
+    if (/out[_\s-]?of[_\s-]?stock|unavailable|sold out/.test(content)) return false;
+    if (/in[_\s-]?stock|available/.test(content)) return true;
+    return true;
+  }
+  static extractStockQuantity(item) {
+    const meta = item.metadata || {};
+    const stockValue = resolveMetadataValue(meta, "stock");
+    const numericStock = this.toFiniteNumber(stockValue);
+    if (numericStock !== null) return numericStock;
+    const content = item.content || "";
+    const stockMatch = content.match(/\b(?:stock|inventory|quantity|count)\s*[:\-–]?\s*([\d,]+)/i);
+    if (!stockMatch) return null;
+    return this.toFiniteNumber(stockMatch[1]);
+  }
+  static toFiniteNumber(value) {
+    if (typeof value === "number") return Number.isFinite(value) ? value : null;
+    const numeric = Number(String(value != null ? value : "").replace(/[$,% ,]/g, ""));
+    return Number.isFinite(numeric) ? numeric : null;
+  }
+  // ─── Product Extraction ───────────────────────────────────────────────────
+  static getDynamicVal(meta, uiKey, config, trainedSchema) {
+    var _a;
+    if (!meta) return void 0;
+    const mapping = (_a = config == null ? void 0 : config.rag) == null ? void 0 : _a.uiMapping;
+    if ((mapping == null ? void 0 : mapping[uiKey]) && meta[mapping[uiKey]] !== void 0) return meta[mapping[uiKey]];
+    if (trainedSchema && typeof trainedSchema === "object") {
+      const trainedKey = trainedSchema[uiKey];
+      if (trainedKey && meta[trainedKey] !== void 0) return meta[trainedKey];
+    }
+    return resolveMetadataValue(meta, uiKey);
+  }
+  static extractProductInfo(item, config, trainedSchema) {
+    var _a;
+    const meta = item.metadata || {};
+    const name = this.getDynamicVal(meta, "name", config, trainedSchema);
+    const price = this.getDynamicVal(meta, "price", config, trainedSchema);
+    const brand = this.getDynamicVal(meta, "brand", config, trainedSchema);
+    const description = this.cleanProductDescription(
+      (_a = this.extractProductDescriptionFromContent(item.content)) != null ? _a : this.getProductDescriptionValue(meta, config, trainedSchema)
+    );
+    if (name || this.isProductData(item)) {
+      let finalName = name ? String(name) : void 0;
+      if (!finalName) {
+        const nameMatch = item.content.match(/(?:Product|Item|Name):\s*([^\n]+)/i);
+        finalName = nameMatch ? nameMatch[1].trim() : item.content.split("\n")[0].substring(0, 60);
+      }
+      let finalPrice = typeof price === "number" || typeof price === "string" ? price : void 0;
+      if (!finalPrice) {
+        const priceMatch = item.content.match(/(?:Price|Cost):\s*\$?([\d,.]+)/i) || item.content.match(/\$\s*([\d,.]+)/);
+        if (priceMatch) finalPrice = priceMatch[1].replace(/,/g, "");
+      }
+      const imageValue = this.getDynamicVal(meta, "image", config, trainedSchema);
+      return {
+        id: item.id,
+        name: finalName,
+        price: finalPrice,
+        image: typeof imageValue === "string" ? imageValue : void 0,
+        brand: brand ? String(brand) : void 0,
+        description,
+        inStock: this.determineStockStatus(item)
+      };
+    }
+    return null;
+  }
+  static extractProductDescriptionFromContent(content) {
+    const bodyMatch = content.match(
+      /\bBody\s*\(HTML\)\s*:\s*([\s\S]*?)(?=\s*[,.]?\s+\b(?:Handle|Title|Vendor|Type|Tags|Published|Option\d*\s+Name|Option\d*\s+Value|Option|Variant|Image|SKU|Price|Status|Category)\b\s*:|$)/i
+    );
+    if (bodyMatch == null ? void 0 : bodyMatch[1]) return bodyMatch[1];
+    const descriptionMatch = content.match(
+      /\b(?:Description|Summary|Details|Body|Content)\s*:\s*([\s\S]*?)(?=\s*[,.]?\s+\b(?:Handle|Title|Vendor|Type|Tags|Published|Option\d*\s+Name|Option\d*\s+Value|Option|Variant|Image|SKU|Price|Status|Category)\b\s*:|$)/i
+    );
+    if (descriptionMatch == null ? void 0 : descriptionMatch[1]) return descriptionMatch[1];
+    return null;
+  }
+  static getProductDescriptionValue(meta, config, trainedSchema) {
+    const mapped = this.getDynamicVal(meta, "description", config, trainedSchema);
+    if (mapped !== void 0 && mapped !== meta.content && mapped !== meta.text) return mapped;
+    const preferredKeys = [
+      "body_html",
+      "body html",
+      "bodyHtml",
+      "description",
+      "summary",
+      "details",
+      "body"
+    ];
+    for (const key of preferredKeys) {
+      const match = Object.keys(meta).find(
+        (candidate) => this.normalizeComparableField(candidate) === this.normalizeComparableField(key)
+      );
+      if (match && meta[match] !== void 0 && meta[match] !== null) return meta[match];
+    }
+    return void 0;
+  }
+  static cleanProductDescription(raw) {
+    if (raw === null || raw === void 0) return void 0;
+    const extracted = this.extractProductDescriptionFromContent(String(raw));
+    if (extracted && extracted !== String(raw)) return this.cleanProductDescription(extracted);
+    const text = String(raw).replace(/<[^>]*>/g, " ").replace(/&nbsp;/gi, " ").replace(/&amp;/gi, "&").replace(/&quot;/gi, '"').replace(/&#39;/gi, "'").replace(/\[[^\]]*TYPE[^\]]*\]/gi, " ").replace(/\b(?:Handle|Title|Vendor|Type|Tags|Published|Option\d*\s+Name|Option\d*\s+Value|Option|Variant|Image|SKU|Price|Status|Category)\s*:\s*[^,.\n:]+[,.]?/gi, " ").replace(/\bBody\s*\(HTML\)\s*:\s*/gi, " ").replace(/\b(?:Description|Summary|Details|Body|Content)\s*:\s*/gi, " ").replace(/\s+/g, " ").trim();
+    return text || void 0;
+  }
+  // ─── Visualization Prompt ─────────────────────────────────────────────────
+  static buildVisualizationSystemPrompt() {
+    return `You are a data visualization expert embedded in a RAG chat system.
+You will receive a user question, a pre-computed INTENT object, and structured data from a vector database.
+Your ONLY job is to return a single JSON object describing how to visualize the data.
+The INTENT object is authoritative \u2014 honor it. For example:
+  - If intent.wantsExplicitTable is false, never return type "table".
+  - If intent.isTemporal is true, prefer line_chart.
+  - If intent.visualizationHint is "comparison" or "ranking", prefer bar_chart.
+  - If intent.visualizationHint is "composition", prefer pie_chart.
+  - If intent.recommendedChart is unsupported by the response schema, use the nearest supported type.
+  - Always respond in the language specified by intent.language.
+Return ONLY a valid JSON object \u2014 no markdown fences, no prose.
+{
+  "type": "bar_chart" | "horizontal_bar" | "line_chart" | "pie_chart" | "histogram" | "scatter_plot" | "radar_chart" | "metric_card" | "geo_map" | "table" | "text",
+  "title": "concise descriptive title",
+  "description": "one sentence describing the visualization",
+  "data": <structured data per type below>
+}
+DATA SHAPES:
+- bar_chart:   [{ "category": string, "value": number }]
+- horizontal_bar: [{ "category": string, "value": number }]
+- histogram:   [{ "category": string, "value": number }]
+- line_chart:  [{ "timestamp": string, "value": number, "label": string }]
+- pie_chart:   [{ "label": string, "value": number }]
+- scatter_plot:[{ "x": number, "y": number, "label": string }]
+- radar_chart: [{ "attribute": string, "<series1>": number, "<series2>": number, ... }]
+- metric_card: { "label": string, "value": number, "operation": "sum"|"average"|"count"|"min"|"max"|"median" }
+- geo_map:     [{ "category": string, "value": number }]
+- table:       { "columns": string[], "rows": (string|number)[][] }
+- text:        { "content": "A concise plain-language answer." }
+RULES:
+1. Aggregate values \u2014 never pass raw nested objects in chart arrays.
+2. All "value" fields must be numbers.
+3. Cap bar/line/pie at 12 data points.
+4. Use dollar signs only for monetary prices, not for stock quantities or years.
+5. If no relevant data is found, return text: "I cannot answer this question based on the available information."`;
+  }
+  static buildContextSummary(sources, maxChars = 6e3) {
+    const items = sources.map((s, i) => {
+      var _a, _b, _c, _d;
+      return {
+        index: i + 1,
+        content: (_b = (_a = s.content) == null ? void 0 : _a.substring(0, 400)) != null ? _b : "",
+        metadata: (_c = s.metadata) != null ? _c : {},
+        score: (_d = s.score) != null ? _d : 0
+      };
+    });
+    const full = JSON.stringify(items, null, 2);
+    if (full.length <= maxChars) return full;
+    const partial = [];
+    let chars = 2;
+    for (const item of items) {
+      const chunk = JSON.stringify(item);
+      if (chars + chunk.length + 2 > maxChars) break;
+      partial.push(item);
+      chars += chunk.length + 2;
+    }
+    return JSON.stringify(partial, null, 2) + "\n// ... truncated";
+  }
+};
+// src/rendering/RendererRegistry.ts
+var TextRendererStrategy = class {
+  constructor() {
+    this.type = "text";
+  }
+  render(data, options) {
+    const title = (options == null ? void 0 : options.title) || "Information";
+    if (typeof data === "string") {
+      return { type: "text", title, data: { content: data } };
+    }
+    const docs = Array.isArray(data) ? data : [];
+    const text = docs.map((d) => d.content).join("\n\n");
+    return { type: "text", title, data: { content: text || "No detailed content available." } };
+  }
+};
+var TableRendererStrategy = class {
+  constructor() {
+    this.type = "table";
+  }
+  render(data, options) {
+    const docs = Array.isArray(data) ? data : [];
+    const query = (options == null ? void 0 : options.query) || "";
+    return UITransformer.transform(query, docs, void 0, void 0, {
+      visualizationHint: "table",
+      recommendedChart: "table",
+      filterInStockOnly: false,
+      wantsExplicitTable: true,
+      isTemporal: false,
+      isComparison: true,
+      language: "en"
+    });
+  }
+};
+var CarouselRendererStrategy = class {
+  constructor() {
+    this.type = "carousel";
+  }
+  render(data, options) {
+    const docs = Array.isArray(data) ? data : [];
+    const query = (options == null ? void 0 : options.query) || "";
+    return UITransformer.transform(query, docs, void 0, void 0, {
+      visualizationHint: "product_browse",
+      recommendedChart: "text",
+      filterInStockOnly: false,
+      wantsExplicitTable: false,
+      isTemporal: false,
+      isComparison: false,
+      language: "en"
+    });
+  }
+};
+var ChartRendererStrategy = class {
+  constructor() {
+    this.type = "chart";
+  }
+  render(data, options) {
+    const docs = Array.isArray(data) ? data : [];
+    const query = (options == null ? void 0 : options.query) || "";
+    const chartType = (options == null ? void 0 : options.chartType) || "bar";
+    let hint = "comparison";
+    let rec = "bar_chart";
+    if (chartType === "line") {
+      hint = "trend";
+      rec = "line_chart";
+    } else if (chartType === "pie") {
+      hint = "composition";
+      rec = "pie_chart";
+    } else if (chartType === "scatter") {
+      hint = "correlation";
+      rec = "scatter_plot";
+    }
+    return UITransformer.transform(query, docs, void 0, void 0, {
+      visualizationHint: hint,
+      recommendedChart: rec,
+      filterInStockOnly: false,
+      wantsExplicitTable: false,
+      isTemporal: chartType === "line",
+      isComparison: chartType === "bar",
+      language: "en"
+    });
+  }
+};
+var MixedRendererStrategy = class {
+  constructor() {
+    this.type = "mixed";
+  }
+  render(data, options) {
+    const docs = Array.isArray(data) ? data : [];
+    const sections = (options == null ? void 0 : options.sections) || [];
+    const sectionPayloads = sections.map((s) => {
+      const strategy = RendererRegistry.getStrategy(s.type);
+      return {
+        type: s.type,
+        title: s.title,
+        payload: strategy.render(data, __spreadProps(__spreadValues({}, options), { chartType: s.chartType, title: s.title }))
+      };
+    });
+    return {
+      type: "table",
+      // Fallback container type for compatibility
+      title: (options == null ? void 0 : options.title) || "Composite Response",
+      description: `Mixed payload containing ${sectionPayloads.length} visual sections`,
+      data: { sections: sectionPayloads }
+    };
+  }
+};
+var _RendererRegistry = class _RendererRegistry {
+  /**
+   * Register a new renderer strategy.
+   * Enables seamless addition of custom visualizers (Timeline, Maps, Flow Diagrams, etc.).
+   */
+  static registerStrategy(strategy) {
+    this.strategies.set(String(strategy.type).toLowerCase(), strategy);
+  }
+  /**
+   * Retrieve a registered renderer strategy by type string.
+   */
+  static getStrategy(type) {
+    const key = type.toLowerCase();
+    const strategy = this.strategies.get(key);
+    if (!strategy) {
+      return this.strategies.get("text");
+    }
+    return strategy;
+  }
+  /**
+   * Check if a renderer strategy is registered.
+   */
+  static hasStrategy(type) {
+    return this.strategies.has(type.toLowerCase());
+  }
+  /**
+   * List all registered strategy types.
+   */
+  static getRegisteredTypes() {
+    return Array.from(this.strategies.keys());
+  }
+};
+_RendererRegistry.strategies = /* @__PURE__ */ new Map();
+_RendererRegistry.registerStrategy(new TextRendererStrategy());
+_RendererRegistry.registerStrategy(new TableRendererStrategy());
+_RendererRegistry.registerStrategy(new CarouselRendererStrategy());
+_RendererRegistry.registerStrategy(new ChartRendererStrategy());
+_RendererRegistry.registerStrategy(new MixedRendererStrategy());
+var RendererRegistry = _RendererRegistry;
 // src/exceptions/index.ts
 var RetrivoraError = class extends Error {
   constructor(message, code, details) {
@@ -3623,16 +5528,21 @@ var AuthenticationException = class extends RetrivoraError {
   ConfigurationException,
   DocumentUpload,
   EmbeddingFailedException,
+  IntentClassifier,
   MessageBubble,
   ObservabilityPanel,
   ProductCard,
   ProductCarousel,
   ProviderNotFoundException,
   RateLimitException,
+  RendererRegistry,
   RetrievalException,
   RetrivoraError,
+  RuleEngine,
   SourceCard,
+  VisualizationDecisionEngine,
   addSynonyms,
+  decideVisualization,
   useConfig,
   useRagChat
 });