@layer reset, base, tokens, recipes;
@layer reset {
  html { line-height: 1.5; --font-fallback: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; touch-action: manipulation; tab-size: 4; font-family: var(--global-font-body, var(--font-fallback)); }
  * { margin: 0px; padding: 0px; font: inherit; overflow-wrap: break-word; -webkit-tap-highlight-color: transparent; }
  *, ::before, ::after, ::backdrop { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: var(--global-color-border, currentColor); }
  hr { height: 0px; color: inherit; border-top-width: 1px; }
  body { min-height: 100dvh; position: relative; }
  img { border-style: none; }
  img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
  iframe { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
  img, video { max-width: 100%; height: auto; }
  p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
  ol, ul { list-style: none; }
  code, kbd, pre, samp { font-size: 1em; }
  button, [type="button"], [type="reset"], [type="submit"] { appearance: button; background-color: transparent; background-image: none; }
  button, input, optgroup, select, textarea { color: inherit; }
  button, select { text-transform: none; }
  table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  ::-webkit-input-placeholder { opacity: unset; color: rgb(156, 163, 175); user-select: none; }
  ::placeholder { opacity: unset; color: rgb(156, 163, 175); user-select: none; }
  textarea { resize: vertical; }
  summary { display: list-item; }
  small { font-size: 80%; }
  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  sub { bottom: -0.25em; }
  sup { top: -0.5em; }
  dialog { padding: 0px; }
  a { color: inherit; text-decoration: inherit; }
  abbr:where([title]) { text-decoration: underline dotted; }
  b, strong { font-weight: bolder; }
  code, kbd, samp, pre { font-size: 1em; --font-mono-fallback: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New'; font-family: var(--global-font-mono, var(--font-mono-fallback)); }
  input[type="text"], input[type="email"], input[type="search"], input[type="password"] { appearance: none; }
  input[type="search"] { appearance: textfield; outline-offset: -2px; }
  ::-webkit-search-decoration, ::-webkit-search-cancel-button { appearance: none; }
  ::-webkit-file-upload-button { appearance: button; font: inherit; }
  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
  input[type="number"] { }
  [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}
@layer base {
  @-webkit-keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
  @keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
  @-webkit-keyframes pulse { 
  50% { opacity: 0.5; }
}
  @keyframes pulse { 
  50% { opacity: 0.5; }
}
  @-webkit-keyframes ping { 
  75%, 100% { transform: scale(2); opacity: 0; }
}
  @keyframes ping { 
  75%, 100% { transform: scale(2); opacity: 0; }
}
  @-webkit-keyframes bounce { 
  0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}
  @keyframes bounce { 
  0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}
  @-webkit-keyframes bg-position { 
  0% { background-position: var(--animate-from, 1rem) 0; }
  100% { background-position: var(--animate-to, 0) 0; }
}
  @keyframes bg-position { 
  0% { background-position: var(--animate-from, 1rem) 0; }
  100% { background-position: var(--animate-to, 0) 0; }
}
  @-webkit-keyframes position { 
  0% { inset-inline-start: var(--animate-from-x); inset-block-start: var(--animate-from-y); }
  100% { inset-inline-start: var(--animate-to-x); inset-block-start: var(--animate-to-y); }
}
  @keyframes position { 
  0% { inset-inline-start: var(--animate-from-x); inset-block-start: var(--animate-from-y); }
  100% { inset-inline-start: var(--animate-to-x); inset-block-start: var(--animate-to-y); }
}
  @-webkit-keyframes circular-progress { 
  0% { stroke-dasharray: 1, 400; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 400, 400; stroke-dashoffset: -100%; }
  100% { stroke-dasharray: 400, 400; stroke-dashoffset: -260%; }
}
  @keyframes circular-progress { 
  0% { stroke-dasharray: 1, 400; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 400, 400; stroke-dashoffset: -100%; }
  100% { stroke-dasharray: 400, 400; stroke-dashoffset: -260%; }
}
  @-webkit-keyframes expand-height { 
  0% { height: var(--collapsed-height, 0); }
  100% { height: var(--height); }
}
  @keyframes expand-height { 
  0% { height: var(--collapsed-height, 0); }
  100% { height: var(--height); }
}
  @-webkit-keyframes collapse-height { 
  0% { height: var(--height); }
  100% { height: var(--collapsed-height, 0); }
}
  @keyframes collapse-height { 
  0% { height: var(--height); }
  100% { height: var(--collapsed-height, 0); }
}
  @-webkit-keyframes expand-width { 
  0% { width: var(--collapsed-width, 0); }
  100% { width: var(--width); }
}
  @keyframes expand-width { 
  0% { width: var(--collapsed-width, 0); }
  100% { width: var(--width); }
}
  @-webkit-keyframes collapse-width { 
  0% { width: var(--width); }
  100% { width: var(--collapsed-width, 0); }
}
  @keyframes collapse-width { 
  0% { width: var(--width); }
  100% { width: var(--collapsed-width, 0); }
}
  @-webkit-keyframes fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
  @keyframes fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
  @-webkit-keyframes fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
  @keyframes fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
  @-webkit-keyframes slide-from-left-full { 
  0% { translate: -100%; }
  100% { translate: 0px; }
}
  @keyframes slide-from-left-full { 
  0% { translate: -100%; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-right-full { 
  0% { translate: 100%; }
  100% { translate: 0px; }
}
  @keyframes slide-from-right-full { 
  0% { translate: 100%; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-top-full { 
  0% { translate: 0px -100%; }
  100% { translate: 0px; }
}
  @keyframes slide-from-top-full { 
  0% { translate: 0px -100%; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-bottom-full { 
  0% { translate: 0px 100%; }
  100% { translate: 0px; }
}
  @keyframes slide-from-bottom-full { 
  0% { translate: 0px 100%; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-to-left-full { 
  0% { translate: 0px; }
  100% { translate: -100%; }
}
  @keyframes slide-to-left-full { 
  0% { translate: 0px; }
  100% { translate: -100%; }
}
  @-webkit-keyframes slide-to-right-full { 
  0% { translate: 0px; }
  100% { translate: 100%; }
}
  @keyframes slide-to-right-full { 
  0% { translate: 0px; }
  100% { translate: 100%; }
}
  @-webkit-keyframes slide-to-top-full { 
  0% { translate: 0px; }
  100% { translate: 0px -100%; }
}
  @keyframes slide-to-top-full { 
  0% { translate: 0px; }
  100% { translate: 0px -100%; }
}
  @-webkit-keyframes slide-to-bottom-full { 
  0% { translate: 0px; }
  100% { translate: 0px 100%; }
}
  @keyframes slide-to-bottom-full { 
  0% { translate: 0px; }
  100% { translate: 0px 100%; }
}
  @-webkit-keyframes slide-from-top { 
  0% { translate: 0px -0.5rem; }
  100% { translate: 0px; }
}
  @keyframes slide-from-top { 
  0% { translate: 0px -0.5rem; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-bottom { 
  0% { translate: 0px 0.5rem; }
  100% { translate: 0px; }
}
  @keyframes slide-from-bottom { 
  0% { translate: 0px 0.5rem; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-left { 
  0% { translate: -0.5rem; }
  100% { translate: 0px; }
}
  @keyframes slide-from-left { 
  0% { translate: -0.5rem; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-right { 
  0% { translate: 0.5rem; }
  100% { translate: 0px; }
}
  @keyframes slide-from-right { 
  0% { translate: 0.5rem; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-to-top { 
  0% { translate: 0px; }
  100% { translate: 0px -0.5rem; }
}
  @keyframes slide-to-top { 
  0% { translate: 0px; }
  100% { translate: 0px -0.5rem; }
}
  @-webkit-keyframes slide-to-bottom { 
  0% { translate: 0px; }
  100% { translate: 0px 0.5rem; }
}
  @keyframes slide-to-bottom { 
  0% { translate: 0px; }
  100% { translate: 0px 0.5rem; }
}
  @-webkit-keyframes slide-to-left { 
  0% { translate: 0px; }
  100% { translate: -0.5rem; }
}
  @keyframes slide-to-left { 
  0% { translate: 0px; }
  100% { translate: -0.5rem; }
}
  @-webkit-keyframes slide-to-right { 
  0% { translate: 0px; }
  100% { translate: 0.5rem; }
}
  @keyframes slide-to-right { 
  0% { translate: 0px; }
  100% { translate: 0.5rem; }
}
  @-webkit-keyframes scale-in { 
  0% { scale: 0.95; }
  100% { scale: 1; }
}
  @keyframes scale-in { 
  0% { scale: 0.95; }
  100% { scale: 1; }
}
  @-webkit-keyframes scale-out { 
  0% { scale: 1; }
  100% { scale: 0.95; }
}
  @keyframes scale-out { 
  0% { scale: 1; }
  100% { scale: 0.95; }
}
  @-webkit-keyframes marqueeX { 
  0% { transform: translateX(0%); }
  100% { transform: translateX(var(--marquee-translate)); }
}
  @keyframes marqueeX { 
  0% { transform: translateX(0%); }
  100% { transform: translateX(var(--marquee-translate)); }
}
  @-webkit-keyframes marqueeY { 
  0% { transform: translateY(0%); }
  100% { transform: translateY(var(--marquee-translate)); }
}
  @keyframes marqueeY { 
  0% { transform: translateY(0%); }
  100% { transform: translateY(var(--marquee-translate)); }
}
  * { font-feature-settings: "cv11"; --ring-inset: var(--chakra-empty, ); --ring-offset-width: 0px; --ring-offset-color: #fff; --ring-color: rgba(66, 153, 225, 0.6); --ring-offset-shadow: 0 0 #0000; --ring-shadow: 0 0 #0000; --brightness: var(--chakra-empty, ); --contrast: var(--chakra-empty, ); --grayscale: var(--chakra-empty, ); --hue-rotate: var(--chakra-empty, ); --invert: var(--chakra-empty, ); --saturate: var(--chakra-empty, ); --sepia: var(--chakra-empty, ); --drop-shadow: var(--chakra-empty, ); --backdrop-blur: var(--chakra-empty, ); --backdrop-brightness: var(--chakra-empty, ); --backdrop-contrast: var(--chakra-empty, ); --backdrop-grayscale: var(--chakra-empty, ); --backdrop-hue-rotate: var(--chakra-empty, ); --backdrop-invert: var(--chakra-empty, ); --backdrop-opacity: var(--chakra-empty, ); --backdrop-saturate: var(--chakra-empty, ); --backdrop-sepia: var(--chakra-empty, ); --global-font-mono: var(--chakra-fonts-mono); --global-font-body: var(--chakra-fonts-body); --global-color-border: var(--chakra-colors-border); }
  html { color: var(--chakra-colors-fg); background: var(--chakra-colors-bg); --bg-currentcolor: var(--chakra-colors-bg); line-height: 1.5; --chakra-colors-color-palette-50: var(--chakra-colors-gray-50); --chakra-colors-color-palette-100: var(--chakra-colors-gray-100); --chakra-colors-color-palette-200: var(--chakra-colors-gray-200); --chakra-colors-color-palette-300: var(--chakra-colors-gray-300); --chakra-colors-color-palette-400: var(--chakra-colors-gray-400); --chakra-colors-color-palette-500: var(--chakra-colors-gray-500); --chakra-colors-color-palette-600: var(--chakra-colors-gray-600); --chakra-colors-color-palette-700: var(--chakra-colors-gray-700); --chakra-colors-color-palette-800: var(--chakra-colors-gray-800); --chakra-colors-color-palette-900: var(--chakra-colors-gray-900); --chakra-colors-color-palette-950: var(--chakra-colors-gray-950); --chakra-colors-color-palette-contrast: var(--chakra-colors-gray-contrast); --chakra-colors-color-palette-fg: var(--chakra-colors-gray-fg); --chakra-colors-color-palette-subtle: var(--chakra-colors-gray-subtle); --chakra-colors-color-palette-muted: var(--chakra-colors-gray-muted); --chakra-colors-color-palette-emphasized: var(--chakra-colors-gray-emphasized); --chakra-colors-color-palette-solid: var(--chakra-colors-gray-solid); --chakra-colors-color-palette-focus-ring: var(--chakra-colors-gray-focus-ring); --chakra-colors-color-palette-border: var(--chakra-colors-gray-border); }
  ::-webkit-input-placeholder { --mix-color: color-mix(in srgb, var(--chakra-colors-fg-muted) 80%, transparent); color: var(--mix-color, var(--chakra-colors-fg-muted)); }
  ::placeholder, [data-placeholder] { --mix-color: color-mix(in srgb, var(--chakra-colors-fg-muted) 80%, transparent); color: var(--mix-color, var(--chakra-colors-fg-muted)); }
  ::selection { --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-emphasized) 80%, transparent); background: var(--mix-background, var(--chakra-colors-color-palette-emphasized)); --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-emphasized)); }
}
@layer tokens {
  :where(html, .chakra-theme) { --chakra-aspect-ratios-square: 1/1; --chakra-aspect-ratios-landscape: 4/3; --chakra-aspect-ratios-portrait: 3/4; --chakra-aspect-ratios-wide: 16/9; --chakra-aspect-ratios-ultrawide: 18/5; --chakra-aspect-ratios-golden: 1.618/1; --chakra-animations-spin: spin 1s linear infinite; --chakra-animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --chakra-animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --chakra-animations-bounce: bounce 1s infinite; --chakra-blurs-sm: 4px; --chakra-blurs-md: 8px; --chakra-blurs-lg: 12px; --chakra-blurs-xl: 16px; --chakra-blurs-2xl: 24px; --chakra-blurs-3xl: 40px; --chakra-blurs-4xl: 64px; --chakra-borders-xs: 0.5px solid; --chakra-borders-sm: 1px solid; --chakra-borders-md: 2px solid; --chakra-borders-lg: 4px solid; --chakra-borders-xl: 8px solid; --chakra-colors-transparent: transparent; --chakra-colors-current: currentColor; --chakra-colors-black: #09090B; --chakra-colors-white: #FFFFFF; --chakra-colors-white-alpha-50: rgba(255, 255, 255, 0.04); --chakra-colors-white-alpha-100: rgba(255, 255, 255, 0.06); --chakra-colors-white-alpha-200: rgba(255, 255, 255, 0.08); --chakra-colors-white-alpha-300: rgba(255, 255, 255, 0.16); --chakra-colors-white-alpha-400: rgba(255, 255, 255, 0.24); --chakra-colors-white-alpha-500: rgba(255, 255, 255, 0.36); --chakra-colors-white-alpha-600: rgba(255, 255, 255, 0.48); --chakra-colors-white-alpha-700: rgba(255, 255, 255, 0.64); --chakra-colors-white-alpha-800: rgba(255, 255, 255, 0.80); --chakra-colors-white-alpha-900: rgba(255, 255, 255, 0.92); --chakra-colors-white-alpha-950: rgba(255, 255, 255, 0.95); --chakra-colors-black-alpha-50: rgba(0, 0, 0, 0.04); --chakra-colors-black-alpha-100: rgba(0, 0, 0, 0.06); --chakra-colors-black-alpha-200: rgba(0, 0, 0, 0.08); --chakra-colors-black-alpha-300: rgba(0, 0, 0, 0.16); --chakra-colors-black-alpha-400: rgba(0, 0, 0, 0.24); --chakra-colors-black-alpha-500: rgba(0, 0, 0, 0.36); --chakra-colors-black-alpha-600: rgba(0, 0, 0, 0.48); --chakra-colors-black-alpha-700: rgba(0, 0, 0, 0.64); --chakra-colors-black-alpha-800: rgba(0, 0, 0, 0.80); --chakra-colors-black-alpha-900: rgba(0, 0, 0, 0.92); --chakra-colors-black-alpha-950: rgba(0, 0, 0, 0.95); --chakra-colors-gray-50: #fafafa; --chakra-colors-gray-100: #f4f4f5; --chakra-colors-gray-200: #e4e4e7; --chakra-colors-gray-300: #d4d4d8; --chakra-colors-gray-400: #a1a1aa; --chakra-colors-gray-500: #71717a; --chakra-colors-gray-600: #52525b; --chakra-colors-gray-700: #3f3f46; --chakra-colors-gray-800: #27272a; --chakra-colors-gray-900: #18181b; --chakra-colors-gray-950: #111111; --chakra-colors-red-50: #fef2f2; --chakra-colors-red-100: #fee2e2; --chakra-colors-red-200: #fecaca; --chakra-colors-red-300: #fca5a5; --chakra-colors-red-400: #f87171; --chakra-colors-red-500: #ef4444; --chakra-colors-red-600: #dc2626; --chakra-colors-red-700: #991919; --chakra-colors-red-800: #511111; --chakra-colors-red-900: #300c0c; --chakra-colors-red-950: #1f0808; --chakra-colors-orange-50: #fff7ed; --chakra-colors-orange-100: #ffedd5; --chakra-colors-orange-200: #fed7aa; --chakra-colors-orange-300: #fdba74; --chakra-colors-orange-400: #fb923c; --chakra-colors-orange-500: #f97316; --chakra-colors-orange-600: #ea580c; --chakra-colors-orange-700: #92310a; --chakra-colors-orange-800: #6c2710; --chakra-colors-orange-900: #3b1106; --chakra-colors-orange-950: #220a04; --chakra-colors-yellow-50: #fefce8; --chakra-colors-yellow-100: #fef9c3; --chakra-colors-yellow-200: #fef08a; --chakra-colors-yellow-300: #fde047; --chakra-colors-yellow-400: #facc15; --chakra-colors-yellow-500: #eab308; --chakra-colors-yellow-600: #ca8a04; --chakra-colors-yellow-700: #845209; --chakra-colors-yellow-800: #713f12; --chakra-colors-yellow-900: #422006; --chakra-colors-yellow-950: #281304; --chakra-colors-green-50: #f0fdf4; --chakra-colors-green-100: #dcfce7; --chakra-colors-green-200: #bbf7d0; --chakra-colors-green-300: #86efac; --chakra-colors-green-400: #4ade80; --chakra-colors-green-500: #22c55e; --chakra-colors-green-600: #16a34a; --chakra-colors-green-700: #116932; --chakra-colors-green-800: #124a28; --chakra-colors-green-900: #042713; --chakra-colors-green-950: #03190c; --chakra-colors-teal-50: #f0fdfa; --chakra-colors-teal-100: #ccfbf1; --chakra-colors-teal-200: #99f6e4; --chakra-colors-teal-300: #5eead4; --chakra-colors-teal-400: #2dd4bf; --chakra-colors-teal-500: #14b8a6; --chakra-colors-teal-600: #0d9488; --chakra-colors-teal-700: #0c5d56; --chakra-colors-teal-800: #114240; --chakra-colors-teal-900: #032726; --chakra-colors-teal-950: #021716; --chakra-colors-blue-50: #eff6ff; --chakra-colors-blue-100: #dbeafe; --chakra-colors-blue-200: #bfdbfe; --chakra-colors-blue-300: #a3cfff; --chakra-colors-blue-400: #60a5fa; --chakra-colors-blue-500: #3b82f6; --chakra-colors-blue-600: #2563eb; --chakra-colors-blue-700: #173da6; --chakra-colors-blue-800: #1a3478; --chakra-colors-blue-900: #14204a; --chakra-colors-blue-950: #0c142e; --chakra-colors-cyan-50: #ecfeff; --chakra-colors-cyan-100: #cffafe; --chakra-colors-cyan-200: #a5f3fc; --chakra-colors-cyan-300: #67e8f9; --chakra-colors-cyan-400: #22d3ee; --chakra-colors-cyan-500: #06b6d4; --chakra-colors-cyan-600: #0891b2; --chakra-colors-cyan-700: #0c5c72; --chakra-colors-cyan-800: #134152; --chakra-colors-cyan-900: #072a38; --chakra-colors-cyan-950: #051b24; --chakra-colors-purple-50: #faf5ff; --chakra-colors-purple-100: #f3e8ff; --chakra-colors-purple-200: #e9d5ff; --chakra-colors-purple-300: #d8b4fe; --chakra-colors-purple-400: #c084fc; --chakra-colors-purple-500: #a855f7; --chakra-colors-purple-600: #9333ea; --chakra-colors-purple-700: #641ba3; --chakra-colors-purple-800: #4a1772; --chakra-colors-purple-900: #2f0553; --chakra-colors-purple-950: #1a032e; --chakra-colors-pink-50: #fdf2f8; --chakra-colors-pink-100: #fce7f3; --chakra-colors-pink-200: #fbcfe8; --chakra-colors-pink-300: #f9a8d4; --chakra-colors-pink-400: #f472b6; --chakra-colors-pink-500: #ec4899; --chakra-colors-pink-600: #db2777; --chakra-colors-pink-700: #a41752; --chakra-colors-pink-800: #6d0e34; --chakra-colors-pink-900: #45061f; --chakra-colors-pink-950: #2c0514; --chakra-colors-accent-50: #EEF2FF; --chakra-colors-accent-100: #DDE5FF; --chakra-colors-accent-200: #BFD0FF; --chakra-colors-accent-300: #9AB2FF; --chakra-colors-accent-400: #5C7CFF; --chakra-colors-accent-500: #3D5DFF; --chakra-colors-accent-600: #1245FF; --chakra-colors-accent-700: #0E3ACC; --chakra-colors-accent-800: #0A2FBF; --chakra-colors-accent-900: #08248F; --chakra-colors-accent-950: #041660; --chakra-colors-slate-50: #F8FAFC; --chakra-colors-slate-100: #F1F5F9; --chakra-colors-slate-200: #E2E8F0; --chakra-colors-slate-300: #CBD5E1; --chakra-colors-slate-400: #94A3B8; --chakra-colors-slate-500: #64748B; --chakra-colors-slate-600: #475569; --chakra-colors-slate-700: #334155; --chakra-colors-slate-800: #1E293B; --chakra-colors-slate-900: #0F172A; --chakra-colors-slate-950: #020617; --chakra-colors-ink: #0A0A0A; --chakra-colors-cream: #FAF7F2; --chakra-colors-cream-dark: #F5F0E8; --chakra-colors-warm-50: #FFF7ED; --chakra-colors-warm-100: #FFEDD5; --chakra-colors-warm-500: #F97316; --chakra-colors-warm-600: #EA580C; --chakra-colors-success-50: #F0FDF4; --chakra-colors-success-500: #22C55E; --chakra-colors-success-600: #16A34A; --chakra-colors-success-700: #15803D; --chakra-durations-fastest: 50ms; --chakra-durations-faster: 100ms; --chakra-durations-fast: 150ms; --chakra-durations-moderate: 200ms; --chakra-durations-slow: 300ms; --chakra-durations-slower: 400ms; --chakra-durations-slowest: 500ms; --chakra-easings-ease-in: cubic-bezier(0.42, 0, 1, 1); --chakra-easings-ease-out: cubic-bezier(0, 0, 0.58, 1); --chakra-easings-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1); --chakra-easings-ease-in-smooth: cubic-bezier(0.32, 0.72, 0, 1); --chakra-fonts-heading: 'Instrument Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --chakra-fonts-body: 'Instrument Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --chakra-fonts-mono: 'JetBrains Mono','SF Mono',Menlo,monospace; --chakra-font-sizes-2xs: 0.625rem; --chakra-font-sizes-xs: 0.75rem; --chakra-font-sizes-sm: 0.875rem; --chakra-font-sizes-md: 1rem; --chakra-font-sizes-lg: 1.125rem; --chakra-font-sizes-xl: 1.25rem; --chakra-font-sizes-2xl: 1.5rem; --chakra-font-sizes-3xl: 1.875rem; --chakra-font-sizes-4xl: 2.25rem; --chakra-font-sizes-5xl: 3rem; --chakra-font-sizes-6xl: 3.75rem; --chakra-font-sizes-7xl: 4.5rem; --chakra-font-sizes-8xl: 6rem; --chakra-font-sizes-9xl: 8rem; --chakra-font-weights-thin: 100; --chakra-font-weights-extralight: 200; --chakra-font-weights-light: 300; --chakra-font-weights-normal: 400; --chakra-font-weights-medium: 500; --chakra-font-weights-semibold: 600; --chakra-font-weights-bold: 700; --chakra-font-weights-extrabold: 800; --chakra-font-weights-black: 900; --chakra-letter-spacings-tighter: -0.05em; --chakra-letter-spacings-tight: -0.025em; --chakra-letter-spacings-wide: 0.025em; --chakra-letter-spacings-wider: 0.05em; --chakra-letter-spacings-widest: 0.1em; --chakra-line-heights-shorter: 1.25; --chakra-line-heights-short: 1.375; --chakra-line-heights-moderate: 1.5; --chakra-line-heights-tall: 1.625; --chakra-line-heights-taller: 2; --chakra-radii-none: 0; --chakra-radii-2xs: 0.0625rem; --chakra-radii-xs: 4px; --chakra-radii-sm: 6px; --chakra-radii-md: 10px; --chakra-radii-lg: 14px; --chakra-radii-xl: 20px; --chakra-radii-2xl: 28px; --chakra-radii-3xl: 36px; --chakra-radii-4xl: 2rem; --chakra-radii-full: 9999px; --chakra-spacing-1: 0.25rem; --chakra-spacing-2: 0.5rem; --chakra-spacing-3: 0.75rem; --chakra-spacing-4: 1rem; --chakra-spacing-5: 1.25rem; --chakra-spacing-6: 1.5rem; --chakra-spacing-7: 1.75rem; --chakra-spacing-8: 2rem; --chakra-spacing-9: 2.25rem; --chakra-spacing-10: 2.5rem; --chakra-spacing-11: 2.75rem; --chakra-spacing-12: 3rem; --chakra-spacing-14: 3.5rem; --chakra-spacing-16: 4rem; --chakra-spacing-20: 5rem; --chakra-spacing-24: 6rem; --chakra-spacing-28: 7rem; --chakra-spacing-32: 8rem; --chakra-spacing-36: 9rem; --chakra-spacing-40: 10rem; --chakra-spacing-44: 11rem; --chakra-spacing-48: 12rem; --chakra-spacing-52: 13rem; --chakra-spacing-56: 14rem; --chakra-spacing-60: 15rem; --chakra-spacing-64: 16rem; --chakra-spacing-72: 18rem; --chakra-spacing-80: 20rem; --chakra-spacing-96: 24rem; --chakra-spacing-0\.5: 0.125rem; --chakra-spacing-1\.5: 0.375rem; --chakra-spacing-2\.5: 0.625rem; --chakra-spacing-3\.5: 0.875rem; --chakra-spacing-4\.5: 1.125rem; --chakra-sizes-1: 0.25rem; --chakra-sizes-2: 0.5rem; --chakra-sizes-3: 0.75rem; --chakra-sizes-4: 1rem; --chakra-sizes-5: 1.25rem; --chakra-sizes-6: 1.5rem; --chakra-sizes-7: 1.75rem; --chakra-sizes-8: 2rem; --chakra-sizes-9: 2.25rem; --chakra-sizes-10: 2.5rem; --chakra-sizes-11: 2.75rem; --chakra-sizes-12: 3rem; --chakra-sizes-14: 3.5rem; --chakra-sizes-16: 4rem; --chakra-sizes-20: 5rem; --chakra-sizes-24: 6rem; --chakra-sizes-28: 7rem; --chakra-sizes-32: 8rem; --chakra-sizes-36: 9rem; --chakra-sizes-40: 10rem; --chakra-sizes-44: 11rem; --chakra-sizes-48: 12rem; --chakra-sizes-52: 13rem; --chakra-sizes-56: 14rem; --chakra-sizes-60: 15rem; --chakra-sizes-64: 16rem; --chakra-sizes-72: 18rem; --chakra-sizes-80: 20rem; --chakra-sizes-96: 24rem; --chakra-sizes-3xs: 14rem; --chakra-sizes-2xs: 16rem; --chakra-sizes-xs: 20rem; --chakra-sizes-sm: 24rem; --chakra-sizes-md: 28rem; --chakra-sizes-lg: 32rem; --chakra-sizes-xl: 36rem; --chakra-sizes-2xl: 42rem; --chakra-sizes-3xl: 48rem; --chakra-sizes-4xl: 56rem; --chakra-sizes-5xl: 64rem; --chakra-sizes-6xl: 72rem; --chakra-sizes-7xl: 80rem; --chakra-sizes-8xl: 90rem; --chakra-sizes-0\.5: 0.125rem; --chakra-sizes-1\.5: 0.375rem; --chakra-sizes-2\.5: 0.625rem; --chakra-sizes-3\.5: 0.875rem; --chakra-sizes-4\.5: 1.125rem; --chakra-sizes-1\/2: 50%; --chakra-sizes-1\/3: 33.333333%; --chakra-sizes-2\/3: 66.666667%; --chakra-sizes-1\/4: 25%; --chakra-sizes-3\/4: 75%; --chakra-sizes-1\/5: 20%; --chakra-sizes-2\/5: 40%; --chakra-sizes-3\/5: 60%; --chakra-sizes-4\/5: 80%; --chakra-sizes-1\/6: 16.666667%; --chakra-sizes-2\/6: 33.333333%; --chakra-sizes-3\/6: 50%; --chakra-sizes-4\/6: 66.666667%; --chakra-sizes-5\/6: 83.333333%; --chakra-sizes-1\/12: 8.333333%; --chakra-sizes-2\/12: 16.666667%; --chakra-sizes-3\/12: 25%; --chakra-sizes-4\/12: 33.333333%; --chakra-sizes-5\/12: 41.666667%; --chakra-sizes-6\/12: 50%; --chakra-sizes-7\/12: 58.333333%; --chakra-sizes-8\/12: 66.666667%; --chakra-sizes-9\/12: 75%; --chakra-sizes-10\/12: 83.333333%; --chakra-sizes-11\/12: 91.666667%; --chakra-sizes-max: max-content; --chakra-sizes-min: min-content; --chakra-sizes-fit: fit-content; --chakra-sizes-prose: 60ch; --chakra-sizes-full: 100%; --chakra-sizes-dvh: 100dvh; --chakra-sizes-svh: 100svh; --chakra-sizes-lvh: 100lvh; --chakra-sizes-dvw: 100dvw; --chakra-sizes-svw: 100svw; --chakra-sizes-lvw: 100lvw; --chakra-sizes-vw: 100vw; --chakra-sizes-vh: 100vh; --chakra-sizes-breakpoint-sm: 480px; --chakra-sizes-breakpoint-md: 768px; --chakra-sizes-breakpoint-lg: 1024px; --chakra-sizes-breakpoint-xl: 1280px; --chakra-sizes-breakpoint-2xl: 1536px; --chakra-z-index-hide: -1; --chakra-z-index-base: 0; --chakra-z-index-docked: 10; --chakra-z-index-dropdown: 1000; --chakra-z-index-sticky: 1100; --chakra-z-index-banner: 1200; --chakra-z-index-overlay: 1300; --chakra-z-index-modal: 1400; --chakra-z-index-popover: 1500; --chakra-z-index-skip-nav: 1600; --chakra-z-index-toast: 1700; --chakra-z-index-tooltip: 1800; --chakra-z-index-max: 2147483647; --chakra-cursor-button: pointer; --chakra-cursor-checkbox: default; --chakra-cursor-disabled: not-allowed; --chakra-cursor-menuitem: default; --chakra-cursor-option: default; --chakra-cursor-radio: default; --chakra-cursor-slider: default; --chakra-cursor-switch: pointer; --chakra-breakpoints-sm: 480px; --chakra-breakpoints-md: 768px; --chakra-breakpoints-lg: 1024px; --chakra-breakpoints-xl: 1280px; --chakra-breakpoints-2xl: 1536px; --chakra-colors-bg\.canvas: #FFFFFF; --chakra-colors-bg\.subtle: #F8FAFC; --chakra-colors-bg\.muted: #F1F5F9; --chakra-colors-bg\.cream: #FAF7F2; --chakra-colors-bg\.cream-dark: #F5F0E8; --chakra-colors-bg\.dark: #0A0A0A; --chakra-colors-bg\.dark-subtle: #171717; --chakra-colors-bg\.accent: #1245FF; --chakra-colors-bg\.accent-subtle: #EEF2FF; --chakra-colors-bg\.accent-hover: #0E3ACC; --chakra-colors-fg\.default: #0A0A0A; --chakra-colors-fg\.muted: #475569; --chakra-colors-fg\.subtle: #64748B; --chakra-colors-fg\.faint: #94A3B8; --chakra-colors-fg\.inverse: #FFFFFF; --chakra-colors-fg\.inverse-muted: rgba(255, 255, 255, 0.75); --chakra-colors-fg\.inverse-faint: rgba(255, 255, 255, 0.55); --chakra-colors-fg\.accent: #1245FF; --chakra-colors-fg\.accent-hover: #0E3ACC; --chakra-colors-fg\.success: #15803D; --chakra-colors-border\.default: #E2E8F0; --chakra-colors-border\.subtle: #F1F5F9; --chakra-colors-border\.muted: rgba(10, 10, 10, 0.06); --chakra-colors-border\.strong: #CBD5E1; --chakra-colors-border\.accent: #1245FF; --chakra-colors-border\.inverse: rgba(255, 255, 255, 0.12); --chakra-colors-border\.inverse-muted: rgba(255, 255, 255, 0.08); --chakra-radii-l1: var(--chakra-radii-xs); --chakra-radii-l2: var(--chakra-radii-sm); --chakra-radii-l3: var(--chakra-radii-md); }
  :root, .light { --chakra-colors-bg: var(--chakra-colors-white); --chakra-colors-bg-subtle: var(--chakra-colors-gray-50); --chakra-colors-bg-muted: var(--chakra-colors-gray-100); --chakra-colors-bg-emphasized: var(--chakra-colors-gray-200); --chakra-colors-bg-inverted: var(--chakra-colors-black); --chakra-colors-bg-panel: var(--chakra-colors-white); --chakra-colors-bg-error: var(--chakra-colors-red-50); --chakra-colors-bg-warning: var(--chakra-colors-orange-50); --chakra-colors-bg-success: var(--chakra-colors-green-50); --chakra-colors-bg-info: var(--chakra-colors-blue-50); --chakra-colors-fg: var(--chakra-colors-black); --chakra-colors-fg-muted: var(--chakra-colors-gray-600); --chakra-colors-fg-subtle: var(--chakra-colors-gray-400); --chakra-colors-fg-inverted: var(--chakra-colors-gray-50); --chakra-colors-fg-error: var(--chakra-colors-red-500); --chakra-colors-fg-warning: var(--chakra-colors-orange-600); --chakra-colors-fg-success: var(--chakra-colors-green-600); --chakra-colors-fg-info: var(--chakra-colors-blue-600); --chakra-colors-border: var(--chakra-colors-gray-200); --chakra-colors-border-muted: var(--chakra-colors-gray-100); --chakra-colors-border-subtle: var(--chakra-colors-gray-50); --chakra-colors-border-emphasized: var(--chakra-colors-gray-300); --chakra-colors-border-inverted: var(--chakra-colors-gray-800); --chakra-colors-border-error: var(--chakra-colors-red-500); --chakra-colors-border-warning: var(--chakra-colors-orange-500); --chakra-colors-border-success: var(--chakra-colors-green-500); --chakra-colors-border-info: var(--chakra-colors-blue-500); --chakra-colors-gray-contrast: var(--chakra-colors-white); --chakra-colors-gray-fg: var(--chakra-colors-gray-800); --chakra-colors-gray-subtle: var(--chakra-colors-gray-100); --chakra-colors-gray-muted: var(--chakra-colors-gray-200); --chakra-colors-gray-emphasized: var(--chakra-colors-gray-300); --chakra-colors-gray-solid: var(--chakra-colors-gray-900); --chakra-colors-gray-focus-ring: var(--chakra-colors-gray-400); --chakra-colors-gray-border: var(--chakra-colors-gray-200); --chakra-colors-red-contrast: white; --chakra-colors-red-fg: var(--chakra-colors-red-700); --chakra-colors-red-subtle: var(--chakra-colors-red-100); --chakra-colors-red-muted: var(--chakra-colors-red-200); --chakra-colors-red-emphasized: var(--chakra-colors-red-300); --chakra-colors-red-solid: var(--chakra-colors-red-600); --chakra-colors-red-focus-ring: var(--chakra-colors-red-500); --chakra-colors-red-border: var(--chakra-colors-red-500); --chakra-colors-orange-contrast: white; --chakra-colors-orange-fg: var(--chakra-colors-orange-700); --chakra-colors-orange-subtle: var(--chakra-colors-orange-100); --chakra-colors-orange-muted: var(--chakra-colors-orange-200); --chakra-colors-orange-emphasized: var(--chakra-colors-orange-300); --chakra-colors-orange-solid: var(--chakra-colors-orange-600); --chakra-colors-orange-focus-ring: var(--chakra-colors-orange-500); --chakra-colors-orange-border: var(--chakra-colors-orange-500); --chakra-colors-green-contrast: white; --chakra-colors-green-fg: var(--chakra-colors-green-700); --chakra-colors-green-subtle: var(--chakra-colors-green-100); --chakra-colors-green-muted: var(--chakra-colors-green-200); --chakra-colors-green-emphasized: var(--chakra-colors-green-300); --chakra-colors-green-solid: var(--chakra-colors-green-600); --chakra-colors-green-focus-ring: var(--chakra-colors-green-500); --chakra-colors-green-border: var(--chakra-colors-green-500); --chakra-colors-blue-contrast: white; --chakra-colors-blue-fg: var(--chakra-colors-blue-700); --chakra-colors-blue-subtle: var(--chakra-colors-blue-100); --chakra-colors-blue-muted: var(--chakra-colors-blue-200); --chakra-colors-blue-emphasized: var(--chakra-colors-blue-300); --chakra-colors-blue-solid: var(--chakra-colors-blue-600); --chakra-colors-blue-focus-ring: var(--chakra-colors-blue-500); --chakra-colors-blue-border: var(--chakra-colors-blue-500); --chakra-colors-yellow-contrast: black; --chakra-colors-yellow-fg: var(--chakra-colors-yellow-800); --chakra-colors-yellow-subtle: var(--chakra-colors-yellow-100); --chakra-colors-yellow-muted: var(--chakra-colors-yellow-200); --chakra-colors-yellow-emphasized: var(--chakra-colors-yellow-300); --chakra-colors-yellow-solid: var(--chakra-colors-yellow-300); --chakra-colors-yellow-focus-ring: var(--chakra-colors-yellow-500); --chakra-colors-yellow-border: var(--chakra-colors-yellow-500); --chakra-colors-teal-contrast: white; --chakra-colors-teal-fg: var(--chakra-colors-teal-700); --chakra-colors-teal-subtle: var(--chakra-colors-teal-100); --chakra-colors-teal-muted: var(--chakra-colors-teal-200); --chakra-colors-teal-emphasized: var(--chakra-colors-teal-300); --chakra-colors-teal-solid: var(--chakra-colors-teal-600); --chakra-colors-teal-focus-ring: var(--chakra-colors-teal-500); --chakra-colors-teal-border: var(--chakra-colors-teal-500); --chakra-colors-purple-contrast: white; --chakra-colors-purple-fg: var(--chakra-colors-purple-700); --chakra-colors-purple-subtle: var(--chakra-colors-purple-100); --chakra-colors-purple-muted: var(--chakra-colors-purple-200); --chakra-colors-purple-emphasized: var(--chakra-colors-purple-300); --chakra-colors-purple-solid: var(--chakra-colors-purple-600); --chakra-colors-purple-focus-ring: var(--chakra-colors-purple-500); --chakra-colors-purple-border: var(--chakra-colors-purple-500); --chakra-colors-pink-contrast: white; --chakra-colors-pink-fg: var(--chakra-colors-pink-700); --chakra-colors-pink-subtle: var(--chakra-colors-pink-100); --chakra-colors-pink-muted: var(--chakra-colors-pink-200); --chakra-colors-pink-emphasized: var(--chakra-colors-pink-300); --chakra-colors-pink-solid: var(--chakra-colors-pink-600); --chakra-colors-pink-focus-ring: var(--chakra-colors-pink-500); --chakra-colors-pink-border: var(--chakra-colors-pink-500); --chakra-colors-cyan-contrast: white; --chakra-colors-cyan-fg: var(--chakra-colors-cyan-700); --chakra-colors-cyan-subtle: var(--chakra-colors-cyan-100); --chakra-colors-cyan-muted: var(--chakra-colors-cyan-200); --chakra-colors-cyan-emphasized: var(--chakra-colors-cyan-300); --chakra-colors-cyan-solid: var(--chakra-colors-cyan-600); --chakra-colors-cyan-focus-ring: var(--chakra-colors-cyan-500); --chakra-colors-cyan-border: var(--chakra-colors-cyan-500); --chakra-shadows-xs: 0px 1px 2px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 20%, transparent); --chakra-shadows-sm: 0px 2px 4px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent); --chakra-shadows-md: 0px 4px 8px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent); --chakra-shadows-lg: 0px 8px 16px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent); --chakra-shadows-xl: 0px 16px 24px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent); --chakra-shadows-2xl: 0px 24px 40px color-mix(in srgb, var(--chakra-colors-gray-900) 16%, transparent),0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent); --chakra-shadows-inner: inset 0 2px 4px 0 color-mix(in srgb, black 5%, transparent); --chakra-shadows-inset: inset 0 0 0 1px color-mix(in srgb, black 5%, transparent); }
  .dark, .dark .chakra-theme:not(.light) { --chakra-colors-bg: var(--chakra-colors-black); --chakra-colors-bg-subtle: var(--chakra-colors-gray-950); --chakra-colors-bg-muted: var(--chakra-colors-gray-900); --chakra-colors-bg-emphasized: var(--chakra-colors-gray-800); --chakra-colors-bg-inverted: var(--chakra-colors-white); --chakra-colors-bg-panel: var(--chakra-colors-gray-950); --chakra-colors-bg-error: var(--chakra-colors-red-950); --chakra-colors-bg-warning: var(--chakra-colors-orange-950); --chakra-colors-bg-success: var(--chakra-colors-green-950); --chakra-colors-bg-info: var(--chakra-colors-blue-950); --chakra-colors-fg: var(--chakra-colors-gray-50); --chakra-colors-fg-muted: var(--chakra-colors-gray-400); --chakra-colors-fg-subtle: var(--chakra-colors-gray-500); --chakra-colors-fg-inverted: var(--chakra-colors-black); --chakra-colors-fg-error: var(--chakra-colors-red-400); --chakra-colors-fg-warning: var(--chakra-colors-orange-300); --chakra-colors-fg-success: var(--chakra-colors-green-300); --chakra-colors-fg-info: var(--chakra-colors-blue-300); --chakra-colors-border: var(--chakra-colors-gray-800); --chakra-colors-border-muted: var(--chakra-colors-gray-900); --chakra-colors-border-subtle: var(--chakra-colors-gray-950); --chakra-colors-border-emphasized: var(--chakra-colors-gray-700); --chakra-colors-border-inverted: var(--chakra-colors-gray-200); --chakra-colors-border-error: var(--chakra-colors-red-400); --chakra-colors-border-warning: var(--chakra-colors-orange-400); --chakra-colors-border-success: var(--chakra-colors-green-400); --chakra-colors-border-info: var(--chakra-colors-blue-400); --chakra-colors-gray-contrast: var(--chakra-colors-black); --chakra-colors-gray-fg: var(--chakra-colors-gray-200); --chakra-colors-gray-subtle: var(--chakra-colors-gray-900); --chakra-colors-gray-muted: var(--chakra-colors-gray-800); --chakra-colors-gray-emphasized: var(--chakra-colors-gray-700); --chakra-colors-gray-solid: var(--chakra-colors-white); --chakra-colors-gray-focus-ring: var(--chakra-colors-gray-400); --chakra-colors-gray-border: var(--chakra-colors-gray-800); --chakra-colors-red-contrast: white; --chakra-colors-red-fg: var(--chakra-colors-red-300); --chakra-colors-red-subtle: var(--chakra-colors-red-900); --chakra-colors-red-muted: var(--chakra-colors-red-800); --chakra-colors-red-emphasized: var(--chakra-colors-red-700); --chakra-colors-red-solid: var(--chakra-colors-red-600); --chakra-colors-red-focus-ring: var(--chakra-colors-red-500); --chakra-colors-red-border: var(--chakra-colors-red-400); --chakra-colors-orange-contrast: black; --chakra-colors-orange-fg: var(--chakra-colors-orange-300); --chakra-colors-orange-subtle: var(--chakra-colors-orange-900); --chakra-colors-orange-muted: var(--chakra-colors-orange-800); --chakra-colors-orange-emphasized: var(--chakra-colors-orange-700); --chakra-colors-orange-solid: var(--chakra-colors-orange-500); --chakra-colors-orange-focus-ring: var(--chakra-colors-orange-500); --chakra-colors-orange-border: var(--chakra-colors-orange-400); --chakra-colors-green-contrast: white; --chakra-colors-green-fg: var(--chakra-colors-green-300); --chakra-colors-green-subtle: var(--chakra-colors-green-900); --chakra-colors-green-muted: var(--chakra-colors-green-800); --chakra-colors-green-emphasized: var(--chakra-colors-green-700); --chakra-colors-green-solid: var(--chakra-colors-green-600); --chakra-colors-green-focus-ring: var(--chakra-colors-green-500); --chakra-colors-green-border: var(--chakra-colors-green-400); --chakra-colors-blue-contrast: white; --chakra-colors-blue-fg: var(--chakra-colors-blue-300); --chakra-colors-blue-subtle: var(--chakra-colors-blue-900); --chakra-colors-blue-muted: var(--chakra-colors-blue-800); --chakra-colors-blue-emphasized: var(--chakra-colors-blue-700); --chakra-colors-blue-solid: var(--chakra-colors-blue-600); --chakra-colors-blue-focus-ring: var(--chakra-colors-blue-500); --chakra-colors-blue-border: var(--chakra-colors-blue-400); --chakra-colors-yellow-contrast: black; --chakra-colors-yellow-fg: var(--chakra-colors-yellow-300); --chakra-colors-yellow-subtle: var(--chakra-colors-yellow-900); --chakra-colors-yellow-muted: var(--chakra-colors-yellow-800); --chakra-colors-yellow-emphasized: var(--chakra-colors-yellow-700); --chakra-colors-yellow-solid: var(--chakra-colors-yellow-300); --chakra-colors-yellow-focus-ring: var(--chakra-colors-yellow-500); --chakra-colors-yellow-border: var(--chakra-colors-yellow-500); --chakra-colors-teal-contrast: white; --chakra-colors-teal-fg: var(--chakra-colors-teal-300); --chakra-colors-teal-subtle: var(--chakra-colors-teal-900); --chakra-colors-teal-muted: var(--chakra-colors-teal-800); --chakra-colors-teal-emphasized: var(--chakra-colors-teal-700); --chakra-colors-teal-solid: var(--chakra-colors-teal-600); --chakra-colors-teal-focus-ring: var(--chakra-colors-teal-500); --chakra-colors-teal-border: var(--chakra-colors-teal-400); --chakra-colors-purple-contrast: white; --chakra-colors-purple-fg: var(--chakra-colors-purple-300); --chakra-colors-purple-subtle: var(--chakra-colors-purple-900); --chakra-colors-purple-muted: var(--chakra-colors-purple-800); --chakra-colors-purple-emphasized: var(--chakra-colors-purple-700); --chakra-colors-purple-solid: var(--chakra-colors-purple-600); --chakra-colors-purple-focus-ring: var(--chakra-colors-purple-500); --chakra-colors-purple-border: var(--chakra-colors-purple-400); --chakra-colors-pink-contrast: white; --chakra-colors-pink-fg: var(--chakra-colors-pink-300); --chakra-colors-pink-subtle: var(--chakra-colors-pink-900); --chakra-colors-pink-muted: var(--chakra-colors-pink-800); --chakra-colors-pink-emphasized: var(--chakra-colors-pink-700); --chakra-colors-pink-solid: var(--chakra-colors-pink-600); --chakra-colors-pink-focus-ring: var(--chakra-colors-pink-500); --chakra-colors-pink-border: var(--chakra-colors-pink-400); --chakra-colors-cyan-contrast: white; --chakra-colors-cyan-fg: var(--chakra-colors-cyan-300); --chakra-colors-cyan-subtle: var(--chakra-colors-cyan-900); --chakra-colors-cyan-muted: var(--chakra-colors-cyan-800); --chakra-colors-cyan-emphasized: var(--chakra-colors-cyan-700); --chakra-colors-cyan-solid: var(--chakra-colors-cyan-600); --chakra-colors-cyan-focus-ring: var(--chakra-colors-cyan-500); --chakra-colors-cyan-border: var(--chakra-colors-cyan-400); --chakra-shadows-xs: 0px 1px 1px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 20%, transparent); --chakra-shadows-sm: 0px 2px 4px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 30%, transparent); --chakra-shadows-md: 0px 4px 8px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 30%, transparent); --chakra-shadows-lg: 0px 8px 16px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 30%, transparent); --chakra-shadows-xl: 0px 16px 24px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 30%, transparent); --chakra-shadows-2xl: 0px 24px 40px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 30%, transparent); --chakra-shadows-inner: inset 0 2px 4px 0 black; --chakra-shadows-inset: inset 0 0 0 1px color-mix(in srgb, var(--chakra-colors-gray-300) 5%, transparent); }
}
.css-midst3 { position: fixed; bottom: var(--chakra-spacing-4); right: var(--chakra-spacing-5); z-index: 60; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: var(--chakra-sizes-14); height: var(--chakra-sizes-14); border-radius: var(--chakra-radii-full); background: rgb(37, 211, 102); --bg-currentcolor: #25D366; color: var(--chakra-colors-white); box-shadow: rgba(37, 211, 102, 0.5) 0px 10px 30px -8px; transition: 0.2s; }
@media screen and (min-width: 48rem) {
  .css-midst3 { display: none; }
}
@media (hover: hover) {
  .css-midst3:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { transform: scale(1.08); box-shadow: rgba(37, 211, 102, 0.65) 0px 14px 36px -8px; }
}
.css-5g8omz { min-height: 100vh; background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); }
.css-he808z { position: fixed; inset-inline: 0px; bottom: 0px; z-index: 1500; padding-inline: var(--chakra-spacing-3); padding-bottom: var(--chakra-spacing-3); }
@media screen and (min-width: 48rem) {
  .css-he808z { padding-inline: var(--chakra-spacing-6); padding-bottom: var(--chakra-spacing-5); }
}
.css-s1to0l { max-width: var(--chakra-sizes-6xl); padding-inline: 0px; }
@layer recipes {
  .css-s1to0l { position: relative; max-width: var(--chakra-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--chakra-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-s1to0l { padding-inline: var(--chakra-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-s1to0l { padding-inline: var(--chakra-spacing-8); }
}
}
.css-e5i9nq { background: var(--chakra-colors-bg\.canvas); --bg-currentcolor: var(--chakra-colors-bg\.canvas); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.default); border-radius: var(--chakra-radii-xl); overflow: hidden; }
.css-1pm1kf0 { display: flex; flex-direction: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: justify; justify-content: space-between; gap: var(--chakra-spacing-5); padding: var(--chakra-spacing-5); }
@media screen and (min-width: 48rem) {
  .css-1pm1kf0 { padding: var(--chakra-spacing-6); }
}
@media screen and (min-width: 64rem) {
  .css-1pm1kf0 { flex-direction: row; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-8); }
}
.css-eiqqgx { display: flex; -webkit-box-align: start; align-items: start; flex-direction: column; gap: var(--chakra-spacing-3); flex: 1 1 0%; min-width: 0px; }
.css-yg7nqa { font-size: var(--chakra-font-sizes-md); font-weight: 700; color: var(--chakra-colors-fg\.default); letter-spacing: -0.01em; }
.css-il3ox9 { font-size: var(--chakra-font-sizes-sm); color: var(--chakra-colors-fg-muted); line-height: 1.6; }
.css-145qs88 { color: var(--chakra-colors-fg\.default); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
@layer recipes {
  .css-145qs88 { display: inline-flex; -webkit-box-align: center; align-items: center; outline: none; gap: var(--chakra-spacing-1\.5); cursor: pointer; border-radius: var(--chakra-radii-l1); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); color: var(--chakra-colors-color-palette-fg); }
  .css-145qs88:is(:focus, [data-focus]) { outline-width: var(--focus-ring-width, 2px); outline-offset: var(--focus-ring-offset, 2px); outline-style: var(--focus-ring-style, solid); outline-color: var(--focus-ring-color); }
  @media (hover: hover) {
  .css-145qs88:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; --mix-textDecorationColor: color-mix(in srgb, currentColor 20%, transparent); text-decoration-color: var(--mix-textDecorationColor, currentColor); }
}
}
@media (hover: hover) {
  .css-145qs88:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--chakra-colors-accent-700); }
}
.css-177z6ei { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-2); width: var(--chakra-sizes-full); }
@media screen and (min-width: 30rem) {
  .css-177z6ei { flex-direction: row; }
}
@media screen and (min-width: 48rem) {
  .css-177z6ei { gap: var(--chakra-spacing-2); }
}
@media screen and (min-width: 64rem) {
  .css-177z6ei { flex-direction: row; width: auto; min-width: auto; }
}
.css-1s6y45o { background: var(--chakra-colors-fg\.default); --bg-currentcolor: var(--chakra-colors-fg\.default); color: var(--chakra-colors-white); border-radius: var(--chakra-radii-lg); font-weight: 600; width: var(--chakra-sizes-full); }
@layer recipes {
  .css-1s6y45o { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--chakra-radii-full); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: pointer; flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: 600; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); letter-spacing: -0.01em; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 44px; min-width: var(--chakra-sizes-10); font-size: 15px; padding-inline: var(--chakra-spacing-5); gap: var(--chakra-spacing-2); background: var(--chakra-colors-bg\.accent); --bg-currentcolor: var(--chakra-colors-bg\.accent); color: var(--chakra-colors-fg\.inverse); }
  .css-1s6y45o:is(:focus-visible, [data-focus-visible]) { outline-offset: 3px; outline: solid 2px; }
  .css-1s6y45o:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1s6y45o :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
  .css-1s6y45o:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--chakra-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid)); }
  .css-1s6y45o:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { transform: translateY(0px); }
  @media (hover: hover) {
  .css-1s6y45o:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg\.accent-hover); --bg-currentcolor: var(--chakra-colors-bg\.accent-hover); transform: translateY(-1px); }
  .css-1s6y45o:is(:hover, [data-hover]):not(:disabled, [data-disabled]):is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { transform: none; }
}
}
@media screen and (min-width: 30rem) {
  .css-1s6y45o { width: auto; }
}
@media (hover: hover) {
  .css-1s6y45o:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-slate-800); --bg-currentcolor: var(--chakra-colors-slate-800); }
}
.css-gv2zke { border-radius: var(--chakra-radii-lg); font-weight: 600; border-color: var(--chakra-colors-border\.default); color: var(--chakra-colors-fg\.default); width: var(--chakra-sizes-full); }
@layer recipes {
  .css-gv2zke { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--chakra-radii-full); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-border\.strong); cursor: pointer; flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: 600; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); letter-spacing: -0.01em; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 44px; min-width: var(--chakra-sizes-10); font-size: 15px; padding-inline: var(--chakra-spacing-5); gap: var(--chakra-spacing-2); --outline-color-legacy: var(--chakra-colors-color-palette-muted); --outline-color: var(--chakra-colors-color-palette-border); color: var(--chakra-colors-fg\.default); background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); }
  .css-gv2zke:is(:focus-visible, [data-focus-visible]) { outline-offset: 3px; outline: solid 2px; }
  .css-gv2zke:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-gv2zke :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
  .css-gv2zke:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { background: var(--chakra-colors-color-palette-subtle); --bg-currentcolor: var(--chakra-colors-color-palette-subtle); }
  @media (hover: hover) {
  .css-gv2zke:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); border-color: var(--chakra-colors-fg\.default); }
  .css-gv2zke:is(:hover, [data-hover]):not(:disabled, [data-disabled]):is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { transform: none; }
}
}
@media screen and (min-width: 30rem) {
  .css-gv2zke { width: auto; }
}
@media (hover: hover) {
  .css-gv2zke:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); }
}
.css-1fp3pz4 { border-radius: var(--chakra-radii-lg); font-weight: 600; color: var(--chakra-colors-fg-muted); width: var(--chakra-sizes-full); }
@layer recipes {
  .css-1fp3pz4 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--chakra-radii-full); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: pointer; flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: 600; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); letter-spacing: -0.01em; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 44px; min-width: var(--chakra-sizes-10); font-size: 15px; padding-inline: var(--chakra-spacing-5); gap: var(--chakra-spacing-2); background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); color: var(--chakra-colors-fg\.default); }
  .css-1fp3pz4:is(:focus-visible, [data-focus-visible]) { outline-offset: 3px; outline: solid 2px; }
  .css-1fp3pz4:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1fp3pz4 :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
  .css-1fp3pz4:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { background: var(--chakra-colors-color-palette-subtle); --bg-currentcolor: var(--chakra-colors-color-palette-subtle); }
  @media (hover: hover) {
  .css-1fp3pz4:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); }
}
}
@media screen and (min-width: 30rem) {
  .css-1fp3pz4 { width: auto; }
}
@media (hover: hover) {
  .css-1fp3pz4:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); color: var(--chakra-colors-fg\.default); }
}
.css-1hif8to { background: rgb(250, 251, 252); --bg-currentcolor: #FAFBFC; min-height: 100vh; }
.css-1d6uva8 { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 50; background: rgb(18, 69, 255); --bg-currentcolor: #1245FF; }
.css-1w3obf9 { max-width: 1240px; padding-inline: var(--chakra-spacing-5); padding-block: var(--chakra-spacing-4); }
@layer recipes {
  .css-1w3obf9 { position: relative; max-width: var(--chakra-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--chakra-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-1w3obf9 { padding-inline: var(--chakra-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-1w3obf9 { padding-inline: var(--chakra-spacing-8); }
}
}
@media screen and (min-width: 48rem) {
  .css-1w3obf9 { padding-inline: var(--chakra-spacing-7); }
}
.css-hvi0xy { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--chakra-spacing-6); }
.css-dkl1j5 { flex-shrink: 0; display: flex; -webkit-box-align: center; align-items: center; text-decoration: none; }
@layer recipes {
  .css-dkl1j5 { display: inline-flex; -webkit-box-align: center; align-items: center; outline: none; gap: var(--chakra-spacing-1\.5); cursor: pointer; border-radius: var(--chakra-radii-l1); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); color: var(--chakra-colors-color-palette-fg); }
  .css-dkl1j5:is(:focus, [data-focus]) { outline-width: var(--focus-ring-width, 2px); outline-offset: var(--focus-ring-offset, 2px); outline-style: var(--focus-ring-style, solid); outline-color: var(--focus-ring-color); }
  @media (hover: hover) {
  .css-dkl1j5:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; --mix-textDecorationColor: color-mix(in srgb, currentColor 20%, transparent); text-decoration-color: var(--mix-textDecorationColor, currentColor); }
}
}
.css-13cexcu { display: none; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-3); flex-shrink: 0; font-size: 16px; font-weight: 700; }
@media screen and (min-width: 48rem) {
  .css-13cexcu { gap: var(--chakra-spacing-5); }
}
@media screen and (min-width: 64rem) {
  .css-13cexcu { display: flex; gap: var(--chakra-spacing-6); }
}
.css-nr82lu { color: var(--chakra-colors-white); font-size: 16px; font-weight: 700; text-decoration: none; white-space: nowrap; padding-top: 5px; padding-bottom: 3px; border-bottom: 2px solid transparent; transition: border-color 0.2s, opacity 0.2s; }
@layer recipes {
  .css-nr82lu { display: inline-flex; -webkit-box-align: center; align-items: center; outline: none; gap: var(--chakra-spacing-1\.5); cursor: pointer; border-radius: var(--chakra-radii-l1); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); color: var(--chakra-colors-color-palette-fg); }
  .css-nr82lu:is(:focus, [data-focus]) { outline-width: var(--focus-ring-width, 2px); outline-offset: var(--focus-ring-offset, 2px); outline-style: var(--focus-ring-style, solid); outline-color: var(--focus-ring-color); }
  @media (hover: hover) {
  .css-nr82lu:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; --mix-textDecorationColor: color-mix(in srgb, currentColor 20%, transparent); text-decoration-color: var(--mix-textDecorationColor, currentColor); }
}
}
@media (hover: hover) {
  .css-nr82lu:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border-color: var(--chakra-colors-white); opacity: 0.9; }
}
.css-1s7nuau { color: var(--chakra-colors-white); font-size: 16px; font-weight: 700; text-decoration: none; white-space: nowrap; padding-top: 5px; padding-bottom: 3px; border-bottom-width: 2px; border-bottom-style: solid; transition: border-color 0.2s, opacity 0.2s; border-color: var(--chakra-colors-transparent); }
@layer recipes {
  .css-1s7nuau { display: inline-flex; -webkit-box-align: center; align-items: center; outline: none; gap: var(--chakra-spacing-1\.5); cursor: pointer; border-radius: var(--chakra-radii-l1); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); color: var(--chakra-colors-color-palette-fg); }
  .css-1s7nuau:is(:focus, [data-focus]) { outline-width: var(--focus-ring-width, 2px); outline-offset: var(--focus-ring-offset, 2px); outline-style: var(--focus-ring-style, solid); outline-color: var(--focus-ring-color); }
  @media (hover: hover) {
  .css-1s7nuau:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; --mix-textDecorationColor: color-mix(in srgb, currentColor 20%, transparent); text-decoration-color: var(--mix-textDecorationColor, currentColor); }
}
}
@media (hover: hover) {
  .css-1s7nuau:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border-color: var(--chakra-colors-white); opacity: 0.9; }
}
.css-1uetdzm { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); color: rgb(18, 69, 255); padding-inline: var(--chakra-spacing-4); padding-block: var(--chakra-spacing-2\.5); border-radius: var(--chakra-radii-full); font-size: 16px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: background 0.2s, color 0.2s; }
@layer recipes {
  .css-1uetdzm { display: inline-flex; -webkit-box-align: center; align-items: center; outline: none; gap: var(--chakra-spacing-1\.5); cursor: pointer; border-radius: var(--chakra-radii-l1); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); color: var(--chakra-colors-color-palette-fg); }
  .css-1uetdzm:is(:focus, [data-focus]) { outline-width: var(--focus-ring-width, 2px); outline-offset: var(--focus-ring-offset, 2px); outline-style: var(--focus-ring-style, solid); outline-color: var(--focus-ring-color); }
  @media (hover: hover) {
  .css-1uetdzm:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; --mix-textDecorationColor: color-mix(in srgb, currentColor 20%, transparent); text-decoration-color: var(--mix-textDecorationColor, currentColor); }
}
}
@media screen and (min-width: 48rem) {
  .css-1uetdzm { padding-inline: var(--chakra-spacing-5); }
}
@media (hover: hover) {
  .css-1uetdzm:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgb(14, 17, 22); --bg-currentcolor: #0E1116; color: var(--chakra-colors-white); }
}
.css-16xieij { display: flex; }
@media screen and (min-width: 64rem) {
  .css-16xieij { display: none; }
}
.css-13lhobp { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); color: rgb(18, 69, 255); width: var(--chakra-sizes-11); height: var(--chakra-sizes-11); border-radius: var(--chakra-radii-full); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; transition: 0.18s; box-shadow: var(--chakra-shadows-sm); }
.css-13lhobp:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { transform: scale(0.96); }
@media (hover: hover) {
  .css-13lhobp:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(255, 255, 255, 0.92); --bg-currentcolor: rgba(255, 255, 255, 0.92); }
}
.css-k0i6vs { display: none; position: fixed; inset: 80px 0px 0px; background: var(--chakra-colors-bg\.canvas); --bg-currentcolor: var(--chakra-colors-bg\.canvas); z-index: 40; overflow: hidden auto; overscroll-behavior: contain; }
@media screen and (min-width: 64rem) {
  .css-k0i6vs { display: none; }
}
.css-1bbv66a { display: flex; flex-direction: column; gap: 0px; padding-inline: var(--chakra-spacing-5); padding-top: var(--chakra-spacing-2); padding-bottom: var(--chakra-spacing-8); }
@media screen and (min-width: 30rem) {
  .css-1bbv66a { padding-inline: var(--chakra-spacing-6); padding-bottom: var(--chakra-spacing-10); }
}
.css-nw8g4f { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: var(--chakra-spacing-2); margin-top: var(--chakra-spacing-3); margin-bottom: var(--chakra-spacing-5); height: var(--chakra-sizes-12); border-radius: var(--chakra-radii-full); font-size: 16px; font-weight: 700; text-decoration: none; background: rgb(18, 69, 255); --bg-currentcolor: #1245FF; color: var(--chakra-colors-white); transition: 0.18s; }
@layer recipes {
  .css-nw8g4f { display: inline-flex; -webkit-box-align: center; align-items: center; outline: none; gap: var(--chakra-spacing-1\.5); cursor: pointer; border-radius: var(--chakra-radii-l1); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); color: var(--chakra-colors-color-palette-fg); }
  .css-nw8g4f:is(:focus, [data-focus]) { outline-width: var(--focus-ring-width, 2px); outline-offset: var(--focus-ring-offset, 2px); outline-style: var(--focus-ring-style, solid); outline-color: var(--focus-ring-color); }
  @media (hover: hover) {
  .css-nw8g4f:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; --mix-textDecorationColor: color-mix(in srgb, currentColor 20%, transparent); text-decoration-color: var(--mix-textDecorationColor, currentColor); }
}
}
.css-nw8g4f:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { transform: scale(0.98); }
@media (hover: hover) {
  .css-nw8g4f:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgb(15, 56, 217); --bg-currentcolor: #0F38D9; }
}
.css-18biwo { display: inline-flex; -webkit-box-align: center; align-items: center; }
.css-1vicu5n { color: var(--chakra-colors-fg\.default); font-size: 17px; font-weight: 700; text-decoration: none; padding-block: var(--chakra-spacing-4); border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--chakra-colors-border-subtle); min-height: 52px; display: flex; -webkit-box-align: center; align-items: center; transition: background-color 0.15s; }
@layer recipes {
  .css-1vicu5n { display: inline-flex; -webkit-box-align: center; align-items: center; outline: none; gap: var(--chakra-spacing-1\.5); cursor: pointer; border-radius: var(--chakra-radii-l1); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); color: var(--chakra-colors-color-palette-fg); }
  .css-1vicu5n:is(:focus, [data-focus]) { outline-width: var(--focus-ring-width, 2px); outline-offset: var(--focus-ring-offset, 2px); outline-style: var(--focus-ring-style, solid); outline-color: var(--focus-ring-color); }
  @media (hover: hover) {
  .css-1vicu5n:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; --mix-textDecorationColor: color-mix(in srgb, currentColor 20%, transparent); text-decoration-color: var(--mix-textDecorationColor, currentColor); }
}
}
.css-1vicu5n:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); }
.css-1fmymua { color: var(--chakra-colors-fg-muted); font-size: 15px; font-weight: 500; text-decoration: none; padding-block: var(--chakra-spacing-4); min-height: 52px; display: flex; -webkit-box-align: center; align-items: center; transition: background-color 0.15s; }
@layer recipes {
  .css-1fmymua { display: inline-flex; -webkit-box-align: center; align-items: center; outline: none; gap: var(--chakra-spacing-1\.5); cursor: pointer; border-radius: var(--chakra-radii-l1); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); color: var(--chakra-colors-color-palette-fg); }
  .css-1fmymua:is(:focus, [data-focus]) { outline-width: var(--focus-ring-width, 2px); outline-offset: var(--focus-ring-offset, 2px); outline-style: var(--focus-ring-style, solid); outline-color: var(--focus-ring-color); }
  @media (hover: hover) {
  .css-1fmymua:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; --mix-textDecorationColor: color-mix(in srgb, currentColor 20%, transparent); text-decoration-color: var(--mix-textDecorationColor, currentColor); }
}
}
.css-1fmymua:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); }
.css-1qo06b1 { padding-top: var(--chakra-spacing-14); padding-bottom: var(--chakra-spacing-14); background: rgb(18, 69, 255); --bg-currentcolor: #1245FF; position: relative; overflow: hidden; }
@media screen and (min-width: 48rem) {
  .css-1qo06b1 { padding-top: var(--chakra-spacing-20); padding-bottom: var(--chakra-spacing-20); }
}
.css-asq9vu { max-width: 1240px; position: relative; z-index: 1; padding-inline: 18px; }
@layer recipes {
  .css-asq9vu { position: relative; max-width: var(--chakra-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--chakra-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-asq9vu { padding-inline: var(--chakra-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-asq9vu { padding-inline: var(--chakra-spacing-8); }
}
}
@media screen and (min-width: 30rem) {
  .css-asq9vu { padding-inline: 20px; }
}
@media screen and (min-width: 64rem) {
  .css-asq9vu { padding-inline: 28px; }
}
.css-yhrvbl { display: block; -webkit-box-align: center; align-items: center; }
@media screen and (min-width: 48rem) {
  .css-yhrvbl { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--chakra-spacing-10); }
}
.css-1vtvaby { display: flex; align-items: flex-start; flex-direction: column; gap: 0px; text-align: left; color: var(--chakra-colors-white); margin-bottom: var(--chakra-spacing-10); }
@media screen and (min-width: 48rem) {
  .css-1vtvaby { margin-bottom: 0px; }
}
.css-clzcwp { font-size: clamp(34px, 4.4vw, 60px); font-weight: 700; color: var(--chakra-colors-white); letter-spacing: -0.035em; line-height: 1; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: var(--chakra-spacing-8); }
@layer recipes {
  .css-clzcwp { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 48rem) {
  .css-clzcwp { margin-bottom: var(--chakra-spacing-10); }
}
@media screen and (min-width: 64rem) {
  .css-clzcwp { margin-bottom: var(--chakra-spacing-10); }
}
.css-1ly7wuf { display: inline-block; background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); color: rgb(18, 69, 255); font-style: italic; padding-inline: var(--chakra-spacing-3); border-radius: 6px; }
.css-1baulvz { display: inline-block; }
.css-kueum9 { font-size: var(--chakra-font-sizes-md); color: rgba(255, 255, 255, 0.9); line-height: 1.65; margin-top: var(--chakra-spacing-2); max-width: 640px; font-weight: 400; }
@media screen and (min-width: 48rem) {
  .css-kueum9 { font-size: var(--chakra-font-sizes-lg); }
}
.css-pbp3a7 { font-size: var(--chakra-font-sizes-sm); color: rgba(255, 255, 255, 0.75); line-height: 1.6; max-width: 640px; font-weight: 400; margin-top: var(--chakra-spacing-1); }
.css-w7do8t { display: flex; -webkit-box-pack: start; justify-content: flex-start; gap: var(--chakra-spacing-3); flex-wrap: wrap; padding-top: var(--chakra-spacing-3); }
.css-hbm4p9 { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); color: rgb(18, 69, 255); padding-inline: var(--chakra-spacing-7); padding-block: var(--chakra-spacing-3); border-radius: var(--chakra-radii-full); font-weight: 700; font-size: var(--chakra-font-sizes-md); text-decoration: none; transition: 0.2s; display: flex; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-2); }
@media (hover: hover) {
  .css-hbm4p9:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(255, 255, 255, 0.92); --bg-currentcolor: rgba(255, 255, 255, 0.92); transform: translateY(-1px); box-shadow: var(--chakra-shadows-lg); }
}
.css-wnud5i { background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); color: var(--chakra-colors-white); padding-inline: var(--chakra-spacing-7); padding-block: var(--chakra-spacing-3); border-radius: var(--chakra-radii-full); font-weight: 600; font-size: var(--chakra-font-sizes-md); text-decoration: none; border: 1px solid rgba(255, 255, 255, 0.5); transition: 0.2s; }
@media (hover: hover) {
  .css-wnud5i:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border-color: var(--chakra-colors-white); background: rgba(255, 255, 255, 0.08); --bg-currentcolor: rgba(255, 255, 255, 0.08); }
}
.css-22muob { position: relative; width: var(--chakra-sizes-full); max-width: 640px; margin-inline: auto; }
@media screen and (min-width: 48rem) {
  .css-22muob { margin-inline: 0px; }
}
.css-1o5d8d1 { width: var(--chakra-sizes-full); height: auto; object-fit: contain; border-radius: var(--chakra-radii-2xl); box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 60px; }
.css-hv8spv { padding-block: var(--chakra-spacing-12); background: rgb(250, 251, 252); --bg-currentcolor: #FAFBFC; border-top-width: 1px; border-top-style: solid; border-top-color: ; border-right-color: ; border-left-color: ; border-bottom: 1px solid; }
@media screen and (min-width: 48rem) {
  .css-hv8spv { padding-block: var(--chakra-spacing-16); }
}
.css-1jznqry { max-width: var(--chakra-sizes-5xl); }
@layer recipes {
  .css-1jznqry { position: relative; max-width: var(--chakra-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--chakra-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-1jznqry { padding-inline: var(--chakra-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-1jznqry { padding-inline: var(--chakra-spacing-8); }
}
}
.css-xb6lpg { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); border-radius: 22px; padding: 22px 18px 18px; box-shadow: rgba(0, 0, 0, 0.45) 0px 30px 70px -30px; color: rgb(14, 17, 22); }
@media screen and (min-width: 48rem) {
  .css-xb6lpg { padding: 26px 22px 22px; }
}
@media screen and (min-width: 64rem) {
  .css-xb6lpg { padding: 34px 38px 26px; }
}
.css-1x9t1k9 { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--chakra-spacing-2); margin-bottom: var(--chakra-spacing-5); }
.css-1hfuxmt { font-size: 22px; font-weight: 700; color: rgb(18, 69, 255); letter-spacing: -0.02em; margin: 0px; }
@layer recipes {
  .css-1hfuxmt { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
.css-v08qyc { display: flex; -webkit-box-align: center; align-items: center; flex-flow: wrap; gap: var(--chakra-spacing-3); font-size: 12px; color: rgb(106, 111, 118); }
.css-6cpqb8 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-spacing-1); }
.css-1y5jr1m { color: rgb(34, 197, 94); }
.css-1ym5udh { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--chakra-spacing-3); }
.css-cwnsvl { width: 100%; height: auto; padding-block: var(--chakra-spacing-3\.5); padding-inline: var(--chakra-spacing-4); background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); border-width: 1px; border-color: rgba(14, 17, 22, 0.16); border-radius: 12px; font-size: 15px; color: rgb(14, 17, 22); }
@layer recipes {
  .css-cwnsvl { width: 100%; min-width: var(--input-height); outline: 0px; position: relative; appearance: none; text-align: start; border-radius: var(--chakra-radii-l2); height: var(--input-height); --focus-color: var(--chakra-colors-color-palette-focus-ring); --error-color: var(--chakra-colors-border-error); font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; padding-inline: var(--chakra-spacing-3); --input-height: var(--chakra-sizes-10); background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); border-width: 1px; border-color: var(--chakra-colors-border); --focus-ring-color: var(--focus-color); }
  .css-cwnsvl:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-cwnsvl:is([data-invalid], [aria-invalid="true"], [data-state="invalid"]) { --focus-ring-color: var(--error-color); border-color: var(--error-color); }
  .css-cwnsvl:is(:focus-visible, [data-focus-visible]) { outline-offset: 0px; outline-width: var(--focus-ring-width, 1px); outline-color: var(--focus-ring-color); outline-style: var(--focus-ring-style, solid); border-color: var(--focus-ring-color); }
}
.css-cwnsvl::-webkit-input-placeholder { color: rgba(14, 17, 22, 0.45); }
.css-cwnsvl::placeholder, .css-cwnsvl[data-placeholder] { color: rgba(14, 17, 22, 0.45); }
.css-cwnsvl:is(:focus, [data-focus]) { border-color: rgb(18, 69, 255); outline: none; }
@layer recipes {
  .css-14ydcpp { display: inline-flex; gap: var(--chakra-spacing-2\.5); -webkit-box-align: center; align-items: center; vertical-align: top; position: relative; }
}
@layer recipes {
  .css-1tnpu33 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; color: var(--chakra-colors-white); border-width: 1px; border-color: var(--chakra-colors-border-emphasized); border-radius: var(--chakra-radii-l1); cursor: var(--chakra-cursor-checkbox); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); padding: var(--chakra-spacing-0\.5); }
  .css-1tnpu33:is(:focus-visible, [data-focus-visible]) { outline-width: var(--focus-ring-width, 2px); outline-offset: var(--focus-ring-offset, 2px); outline-style: var(--focus-ring-style, solid); outline-color: var(--focus-ring-color); }
  .css-1tnpu33 :where(svg) { width: var(--chakra-sizes-full); height: var(--chakra-sizes-full); }
  .css-1tnpu33:is([data-invalid], [aria-invalid="true"], [data-state="invalid"]) { --chakra-colors-color-palette-50: var(--chakra-colors-red-50); --chakra-colors-color-palette-100: var(--chakra-colors-red-100); --chakra-colors-color-palette-200: var(--chakra-colors-red-200); --chakra-colors-color-palette-300: var(--chakra-colors-red-300); --chakra-colors-color-palette-400: var(--chakra-colors-red-400); --chakra-colors-color-palette-500: var(--chakra-colors-red-500); --chakra-colors-color-palette-600: var(--chakra-colors-red-600); --chakra-colors-color-palette-700: var(--chakra-colors-red-700); --chakra-colors-color-palette-800: var(--chakra-colors-red-800); --chakra-colors-color-palette-900: var(--chakra-colors-red-900); --chakra-colors-color-palette-950: var(--chakra-colors-red-950); --chakra-colors-color-palette-contrast: var(--chakra-colors-red-contrast); --chakra-colors-color-palette-fg: var(--chakra-colors-red-fg); --chakra-colors-color-palette-subtle: var(--chakra-colors-red-subtle); --chakra-colors-color-palette-muted: var(--chakra-colors-red-muted); --chakra-colors-color-palette-emphasized: var(--chakra-colors-red-emphasized); --chakra-colors-color-palette-solid: var(--chakra-colors-red-solid); --chakra-colors-color-palette-focus-ring: var(--chakra-colors-red-focus-ring); --chakra-colors-color-palette-border: var(--chakra-colors-red-border); border-color: var(--chakra-colors-border-error); }
  .css-1tnpu33:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: var(--chakra-cursor-disabled); }
  .css-1tnpu33:is([data-state="checked"], [data-state="indeterminate"]) { background: var(--chakra-colors-color-palette-solid); --bg-currentcolor: var(--chakra-colors-color-palette-solid); color: var(--chakra-colors-color-palette-contrast); border-color: var(--chakra-colors-color-palette-solid); }
}
.css-wuqtn7 { fill: none; stroke: currentcolor; stroke-width: 3px; stroke-linecap: round; stroke-linejoin: round; }
.css-k141fj { font-size: 12px; color: rgb(106, 111, 118); line-height: 1.45; }
@layer recipes {
  .css-k141fj { font-weight: var(--chakra-font-weights-medium); user-select: none; font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; }
  .css-k141fj:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; }
}
.css-6zmtpd { color: rgb(18, 69, 255); text-decoration: underline; }
.css-1j2c0y8 { width: 100%; height: 52px; padding-block: var(--chakra-spacing-4); padding-inline: var(--chakra-spacing-4); border-radius: 12px; background: rgb(18, 69, 255); --bg-currentcolor: #1245FF; color: var(--chakra-colors-white); font-weight: 700; font-size: 17px; border: 0px; cursor: pointer; transition: 0.2s; }
@layer recipes {
  .css-1j2c0y8 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--chakra-radii-full); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: pointer; flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: 600; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); letter-spacing: -0.01em; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 44px; min-width: var(--chakra-sizes-10); font-size: 15px; padding-inline: var(--chakra-spacing-5); gap: var(--chakra-spacing-2); background: var(--chakra-colors-bg\.accent); --bg-currentcolor: var(--chakra-colors-bg\.accent); color: var(--chakra-colors-fg\.inverse); }
  .css-1j2c0y8:is(:focus-visible, [data-focus-visible]) { outline-offset: 3px; outline: solid 2px; }
  .css-1j2c0y8:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1j2c0y8 :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
  .css-1j2c0y8:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--chakra-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid)); }
  .css-1j2c0y8:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { transform: translateY(0px); }
  @media (hover: hover) {
  .css-1j2c0y8:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg\.accent-hover); --bg-currentcolor: var(--chakra-colors-bg\.accent-hover); transform: translateY(-1px); }
  .css-1j2c0y8:is(:hover, [data-hover]):not(:disabled, [data-disabled]):is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { transform: none; }
}
}
.css-1j2c0y8:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.6; cursor: wait; transform: none; }
@media (hover: hover) {
  .css-1j2c0y8:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgb(10, 47, 191); --bg-currentcolor: #0A2FBF; transform: translateY(-1px); }
}
.css-1ghhp1m { font-size: 11px; color: rgb(156, 163, 175); text-align: center; line-height: 1.4; }
.css-1vwl4h8 { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); padding-block: var(--chakra-spacing-10); border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--chakra-colors-border\.default); }
.css-7n227h { max-width: var(--chakra-sizes-7xl); }
@layer recipes {
  .css-7n227h { position: relative; max-width: var(--chakra-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--chakra-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-7n227h { padding-inline: var(--chakra-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-7n227h { padding-inline: var(--chakra-spacing-8); }
}
}
.css-1hupocw { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--chakra-spacing-8); }
@media screen and (min-width: 48rem) {
  .css-1hupocw { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
.css-1c57n1n { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--chakra-spacing-1); text-align: center; }
.css-1kr6jev { font-size: var(--chakra-font-sizes-2xl); font-weight: 900; color: var(--chakra-colors-fg\.default); letter-spacing: -0.03em; }
@media screen and (min-width: 48rem) {
  .css-1kr6jev { font-size: var(--chakra-font-sizes-3xl); }
}
.css-1mrh8le { font-size: var(--chakra-font-sizes-sm); color: var(--chakra-colors-fg-subtle); line-height: 1.4; }
.css-1kihwli { padding-block: var(--chakra-spacing-12); background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); }
@media screen and (min-width: 48rem) {
  .css-1kihwli { padding-block: var(--chakra-spacing-20); }
}
.css-1gta0tr { display: grid; grid-template-columns: 1fr; gap: var(--chakra-spacing-8); -webkit-box-align: center; align-items: center; }
@media screen and (min-width: 64rem) {
  .css-1gta0tr { grid-template-columns: 1fr 1fr; gap: var(--chakra-spacing-16); }
}
.css-3og85p { display: flex; -webkit-box-align: start; align-items: start; flex-direction: column; gap: var(--chakra-spacing-4); }
.css-xy8bq { font-size: var(--chakra-font-sizes-xl); font-weight: 800; color: var(--chakra-colors-fg\.default); letter-spacing: -0.02em; line-height: 1.3; }
@layer recipes {
  .css-xy8bq { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 48rem) {
  .css-xy8bq { font-size: var(--chakra-font-sizes-2xl); }
}
.css-10u02tx { font-size: var(--chakra-font-sizes-md); color: var(--chakra-colors-fg-muted); line-height: 1.7; }
.css-166rq01 { display: flex; -webkit-box-align: start; align-items: start; flex-direction: column; gap: var(--chakra-spacing-2); padding-top: var(--chakra-spacing-1); }
.css-10yopd3 { display: flex; -webkit-box-align: start; align-items: start; flex-direction: row; gap: var(--chakra-spacing-2); }
.css-z3op5v { flex-shrink: 0; margin-top: var(--chakra-spacing-0\.5); }
.css-pfe427 { font-size: var(--chakra-font-sizes-sm); color: var(--chakra-colors-slate-700); line-height: 1.6; }
.css-1us0c3y { width: var(--chakra-sizes-full); height: auto; object-fit: contain; border-radius: var(--chakra-radii-2xl); box-shadow: rgba(15, 23, 42, 0.1) 0px 8px 30px; }
.css-hyst64 { padding-block: var(--chakra-spacing-12); background: rgb(250, 251, 252); --bg-currentcolor: #FAFBFC; }
@media screen and (min-width: 48rem) {
  .css-hyst64 { padding-block: var(--chakra-spacing-20); }
}
.css-1ki54i { width: var(--chakra-sizes-full); }
.css-ybitx2 { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); border-radius: var(--chakra-radii-2xl); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.default); box-shadow: rgba(15, 23, 42, 0.12) 0px 12px 40px; overflow: hidden; max-width: var(--chakra-sizes-3xl); margin-inline: auto; width: var(--chakra-sizes-full); }
.css-1fqoofz { background: var(--chakra-colors-border-subtle); --bg-currentcolor: var(--chakra-colors-border-subtle); padding-inline: var(--chakra-spacing-3); padding-block: var(--chakra-spacing-2\.5); }
.css-1x0y7ph { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-spacing-2); }
.css-ebvazu { width: var(--chakra-sizes-3); height: var(--chakra-sizes-3); border-radius: var(--chakra-radii-full); background: rgb(255, 95, 87); --bg-currentcolor: #FF5F57; }
.css-1e4hbqr { width: var(--chakra-sizes-3); height: var(--chakra-sizes-3); border-radius: var(--chakra-radii-full); background: rgb(254, 188, 46); --bg-currentcolor: #FEBC2E; }
.css-b84o61 { width: var(--chakra-sizes-3); height: var(--chakra-sizes-3); border-radius: var(--chakra-radii-full); background: rgb(40, 200, 64); --bg-currentcolor: #28C840; }
.css-1i16222 { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); border-radius: var(--chakra-radii-md); padding-inline: var(--chakra-spacing-3); padding-block: var(--chakra-spacing-1\.5); flex: 1 1 0%; margin-left: var(--chakra-spacing-2); display: flex; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-2); }
.css-1nlw6e5 { font-size: var(--chakra-font-sizes-xs); color: var(--chakra-colors-fg-subtle); font-weight: 500; }
.css-1r9ynjj { position: relative; min-height: 380px; overflow: hidden; padding-inline: var(--chakra-spacing-4); padding-top: var(--chakra-spacing-5); padding-bottom: var(--chakra-spacing-9); }
@media screen and (min-width: 48rem) {
  .css-1r9ynjj { min-height: 400px; padding-inline: var(--chakra-spacing-8); padding-top: var(--chakra-spacing-7); padding-bottom: var(--chakra-spacing-10); }
}
.css-du6t37 { opacity: 0; transform: translateY(15px); transition: opacity 450ms ease-out, transform 500ms cubic-bezier(0.16, 1, 0.3, 1); pointer-events: none; }
.css-agvhyp { font-size: var(--chakra-font-sizes-xs); color: rgb(107, 114, 128); margin-bottom: var(--chakra-spacing-3); }
.css-1ls040x { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--chakra-spacing-3); }
@media screen and (min-width: 48rem) {
  .css-1ls040x { gap: var(--chakra-spacing-4); }
}
.css-umqgf8 { font-size: var(--chakra-font-sizes-xs); color: rgb(32, 33, 36); margin-bottom: var(--chakra-spacing-0\.5); }
.css-1x9vkyi { font-size: var(--chakra-font-sizes-sm); color: rgb(26, 13, 171); font-weight: 400; cursor: pointer; line-height: 1.3; }
@media screen and (min-width: 48rem) {
  .css-1x9vkyi { font-size: var(--chakra-font-sizes-md); }
}
@media (hover: hover) {
  .css-1x9vkyi:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration: underline; }
}
.css-7yz7cv { font-size: var(--chakra-font-sizes-xs); color: rgb(77, 81, 86); margin-top: var(--chakra-spacing-1); line-height: 1.4; }
.css-11gomyd { position: relative; background: rgb(254, 243, 199); --bg-currentcolor: #FEF3C7; border: 2px solid rgb(245, 158, 11); border-radius: var(--chakra-radii-lg); padding: var(--chakra-spacing-3); }
@media screen and (min-width: 48rem) {
  .css-11gomyd { padding: var(--chakra-spacing-4); }
}
.css-18na0gf { position: absolute; top: -9px; right: var(--chakra-spacing-3); background: rgb(245, 158, 11); --bg-currentcolor: #F59E0B; color: var(--chakra-colors-white); padding-inline: var(--chakra-spacing-2\.5); padding-block: var(--chakra-spacing-0\.5); border-radius: var(--chakra-radii-full); font-size: var(--chakra-font-sizes-2xs); font-weight: 700; letter-spacing: 0.02em; box-shadow: rgba(245, 158, 11, 0.4) 0px 2px 6px; }
@media screen and (min-width: 48rem) {
  .css-18na0gf { top: -10px; }
}
.css-1483k2y { font-size: var(--chakra-font-sizes-xs); color: rgb(146, 64, 14); margin-bottom: var(--chakra-spacing-0\.5); font-weight: 600; }
.css-bktn1m { font-size: var(--chakra-font-sizes-2xs); color: var(--chakra-colors-fg\.faint); text-align: center; margin-top: var(--chakra-spacing-4); font-style: italic; }
.css-fjqosx { position: absolute; top: 0px; bottom: 0px; left: var(--chakra-spacing-4); right: var(--chakra-spacing-4); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; pointer-events: auto; }
@media screen and (min-width: 48rem) {
  .css-fjqosx { left: var(--chakra-spacing-8); right: var(--chakra-spacing-8); }
}
.css-1in3txf { width: var(--chakra-sizes-full); opacity: 1; transform: translateY(0px); transition: opacity 350ms ease-out, transform 500ms cubic-bezier(0.16, 1, 0.3, 1); }
.css-yg9z7t { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--chakra-spacing-4); }
@media screen and (min-width: 48rem) {
  .css-yg9z7t { gap: var(--chakra-spacing-5); }
}
.css-xi606m { text-align: center; }
.css-1kqx1zk { font-size: 26px; font-weight: 500; line-height: 1; white-space: nowrap; letter-spacing: -0.02em; }
@media screen and (min-width: 48rem) {
  .css-1kqx1zk { font-size: 34px; }
}
.css-1cp477w { color: rgb(66, 133, 244); }
.css-1ahlhxr { color: rgb(234, 67, 53); }
.css-j2amu3 { color: rgb(251, 188, 5); }
.css-4tviok { color: rgb(52, 168, 83); }
.css-vprajt { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); border-radius: var(--chakra-radii-full); border: 1px solid rgb(209, 213, 219); padding-inline: var(--chakra-spacing-4); padding-block: var(--chakra-spacing-2\.5); box-shadow: rgba(32, 33, 36, 0.18) 0px 1px 6px; max-width: var(--chakra-sizes-2xl); margin-inline: auto; width: var(--chakra-sizes-full); }
@media screen and (min-width: 48rem) {
  .css-vprajt { padding-inline: var(--chakra-spacing-5); }
}
.css-1quu5lx { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-spacing-2\.5); min-height: 22px; }
.css-6su6fj { flex-shrink: 0; }
.css-1tv79lc { font-size: var(--chakra-font-sizes-sm); color: rgb(31, 41, 55); flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media screen and (min-width: 48rem) {
  .css-1tv79lc { font-size: var(--chakra-font-sizes-md); }
}
.css-1hvfvfn { display: inline-block; width: 2px; height: 16px; background: rgb(31, 41, 55); --bg-currentcolor: #1F2937; margin-left: var(--chakra-spacing-1); vertical-align: text-bottom; }
.css-176m7ge { text-align: center; padding-top: var(--chakra-spacing-2); }
@media screen and (min-width: 48rem) {
  .css-176m7ge { padding-top: var(--chakra-spacing-4); }
}
.css-1vubfry { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: row; gap: var(--chakra-spacing-1\.5); margin-bottom: var(--chakra-spacing-2); }
.css-9efm8k { width: var(--chakra-sizes-1\.5); height: var(--chakra-sizes-1\.5); border-radius: var(--chakra-radii-full); background: var(--chakra-colors-fg\.faint); --bg-currentcolor: var(--chakra-colors-fg\.faint); }
.css-1oahoi5 { font-size: var(--chakra-font-sizes-xs); color: var(--chakra-colors-fg\.faint); }
.css-16hxi0p { position: absolute; bottom: var(--chakra-spacing-3); left: 0px; right: 0px; display: flex; -webkit-box-pack: center; justify-content: center; gap: var(--chakra-spacing-1\.5); }
.css-fl2wgl { width: 20px; height: 6px; border-radius: var(--chakra-radii-full); background: var(--chakra-colors-accent-600); --bg-currentcolor: var(--chakra-colors-accent-600); transition: 0.3s; }
.css-1hx4r4t { width: 6px; height: 6px; border-radius: var(--chakra-radii-full); background: var(--chakra-colors-border\.strong); --bg-currentcolor: var(--chakra-colors-border\.strong); transition: 0.3s; }
.css-1hyfx7x { display: none; }
.css-1asn8y4 { background: var(--chakra-colors-bg\.cream); --bg-currentcolor: var(--chakra-colors-bg\.cream); padding-block: var(--chakra-spacing-20); position: relative; overflow: hidden; }
@media screen and (min-width: 48rem) {
  .css-1asn8y4 { padding-block: var(--chakra-spacing-28); }
}
.css-12uz86s { max-width: var(--chakra-sizes-7xl); position: relative; z-index: 1; }
@layer recipes {
  .css-12uz86s { position: relative; max-width: var(--chakra-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--chakra-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-12uz86s { padding-inline: var(--chakra-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-12uz86s { padding-inline: var(--chakra-spacing-8); }
}
}
.css-1qj9y2q { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--chakra-spacing-10); }
@media screen and (min-width: 48rem) {
  .css-1qj9y2q { gap: var(--chakra-spacing-14); }
}
.css-9jfavm { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--chakra-spacing-5); text-align: center; max-width: var(--chakra-sizes-3xl); margin-inline: auto; }
.css-u73qtf { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-spacing-2); padding-inline: var(--chakra-spacing-3); padding-block: var(--chakra-spacing-1\.5); background: rgba(18, 69, 255, 0.1); --bg-currentcolor: rgba(18, 69, 255, 0.1); border-width: 1px; border-color: rgba(18, 69, 255, 0.25); border-radius: var(--chakra-radii-full); }
.css-16qhook { width: var(--chakra-sizes-1\.5); height: var(--chakra-sizes-1\.5); border-radius: var(--chakra-radii-full); background: var(--chakra-colors-accent-500); --bg-currentcolor: var(--chakra-colors-accent-500); }
.css-xy0ml4 { font-size: var(--chakra-font-sizes-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--chakra-colors-accent-700); margin: 0px; }
.css-1s8srkp { font-weight: 600; color: var(--chakra-colors-fg\.default); letter-spacing: -0.015em; line-height: 1.1; font-size: 32px; max-width: 720px; }
@layer recipes {
  .css-1s8srkp { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 30rem) {
  .css-1s8srkp { font-size: 38px; }
}
@media screen and (min-width: 48rem) {
  .css-1s8srkp { font-size: 44px; }
}
@media screen and (min-width: 64rem) {
  .css-1s8srkp { font-size: 50px; }
}
.css-14yqdyd { color: var(--chakra-colors-accent-700); font-weight: 700; }
.css-z09jp { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--chakra-spacing-2); max-width: var(--chakra-sizes-2xl); }
.css-qwb93x { font-size: var(--chakra-font-sizes-lg); color: var(--chakra-colors-fg-muted); line-height: 1.6; }
.css-fdoela { font-weight: 700; color: var(--chakra-colors-fg\.default); }
.css-dfevvf { font-size: var(--chakra-font-sizes-md); color: var(--chakra-colors-fg-muted); line-height: 1.5; }
.css-3p30ih { width: var(--chakra-sizes-full); max-width: var(--chakra-sizes-3xl); margin-inline: auto; padding: var(--chakra-spacing-5); border-radius: var(--chakra-radii-2xl); background: rgba(18, 69, 255, 0.06); --bg-currentcolor: rgba(18, 69, 255, 0.06); border-width: 1px; border-color: rgba(18, 69, 255, 0.18); }
@media screen and (min-width: 48rem) {
  .css-3p30ih { padding: var(--chakra-spacing-6); }
}
.css-1bgfnnb { display: flex; -webkit-box-align: start; align-items: start; -webkit-box-pack: center; justify-content: center; flex-flow: wrap; gap: var(--chakra-spacing-3); }
.css-ooyckq { width: var(--chakra-sizes-6); height: var(--chakra-sizes-6); border-radius: var(--chakra-radii-full); background: var(--chakra-colors-accent-600); --bg-currentcolor: var(--chakra-colors-accent-600); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; }
.css-6r8yor { font-size: var(--chakra-font-sizes-sm); font-weight: 600; color: var(--chakra-colors-fg\.default); }
.css-1h1d55 { display: grid; grid-template-columns: 1fr; gap: var(--chakra-spacing-5); width: var(--chakra-sizes-full); -webkit-box-align: stretch; align-items: stretch; }
@media screen and (min-width: 48rem) {
  .css-1h1d55 { gap: var(--chakra-spacing-6); }
}
@media screen and (min-width: 64rem) {
  .css-1h1d55 { grid-template-columns: repeat(3, 1fr); }
}
.css-11imdt2 { position: relative; background: var(--chakra-colors-bg\.canvas); --bg-currentcolor: var(--chakra-colors-bg\.canvas); border-width: 1px; border-color: var(--chakra-colors-border\.default); border-radius: var(--chakra-radii-2xl); overflow: hidden; display: flex; flex-direction: column; transition: 0.25s cubic-bezier(0.22, 1, 0.36, 1); }
@media (hover: hover) {
  .css-11imdt2:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { transform: translateY(-3px); box-shadow: var(--chakra-shadows-lg); border-color: var(--chakra-colors-border-muted); }
}
.css-xugvtp { display: flex; align-items: flex-start; flex-direction: column; gap: var(--chakra-spacing-2); padding-inline: var(--chakra-spacing-6); padding-top: var(--chakra-spacing-7); padding-bottom: var(--chakra-spacing-4); }
@media screen and (min-width: 48rem) {
  .css-xugvtp { padding-inline: var(--chakra-spacing-7); padding-top: var(--chakra-spacing-8); }
}
.css-14x9wfj { font-size: 11px; font-weight: 700; color: var(--chakra-colors-accent-600); text-transform: uppercase; letter-spacing: 0.12em; }
.css-122btc4 { font-size: 20px; font-weight: 700; color: var(--chakra-colors-fg\.default); letter-spacing: -0.02em; line-height: 1.3; }
@layer recipes {
  .css-122btc4 { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
.css-122d52q { font-size: 13px; color: var(--chakra-colors-fg-muted); line-height: 1.55; min-height: 60px; }
.css-1z0dr1d { padding-inline: var(--chakra-spacing-6); padding-bottom: var(--chakra-spacing-5); }
@media screen and (min-width: 48rem) {
  .css-1z0dr1d { padding-inline: var(--chakra-spacing-7); }
}
.css-1sqouik { display: grid; grid-template-columns: 1fr 1fr; gap: var(--chakra-spacing-3); }
.css-1pl4rzg { padding: var(--chakra-spacing-4); border-radius: var(--chakra-radii-xl); background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); border-width: 1px; border-color: var(--chakra-colors-border-subtle); }
.css-bdhvz8 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-spacing-1\.5); margin-bottom: var(--chakra-spacing-2); color: var(--chakra-colors-fg-muted); }
.css-o8ycm { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; }
.css-122qch2 { font-size: 22px; font-weight: 700; color: var(--chakra-colors-fg\.default); letter-spacing: -0.02em; line-height: 1; }
.css-1pakwzz { font-size: 11px; color: var(--chakra-colors-fg-muted); font-weight: 500; margin-top: var(--chakra-spacing-1); }
.css-1rrkb1x { display: flex; -webkit-box-align: baseline; align-items: baseline; gap: var(--chakra-spacing-1); }
.css-dtn20y { font-size: 11px; color: var(--chakra-colors-fg-muted); font-weight: 500; }
.css-1an9xlg { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-spacing-2); margin-top: var(--chakra-spacing-3); padding-inline: var(--chakra-spacing-3); padding-block: var(--chakra-spacing-2); border-radius: var(--chakra-radii-md); background: var(--chakra-colors-success-50); --bg-currentcolor: var(--chakra-colors-success-50); border-width: 1px; border-color: rgb(167, 243, 208); }
.css-1285wre { color: var(--chakra-colors-success-600); flex-shrink: 0; }
.css-bo56z { font-size: 11px; color: var(--chakra-colors-success-700); font-weight: 600; line-height: 1.4; }
.css-1gzt2am { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--chakra-spacing-1\.5); }
.css-54cfgm { font-size: 12px; color: var(--chakra-colors-fg\.default); line-height: 1.5; }
.css-ijkxba { color: var(--chakra-colors-accent-600); font-weight: 700; margin-right: var(--chakra-spacing-1\.5); }
.css-1kguq3a { padding-inline: var(--chakra-spacing-6); padding-top: var(--chakra-spacing-4); padding-bottom: var(--chakra-spacing-6); border-top-width: 1px; border-top-style: solid; border-color: var(--chakra-colors-border-subtle); flex: 1 1 0%; }
@media screen and (min-width: 48rem) {
  .css-1kguq3a { padding-inline: var(--chakra-spacing-7); }
}
.css-1kcz1z { font-size: 11px; font-weight: 700; color: var(--chakra-colors-fg-muted); text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: var(--chakra-spacing-3); padding-top: var(--chakra-spacing-4); }
.css-17rqgsu { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--chakra-spacing-2\.5); }
.css-kviso9 { display: flex; -webkit-box-align: start; align-items: start; flex-direction: row; gap: var(--chakra-spacing-2\.5); }
.css-ct3cq6 { flex-shrink: 0; color: var(--chakra-colors-accent-600); margin-top: 2px; }
.css-1bcyiwm { font-size: 13px; color: var(--chakra-colors-fg\.default); line-height: 1.5; font-weight: 500; }
.css-141n9j { padding-right: ; padding-bottom: ; padding-left: ; padding-top: var(--chakra-spacing-2); }
@media screen and (min-width: 48rem) {
  .css-141n9j { padding: var(--chakra-spacing-7); }
}
.css-1j97nzq { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: var(--chakra-spacing-2); width: var(--chakra-sizes-full); height: var(--chakra-sizes-12); border-radius: var(--chakra-radii-full); font-weight: 600; font-size: 14px; text-decoration: none; background: var(--chakra-colors-fg\.default); --bg-currentcolor: var(--chakra-colors-fg\.default); color: var(--chakra-colors-white); transition: 0.2s cubic-bezier(0.22, 1, 0.36, 1); }
@media (hover: hover) {
  .css-1j97nzq:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg\.dark-subtle); --bg-currentcolor: var(--chakra-colors-bg\.dark-subtle); transform: translateY(-1px); }
}
.css-w8acgq { font-size: 11px; color: var(--chakra-colors-fg-muted); text-align: center; margin-top: var(--chakra-spacing-2\.5); line-height: 1.4; }
.css-1vav4ko { position: relative; background: var(--chakra-colors-bg\.canvas); --bg-currentcolor: var(--chakra-colors-bg\.canvas); border-width: 1px; border-color: var(--chakra-colors-accent-200); border-radius: var(--chakra-radii-2xl); overflow: hidden; display: flex; flex-direction: column; transition: 0.25s cubic-bezier(0.22, 1, 0.36, 1); }
@media (hover: hover) {
  .css-1vav4ko:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { transform: translateY(-3px); box-shadow: var(--chakra-shadows-lg); border-color: var(--chakra-colors-accent-400); }
}
.css-nvau5a { background: var(--chakra-colors-accent-600); --bg-currentcolor: var(--chakra-colors-accent-600); color: var(--chakra-colors-white); padding-block: var(--chakra-spacing-2); text-align: center; font-size: var(--chakra-font-sizes-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: var(--chakra-spacing-1\.5); }
.css-4o3w68 { padding: var(--chakra-spacing-4); border-radius: var(--chakra-radii-xl); background: var(--chakra-colors-accent-50); --bg-currentcolor: var(--chakra-colors-accent-50); border-width: 1px; border-color: var(--chakra-colors-accent-200); }
.css-dmavte { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-spacing-1\.5); margin-bottom: var(--chakra-spacing-2); color: var(--chakra-colors-accent-700); }
.css-18xzh47 { font-size: 22px; font-weight: 700; color: var(--chakra-colors-accent-700); letter-spacing: -0.02em; line-height: 1; }
.css-1oeii7h { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: var(--chakra-spacing-2); width: var(--chakra-sizes-full); height: var(--chakra-sizes-12); border-radius: var(--chakra-radii-full); font-weight: 600; font-size: 14px; text-decoration: none; background: var(--chakra-colors-accent-600); --bg-currentcolor: var(--chakra-colors-accent-600); color: var(--chakra-colors-white); transition: 0.2s cubic-bezier(0.22, 1, 0.36, 1); }
@media (hover: hover) {
  .css-1oeii7h:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-accent-700); --bg-currentcolor: var(--chakra-colors-accent-700); transform: translateY(-1px); }
}
.css-wa39rd { margin-top: var(--chakra-spacing-4); padding: var(--chakra-spacing-6); border-radius: var(--chakra-radii-2xl); background: var(--chakra-colors-bg\.canvas); --bg-currentcolor: var(--chakra-colors-bg\.canvas); border-width: 1px; border-color: var(--chakra-colors-border-subtle); max-width: var(--chakra-sizes-3xl); width: var(--chakra-sizes-full); }
@media screen and (min-width: 48rem) {
  .css-wa39rd { margin-top: var(--chakra-spacing-6); padding: var(--chakra-spacing-7); }
}
.css-lsqn2p { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--chakra-spacing-3); text-align: center; }
.css-6ecbqg { font-size: var(--chakra-font-sizes-md); font-weight: 700; color: var(--chakra-colors-fg\.default); line-height: 1.4; }
.css-1q5xbnm { font-size: var(--chakra-font-sizes-sm); color: var(--chakra-colors-fg-muted); line-height: 1.55; max-width: var(--chakra-sizes-2xl); }
.css-k7vp9j { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--chakra-spacing-4); padding: var(--chakra-spacing-6); border-radius: var(--chakra-radii-2xl); background: var(--chakra-colors-bg\.canvas); --bg-currentcolor: var(--chakra-colors-bg\.canvas); border-width: 1px; border-color: var(--chakra-colors-border\.default); max-width: var(--chakra-sizes-3xl); width: var(--chakra-sizes-full); text-align: center; }
@media screen and (min-width: 48rem) {
  .css-k7vp9j { flex-direction: row; padding: var(--chakra-spacing-7); text-align: left; }
}
.css-1geekyi { font-size: var(--chakra-font-sizes-md); font-weight: 700; color: var(--chakra-colors-fg\.default); margin-bottom: var(--chakra-spacing-1); }
.css-1oypqhe { font-size: var(--chakra-font-sizes-sm); color: var(--chakra-colors-fg-muted); line-height: 1.5; }
.css-vxz7rd { display: inline-flex; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-2); background: var(--chakra-colors-fg\.default); --bg-currentcolor: var(--chakra-colors-fg\.default); color: var(--chakra-colors-white); padding-inline: var(--chakra-spacing-6); height: var(--chakra-sizes-12); border-radius: var(--chakra-radii-full); font-weight: 600; font-size: 14px; text-decoration: none; flex-shrink: 0; transition: 0.2s cubic-bezier(0.22, 1, 0.36, 1); }
@media (hover: hover) {
  .css-vxz7rd:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg\.dark-subtle); --bg-currentcolor: var(--chakra-colors-bg\.dark-subtle); transform: translateY(-1px); }
}
.css-1ek0eun { font-size: var(--chakra-font-sizes-xl); font-weight: 800; color: var(--chakra-colors-fg\.default); letter-spacing: -0.02em; text-align: center; margin-bottom: var(--chakra-spacing-10); }
@layer recipes {
  .css-1ek0eun { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 48rem) {
  .css-1ek0eun { font-size: var(--chakra-font-sizes-2xl); }
}
.css-6r4jee { display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: var(--chakra-spacing-5); }
@media screen and (min-width: 30rem) {
  .css-6r4jee { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media screen and (min-width: 64rem) {
  .css-6r4jee { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
.css-9zwzi2 { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); border-radius: var(--chakra-radii-xl); padding: var(--chakra-spacing-5); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.default); transition: 0.2s; }
@media (hover: hover) {
  .css-9zwzi2:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border-color: var(--chakra-colors-accent-600); box-shadow: var(--chakra-shadows-sm); }
}
.css-1marwo3 { display: flex; -webkit-box-align: start; align-items: start; flex-direction: column; gap: var(--chakra-spacing-2); }
.css-xsd1ce { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-spacing-2); color: var(--chakra-colors-success-600); }
.css-8ndh1x { font-weight: 700; color: var(--chakra-colors-fg\.default); font-size: var(--chakra-font-sizes-sm); }
.css-i477a9 { font-size: var(--chakra-font-sizes-sm); color: var(--chakra-colors-fg-subtle); line-height: 1.6; }
.css-e2aq2u { max-width: var(--chakra-sizes-2xl); }
@layer recipes {
  .css-e2aq2u { position: relative; max-width: var(--chakra-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--chakra-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-e2aq2u { padding-inline: var(--chakra-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-e2aq2u { padding-inline: var(--chakra-spacing-8); }
}
}
.css-1t72nxz { font-size: var(--chakra-font-sizes-xl); font-weight: 800; color: var(--chakra-colors-fg\.default); letter-spacing: -0.02em; margin-bottom: var(--chakra-spacing-8); text-align: center; }
@layer recipes {
  .css-1t72nxz { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 48rem) {
  .css-1t72nxz { font-size: var(--chakra-font-sizes-2xl); }
}
.css-wpf3zd { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: 0px; }
.css-1joubo1 { padding-block: var(--chakra-spacing-5); }
.css-ds38lz { font-weight: 700; color: var(--chakra-colors-fg\.default); font-size: var(--chakra-font-sizes-md); margin-bottom: var(--chakra-spacing-2); }
.css-9qpjxz { font-size: var(--chakra-font-sizes-sm); color: var(--chakra-colors-fg-subtle); line-height: 1.7; }
.css-1vuo57s { padding-block: var(--chakra-spacing-16); --bg-currentcolor: linear-gradient(135deg, fg.default 0%, slate.800 100%); }
@media screen and (min-width: 48rem) {
  .css-1vuo57s { padding-block: var(--chakra-spacing-24); }
}
.css-pcnaig { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--chakra-spacing-6); text-align: center; }
.css-ct1ju { font-size: var(--chakra-font-sizes-2xl); font-weight: 900; color: var(--chakra-colors-white); letter-spacing: -0.03em; line-height: 1.1; }
@layer recipes {
  .css-ct1ju { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 48rem) {
  .css-ct1ju { font-size: var(--chakra-font-sizes-4xl); }
}
.css-1bawybn { font-size: var(--chakra-font-sizes-md); color: var(--chakra-colors-fg\.faint); line-height: 1.7; max-width: var(--chakra-sizes-xl); }
@media screen and (min-width: 48rem) {
  .css-1bawybn { font-size: var(--chakra-font-sizes-lg); }
}
.css-1u92bl7 { display: flex; -webkit-box-pack: center; justify-content: center; gap: var(--chakra-spacing-3); flex-wrap: wrap; padding-top: var(--chakra-spacing-2); }
.css-1ctatyv { background: var(--chakra-colors-accent-600); --bg-currentcolor: var(--chakra-colors-accent-600); color: var(--chakra-colors-white); padding-inline: var(--chakra-spacing-8); padding-block: var(--chakra-spacing-3\.5); border-radius: var(--chakra-radii-full); font-weight: 700; font-size: var(--chakra-font-sizes-md); text-decoration: none; transition: 0.2s; display: flex; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-2); }
@media (hover: hover) {
  .css-1ctatyv:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-accent-700); --bg-currentcolor: var(--chakra-colors-accent-700); transform: translateY(-2px); box-shadow: var(--chakra-shadows-lg); }
}
.css-1j7fzbp { background: var(--chakra-colors-bg\.dark); --bg-currentcolor: var(--chakra-colors-bg\.dark); color: var(--chakra-colors-fg\.inverse); position: relative; overflow: hidden; }
.css-1xuzr12 { position: absolute; top: -15%; right: -10%; width: 500px; height: 500px; background: var(--chakra-colors-accent-600); --bg-currentcolor: var(--chakra-colors-accent-600); opacity: 0.18; filter: blur(140px); border-radius: var(--chakra-radii-full); pointer-events: none; }
@media screen and (min-width: 48rem) {
  .css-1xuzr12 { opacity: 0.15; }
}
.css-tu95dg { position: absolute; bottom: -20%; left: -10%; width: 450px; height: 450px; background: var(--chakra-colors-accent-500); --bg-currentcolor: var(--chakra-colors-accent-500); opacity: 0.12; filter: blur(120px); border-radius: var(--chakra-radii-full); pointer-events: none; }
@media screen and (min-width: 48rem) {
  .css-tu95dg { opacity: 0.1; }
}
.css-xqyxaa { max-width: var(--chakra-sizes-7xl); padding-top: var(--chakra-spacing-12); padding-bottom: var(--chakra-spacing-8); position: relative; z-index: 1; }
@layer recipes {
  .css-xqyxaa { position: relative; max-width: var(--chakra-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--chakra-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-xqyxaa { padding-inline: var(--chakra-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-xqyxaa { padding-inline: var(--chakra-spacing-8); }
}
}
@media screen and (min-width: 48rem) {
  .css-xqyxaa { padding-top: var(--chakra-spacing-20); padding-bottom: var(--chakra-spacing-12); }
}
.css-1lh2lr8 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--chakra-spacing-8); margin-bottom: var(--chakra-spacing-10); padding-bottom: var(--chakra-spacing-8); border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--chakra-colors-border\.inverse); }
@media screen and (min-width: 48rem) {
  .css-1lh2lr8 { grid-template-columns: 1fr 1fr; gap: var(--chakra-spacing-8); margin-bottom: var(--chakra-spacing-16); padding-bottom: var(--chakra-spacing-16); }
}
@media screen and (min-width: 64rem) {
  .css-1lh2lr8 { grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr 1.3fr; gap: var(--chakra-spacing-8); }
}
.css-1ts8azs { grid-column: 1 / -1; margin-bottom: var(--chakra-spacing-2); display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; }
@media screen and (min-width: 48rem) {
  .css-1ts8azs { grid-column: 1 / -1; margin-bottom: 0px; align-items: flex-start; text-align: left; }
}
@media screen and (min-width: 64rem) {
  .css-1ts8azs { grid-column: 1 / 2; }
}
.css-1j7oza { font-size: 14px; color: var(--chakra-colors-fg\.inverse-muted); line-height: 1.6; max-width: var(--chakra-sizes-xs); margin-top: var(--chakra-spacing-4); margin-bottom: var(--chakra-spacing-5); text-align: center; }
@media screen and (min-width: 48rem) {
  .css-1j7oza { margin-bottom: var(--chakra-spacing-6); text-align: left; }
}
.css-krp9jw { display: flex; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; gap: var(--chakra-spacing-2\.5); }
@media screen and (min-width: 48rem) {
  .css-krp9jw { -webkit-box-pack: start; justify-content: flex-start; }
}
.css-1k54jbk { width: var(--chakra-sizes-9); height: var(--chakra-sizes-9); border-radius: var(--chakra-radii-full); background: rgba(255, 255, 255, 0.06); --bg-currentcolor: rgba(255, 255, 255, 0.06); color: var(--chakra-colors-fg\.inverse-muted); display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: 0.18s; }
@media (hover: hover) {
  .css-1k54jbk:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(255, 255, 255, 0.14); --bg-currentcolor: rgba(255, 255, 255, 0.14); color: var(--chakra-colors-fg\.inverse); transform: translateY(-1px); }
}
.css-138as77 { display: block; }
@media screen and (min-width: 48rem) {
  .css-138as77 { display: none; }
}
@media screen and (min-width: 64rem) {
  .css-138as77 { display: block; }
}
.css-10b94b { font-size: var(--chakra-font-sizes-xs); font-weight: 700; color: var(--chakra-colors-fg\.inverse); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: var(--chakra-spacing-3); }
@media screen and (min-width: 48rem) {
  .css-10b94b { margin-bottom: var(--chakra-spacing-5); }
}
.css-1eyehtg { list-style-type: none; display: flex; flex-direction: column; gap: var(--chakra-spacing-2\.5); }
@media screen and (min-width: 48rem) {
  .css-1eyehtg { gap: var(--chakra-spacing-3); }
}
.css-1kg90m6 { font-size: 14px; color: var(--chakra-colors-fg\.inverse-muted); transition: color 0.15s; line-height: 1.5; }
@media (hover: hover) {
  .css-1kg90m6:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--chakra-colors-fg\.inverse); text-decoration: underline; text-underline-offset: 3px; }
}
.css-1huwby2 { display: block; }
@media screen and (min-width: 64rem) {
  .css-1huwby2 { display: block; }
}
.css-1b21s43 { grid-column: 1 / -1; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; }
@media screen and (min-width: 48rem) {
  .css-1b21s43 { grid-column: 1 / 3; -webkit-box-align: stretch; align-items: stretch; text-align: left; }
}
@media screen and (min-width: 64rem) {
  .css-1b21s43 { grid-column: auto; }
}
.css-108ll66 { font-size: var(--chakra-font-sizes-xs); font-weight: 700; color: var(--chakra-colors-fg\.inverse); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: var(--chakra-spacing-3); }
.css-1wx0m1i { font-size: var(--chakra-font-sizes-md); color: var(--chakra-colors-fg\.inverse); font-weight: 700; margin-bottom: var(--chakra-spacing-2); line-height: 1.3; }
.css-1t1pvl { font-size: 13px; color: var(--chakra-colors-fg\.inverse-muted); margin-bottom: var(--chakra-spacing-4); line-height: 1.5; max-width: var(--chakra-sizes-xs); }
.css-5qfh28 { display: flex; flex-direction: column; gap: var(--chakra-spacing-2); width: var(--chakra-sizes-full); max-width: var(--chakra-sizes-sm); }
.css-rtxpwp { background: rgba(255, 255, 255, 0.06); --bg-currentcolor: rgba(255,255,255,0.06); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.inverse); color: var(--chakra-colors-fg\.inverse); padding-inline: var(--chakra-spacing-4); height: var(--chakra-sizes-11); border-radius: var(--chakra-radii-full); font-size: var(--chakra-font-sizes-sm); width: var(--chakra-sizes-full); transition: border 0.15s; }
.css-rtxpwp::-webkit-input-placeholder { color: var(--chakra-colors-fg\.inverse-faint); }
.css-rtxpwp::placeholder, .css-rtxpwp[data-placeholder] { color: var(--chakra-colors-fg\.inverse-faint); }
.css-rtxpwp:is(:focus, [data-focus]) { border-color: var(--chakra-colors-accent-500); outline: none; }
.css-t3bzz1 { background: var(--chakra-colors-accent-500); --bg-currentcolor: var(--chakra-colors-accent-500); color: var(--chakra-colors-fg\.inverse); padding-inline: var(--chakra-spacing-5); height: var(--chakra-sizes-11); border-radius: var(--chakra-radii-full); font-size: var(--chakra-font-sizes-sm); font-weight: 600; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: var(--chakra-spacing-2); width: var(--chakra-sizes-full); transition: background 0.15s; }
@media (hover: hover) {
  .css-t3bzz1:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-accent-600); --bg-currentcolor: var(--chakra-colors-accent-600); }
}
.css-11sykq9 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--chakra-spacing-4); padding-top: var(--chakra-spacing-2); }
@media screen and (min-width: 48rem) {
  .css-11sykq9 { flex-direction: row; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-4); }
}
.css-1b0qkqm { font-size: 13px; color: var(--chakra-colors-fg\.inverse-faint); text-align: center; }
@media screen and (min-width: 48rem) {
  .css-1b0qkqm { text-align: left; }
}
.css-1055j0 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; gap: var(--chakra-spacing-5); font-size: 13px; color: var(--chakra-colors-fg\.inverse-muted); }
@media screen and (min-width: 48rem) {
  .css-1055j0 { gap: var(--chakra-spacing-6); }
}
.css-14tjixw { transition: color 0.15s; }
@media (hover: hover) {
  .css-14tjixw:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--chakra-colors-fg\.inverse); text-decoration: underline; text-underline-offset: 3px; }
}
.css-1bodmns { background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--chakra-colors-fg\.inverse-muted); font-size: 13px; cursor: pointer; padding: 0px; transition: color 0.15s; }
@media (hover: hover) {
  .css-1bodmns:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--chakra-colors-fg\.inverse); }
}
.css-196pk87 { display: inline-flex; -webkit-box-align: center; align-items: center; opacity: 0.85; transition: opacity 0.15s; }
@media (hover: hover) {
  .css-196pk87:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { opacity: 1; }
}