/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: "Geist", system-ui, -apple-system, sans-serif;
    --font-mono: "Geist Mono", "Fira Code", ui-monospace, monospace;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-bg-primary: var(--bg-primary);
    --color-bg-content: var(--bg-content);
    --color-bg-surface: var(--bg-surface);
    --color-bg-elevated: var(--bg-elevated);
    --color-bg-subtle: var(--bg-subtle);
    --color-bg-input: var(--bg-input);
    --color-bg-code: var(--bg-code);
    --color-bg-header-alt: var(--bg-header-alt);
    --color-bg-hover: var(--bg-hover);
    --color-bg-hover-strong: var(--bg-hover-strong);
    --color-bg-active: var(--bg-active);
    --color-chat-bg: var(--chat-bg);
    --color-chat-panel: var(--chat-panel-bg);
    --color-text-primary: var(--text-primary);
    --color-text-secondary: var(--text-secondary);
    --color-text-tertiary: var(--text-tertiary);
    --color-text-placeholder: var(--text-placeholder);
    --color-text-disabled: var(--text-disabled);
    --color-border-primary: var(--border-primary);
    --color-border-default: var(--border-default);
    --color-border-strong: var(--border-strong);
    --color-border-subtle: var(--border-subtle);
    --color-chat-panel-border: var(--chat-panel-border);
    --color-brand: var(--brand);
    --color-brand-hover: var(--brand-hover);
    --color-brand-soft: var(--brand-soft);
    --color-brand-bg: var(--brand-bg);
    --color-brand-contrast-fg: var(--brand-contrast-fg);
    --color-brand-muted-fg: var(--brand-muted-fg);
    --color-brand-muted: var(--brand-muted);
    --color-brand-muted-hover: var(--brand-muted-hover);
    --color-brand-border: var(--brand-border);
    --color-overlay-scrim: var(--overlay-scrim);
    --color-overlay-scrim-strong: var(--overlay-scrim-strong);
    --color-overlay-control: var(--overlay-control-bg);
    --color-overlay-control-hover: var(--overlay-control-bg-hover);
    --color-overlay-control-text: var(--overlay-control-text);
    --color-provider-discord: var(--provider-discord);
    --color-provider-discord-bg: var(--provider-discord-bg);
    --color-provider-discord-bg-hover: var(--provider-discord-bg-hover);
    --color-provider-discord-border: var(--provider-discord-border);
    --color-provider-discord-border-hover: var(--provider-discord-border-hover);
    --color-provider-feishu: var(--provider-feishu);
    --color-provider-feishu-bg: var(--provider-feishu-bg);
    --color-provider-feishu-bg-hover: var(--provider-feishu-bg-hover);
    --color-provider-feishu-border: var(--provider-feishu-border);
    --color-provider-feishu-border-hover: var(--provider-feishu-border-hover);
    --color-provider-wechat: var(--provider-wechat);
    --color-provider-wechat-bg: var(--provider-wechat-bg);
    --color-provider-wechat-bg-hover: var(--provider-wechat-bg-hover);
    --color-provider-wechat-border: var(--provider-wechat-border);
    --color-provider-wechat-border-hover: var(--provider-wechat-border-hover);
    --color-success: var(--success-500);
    --color-success-soft: var(--success-700);
    --color-success-bg: var(--success-900);
    --color-warning: var(--warning-500);
    --color-warning-soft: var(--warning-700);
    --color-warning-bg: var(--warning-900);
    --color-error: var(--error-500);
    --color-error-fg: var(--error-fg);
    --color-error-soft: var(--error-700);
    --color-error-bg: var(--error-900);
    --color-info: var(--info-500);
    --color-info-soft: var(--info-700);
    --color-info-bg: var(--info-900);
    --color-status-running: var(--status-running);
    --color-status-starting: var(--warning-400);
    --color-status-error: var(--error-400);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .\@container {
    container-type: inline-size;
  }

  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-3 {
    inset: calc(var(--spacing) * 3);
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .-top-0\.5 {
    top: calc(var(--spacing) * -.5);
  }

  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }

  .-top-px {
    top: -1px;
  }

  .top-0 {
    top: 0;
  }

  .top-1 {
    top: var(--spacing);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-12 {
    top: calc(var(--spacing) * 12);
  }

  .top-28 {
    top: calc(var(--spacing) * 28);
  }

  .top-\[0\.55rem\] {
    top: .55rem;
  }

  .top-\[88px\] {
    top: 88px;
  }

  .-right-0\.5 {
    right: calc(var(--spacing) * -.5);
  }

  .-right-8 {
    right: calc(var(--spacing) * -8);
  }

  .right-0 {
    right: 0;
  }

  .right-1 {
    right: var(--spacing);
  }

  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .right-7 {
    right: calc(var(--spacing) * 7);
  }

  .right-8 {
    right: calc(var(--spacing) * 8);
  }

  .right-\[2px\] {
    right: 2px;
  }

  .right-\[4px\] {
    right: 4px;
  }

  .right-\[7\.5px\] {
    right: 7.5px;
  }

  .right-\[8\.5px\] {
    right: 8.5px;
  }

  .right-\[13\.5px\] {
    right: 13.5px;
  }

  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -.5);
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-1 {
    bottom: var(--spacing);
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }

  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .bottom-16 {
    bottom: calc(var(--spacing) * 16);
  }

  .bottom-24 {
    bottom: calc(var(--spacing) * 24);
  }

  .bottom-\[calc\(100\%\+0\.5rem\)\] {
    bottom: calc(100% + .5rem);
  }

  .bottom-\[calc\(100\%\+0\.75rem\)\] {
    bottom: calc(100% + .75rem);
  }

  .bottom-\[calc\(100\%\+0\.375rem\)\] {
    bottom: calc(100% + .375rem);
  }

  .bottom-full {
    bottom: 100%;
  }

  .left-0 {
    left: 0;
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .left-5 {
    left: calc(var(--spacing) * 5);
  }

  .left-\[5px\] {
    left: 5px;
  }

  .isolate {
    isolation: isolate;
  }

  .z-0 {
    z-index: 0;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[70\] {
    z-index: 70;
  }

  .z-\[71\] {
    z-index: 71;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[120\] {
    z-index: 120;
  }

  .z-\[121\] {
    z-index: 121;
  }

  .z-\[9999\] {
    z-index: 9999;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .\!container {
    width: 100% !important;
  }

  @media (min-width: 960px) {
    .\!container {
      max-width: 960px !important;
    }
  }

  @media (min-width: 40rem) {
    .\!container {
      max-width: 40rem !important;
    }
  }

  @media (min-width: 48rem) {
    .\!container {
      max-width: 48rem !important;
    }
  }

  @media (min-width: 80rem) {
    .\!container {
      max-width: 80rem !important;
    }
  }

  @media (min-width: 96rem) {
    .\!container {
      max-width: 96rem !important;
    }
  }

  .container {
    width: 100%;
  }

  @media (min-width: 960px) {
    .container {
      max-width: 960px;
    }
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-4 {
    margin: calc(var(--spacing) * 4);
  }

  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }

  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }

  .mx-1 {
    margin-inline: var(--spacing);
  }

  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
  }

  .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1.25em;
    line-height: 1.6;
  }

  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    font-weight: 500;
    text-decoration: underline;
  }

  .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }

  .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: decimal;
  }

  .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
  }

  .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: disc;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400;
  }

  .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
  }

  .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.25em;
    font-weight: 600;
  }

  .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-quotes);
    border-inline-start-width: .25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "“""”""‘""’";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
    font-style: italic;
    font-weight: 500;
  }

  .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
    content: open-quote;
  }

  .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: close-quote;
  }

  .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 0;
    margin-bottom: .888889em;
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.11111;
  }

  .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 900;
  }

  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.33333;
  }

  .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 800;
  }

  .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.6em;
    margin-bottom: .6em;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
  }

  .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.5em;
    margin-bottom: .5em;
    font-weight: 600;
    line-height: 1.5;
  }

  .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
    display: block;
  }

  .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    padding-top: .1875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    border-radius: .3125rem;
    padding-inline-start: .375em;
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: "`";
  }

  .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .875em;
  }

  .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .9em;
  }

  .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    padding-top: .857143em;
    padding-inline-end: 1.14286em;
    padding-bottom: .857143em;
    border-radius: .375rem;
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
    padding-inline-start: 1.14286em;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.71429;
    overflow-x: auto;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: none;
  }

  .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    table-layout: auto;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.71429;
  }

  .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }

  .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    vertical-align: bottom;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
    font-weight: 600;
  }

  .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }

  .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 0;
  }

  .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: baseline;
  }

  .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }

  .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top;
  }

  .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: start;
  }

  .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    margin-top: .857143em;
    font-size: .875em;
    line-height: 1.42857;
  }

  .prose {
    --tw-prose-body: oklch(37.3% .034 259.733);
    --tw-prose-headings: oklch(21% .034 264.665);
    --tw-prose-lead: oklch(44.6% .03 256.802);
    --tw-prose-links: oklch(21% .034 264.665);
    --tw-prose-bold: oklch(21% .034 264.665);
    --tw-prose-counters: oklch(55.1% .027 264.364);
    --tw-prose-bullets: oklch(87.2% .01 258.338);
    --tw-prose-hr: oklch(92.8% .006 264.531);
    --tw-prose-quotes: oklch(21% .034 264.665);
    --tw-prose-quote-borders: oklch(92.8% .006 264.531);
    --tw-prose-captions: oklch(55.1% .027 264.364);
    --tw-prose-kbd: oklch(21% .034 264.665);
    --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527 / .1);
    --tw-prose-code: oklch(21% .034 264.665);
    --tw-prose-pre-code: oklch(92.8% .006 264.531);
    --tw-prose-pre-bg: oklch(27.8% .033 256.848);
    --tw-prose-th-borders: oklch(87.2% .01 258.338);
    --tw-prose-td-borders: oklch(92.8% .006 264.531);
    --tw-prose-invert-body: oklch(87.2% .01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% .022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% .022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% .03 256.802);
    --tw-prose-invert-hr: oklch(37.3% .034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% .003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733);
    --tw-prose-invert-captions: oklch(70.7% .022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: #ffffff1a;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% .01 258.338);
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: oklch(44.6% .03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% .034 259.733);
    font-size: 1rem;
    line-height: 1.75;
  }

  .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .375em;
  }

  .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em;
  }

  .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .571429em;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
  }

  .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -.5);
  }

  .mt-0 {
    margin-top: 0;
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-\[0\.55em\] {
    margin-top: .55em;
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-px {
    margin-top: 1px;
  }

  .mr-0\.5 {
    margin-right: calc(var(--spacing) * .5);
  }

  .mr-1 {
    margin-right: var(--spacing);
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }

  .-mb-5 {
    margin-bottom: calc(var(--spacing) * -5);
  }

  .mb-0 {
    margin-bottom: 0;
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .mb-1 {
    margin-bottom: var(--spacing);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .-ml-0\.5 {
    margin-left: calc(var(--spacing) * -.5);
  }

  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }

  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }

  .-ml-px {
    margin-left: -1px;
  }

  .ml-1 {
    margin-left: var(--spacing);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }

  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }

  .ml-\[3px\] {
    margin-left: 3px;
  }

  .ml-\[26px\] {
    margin-left: 26px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .\!hidden {
    display: none !important;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .list-item {
    display: list-item;
  }

  .table {
    display: table;
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .h-1 {
    height: var(--spacing);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-8\.5 {
    height: calc(var(--spacing) * 8.5);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-36 {
    height: calc(var(--spacing) * 36);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-44 {
    height: calc(var(--spacing) * 44);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-52 {
    height: calc(var(--spacing) * 52);
  }

  .h-72 {
    height: calc(var(--spacing) * 72);
  }

  .h-\[2px\] {
    height: 2px;
  }

  .h-\[5px\] {
    height: 5px;
  }

  .h-\[6px\] {
    height: 6px;
  }

  .h-\[11px\] {
    height: 11px;
  }

  .h-\[15px\] {
    height: 15px;
  }

  .h-\[17px\] {
    height: 17px;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[26px\] {
    height: 26px;
  }

  .h-\[40px\] {
    height: 40px;
  }

  .h-\[44px\] {
    height: 44px;
  }

  .h-\[48px\] {
    height: 48px;
  }

  .h-\[55\%\] {
    height: 55%;
  }

  .h-\[calc\(100vh-3rem\)\] {
    height: calc(100vh - 3rem);
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }

  .max-h-36 {
    max-height: calc(var(--spacing) * 36);
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }

  .max-h-\[40vh\] {
    max-height: 40vh;
  }

  .max-h-\[42vh\] {
    max-height: 42vh;
  }

  .max-h-\[48vh\] {
    max-height: 48vh;
  }

  .max-h-\[50vh\] {
    max-height: 50vh;
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

  .max-h-\[62vh\] {
    max-height: 62vh;
  }

  .max-h-\[66vh\] {
    max-height: 66vh;
  }

  .max-h-\[72vh\] {
    max-height: 72vh;
  }

  .max-h-\[85vh\] {
    max-height: 85vh;
  }

  .max-h-\[88vh\] {
    max-height: 88vh;
  }

  .max-h-\[320px\] {
    max-height: 320px;
  }

  .max-h-\[460px\] {
    max-height: 460px;
  }

  .max-h-\[520px\] {
    max-height: 520px;
  }

  .max-h-\[calc\(var\(--leading-snug\)\*12em\)\] {
    max-height: calc(var(--leading-snug) * 12em);
  }

  .max-h-\[min\(22dvh\,9rem\)\] {
    max-height: min(22dvh, 9rem);
  }

  .max-h-\[min\(38dvh\,14rem\)\] {
    max-height: min(38dvh, 14rem);
  }

  .max-h-\[min\(42dvh\,18rem\)\] {
    max-height: min(42dvh, 18rem);
  }

  .max-h-\[min\(45vh\,360px\)\] {
    max-height: min(45vh, 360px);
  }

  .max-h-\[min\(58vh\,22rem\)\] {
    max-height: min(58vh, 22rem);
  }

  .max-h-\[min\(60vh\,32rem\)\] {
    max-height: min(60vh, 32rem);
  }

  .max-h-\[min\(560px\,calc\(100vh-64px\)\)\] {
    max-height: min(560px, 100vh - 64px);
  }

  .max-h-\[min\(680px\,72vh\)\] {
    max-height: min(680px, 72vh);
  }

  .max-h-full {
    max-height: 100%;
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }

  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }

  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }

  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }

  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }

  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }

  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }

  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }

  .min-h-36 {
    min-height: calc(var(--spacing) * 36);
  }

  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }

  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }

  .min-h-72 {
    min-height: calc(var(--spacing) * 72);
  }

  .min-h-\[36px\] {
    min-height: 36px;
  }

  .min-h-\[42vh\] {
    min-height: 42vh;
  }

  .min-h-\[44px\] {
    min-height: 44px;
  }

  .min-h-\[55dvh\] {
    min-height: 55dvh;
  }

  .min-h-\[100dvh\] {
    min-height: 100dvh;
  }

  .min-h-\[218px\] {
    min-height: 218px;
  }

  .min-h-\[296px\] {
    min-height: 296px;
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-0\.5 {
    width: calc(var(--spacing) * .5);
  }

  .w-1 {
    width: var(--spacing);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-8\.5 {
    width: calc(var(--spacing) * 8.5);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-52 {
    width: calc(var(--spacing) * 52);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-\[1\.65rem\] {
    width: 1.65rem;
  }

  .w-\[1px\] {
    width: 1px;
  }

  .w-\[3\.25rem\] {
    width: 3.25rem;
  }

  .w-\[3px\] {
    width: 3px;
  }

  .w-\[5px\] {
    width: 5px;
  }

  .w-\[6px\] {
    width: 6px;
  }

  .w-\[11px\] {
    width: 11px;
  }

  .w-\[15px\] {
    width: 15px;
  }

  .w-\[17px\] {
    width: 17px;
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[22px\] {
    width: 22px;
  }

  .w-\[52px\] {
    width: 52px;
  }

  .w-\[55\%\] {
    width: 55%;
  }

  .w-\[304px\] {
    width: 304px;
  }

  .w-\[320px\] {
    width: 320px;
  }

  .w-\[calc\(100\%-0px\)\] {
    width: 100%;
  }

  .w-\[min\(18rem\,calc\(100vw-2rem\)\)\] {
    width: min(18rem, 100vw - 2rem);
  }

  .w-\[min\(328px\,calc\(100vw-24px\)\)\] {
    width: min(328px, 100vw - 24px);
  }

  .w-\[min\(420px\,calc\(100vw-72px\)\)\] {
    width: min(420px, 100vw - 72px);
  }

  .w-\[min\(560px\,calc\(100vw-3rem\)\)\] {
    width: min(560px, 100vw - 3rem);
  }

  .w-\[min\(580px\,calc\(100vw-3rem\)\)\] {
    width: min(580px, 100vw - 3rem);
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-16 {
    max-width: calc(var(--spacing) * 16);
  }

  .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }

  .max-w-32 {
    max-width: calc(var(--spacing) * 32);
  }

  .max-w-36 {
    max-width: calc(var(--spacing) * 36);
  }

  .max-w-\[6\.5rem\] {
    max-width: 6.5rem;
  }

  .max-w-\[7\.5rem\] {
    max-width: 7.5rem;
  }

  .max-w-\[9rem\] {
    max-width: 9rem;
  }

  .max-w-\[40vw\] {
    max-width: 40vw;
  }

  .max-w-\[56\%\] {
    max-width: 56%;
  }

  .max-w-\[60\%\] {
    max-width: 60%;
  }

  .max-w-\[68ch\] {
    max-width: 68ch;
  }

  .max-w-\[90vw\] {
    max-width: 90vw;
  }

  .max-w-\[95vw\] {
    max-width: 95vw;
  }

  .max-w-\[150px\] {
    max-width: 150px;
  }

  .max-w-\[160px\] {
    max-width: 160px;
  }

  .max-w-\[200px\] {
    max-width: 200px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[260px\] {
    max-width: 260px;
  }

  .max-w-\[340px\] {
    max-width: 340px;
  }

  .max-w-\[360px\] {
    max-width: 360px;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[480px\] {
    max-width: 480px;
  }

  .max-w-\[860px\] {
    max-width: 860px;
  }

  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }

  .max-w-\[calc\(100vw-72px\)\] {
    max-width: calc(100vw - 72px);
  }

  .max-w-\[min\(22rem\,calc\(100vw-1\.5rem\)\)\] {
    max-width: min(22rem, 100vw - 1.5rem);
  }

  .max-w-\[min\(42rem\,calc\(100vw-2rem\)\)\] {
    max-width: min(42rem, 100vw - 2rem);
  }

  .max-w-\[min\(100\%\,17rem\)\] {
    max-width: min(100%, 17rem);
  }

  .max-w-\[var\(--chat-composer-expanded-max-width\)\] {
    max-width: var(--chat-composer-expanded-max-width);
  }

  .max-w-\[var\(--chat-composer-max-width\)\] {
    max-width: var(--chat-composer-max-width);
  }

  .max-w-\[var\(--chat-user-message-max-width\)\] {
    max-width: var(--chat-user-message-max-width);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }

  .min-w-11 {
    min-width: calc(var(--spacing) * 11);
  }

  .min-w-14 {
    min-width: calc(var(--spacing) * 14);
  }

  .min-w-20 {
    min-width: calc(var(--spacing) * 20);
  }

  .min-w-\[8\.5rem\] {
    min-width: 8.5rem;
  }

  .min-w-\[72px\] {
    min-width: 72px;
  }

  .min-w-\[100px\] {
    min-width: 100px;
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .min-w-full {
    min-width: 100%;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink, .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .shrink-\[3\] {
    flex-shrink: 3;
  }

  .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-1 {
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-1px\] {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-px {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-0 {
    rotate: 0deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-ping {
    animation: var(--animate-ping);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-wait {
    cursor: wait;
  }

  .cursor-zoom-in {
    cursor: zoom-in;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .scroll-mt-6 {
    scroll-margin-top: calc(var(--spacing) * 6);
  }

  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }

  .scroll-py-2 {
    scroll-padding-block: calc(var(--spacing) * 2);
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }

  .list-none {
    list-style-type: none;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-\[1\.75rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1.75rem minmax(0, 1fr);
  }

  .grid-cols-\[1rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1rem minmax(0, 1fr);
  }

  .grid-cols-\[18px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 18px minmax(0, 1fr) auto;
  }

  .grid-cols-\[76px_minmax\(0\,1fr\)\] {
    grid-template-columns: 76px minmax(0, 1fr);
  }

  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .grid-cols-\[minmax\(0\,1fr\)_8rem\] {
    grid-template-columns: minmax(0, 1fr) 8rem;
  }

  .grid-cols-\[minmax\(4\.5rem\,max-content\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(4.5rem, max-content) minmax(0, 1fr);
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .gap-0 {
    gap: 0;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-px {
    gap: 1px;
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-12 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[1px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(1px * var(--tw-space-y-reverse));
    margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[2px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(2px * var(--tw-space-y-reverse));
    margin-block-end: calc(2px * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-1 {
    column-gap: var(--spacing);
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }

  :where(.-space-x-1\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .gap-y-1 {
    row-gap: var(--spacing);
  }

  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-border-subtle > :not(:last-child)), :where(.divide-border-subtle\/40 > :not(:last-child)) {
    border-color: var(--color-border-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-border-subtle\/40 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-border-subtle) 40%, transparent);
    }
  }

  :where(.divide-border-subtle\/60 > :not(:last-child)) {
    border-color: var(--color-border-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-border-subtle\/60 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-border-subtle) 60%, transparent);
    }
  }

  .self-center {
    align-self: center;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-clip {
    overflow-x: clip;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[1px\] {
    border-radius: 1px;
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[6px\] {
    border-radius: 6px;
  }

  .rounded-\[7px\] {
    border-radius: 7px;
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-\[9px\] {
    border-radius: 9px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[11px\] {
    border-radius: 11px;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[18px\] {
    border-radius: 18px;
  }

  .rounded-\[22px\] {
    border-radius: 22px;
  }

  .rounded-\[28px\] {
    border-radius: 28px;
  }

  .rounded-\[var\(--chat-composer-radius\)\] {
    border-radius: var(--chat-composer-radius);
  }

  .rounded-\[var\(--chat-user-message-radius\)\] {
    border-radius: var(--chat-user-message-radius);
  }

  .rounded-\[var\(--sidebar-item-radius\)\] {
    border-radius: var(--sidebar-item-radius);
  }

  .rounded-\[var\(--sidebar-primary-action-radius\)\] {
    border-radius: var(--sidebar-primary-action-radius);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }

  .rounded-t-\[12px\] {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }

  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }

  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .rounded-br-\[var\(--chat-user-message-tail-radius\)\] {
    border-bottom-right-radius: var(--chat-user-message-tail-radius);
  }

  .rounded-br-md {
    border-bottom-right-radius: var(--radius-md);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\[color\:var\(--chat-composer-border\)\] {
    border-color: var(--chat-composer-border);
  }

  .border-\[color\:var\(--sidebar-border\)\] {
    border-color: var(--sidebar-border);
  }

  .border-\[color\:var\(--sidebar-primary-action-border\)\] {
    border-color: var(--sidebar-primary-action-border);
  }

  .border-bg-elevated {
    border-color: var(--color-bg-elevated);
  }

  .border-bg-primary {
    border-color: var(--color-bg-primary);
  }

  .border-border-subtle, .border-border-subtle\/30 {
    border-color: var(--color-border-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border-subtle\/30 {
      border-color: color-mix(in oklab, var(--color-border-subtle) 30%, transparent);
    }
  }

  .border-border-subtle\/40 {
    border-color: var(--color-border-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border-subtle\/40 {
      border-color: color-mix(in oklab, var(--color-border-subtle) 40%, transparent);
    }
  }

  .border-border-subtle\/60 {
    border-color: var(--color-border-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border-subtle\/60 {
      border-color: color-mix(in oklab, var(--color-border-subtle) 60%, transparent);
    }
  }

  .border-border-subtle\/70 {
    border-color: var(--color-border-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border-subtle\/70 {
      border-color: color-mix(in oklab, var(--color-border-subtle) 70%, transparent);
    }
  }

  .border-border-subtle\/80 {
    border-color: var(--color-border-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border-subtle\/80 {
      border-color: color-mix(in oklab, var(--color-border-subtle) 80%, transparent);
    }
  }

  .border-border-subtle\/90 {
    border-color: var(--color-border-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border-subtle\/90 {
      border-color: color-mix(in oklab, var(--color-border-subtle) 90%, transparent);
    }
  }

  .border-brand {
    border-color: var(--color-brand);
  }

  .border-brand-border {
    border-color: var(--color-brand-border);
  }

  .border-brand\/20 {
    border-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand\/20 {
      border-color: color-mix(in oklab, var(--color-brand) 20%, transparent);
    }
  }

  .border-brand\/25 {
    border-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand\/25 {
      border-color: color-mix(in oklab, var(--color-brand) 25%, transparent);
    }
  }

  .border-brand\/30 {
    border-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand\/30 {
      border-color: color-mix(in oklab, var(--color-brand) 30%, transparent);
    }
  }

  .border-brand\/35 {
    border-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand\/35 {
      border-color: color-mix(in oklab, var(--color-brand) 35%, transparent);
    }
  }

  .border-brand\/40 {
    border-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand\/40 {
      border-color: color-mix(in oklab, var(--color-brand) 40%, transparent);
    }
  }

  .border-brand\/45 {
    border-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand\/45 {
      border-color: color-mix(in oklab, var(--color-brand) 45%, transparent);
    }
  }

  .border-brand\/50 {
    border-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand\/50 {
      border-color: color-mix(in oklab, var(--color-brand) 50%, transparent);
    }
  }

  .border-brand\/55 {
    border-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand\/55 {
      border-color: color-mix(in oklab, var(--color-brand) 55%, transparent);
    }
  }

  .border-brand\/60 {
    border-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand\/60 {
      border-color: color-mix(in oklab, var(--color-brand) 60%, transparent);
    }
  }

  .border-chat-panel-border, .border-chat-panel-border\/70 {
    border-color: var(--color-chat-panel-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-chat-panel-border\/70 {
      border-color: color-mix(in oklab, var(--color-chat-panel-border) 70%, transparent);
    }
  }

  .border-current\/10 {
    border-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-current\/10 {
      border-color: color-mix(in oklab, currentcolor 10%, transparent);
    }
  }

  .border-error-soft\/20 {
    border-color: var(--color-error-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-error-soft\/20 {
      border-color: color-mix(in oklab, var(--color-error-soft) 20%, transparent);
    }
  }

  .border-error-soft\/25 {
    border-color: var(--color-error-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-error-soft\/25 {
      border-color: color-mix(in oklab, var(--color-error-soft) 25%, transparent);
    }
  }

  .border-error-soft\/30 {
    border-color: var(--color-error-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-error-soft\/30 {
      border-color: color-mix(in oklab, var(--color-error-soft) 30%, transparent);
    }
  }

  .border-error\/30 {
    border-color: var(--color-error);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-error\/30 {
      border-color: color-mix(in oklab, var(--color-error) 30%, transparent);
    }
  }

  .border-error\/35 {
    border-color: var(--color-error);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-error\/35 {
      border-color: color-mix(in oklab, var(--color-error) 35%, transparent);
    }
  }

  .border-provider-discord-border {
    border-color: var(--color-provider-discord-border);
  }

  .border-provider-feishu-border {
    border-color: var(--color-provider-feishu-border);
  }

  .border-provider-wechat-border {
    border-color: var(--color-provider-wechat-border);
  }

  .border-status-error\/30 {
    border-color: var(--color-status-error);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-status-error\/30 {
      border-color: color-mix(in oklab, var(--color-status-error) 30%, transparent);
    }
  }

  .border-success-soft\/30 {
    border-color: var(--color-success-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success-soft\/30 {
      border-color: color-mix(in oklab, var(--color-success-soft) 30%, transparent);
    }
  }

  .border-success-soft\/35 {
    border-color: var(--color-success-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success-soft\/35 {
      border-color: color-mix(in oklab, var(--color-success-soft) 35%, transparent);
    }
  }

  .border-success\/30 {
    border-color: var(--color-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/30 {
      border-color: color-mix(in oklab, var(--color-success) 30%, transparent);
    }
  }

  .border-success\/35 {
    border-color: var(--color-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/35 {
      border-color: color-mix(in oklab, var(--color-success) 35%, transparent);
    }
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-warning-bg {
    border-color: var(--color-warning-bg);
  }

  .border-warning-soft\/10 {
    border-color: var(--color-warning-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-soft\/10 {
      border-color: color-mix(in oklab, var(--color-warning-soft) 10%, transparent);
    }
  }

  .border-warning-soft\/20 {
    border-color: var(--color-warning-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-soft\/20 {
      border-color: color-mix(in oklab, var(--color-warning-soft) 20%, transparent);
    }
  }

  .border-warning-soft\/30 {
    border-color: var(--color-warning-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-soft\/30 {
      border-color: color-mix(in oklab, var(--color-warning-soft) 30%, transparent);
    }
  }

  .border-t-brand {
    border-top-color: var(--color-brand);
  }

  .bg-\[var\(--chat-assistant-message-bg\)\] {
    background-color: var(--chat-assistant-message-bg);
  }

  .bg-\[var\(--chat-bg\)\] {
    background-color: var(--chat-bg);
  }

  .bg-\[var\(--chat-composer-bg\)\] {
    background-color: var(--chat-composer-bg);
  }

  .bg-\[var\(--chat-user-message-bg\)\] {
    background-color: var(--chat-user-message-bg);
  }

  .bg-\[var\(--sidebar-bg\)\] {
    background-color: var(--sidebar-bg);
  }

  .bg-\[var\(--sidebar-item-active-bg\)\] {
    background-color: var(--sidebar-item-active-bg);
  }

  .bg-\[var\(--sidebar-primary-action-bg\)\] {
    background-color: var(--sidebar-primary-action-bg);
  }

  .bg-bg-active {
    background-color: var(--color-bg-active);
  }

  .bg-bg-code {
    background-color: var(--color-bg-code);
  }

  .bg-bg-content, .bg-bg-content\/55 {
    background-color: var(--color-bg-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-content\/55 {
      background-color: color-mix(in oklab, var(--color-bg-content) 55%, transparent);
    }
  }

  .bg-bg-content\/95 {
    background-color: var(--color-bg-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-content\/95 {
      background-color: color-mix(in oklab, var(--color-bg-content) 95%, transparent);
    }
  }

  .bg-bg-elevated, .bg-bg-elevated\/20 {
    background-color: var(--color-bg-elevated);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-elevated\/20 {
      background-color: color-mix(in oklab, var(--color-bg-elevated) 20%, transparent);
    }
  }

  .bg-bg-elevated\/25 {
    background-color: var(--color-bg-elevated);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-elevated\/25 {
      background-color: color-mix(in oklab, var(--color-bg-elevated) 25%, transparent);
    }
  }

  .bg-bg-elevated\/30 {
    background-color: var(--color-bg-elevated);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-elevated\/30 {
      background-color: color-mix(in oklab, var(--color-bg-elevated) 30%, transparent);
    }
  }

  .bg-bg-elevated\/35 {
    background-color: var(--color-bg-elevated);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-elevated\/35 {
      background-color: color-mix(in oklab, var(--color-bg-elevated) 35%, transparent);
    }
  }

  .bg-bg-elevated\/40 {
    background-color: var(--color-bg-elevated);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-elevated\/40 {
      background-color: color-mix(in oklab, var(--color-bg-elevated) 40%, transparent);
    }
  }

  .bg-bg-elevated\/50 {
    background-color: var(--color-bg-elevated);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-elevated\/50 {
      background-color: color-mix(in oklab, var(--color-bg-elevated) 50%, transparent);
    }
  }

  .bg-bg-elevated\/70 {
    background-color: var(--color-bg-elevated);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-elevated\/70 {
      background-color: color-mix(in oklab, var(--color-bg-elevated) 70%, transparent);
    }
  }

  .bg-bg-elevated\/90 {
    background-color: var(--color-bg-elevated);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-elevated\/90 {
      background-color: color-mix(in oklab, var(--color-bg-elevated) 90%, transparent);
    }
  }

  .bg-bg-header-alt {
    background-color: var(--color-bg-header-alt);
  }

  .bg-bg-hover {
    background-color: var(--color-bg-hover);
  }

  .bg-bg-hover-strong {
    background-color: var(--color-bg-hover-strong);
  }

  .bg-bg-hover\/45 {
    background-color: var(--color-bg-hover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-hover\/45 {
      background-color: color-mix(in oklab, var(--color-bg-hover) 45%, transparent);
    }
  }

  .bg-bg-hover\/60 {
    background-color: var(--color-bg-hover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-hover\/60 {
      background-color: color-mix(in oklab, var(--color-bg-hover) 60%, transparent);
    }
  }

  .bg-bg-hover\/70 {
    background-color: var(--color-bg-hover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-hover\/70 {
      background-color: color-mix(in oklab, var(--color-bg-hover) 70%, transparent);
    }
  }

  .bg-bg-input {
    background-color: var(--color-bg-input);
  }

  .bg-bg-primary, .bg-bg-primary\/70 {
    background-color: var(--color-bg-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-primary\/70 {
      background-color: color-mix(in oklab, var(--color-bg-primary) 70%, transparent);
    }
  }

  .bg-bg-primary\/72 {
    background-color: var(--color-bg-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-primary\/72 {
      background-color: color-mix(in oklab, var(--color-bg-primary) 72%, transparent);
    }
  }

  .bg-bg-primary\/80 {
    background-color: var(--color-bg-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-primary\/80 {
      background-color: color-mix(in oklab, var(--color-bg-primary) 80%, transparent);
    }
  }

  .bg-bg-primary\/90 {
    background-color: var(--color-bg-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-primary\/90 {
      background-color: color-mix(in oklab, var(--color-bg-primary) 90%, transparent);
    }
  }

  .bg-bg-primary\/95 {
    background-color: var(--color-bg-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-primary\/95 {
      background-color: color-mix(in oklab, var(--color-bg-primary) 95%, transparent);
    }
  }

  .bg-bg-subtle, .bg-bg-subtle\/45 {
    background-color: var(--color-bg-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-subtle\/45 {
      background-color: color-mix(in oklab, var(--color-bg-subtle) 45%, transparent);
    }
  }

  .bg-bg-subtle\/60 {
    background-color: var(--color-bg-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-subtle\/60 {
      background-color: color-mix(in oklab, var(--color-bg-subtle) 60%, transparent);
    }
  }

  .bg-bg-subtle\/70 {
    background-color: var(--color-bg-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-subtle\/70 {
      background-color: color-mix(in oklab, var(--color-bg-subtle) 70%, transparent);
    }
  }

  .bg-bg-surface, .bg-bg-surface\/40 {
    background-color: var(--color-bg-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-surface\/40 {
      background-color: color-mix(in oklab, var(--color-bg-surface) 40%, transparent);
    }
  }

  .bg-bg-surface\/95 {
    background-color: var(--color-bg-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-surface\/95 {
      background-color: color-mix(in oklab, var(--color-bg-surface) 95%, transparent);
    }
  }

  .bg-border-subtle, .bg-border-subtle\/65 {
    background-color: var(--color-border-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-border-subtle\/65 {
      background-color: color-mix(in oklab, var(--color-border-subtle) 65%, transparent);
    }
  }

  .bg-border-subtle\/70 {
    background-color: var(--color-border-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-border-subtle\/70 {
      background-color: color-mix(in oklab, var(--color-border-subtle) 70%, transparent);
    }
  }

  .bg-brand {
    background-color: var(--color-brand);
  }

  .bg-brand-bg {
    background-color: var(--color-brand-bg);
  }

  .bg-brand-muted {
    background-color: var(--color-brand-muted);
  }

  .bg-brand-soft {
    background-color: var(--color-brand-soft);
  }

  .bg-brand\/5 {
    background-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/5 {
      background-color: color-mix(in oklab, var(--color-brand) 5%, transparent);
    }
  }

  .bg-brand\/7 {
    background-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/7 {
      background-color: color-mix(in oklab, var(--color-brand) 7%, transparent);
    }
  }

  .bg-brand\/10 {
    background-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/10 {
      background-color: color-mix(in oklab, var(--color-brand) 10%, transparent);
    }
  }

  .bg-brand\/12 {
    background-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/12 {
      background-color: color-mix(in oklab, var(--color-brand) 12%, transparent);
    }
  }

  .bg-brand\/15 {
    background-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/15 {
      background-color: color-mix(in oklab, var(--color-brand) 15%, transparent);
    }
  }

  .bg-brand\/50 {
    background-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/50 {
      background-color: color-mix(in oklab, var(--color-brand) 50%, transparent);
    }
  }

  .bg-brand\/70 {
    background-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/70 {
      background-color: color-mix(in oklab, var(--color-brand) 70%, transparent);
    }
  }

  .bg-chat-bg {
    background-color: var(--color-chat-bg);
  }

  .bg-chat-panel {
    background-color: var(--color-chat-panel);
  }

  .bg-error {
    background-color: var(--color-error);
  }

  .bg-error-bg, .bg-error-bg\/20 {
    background-color: var(--color-error-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-error-bg\/20 {
      background-color: color-mix(in oklab, var(--color-error-bg) 20%, transparent);
    }
  }

  .bg-error-bg\/30 {
    background-color: var(--color-error-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-error-bg\/30 {
      background-color: color-mix(in oklab, var(--color-error-bg) 30%, transparent);
    }
  }

  .bg-error-bg\/40 {
    background-color: var(--color-error-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-error-bg\/40 {
      background-color: color-mix(in oklab, var(--color-error-bg) 40%, transparent);
    }
  }

  .bg-error-bg\/45 {
    background-color: var(--color-error-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-error-bg\/45 {
      background-color: color-mix(in oklab, var(--color-error-bg) 45%, transparent);
    }
  }

  .bg-error-soft, .bg-error-soft\/20 {
    background-color: var(--color-error-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-error-soft\/20 {
      background-color: color-mix(in oklab, var(--color-error-soft) 20%, transparent);
    }
  }

  .bg-info {
    background-color: var(--color-info);
  }

  .bg-info-bg {
    background-color: var(--color-info-bg);
  }

  .bg-overlay-control {
    background-color: var(--color-overlay-control);
  }

  .bg-overlay-control-hover {
    background-color: var(--color-overlay-control-hover);
  }

  .bg-overlay-control-text {
    background-color: var(--color-overlay-control-text);
  }

  .bg-overlay-scrim {
    background-color: var(--color-overlay-scrim);
  }

  .bg-overlay-scrim-strong {
    background-color: var(--color-overlay-scrim-strong);
  }

  .bg-overlay-scrim\/20 {
    background-color: var(--color-overlay-scrim);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-overlay-scrim\/20 {
      background-color: color-mix(in oklab, var(--color-overlay-scrim) 20%, transparent);
    }
  }

  .bg-overlay-scrim\/70 {
    background-color: var(--color-overlay-scrim);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-overlay-scrim\/70 {
      background-color: color-mix(in oklab, var(--color-overlay-scrim) 70%, transparent);
    }
  }

  .bg-provider-discord {
    background-color: var(--color-provider-discord);
  }

  .bg-provider-discord-bg {
    background-color: var(--color-provider-discord-bg);
  }

  .bg-provider-feishu {
    background-color: var(--color-provider-feishu);
  }

  .bg-provider-feishu-bg {
    background-color: var(--color-provider-feishu-bg);
  }

  .bg-provider-wechat {
    background-color: var(--color-provider-wechat);
  }

  .bg-provider-wechat-bg {
    background-color: var(--color-provider-wechat-bg);
  }

  .bg-status-error, .bg-status-error\/5 {
    background-color: var(--color-status-error);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-status-error\/5 {
      background-color: color-mix(in oklab, var(--color-status-error) 5%, transparent);
    }
  }

  .bg-status-error\/8 {
    background-color: var(--color-status-error);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-status-error\/8 {
      background-color: color-mix(in oklab, var(--color-status-error) 8%, transparent);
    }
  }

  .bg-status-running, .bg-status-running\/80 {
    background-color: var(--color-status-running);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-status-running\/80 {
      background-color: color-mix(in oklab, var(--color-status-running) 80%, transparent);
    }
  }

  .bg-status-starting {
    background-color: var(--color-status-starting);
  }

  .bg-success-bg, .bg-success-bg\/40 {
    background-color: var(--color-success-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-bg\/40 {
      background-color: color-mix(in oklab, var(--color-success-bg) 40%, transparent);
    }
  }

  .bg-success-bg\/45 {
    background-color: var(--color-success-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-bg\/45 {
      background-color: color-mix(in oklab, var(--color-success-bg) 45%, transparent);
    }
  }

  .bg-success-soft, .bg-success-soft\/20 {
    background-color: var(--color-success-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-soft\/20 {
      background-color: color-mix(in oklab, var(--color-success-soft) 20%, transparent);
    }
  }

  .bg-text-placeholder, .bg-text-placeholder\/25 {
    background-color: var(--color-text-placeholder);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-placeholder\/25 {
      background-color: color-mix(in oklab, var(--color-text-placeholder) 25%, transparent);
    }
  }

  .bg-text-placeholder\/35 {
    background-color: var(--color-text-placeholder);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-placeholder\/35 {
      background-color: color-mix(in oklab, var(--color-text-placeholder) 35%, transparent);
    }
  }

  .bg-text-placeholder\/45 {
    background-color: var(--color-text-placeholder);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-placeholder\/45 {
      background-color: color-mix(in oklab, var(--color-text-placeholder) 45%, transparent);
    }
  }

  .bg-text-placeholder\/55 {
    background-color: var(--color-text-placeholder);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-placeholder\/55 {
      background-color: color-mix(in oklab, var(--color-text-placeholder) 55%, transparent);
    }
  }

  .bg-text-placeholder\/70 {
    background-color: var(--color-text-placeholder);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-placeholder\/70 {
      background-color: color-mix(in oklab, var(--color-text-placeholder) 70%, transparent);
    }
  }

  .bg-text-primary {
    background-color: var(--color-text-primary);
  }

  .bg-text-tertiary {
    background-color: var(--color-text-tertiary);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-warning {
    background-color: var(--color-warning);
  }

  .bg-warning-bg {
    background-color: var(--color-warning-bg);
  }

  .bg-warning-soft {
    background-color: var(--color-warning-soft);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-text-placeholder\/55 {
    --tw-gradient-from: var(--color-text-placeholder);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-text-placeholder\/55 {
      --tw-gradient-from: color-mix(in oklab, var(--color-text-placeholder) 55%, transparent);
    }
  }

  .from-text-placeholder\/55 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .fill-current {
    fill: currentColor;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0 {
    padding: 0;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-\[2px\] {
    padding: 2px;
  }

  .p-px {
    padding: 1px;
  }

  .px-0 {
    padding-inline: 0;
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .py-0 {
    padding-block: 0;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-\[6px\] {
    padding-block: 6px;
  }

  .py-\[7px\] {
    padding-block: 7px;
  }

  .py-\[8px\] {
    padding-block: 8px;
  }

  .py-px {
    padding-block: 1px;
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: var(--spacing);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-\[1px\] {
    padding-top: 1px;
  }

  .pt-\[3px\] {
    padding-top: 3px;
  }

  .pt-\[12vh\] {
    padding-top: 12vh;
  }

  .pt-\[clamp\(1\.25rem\,5dvh\,2\.5rem\)\] {
    padding-top: clamp(1.25rem, 5dvh, 2.5rem);
  }

  .pt-\[min\(10dvh\,4\.5rem\)\] {
    padding-top: min(10dvh, 4.5rem);
  }

  .pt-px {
    padding-top: 1px;
  }

  .pr-1 {
    padding-right: var(--spacing);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pb-0 {
    padding-bottom: 0;
  }

  .pb-1 {
    padding-bottom: var(--spacing);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

  .pl-0 {
    padding-left: 0;
  }

  .pl-1 {
    padding-left: var(--spacing);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

  .pl-\[21px\] {
    padding-left: 21px;
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.92em\] {
    font-size: .92em;
  }

  .text-\[7px\] {
    font-size: 7px;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9\.5px\] {
    font-size: 9.5px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11\.5px\] {
    font-size: 11.5px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[17px\] {
    font-size: 17px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[23px\] {
    font-size: 23px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[34px\] {
    font-size: 34px;
  }

  .text-\[clamp\(1\.75rem\,2\.4vw\,2\.25rem\)\] {
    font-size: clamp(1.75rem, 2.4vw, 2.25rem);
  }

  .text-\[clamp\(1\.75rem\,4vw\,2\.25rem\)\] {
    font-size: clamp(1.75rem, 4vw, 2.25rem);
  }

  .text-\[clamp\(34px\,6vw\,60px\)\] {
    font-size: clamp(34px, 6vw, 60px);
  }

  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-\[0\.98\] {
    --tw-leading: .98;
    line-height: .98;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }

  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }

  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }

  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[-0\.035em\] {
    --tw-tracking: -.035em;
    letter-spacing: -.035em;
  }

  .tracking-\[-0\.045em\] {
    --tw-tracking: -.045em;
    letter-spacing: -.045em;
  }

  .tracking-\[-0\.055em\] {
    --tw-tracking: -.055em;
    letter-spacing: -.055em;
  }

  .tracking-\[0\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }

  .tracking-\[0\.04em\] {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[var\(--chat-assistant-message-fg\)\] {
    color: var(--chat-assistant-message-fg);
  }

  .text-\[var\(--chat-user-message-fg\)\] {
    color: var(--chat-user-message-fg);
  }

  .text-\[var\(--sidebar-item-active-fg\)\] {
    color: var(--sidebar-item-active-fg);
  }

  .text-\[var\(--sidebar-primary-action-fg\)\] {
    color: var(--sidebar-primary-action-fg);
  }

  .text-bg-primary {
    color: var(--color-bg-primary);
  }

  .text-brand {
    color: var(--color-brand);
  }

  .text-brand-contrast-fg {
    color: var(--color-brand-contrast-fg);
  }

  .text-brand-muted-fg {
    color: var(--color-brand-muted-fg);
  }

  .text-brand\/75 {
    color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-brand\/75 {
      color: color-mix(in oklab, var(--color-brand) 75%, transparent);
    }
  }

  .text-brand\/80 {
    color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-brand\/80 {
      color: color-mix(in oklab, var(--color-brand) 80%, transparent);
    }
  }

  .text-brand\/90 {
    color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-brand\/90 {
      color: color-mix(in oklab, var(--color-brand) 90%, transparent);
    }
  }

  .text-error {
    color: var(--color-error);
  }

  .text-error-fg {
    color: var(--color-error-fg);
  }

  .text-error-soft, .text-error-soft\/90 {
    color: var(--color-error-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-error-soft\/90 {
      color: color-mix(in oklab, var(--color-error-soft) 90%, transparent);
    }
  }

  .text-info {
    color: var(--color-info);
  }

  .text-info-soft {
    color: var(--color-info-soft);
  }

  .text-inherit {
    color: inherit;
  }

  .text-overlay-control-text {
    color: var(--color-overlay-control-text);
  }

  .text-provider-discord {
    color: var(--color-provider-discord);
  }

  .text-provider-feishu {
    color: var(--color-provider-feishu);
  }

  .text-provider-wechat {
    color: var(--color-provider-wechat);
  }

  .text-status-error {
    color: var(--color-status-error);
  }

  .text-status-running {
    color: var(--color-status-running);
  }

  .text-success {
    color: var(--color-success);
  }

  .text-success-soft {
    color: var(--color-success-soft);
  }

  .text-text-disabled {
    color: var(--color-text-disabled);
  }

  .text-text-placeholder, .text-text-placeholder\/50 {
    color: var(--color-text-placeholder);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-placeholder\/50 {
      color: color-mix(in oklab, var(--color-text-placeholder) 50%, transparent);
    }
  }

  .text-text-placeholder\/65 {
    color: var(--color-text-placeholder);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-placeholder\/65 {
      color: color-mix(in oklab, var(--color-text-placeholder) 65%, transparent);
    }
  }

  .text-text-placeholder\/70 {
    color: var(--color-text-placeholder);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-placeholder\/70 {
      color: color-mix(in oklab, var(--color-text-placeholder) 70%, transparent);
    }
  }

  .text-text-placeholder\/80 {
    color: var(--color-text-placeholder);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-placeholder\/80 {
      color: color-mix(in oklab, var(--color-text-placeholder) 80%, transparent);
    }
  }

  .text-text-primary {
    color: var(--color-text-primary);
  }

  .text-text-secondary, .text-text-secondary\/85 {
    color: var(--color-text-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-secondary\/85 {
      color: color-mix(in oklab, var(--color-text-secondary) 85%, transparent);
    }
  }

  .text-text-tertiary, .text-text-tertiary\/70 {
    color: var(--color-text-tertiary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-tertiary\/70 {
      color: color-mix(in oklab, var(--color-text-tertiary) 70%, transparent);
    }
  }

  .text-text-tertiary\/75 {
    color: var(--color-text-tertiary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-tertiary\/75 {
      color: color-mix(in oklab, var(--color-text-tertiary) 75%, transparent);
    }
  }

  .text-text-tertiary\/80 {
    color: var(--color-text-tertiary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-tertiary\/80 {
      color: color-mix(in oklab, var(--color-text-tertiary) 80%, transparent);
    }
  }

  .text-transparent {
    color: #0000;
  }

  .text-warning {
    color: var(--color-warning);
  }

  .text-warning-soft, .text-warning-soft\/60 {
    color: var(--color-warning-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-warning-soft\/60 {
      color: color-mix(in oklab, var(--color-warning-soft) 60%, transparent);
    }
  }

  .text-warning-soft\/75 {
    color: var(--color-warning-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-warning-soft\/75 {
      color: color-mix(in oklab, var(--color-warning-soft) 75%, transparent);
    }
  }

  .text-warning-soft\/80 {
    color: var(--color-warning-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-warning-soft\/80 {
      color: color-mix(in oklab, var(--color-warning-soft) 80%, transparent);
    }
  }

  .text-warning-soft\/85 {
    color: var(--color-warning-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-warning-soft\/85 {
      color: color-mix(in oklab, var(--color-warning-soft) 85%, transparent);
    }
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .caret-text-primary {
    caret-color: var(--color-text-primary);
  }

  .accent-brand {
    accent-color: var(--color-brand);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-35 {
    opacity: .35;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-45 {
    opacity: .45;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-85 {
    opacity: .85;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_-12px_36px_rgba\(0\,0\,0\,0\.28\)\] {
    --tw-shadow: 0 -12px 36px var(--tw-shadow-color, #00000047);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0000000a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_rgba\(255\,62\,0\,0\.28\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #ff3e0047);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_3px_rgba\(255\,62\,0\,0\.20\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #ff3e0033);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_3px_var\(--brand-muted\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--brand-muted));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_18px_rgba\(0\,0\,0\,0\.16\)\] {
    --tw-shadow: 0 4px 18px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_6px_20px_rgba\(0\,0\,0\,0\.18\)\] {
    --tw-shadow: 0 6px 20px var(--tw-shadow-color, #0000002e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_36px_rgba\(15\,23\,42\,0\.08\)\] {
    --tw-shadow: 0 12px 36px var(--tw-shadow-color, #0f172a14);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_50px_rgba\(15\,23\,42\,0\.24\)\] {
    --tw-shadow: 0 18px 50px var(--tw-shadow-color, #0f172a3d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_60px_rgba\(15\,23\,42\,0\.18\)\] {
    --tw-shadow: 0 18px 60px var(--tw-shadow-color, #0f172a2e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_var\(--color-border-subtle\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, var(--color-border-subtle));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-bg-primary\/10 {
    --tw-shadow-color: var(--color-bg-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-bg-primary\/10 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-bg-primary) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-bg-primary\/15 {
    --tw-shadow-color: var(--color-bg-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-bg-primary\/15 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-bg-primary) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-bg-primary\/20 {
    --tw-shadow-color: var(--color-bg-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-bg-primary\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-bg-primary) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-bg-content\/90 {
    --tw-ring-color: var(--color-bg-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-bg-content\/90 {
      --tw-ring-color: color-mix(in oklab, var(--color-bg-content) 90%, transparent);
    }
  }

  .ring-border-subtle, .ring-border-subtle\/60 {
    --tw-ring-color: var(--color-border-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-border-subtle\/60 {
      --tw-ring-color: color-mix(in oklab, var(--color-border-subtle) 60%, transparent);
    }
  }

  .ring-brand-border\/70 {
    --tw-ring-color: var(--color-brand-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-brand-border\/70 {
      --tw-ring-color: color-mix(in oklab, var(--color-brand-border) 70%, transparent);
    }
  }

  .ring-brand\/20 {
    --tw-ring-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-brand\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-brand) 20%, transparent);
    }
  }

  .ring-error-soft\/25 {
    --tw-ring-color: var(--color-error-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-error-soft\/25 {
      --tw-ring-color: color-mix(in oklab, var(--color-error-soft) 25%, transparent);
    }
  }

  .ring-success-soft\/20 {
    --tw-ring-color: var(--color-success-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-success-soft\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-success-soft) 20%, transparent);
    }
  }

  .ring-success-soft\/25 {
    --tw-ring-color: var(--color-success-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-success-soft\/25 {
      --tw-ring-color: color-mix(in oklab, var(--color-success-soft) 25%, transparent);
    }
  }

  .ring-transparent {
    --tw-ring-color: transparent;
  }

  .ring-warning-soft\/25 {
    --tw-ring-color: var(--color-warning-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-warning-soft\/25 {
      --tw-ring-color: color-mix(in oklab, var(--color-warning-soft) 25%, transparent);
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,box-shadow\,opacity\,transform\] {
    transition-property: background-color, box-shadow, opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-width\] {
    transition-property: max-width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,transform\] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,background-color\,opacity\,box-shadow\] {
    transition-property: width, background-color, opacity, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,height\,opacity\,background-color\,box-shadow\] {
    transition-property: width, height, opacity, background-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .fade-out {
    --tw-exit-opacity: 0;
  }

  .paused {
    animation-play-state: paused;
  }

  .running {
    animation-play-state: running;
  }

  .zoom-in {
    --tw-enter-scale: 0;
  }

  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }

  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/checkpoint\:pointer-events-auto:is(:where(.group\/checkpoint):focus-within *) {
    pointer-events: auto;
  }

  .group-focus-within\/checkpoint\:hidden:is(:where(.group\/checkpoint):focus-within *) {
    display: none;
  }

  .group-focus-within\/checkpoint\:opacity-100:is(:where(.group\/checkpoint):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/context\:pointer-events-auto:is(:where(.group\/context):focus-within *) {
    pointer-events: auto;
  }

  .group-focus-within\/context\:translate-y-0:is(:where(.group\/context):focus-within *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-focus-within\/context\:opacity-100:is(:where(.group\/context):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/file\:pointer-events-auto:is(:where(.group\/file):focus-within *) {
    pointer-events: auto;
  }

  .group-focus-within\/file\:opacity-100:is(:where(.group\/file):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/resource\:pointer-events-auto:is(:where(.group\/resource):focus-within *) {
    pointer-events: auto;
  }

  .group-focus-within\/resource\:opacity-100:is(:where(.group\/resource):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/session\:pointer-events-auto:is(:where(.group\/session):focus-within *) {
    pointer-events: auto;
  }

  .group-focus-within\/session\:hidden:is(:where(.group\/session):focus-within *) {
    display: none;
  }

  .group-focus-within\/session\:opacity-100:is(:where(.group\/session):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:w-2\.5:is(:where(.group):hover *) {
      width: calc(var(--spacing) * 2.5);
    }

    .group-hover\:-translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) {
      scale: 1.02;
    }

    .group-hover\:bg-brand-hover:is(:where(.group):hover *) {
      background-color: var(--color-brand-hover);
    }

    .group-hover\:text-brand:is(:where(.group):hover *) {
      color: var(--color-brand);
    }

    .group-hover\:text-text-placeholder:is(:where(.group):hover *) {
      color: var(--color-text-placeholder);
    }

    .group-hover\:text-text-primary:is(:where(.group):hover *) {
      color: var(--color-text-primary);
    }

    .group-hover\:text-text-secondary:is(:where(.group):hover *) {
      color: var(--color-text-secondary);
    }

    .group-hover\:text-text-tertiary:is(:where(.group):hover *) {
      color: var(--color-text-tertiary);
    }

    .group-hover\:opacity-65:is(:where(.group):hover *) {
      opacity: .65;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\/checkpoint\:pointer-events-auto:is(:where(.group\/checkpoint):hover *) {
      pointer-events: auto;
    }

    .group-hover\/checkpoint\:hidden:is(:where(.group\/checkpoint):hover *) {
      display: none;
    }

    .group-hover\/checkpoint\:opacity-100:is(:where(.group\/checkpoint):hover *) {
      opacity: 1;
    }

    .group-hover\/context\:pointer-events-auto:is(:where(.group\/context):hover *) {
      pointer-events: auto;
    }

    .group-hover\/context\:translate-y-0:is(:where(.group\/context):hover *) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\/context\:opacity-100:is(:where(.group\/context):hover *) {
      opacity: 1;
    }

    .group-hover\/edit\:text-brand:is(:where(.group\/edit):hover *) {
      color: var(--color-brand);
    }

    .group-hover\/edit\:opacity-100:is(:where(.group\/edit):hover *) {
      opacity: 1;
    }

    .group-hover\/file\:pointer-events-auto:is(:where(.group\/file):hover *) {
      pointer-events: auto;
    }

    .group-hover\/file\:opacity-100:is(:where(.group\/file):hover *) {
      opacity: 1;
    }

    .group-hover\/rail\:bg-border-subtle:is(:where(.group\/rail):hover *) {
      background-color: var(--color-border-subtle);
    }

    .group-hover\/resource\:pointer-events-auto:is(:where(.group\/resource):hover *) {
      pointer-events: auto;
    }

    .group-hover\/resource\:opacity-100:is(:where(.group\/resource):hover *) {
      opacity: 1;
    }

    .group-hover\/scroll\:right-\[7\.5px\]:is(:where(.group\/scroll):hover *) {
      right: 7.5px;
    }

    .group-hover\/scroll\:w-\[5px\]:is(:where(.group\/scroll):hover *) {
      width: 5px;
    }

    .group-hover\/scroll\:bg-text-tertiary\/45:is(:where(.group\/scroll):hover *) {
      background-color: var(--color-text-tertiary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/scroll\:bg-text-tertiary\/45:is(:where(.group\/scroll):hover *) {
        background-color: color-mix(in oklab, var(--color-text-tertiary) 45%, transparent);
      }
    }

    .group-hover\/search\:text-brand:is(:where(.group\/search):hover *) {
      color: var(--color-brand);
    }

    .group-hover\/session\:pointer-events-auto:is(:where(.group\/session):hover *) {
      pointer-events: auto;
    }

    .group-hover\/session\:hidden:is(:where(.group\/session):hover *) {
      display: none;
    }

    .group-hover\/session\:opacity-100:is(:where(.group\/session):hover *) {
      opacity: 1;
    }

    .group-hover\/sidebar-flyout-item\:text-text-tertiary:is(:where(.group\/sidebar-flyout-item):hover *) {
      color: var(--color-text-tertiary);
    }
  }

  .selection\:bg-brand\/22 ::selection {
    background-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .selection\:bg-brand\/22 ::selection {
      background-color: color-mix(in oklab, var(--color-brand) 22%, transparent);
    }
  }

  .selection\:bg-brand\/22::selection {
    background-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .selection\:bg-brand\/22::selection {
      background-color: color-mix(in oklab, var(--color-brand) 22%, transparent);
    }
  }

  .placeholder\:text-text-placeholder::placeholder {
    color: var(--color-text-placeholder);
  }

  .placeholder\:normal-case::placeholder {
    text-transform: none;
  }

  .first\:pt-0:first-child {
    padding-top: 0;
  }

  .last\:mb-0:last-child {
    margin-bottom: 0;
  }

  .checked\:bg-brand:checked {
    background-color: var(--color-brand);
  }

  .focus-within\:border-\[color\:var\(--chat-composer-border-focus\)\]:focus-within {
    border-color: var(--chat-composer-border-focus);
  }

  .focus-within\:border-border-strong:focus-within {
    border-color: var(--color-border-strong);
  }

  .focus-within\:border-brand\/50:focus-within {
    border-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:border-brand\/50:focus-within {
      border-color: color-mix(in oklab, var(--color-brand) 50%, transparent);
    }
  }

  .focus-within\:bg-\[var\(--chat-composer-bg-focus\)\]:focus-within {
    background-color: var(--chat-composer-bg-focus);
  }

  .focus-within\:bg-bg-hover:focus-within {
    background-color: var(--color-bg-hover);
  }

  .focus-within\:bg-transparent:focus-within {
    background-color: #0000;
  }

  .focus-within\:pr-12:focus-within {
    padding-right: calc(var(--spacing) * 12);
  }

  .focus-within\:pr-16:focus-within {
    padding-right: calc(var(--spacing) * 16);
  }

  .focus-within\:pr-20:focus-within {
    padding-right: calc(var(--spacing) * 20);
  }

  .focus-within\:pr-24:focus-within {
    padding-right: calc(var(--spacing) * 24);
  }

  .focus-within\:text-text-primary:focus-within {
    color: var(--color-text-primary);
  }

  .focus-within\:text-text-secondary:focus-within {
    color: var(--color-text-secondary);
  }

  .focus-within\:text-text-tertiary:focus-within {
    color: var(--color-text-tertiary);
  }

  .focus-within\:ring-brand\/45:focus-within {
    --tw-ring-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-brand\/45:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--color-brand) 45%, transparent);
    }
  }

  .focus-within\:ring-transparent:focus-within {
    --tw-ring-color: transparent;
  }

  @media (hover: hover) {
    .hover\:scale-\[1\.02\]:hover {
      scale: 1.02;
    }

    .hover\:border-border-default:hover {
      border-color: var(--color-border-default);
    }

    .hover\:border-border-primary:hover {
      border-color: var(--color-border-primary);
    }

    .hover\:border-border-strong:hover {
      border-color: var(--color-border-strong);
    }

    .hover\:border-border-subtle:hover, .hover\:border-border-subtle\/80:hover {
      border-color: var(--color-border-subtle);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-border-subtle\/80:hover {
        border-color: color-mix(in oklab, var(--color-border-subtle) 80%, transparent);
      }
    }

    .hover\:border-brand\/30:hover {
      border-color: var(--color-brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-brand\/30:hover {
        border-color: color-mix(in oklab, var(--color-brand) 30%, transparent);
      }
    }

    .hover\:border-brand\/50:hover {
      border-color: var(--color-brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-brand\/50:hover {
        border-color: color-mix(in oklab, var(--color-brand) 50%, transparent);
      }
    }

    .hover\:border-brand\/70:hover {
      border-color: var(--color-brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-brand\/70:hover {
        border-color: color-mix(in oklab, var(--color-brand) 70%, transparent);
      }
    }

    .hover\:border-chat-panel-border:hover {
      border-color: var(--color-chat-panel-border);
    }

    .hover\:border-error-soft\/20:hover {
      border-color: var(--color-error-soft);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-error-soft\/20:hover {
        border-color: color-mix(in oklab, var(--color-error-soft) 20%, transparent);
      }
    }

    .hover\:border-error-soft\/40:hover {
      border-color: var(--color-error-soft);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-error-soft\/40:hover {
        border-color: color-mix(in oklab, var(--color-error-soft) 40%, transparent);
      }
    }

    .hover\:border-provider-discord-border-hover:hover {
      border-color: var(--color-provider-discord-border-hover);
    }

    .hover\:border-provider-feishu-border-hover:hover {
      border-color: var(--color-provider-feishu-border-hover);
    }

    .hover\:border-provider-wechat-border-hover:hover {
      border-color: var(--color-provider-wechat-border-hover);
    }

    .hover\:border-success-soft\/60:hover {
      border-color: var(--color-success-soft);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-success-soft\/60:hover {
        border-color: color-mix(in oklab, var(--color-success-soft) 60%, transparent);
      }
    }

    .hover\:bg-\[var\(--sidebar-item-hover-bg\)\]:hover {
      background-color: var(--sidebar-item-hover-bg);
    }

    .hover\:bg-\[var\(--sidebar-primary-action-bg-hover\)\]:hover {
      background-color: var(--sidebar-primary-action-bg-hover);
    }

    .hover\:bg-bg-content:hover {
      background-color: var(--color-bg-content);
    }

    .hover\:bg-bg-elevated\/40:hover {
      background-color: var(--color-bg-elevated);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-elevated\/40:hover {
        background-color: color-mix(in oklab, var(--color-bg-elevated) 40%, transparent);
      }
    }

    .hover\:bg-bg-hover:hover {
      background-color: var(--color-bg-hover);
    }

    .hover\:bg-bg-hover-strong:hover {
      background-color: var(--color-bg-hover-strong);
    }

    .hover\:bg-bg-hover\/40:hover {
      background-color: var(--color-bg-hover);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-hover\/40:hover {
        background-color: color-mix(in oklab, var(--color-bg-hover) 40%, transparent);
      }
    }

    .hover\:bg-bg-hover\/50:hover {
      background-color: var(--color-bg-hover);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-hover\/50:hover {
        background-color: color-mix(in oklab, var(--color-bg-hover) 50%, transparent);
      }
    }

    .hover\:bg-bg-hover\/55:hover {
      background-color: var(--color-bg-hover);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-hover\/55:hover {
        background-color: color-mix(in oklab, var(--color-bg-hover) 55%, transparent);
      }
    }

    .hover\:bg-bg-hover\/60:hover {
      background-color: var(--color-bg-hover);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-hover\/60:hover {
        background-color: color-mix(in oklab, var(--color-bg-hover) 60%, transparent);
      }
    }

    .hover\:bg-bg-hover\/70:hover {
      background-color: var(--color-bg-hover);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-hover\/70:hover {
        background-color: color-mix(in oklab, var(--color-bg-hover) 70%, transparent);
      }
    }

    .hover\:bg-bg-surface:hover {
      background-color: var(--color-bg-surface);
    }

    .hover\:bg-brand:hover {
      background-color: var(--color-brand);
    }

    .hover\:bg-brand-hover:hover {
      background-color: var(--color-brand-hover);
    }

    .hover\:bg-brand-muted:hover {
      background-color: var(--color-brand-muted);
    }

    .hover\:bg-brand-muted-hover:hover {
      background-color: var(--color-brand-muted-hover);
    }

    .hover\:bg-brand\/90:hover {
      background-color: var(--color-brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand\/90:hover {
        background-color: color-mix(in oklab, var(--color-brand) 90%, transparent);
      }
    }

    .hover\:bg-error-bg:hover, .hover\:bg-error-bg\/80:hover {
      background-color: var(--color-error-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-error-bg\/80:hover {
        background-color: color-mix(in oklab, var(--color-error-bg) 80%, transparent);
      }
    }

    .hover\:bg-overlay-control-hover:hover {
      background-color: var(--color-overlay-control-hover);
    }

    .hover\:bg-provider-discord-bg-hover:hover {
      background-color: var(--color-provider-discord-bg-hover);
    }

    .hover\:bg-provider-feishu-bg-hover:hover {
      background-color: var(--color-provider-feishu-bg-hover);
    }

    .hover\:bg-provider-wechat-bg-hover:hover {
      background-color: var(--color-provider-wechat-bg-hover);
    }

    .hover\:bg-status-error\/10:hover {
      background-color: var(--color-status-error);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-status-error\/10:hover {
        background-color: color-mix(in oklab, var(--color-status-error) 10%, transparent);
      }
    }

    .hover\:bg-text-secondary:hover {
      background-color: var(--color-text-secondary);
    }

    .hover\:bg-warning-bg\/80:hover {
      background-color: var(--color-warning-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning-bg\/80:hover {
        background-color: color-mix(in oklab, var(--color-warning-bg) 80%, transparent);
      }
    }

    .hover\:pr-12:hover {
      padding-right: calc(var(--spacing) * 12);
    }

    .hover\:pr-16:hover {
      padding-right: calc(var(--spacing) * 16);
    }

    .hover\:pr-20:hover {
      padding-right: calc(var(--spacing) * 20);
    }

    .hover\:pr-24:hover {
      padding-right: calc(var(--spacing) * 24);
    }

    .hover\:text-brand:hover {
      color: var(--color-brand);
    }

    .hover\:text-brand-hover:hover {
      color: var(--color-brand-hover);
    }

    .hover\:text-error-soft:hover {
      color: var(--color-error-soft);
    }

    .hover\:text-status-error:hover {
      color: var(--color-status-error);
    }

    .hover\:text-text-primary:hover {
      color: var(--color-text-primary);
    }

    .hover\:text-text-secondary:hover {
      color: var(--color-text-secondary);
    }

    .hover\:text-text-tertiary:hover {
      color: var(--color-text-tertiary);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:decoration-brand\/35:hover {
      -webkit-text-decoration-color: var(--color-brand);
      -webkit-text-decoration-color: var(--color-brand);
      text-decoration-color: var(--color-brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:decoration-brand\/35:hover {
        -webkit-text-decoration-color: color-mix(in oklab, var(--color-brand) 35%, transparent);
        -webkit-text-decoration-color: color-mix(in oklab, var(--color-brand) 35%, transparent);
        text-decoration-color: color-mix(in oklab, var(--color-brand) 35%, transparent);
      }
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  .focus\:border-brand:focus, .focus\:border-brand\/40:focus {
    border-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-brand\/40:focus {
      border-color: color-mix(in oklab, var(--color-brand) 40%, transparent);
    }
  }

  .focus\:border-brand\/45:focus {
    border-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-brand\/45:focus {
      border-color: color-mix(in oklab, var(--color-brand) 45%, transparent);
    }
  }

  .focus\:border-brand\/50:focus {
    border-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-brand\/50:focus {
      border-color: color-mix(in oklab, var(--color-brand) 50%, transparent);
    }
  }

  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-brand:focus, .focus\:ring-brand\/40:focus {
    --tw-ring-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-brand\/40:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-brand) 40%, transparent);
    }
  }

  .focus\:ring-brand\/45:focus {
    --tw-ring-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-brand\/45:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-brand) 45%, transparent);
    }
  }

  .focus\:ring-error-soft\/40:focus {
    --tw-ring-color: var(--color-error-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-error-soft\/40:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-error-soft) 40%, transparent);
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-brand:focus-visible, .focus-visible\:ring-brand\/25:focus-visible {
    --tw-ring-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-brand\/25:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-brand) 25%, transparent);
    }
  }

  .focus-visible\:ring-brand\/35:focus-visible {
    --tw-ring-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-brand\/35:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-brand) 35%, transparent);
    }
  }

  .focus-visible\:ring-brand\/40:focus-visible {
    --tw-ring-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-brand\/40:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-brand) 40%, transparent);
    }
  }

  .focus-visible\:ring-brand\/45:focus-visible {
    --tw-ring-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-brand\/45:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-brand) 45%, transparent);
    }
  }

  .focus-visible\:ring-brand\/50:focus-visible {
    --tw-ring-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-brand\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-brand) 50%, transparent);
    }
  }

  .focus-visible\:ring-brand\/60:focus-visible {
    --tw-ring-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-brand\/60:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-brand) 60%, transparent);
    }
  }

  .focus-visible\:ring-brand\/70:focus-visible {
    --tw-ring-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-brand\/70:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-brand) 70%, transparent);
    }
  }

  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-bg-primary:focus-visible {
    --tw-ring-offset-color: var(--color-bg-primary);
  }

  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-brand\/40:focus-visible {
    outline-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:outline-brand\/40:focus-visible {
      outline-color: color-mix(in oklab, var(--color-brand) 40%, transparent);
    }
  }

  .focus-visible\:outline-brand\/50:focus-visible {
    outline-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:outline-brand\/50:focus-visible {
      outline-color: color-mix(in oklab, var(--color-brand) 50%, transparent);
    }
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }

  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:bg-bg-hover:active {
    background-color: var(--color-bg-hover);
  }

  .active\:bg-bg-subtle:active {
    background-color: var(--color-bg-subtle);
  }

  .active\:bg-brand-hover:active {
    background-color: var(--color-brand-hover);
  }

  .active\:bg-brand\/80:active {
    background-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-brand\/80:active {
      background-color: color-mix(in oklab, var(--color-brand) 80%, transparent);
    }
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:scale-100:disabled {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:cursor-wait:disabled {
    cursor: wait;
  }

  .disabled\:bg-bg-hover-strong:disabled {
    background-color: var(--color-bg-hover-strong);
  }

  .disabled\:text-text-disabled:disabled {
    color: var(--color-text-disabled);
  }

  .disabled\:opacity-35:disabled {
    opacity: .35;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-45:disabled {
    opacity: .45;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-55:disabled {
    opacity: .55;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:opacity-70:disabled {
    opacity: .7;
  }

  .disabled\:opacity-75:disabled {
    opacity: .75;
  }

  @media (hover: hover) {
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: #0000;
    }

    .disabled\:hover\:text-text-tertiary:disabled:hover {
      color: var(--color-text-tertiary);
    }
  }

  @supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))) {
    .supports-\[not\(backdrop-filter\:blur\(0\)\)\]\:bg-bg-surface {
      background-color: var(--color-bg-surface);
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-in {
      animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
    }

    .motion-safe\:animate-pulse {
      animation: var(--animate-pulse);
    }

    .motion-safe\:fade-in {
      --tw-enter-opacity: 0;
    }

    .motion-safe\:slide-in-from-bottom-1 {
      --tw-enter-translate-y: calc(1*var(--spacing));
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none;
    }
  }

  @media not all and (min-width: 960px) {
    .max-lg\:overflow-visible {
      overflow: visible;
    }

    .max-lg\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:left-\[4px\] {
      left: 4px;
    }

    .max-sm\:min-h-11 {
      min-height: calc(var(--spacing) * 11);
    }

    .max-sm\:grid-cols-\[1\.25rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 1.25rem minmax(0, 1fr);
    }

    .max-sm\:grid-cols-\[minmax\(3\.5rem\,max-content\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(3.5rem, max-content) minmax(0, 1fr);
    }

    .max-sm\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .max-sm\:gap-x-1\.5 {
      column-gap: calc(var(--spacing) * 1.5);
    }

    .max-sm\:gap-y-0\.5 {
      row-gap: calc(var(--spacing) * .5);
    }

    .max-sm\:px-1 {
      padding-inline: var(--spacing);
    }

    .max-sm\:pr-1 {
      padding-right: var(--spacing);
    }

    .max-sm\:pl-3 {
      padding-left: calc(var(--spacing) * 3);
    }

    .max-sm\:text-\[12px\] {
      font-size: 12px;
    }
  }

  @media (min-width: 960px) {
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:-mx-8 {
      margin-inline: calc(var(--spacing) * -8);
    }

    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:grid {
      display: grid;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:inline {
      display: inline;
    }

    .lg\:h-10 {
      height: calc(var(--spacing) * 10);
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[1fr_1fr_1fr_auto\] {
      grid-template-columns: 1fr 1fr 1fr auto;
    }

    .lg\:grid-cols-\[auto_1fr_auto_1fr_auto\] {
      grid-template-columns: auto 1fr auto 1fr auto;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_140px\] {
      grid-template-columns: minmax(0, 1fr) 140px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_180px\] {
      grid-template-columns: minmax(0, 1fr) 180px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_220px\] {
      grid-template-columns: minmax(0, 1fr) 220px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_240px\] {
      grid-template-columns: minmax(0, 1fr) 240px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_260px\] {
      grid-template-columns: minmax(0, 1fr) 260px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_280px\] {
      grid-template-columns: minmax(0, 1fr) 280px;
    }

    .lg\:grid-cols-\[minmax\(220px\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
    }

    .lg\:flex-col {
      flex-direction: column;
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:items-center {
      align-items: center;
    }

    .lg\:items-start {
      align-items: flex-start;
    }

    .lg\:justify-between {
      justify-content: space-between;
    }

    .lg\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .lg\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    :where(.lg\:space-y-0 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block: 0;
    }

    :where(.lg\:divide-y > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }

    :where(.lg\:divide-border-subtle > :not(:last-child)) {
      border-color: var(--color-border-subtle);
    }

    .lg\:rounded-none {
      border-radius: 0;
    }

    .lg\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .lg\:bg-transparent {
      background-color: #0000;
    }

    .lg\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .lg\:px-0 {
      padding-inline: 0;
    }

    .lg\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .lg\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }

    .lg\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }

    .lg\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }

    .lg\:pt-0 {
      padding-top: 0;
    }

    .lg\:pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }

    .lg\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 40rem) {
    .sm\:inset-x-auto {
      inset-inline: auto;
    }

    .sm\:top-1\/2 {
      top: 50%;
    }

    .sm\:top-4 {
      top: calc(var(--spacing) * 4);
    }

    .sm\:top-auto {
      top: auto;
    }

    .sm\:right-4 {
      right: calc(var(--spacing) * 4);
    }

    .sm\:right-5 {
      right: calc(var(--spacing) * 5);
    }

    .sm\:bottom-4 {
      bottom: calc(var(--spacing) * 4);
    }

    .sm\:bottom-5 {
      bottom: calc(var(--spacing) * 5);
    }

    .sm\:left-4 {
      left: calc(var(--spacing) * 4);
    }

    .sm\:row-span-1 {
      grid-row: span 1 / span 1;
    }

    .sm\:-mx-6 {
      margin-inline: calc(var(--spacing) * -6);
    }

    .sm\:mt-0 {
      margin-top: 0;
    }

    .sm\:mt-0\.5 {
      margin-top: calc(var(--spacing) * .5);
    }

    .sm\:mt-1 {
      margin-top: var(--spacing);
    }

    .sm\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }

    .sm\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }

    .sm\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }

    .sm\:-mb-5 {
      margin-bottom: calc(var(--spacing) * -5);
    }

    .sm\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }

    .sm\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }

    .sm\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:grid {
      display: grid;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:inline-flex {
      display: inline-flex;
    }

    .sm\:h-5 {
      height: calc(var(--spacing) * 5);
    }

    .sm\:h-9 {
      height: calc(var(--spacing) * 9);
    }

    .sm\:h-12 {
      height: calc(var(--spacing) * 12);
    }

    .sm\:max-h-80 {
      max-height: calc(var(--spacing) * 80);
    }

    .sm\:max-h-\[520px\] {
      max-height: 520px;
    }

    .sm\:max-h-\[min\(28vh\,12rem\)\] {
      max-height: min(28vh, 12rem);
    }

    .sm\:min-h-0 {
      min-height: 0;
    }

    .sm\:min-h-5 {
      min-height: calc(var(--spacing) * 5);
    }

    .sm\:min-h-8 {
      min-height: calc(var(--spacing) * 8);
    }

    .sm\:min-h-9 {
      min-height: calc(var(--spacing) * 9);
    }

    .sm\:min-h-36 {
      min-height: calc(var(--spacing) * 36);
    }

    .sm\:min-h-\[42vh\] {
      min-height: 42vh;
    }

    .sm\:min-h-\[60dvh\] {
      min-height: 60dvh;
    }

    .sm\:w-2 {
      width: calc(var(--spacing) * 2);
    }

    .sm\:w-5 {
      width: calc(var(--spacing) * 5);
    }

    .sm\:w-7 {
      width: calc(var(--spacing) * 7);
    }

    .sm\:w-12 {
      width: calc(var(--spacing) * 12);
    }

    .sm\:w-32 {
      width: calc(var(--spacing) * 32);
    }

    .sm\:w-40 {
      width: calc(var(--spacing) * 40);
    }

    .sm\:w-\[360px\] {
      width: 360px;
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:max-w-52 {
      max-width: calc(var(--spacing) * 52);
    }

    .sm\:max-w-\[10rem\] {
      max-width: 10rem;
    }

    .sm\:max-w-\[68\%\] {
      max-width: 68%;
    }

    .sm\:max-w-\[calc\(100vw-2rem\)\] {
      max-width: calc(100vw - 2rem);
    }

    .sm\:max-w-none {
      max-width: none;
    }

    .sm\:max-w-xl {
      max-width: var(--container-xl);
    }

    .sm\:flex-none {
      flex: none;
    }

    .sm\:-translate-y-1\/2 {
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }

    .sm\:grid-cols-\[96px_minmax\(0\,1fr\)_180px\] {
      grid-template-columns: 96px minmax(0, 1fr) 180px;
    }

    .sm\:grid-cols-\[160px_minmax\(0\,1fr\)\] {
      grid-template-columns: 160px minmax(0, 1fr);
    }

    .sm\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)_8rem\] {
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) 8rem;
    }

    .sm\:grid-cols-\[minmax\(92px\,0\.8fr\)_minmax\(132px\,1fr\)_80px_minmax\(0\,1\.5fr\)\] {
      grid-template-columns: minmax(92px, .8fr) minmax(132px, 1fr) 80px minmax(0, 1.5fr);
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:flex-wrap {
      flex-wrap: wrap;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:items-end {
      align-items: flex-end;
    }

    .sm\:items-start {
      align-items: flex-start;
    }

    .sm\:items-stretch {
      align-items: stretch;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:justify-start {
      justify-content: flex-start;
    }

    .sm\:gap-1 {
      gap: var(--spacing);
    }

    .sm\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .sm\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }

    :where(.sm\:space-y-4 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-7 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-8 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-14 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
    }

    .sm\:truncate {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    .sm\:overflow-y-auto {
      overflow-y: auto;
    }

    .sm\:rounded-\[14px\] {
      border-radius: 14px;
    }

    .sm\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .sm\:border-border-subtle {
      border-color: var(--color-border-subtle);
    }

    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .sm\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }

    .sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }

    .sm\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }

    .sm\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .sm\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }

    .sm\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }

    .sm\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .sm\:py-7 {
      padding-block: calc(var(--spacing) * 7);
    }

    .sm\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .sm\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .sm\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }

    .sm\:pt-14 {
      padding-top: calc(var(--spacing) * 14);
    }

    .sm\:pt-\[clamp\(2\.25rem\,7dvh\,4\.5rem\)\] {
      padding-top: clamp(2.25rem, 7dvh, 4.5rem);
    }

    .sm\:pt-\[min\(14dvh\,6rem\)\] {
      padding-top: min(14dvh, 6rem);
    }

    .sm\:pr-5 {
      padding-right: calc(var(--spacing) * 5);
    }

    .sm\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }

    .sm\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }

    .sm\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }

    .sm\:pl-5 {
      padding-left: calc(var(--spacing) * 5);
    }

    .sm\:pl-8 {
      padding-left: calc(var(--spacing) * 8);
    }

    .sm\:text-right {
      text-align: right;
    }

    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .sm\:text-\[11px\] {
      font-size: 11px;
    }

    .sm\:text-\[12px\] {
      font-size: 12px;
    }

    .sm\:text-\[13px\] {
      font-size: 13px;
    }

    .sm\:text-\[14px\] {
      font-size: 14px;
    }

    .sm\:text-\[15px\] {
      font-size: 15px;
    }

    .sm\:text-\[20px\] {
      font-size: 20px;
    }

    .sm\:text-\[22px\] {
      font-size: 22px;
    }

    .sm\:text-\[30px\] {
      font-size: 30px;
    }

    .sm\:text-\[34px\] {
      font-size: 34px;
    }

    .sm\:leading-normal {
      --tw-leading: var(--leading-normal);
      line-height: var(--leading-normal);
    }

    .sm\:opacity-45 {
      opacity: .45;
    }

    @media (hover: hover) {
      .sm\:group-hover\/context\:opacity-100:is(:where(.group\/context):hover *) {
        opacity: 1;
      }
    }

    .sm\:focus\:opacity-100:focus {
      opacity: 1;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:block {
      display: block;
    }

    .md\:hidden {
      display: none;
    }

    .md\:inline {
      display: inline;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-\[1\.2fr_0\.9fr_1\.4fr_0\.7fr_auto\] {
      grid-template-columns: 1.2fr .9fr 1.4fr .7fr auto;
    }

    .md\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:justify-end {
      justify-content: flex-end;
    }

    .md\:justify-start {
      justify-content: flex-start;
    }

    .md\:gap-x-10 {
      column-gap: calc(var(--spacing) * 10);
    }

    .md\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .md\:pt-0 {
      padding-top: 0;
    }

    .md\:text-right {
      text-align: right;
    }
  }

  @media (min-width: 80rem) {
    .xl\:block {
      display: block;
    }

    .xl\:inline {
      display: inline;
    }
  }

  .\[\&_button\]\:cursor-pointer button {
    cursor: pointer;
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\&\>\*\]\:mt-2 > * {
    margin-top: calc(var(--spacing) * 2);
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("data:font/woff2;base64,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") format("woff2"), url("./geist-cyrillic-ext-400-normal.ChfpGzr5.woff") format("woff");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./geist-cyrillic-400-normal.DXusLSnH.woff2") format("woff2"), url("./geist-cyrillic-400-normal.DkrqoNl2.woff") format("woff");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("data:font/woff2;base64,d09GMgABAAAAAA+MABAAAAAAKVgAAA8qAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGoEkG44EHCgGYD9TVEFUSACCdBEICqZYoUMLghwAATYCJAOEDAQgBYQWB4o5DAcbkiQjESadUm+Kv0iwwZjaQ4WlTjRSaCu0yFAhAmHKht9fDZR5i3DAq+sHzHgo9vvf2b33izliCY+ezKJLE8teoREy0wmJoTJMZyjxzf48v80/971HyKPFQqcMFbERM8CiZIyW2TjEZroAA13jotLtRxS/2u1Xuf0qFgVFf4/u3j2IBSyGAQxYpsw1KGmpnUJn/mHE7iYBQS9RScffT/q3Jr98gS2+Tub5/y19pTt6e39f2/K6pZQG2KZU5I5TuPHs00i7c0Zjye77N63JvWrcFeRWUE5gaSjsF5RWGoMBOAAGoHDQACaBx3xV80CH6tKdFR6MICgNM8pW5/pK/5MIGDYA72D4EA6EhwcJJ4TEiYeIZECyFECKlELKNULU1BAtI8TMCrHrhrgMQTxGISuthPPywU3ww02bhkNwYBoYBaYhyDSEaiUvnwmT/BDQr4obceypMYLk5ipPHwjvepy9IHzUPjIAEgSg7hEYooMFDP7w7RmApLvnToh73Ls0QAC4pbjJIPNrgK72SJ7HQI6JigthwKDcRySUdpgQArIyQyCIf/bQmNZxHENb/QexlhsCCHQojf0clJEwuZJYpqO706W87j/+FuIu5/1WLf25n/ieb5C97LPoxyk+6GzxlEeyfe5Ab4Kr0nPX6ReWRLQXPVLCAV3n7dCh2YFMr0otrbTCIuVkGUrQIopCBUU2om+Mwe2gQ8hfVf9C8Ue+ViitL6M/KvNRsLDQJPgmzqA4iqAIL4Hprt3U2MT35PfwZggVp//ISlXE1TKMNGgiMylSCtWQXAzk0XUbpj4u+L2izkpngsYmZKPhcPiwC6Gy681Pt750W0/lVE7lthwxbxTF6IKkI53WRdgW4lB/4gu34q4GFTjYiN1il9giVs38RhN88/BMb9EiOk0PuO8tTRtuTHzkQFcEZ4VjaTHrRPGW0MqmphLeHDxJhHwrJZcoWhhFKFQg2Ib+xtHlLRVXfbtUFG+r1l88V3ib8ZKIhLcb00AulnsevnHuLoCNLt5O3hjVdgIkNaRNJIlIRDZjK9VhYZlpPSWqlXQCpDA6hC5P7I+cBMQhLkVTLEkph/KphhSkJh01/zRdENANsQIBmYahQ+gwv0GA+GoFJAao0EKAVq1XV/YeUH87p4H0t4XbOKb/aaSEv8E5DQxiz++v74FefZnbru/mzKn2ao79Iyj1aX/t1T0dC/e4g2Rden5/75e9R2VfHUmV3e6Kep+uy2myiY38MoJwe0gnT6wYhnUf871LNaQiLdlrnY8aUQgRIkQ40SiMCMIII0QYUfmx2ZWTTrig6jjRC5YiVXwNGzRQNjqZfAwFtNKHsqgRhCztM+EZEhKY4X/2O4wNPusp4yVT4zYoID/GCjihnjquII8K9jdeBWd8bZfPKzTwIqLlG/39+gy0h6SKgG+AHE8QsIoBbcMcTLbepvWef7hGEIB/N/1akQREgIBDsEgBEEADJCy2AfkTQHp6EoNUkYi2M1aJEL9vtWNeEkc8U+3xuA8W4QQehic+buxe7DkwxFWqy2M+UMD3mo449qyvenGXVg2X7rzq+EDnqiEhnyXcBPNFxCBdNf/72ijHoxbPqsCQFO1k3FbyY2vA0SiMAqkWUx2WegxKhApUVWiq0dWgqBTNIMZiQkbhtCI0iaQXZREBnQUs4pglayXRRsROzCHREklaLNRMqkOaLumcMnRL1SmLS7YeOXrl6pdnQL5Bcn2KLVPEo8SIUqMQVPfcAb4AYh5wAOQToDkLdB8DmpMAWlgVjtwgh3Lb2G86ByKD/2o5Yzl2QssVYBmUei3PScfDwpgElysIkzDD2dG0A/cwI3iE32ALCQGXlL2chy0QsunETyWgCwmSwiE6WBTmkrTeVIc7vYdsJZcwzExjM2knKeTMp+D/hGEmZy6hqTkGg6SwgGmKI2sT7YG5OTR16VKYz+ufmGHkeRow6uB3SqG5OIkd4Bx+I93BSNxO2ppJK2YKJGQWy9Rb5R/EmbM8eIndJAm7TjECTz+MIg59cOSnRsZXnwX/uyd96kxEEgzzxZe8c1fVC8w/J68nmF7MsLNi23DNeaeO4pmcNd9JMFDEtK4JkTMXYnMZLWtf23HoHUYrIoFsCq3nNpOmVgtplKqTYf48AnNi8vBT5MwzCeSxT3oDj0vOnGEEzsUxTn5MzjyWvPs0OXPBTz9I8FhLMC48gKZmr3TqKQHa+8RSz4H/2eb4aVk0dUJI7j5+/zdMiITmDh7UahzA47dku7Mxj/AP0Nn0YuywM5F7VtV1OqJwcEt55dukLbcvMdTtVfAJLr+nlhTYwqDIY3xrnl8aZAV/TXx74m3aNs376zSCdRdlPRUE914bGdNS92baa+9c8NcKBziCX5568MkLs/c9cXxm8brx8XXrNzayxu57fd7o+slhcFwZMoIjaA7CEMe5zao9vWyZ9sw2m7NbpIqN9LTzXM7FKpeicNJuL/S7lKrGIktc0snSH1g5hpWVVcsXvWdespYllkmbD6SL7H5WVML/4psnu19Ql7Rb/bbE8DVpaFMrlU1aM+cZsaKiurLwr+esVLbK47B393qcX/Df40SoZFxGUlAm3d5ubopPasxXSVPqMiQXEmwbFiY3ADlQ26XI95lMs+S7qc23ZFjvGoMarMluk0masquyF1rLKhZaqrKy6wwuR7OhB+JJdZ+iZMxoLPG5lY21PVXqc7DFTBFGvak2r0b2uo0qqBux/6FMpmg09aXlOhXo+UZ+75jGfkXpXFOpjzGNjX2KusloSpZsaGrUuxyORl6mF4mUJeEO2dTibol8/hXagobiynp9fZmRr18d5FTZ6qB7t6o87ljHwgUv0RyHn9rzlGPO+MsT+ZDe1WHtMKN0v7DWZJtsqZ6EdFO1Ktjm2ta0XBhTp+rk/hmFJ+zl6trUkuoHxIlHc0pSG2uBuB4ez2SVcviu8LwYlTQ6m3XbzgwvScqTVkD6UAOzAXZqy3If43P4UaxXp0umiUjZYxJxLOR811oQdSo2arpapZmOLqjKzIX03XarHXylygwl7P08u9dc3Zu4cai83Ku+suy9PaG3/wjFKwp4U1z2XwLmTk+e5xVB+rA44Qr8eZt/67c7qWyekpcXUSiJun37VxXJD4nzBLGtF5IfTFfbVrVcGFOntUQ+k73O3MkW9eRlw15zqq8od7AdLdw1POafPO6u4dN3ZHTU58grDlPZvJ7Xs/ZafYevzZhiDjfvjKjk5GimN/9uKULw5elcOgAJIAA0PrgDj1pjj8Oe6JpHS4FpCAVb1yLWtT/fuj5wrA2wP3PsMdjfulEuHxhrBg6olITcD3MBwW1QbdpHq5Y/mjaAjyuJx7hWNMDQRvDpCvj0miKcgGUidj7VdDZUFSaOH9t97zmbsEp61k8IUEziMa4VDTBOpkphVNn1RuCOKXTeQsqj0fiQyEvSXI7lhXc6klEu4QSctZmrI4RM+g6ZdBWZuEp0x0vSXLjQow7JKBcuka2JRYXnTMMbhgcO9/IFDvc7RzjBLMoWdxu/AhVr1JZ76EdCu66V0euuMHZd7+59w/WksYxd33WjRANDZm7Ynu7KHPodIdVpqx0ORlUzsvPBXWj815WjaDYQKGEeUoZeh2a3sxXumrhkTKHpq9btcHodG6P9CV0TP6xtbWVcBMDWBAIKhUNg0zyPngo5tkpv/D6vJmkuj9DN+yw+Ib/DXRMn7NJEelVZY/udGj0Vg9gqywR83k7SEtTKWp87ySC3qILzbBSO2+H3V8oxw/5o7z0Y22/3x504CpXV+r1b198u/b9w7VkAkyDfN6Cw1bu1R7lNRXDiffHeOh/254OGquxQkCDN6i9FOPSmLu2QXNytIhXm/dDMw5YgQczO3UKz28kjXmmHv+fZz0BsWjqz/srjnRfhrm01FX5o5mGHgsxh1jd0N+CKG862oJWsK0Hl/dXd2ZHBGkwAx1Rg1m7pzrbsZjitm6TqAKSUwaxkxYz6L4J8QWfrW92mAm4MCLlTIEeNtYcoXkKhsDbBnIrLGE7BPpMqwGWoslYoXoL/3vxldOXmTL5OFvAroX0JxEw+x/JWBx544IEHnhSEcMTM4ZpueO7n6OUu/wxfif8KoZOizREx1+ouCoTs590SHRm+Dcf4YA4hyYdBQPz+ikikYK33st8bjl8F+P/ZvZh5P9yz+3IjvOQRA7phAAF+xFXPf5GOK4573X3feZlWpHkIQVN8HIdUonl76A62aPZKp/h7P+cHMif9IbTjr9rNyZ9CBhZfzZzj/EcvdF7WFF9fppyM0ZXor1yhAkeNIZIT3ATHZle1YwpiLbIHQsAXcgR7OQcBTPOmd0BAb9SGAfjuD+MshOHHszBsc2fhZM6cRRDaJCjwCCqsZ7IVEF8EAQyKFBIwdArPB84b1K/dgEYj6rJ9enSycM5fymWkkfW8Q5YpkS27ikOculvfNmBkZlvGMqes2vBYql5Ez3lHZDJw6tG4bg9ocxUe05OSieR03riIjOwKRM1BXSoNAwWN3sZBrtUcNorboFc5lds4sIicjFweEaMtnM5qltbzGOTGdNa82ug9YwZvydFFpPeSXgrHlh/VIUvnvZxnW37b+d4yfcFk/cm9eU8qzP4W6xC5v9FfgE3eFEM4IhAFUREN0VEYYiASMRELsSElOCANrjz5hiswwkijyIhoYxQij1jjXGC8CYpcqNhEk0xWYgpFITXVNNPNMNOsE8gmq0wOuVx5KeUrUKhIsRKlypSrUKlKdfWQBjUUlGrVqdegsUtU1DQZaOk00VvEYDEjEzMLK1tWds0clmjRqk27jhw6dXHqDneXSw+3Xn36DRg0ZJjHMiNGLbfCSqt4+Yyt6v3a/raj0XuklpoKsgOCfW1LKHAISMCNGJTzui8/R/PbrOIAgn0NckDyS1DSBgEa//Gy2UI1BgEMrZwUZeU2NJ376xbx09TWi2Kba1FBczeYMlTxw9QeRbKFwxuYrvHDu4Lt/3asHLROHRGg/UFBhwdBYBVQ4RGRQZUUv88qHhDEtyBHZL8GJR8RoefRACFCYPCoY/dhEBmCig6Cje2HUUQQMuo4HUbHMVgFX8q6BzGhjBQMM/ykx33uj/Mn7fP9zOWA5TLdTU7j+MvpwvXu5z8wavKWozzvep+/L2ra3SY2O1bc7EpGFKMRIjhKUYzGbplPF3sOk8v+1doHzxcAAAA=") format("woff2"), url("./geist-vietnamese-400-normal.C8xY9-dI.woff") format("woff");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./geist-latin-ext-400-normal.CND6cjiG.woff2") format("woff2"), url("./geist-latin-ext-400-normal.Bz1pQMyt.woff") format("woff");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./geist-latin-400-normal.B40WzpMT.woff2") format("woff2"), url("./geist-latin-400-normal.akEymXtG.woff") format("woff");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("data:font/woff2;base64,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") format("woff2"), url("data:font/woff;base64,d09GRgABAAAAAA7kAA8AAAAAFUQAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABWAAAADYAAABMAQkA/EdQT1MAAAGQAAAAHgAAAB5EdEx1R1NVQgAAAbAAAAAnAAAAKLj8uOpPUy8yAAAB2AAAAFMAAABgWZd0eVNUQVQAAAIsAAAAOwAAAEjniss3Y21hcAAAAmgAAADMAAABJE9kcthnYXNwAAADNAAAAAgAAAAIAAAAEGdseWYAAAM8AAAIeAAAC/pHdShnaGVhZAAAC7QAAAA2AAAANiz72fJoaGVhAAAL7AAAACAAAAAkBkgDB2htdHgAAAwMAAAAXQAAAMxzFAnpbG9jYQAADGwAAABqAAAAalLgUIttYXhwAAAM2AAAABwAAAAgAGgCW25hbWUAAAz0AAABEwAAAkIxDlZTcG9zdAAADggAAADZAAAB62zhYS542g3BAQaAQBQFwHkFSiIiEUok2Ptfb/+MYAEMZjGKqcZaY7OLo8bpErdHvDW+Gr8mHTFfAgYAAAABAAAACgAcABwAAURGTFQACAAEAAAAAP//AAAAAAAAeNpjYGRgYOBiUANCJhc3nxAGoZzEkjwGPgYQYAER//+DSABaSQVVAHjaY2BhimCcwMDKwMDUxRTBwMDgDaEZ4xiMGO2AoowMnAxQwMQOImC8sCBnH4YDDAoKW5jf/rvJwMDiwNilwMAw/fw1oCIhpmNAJQoMbAAd9A3SAHjaBcHBDUBAFAXAeX8dFLAloC8nJI6baENBijMjYlboCot6jnME19jvrGLSNZTKS31oorKB8APVnQVxAHjabYszQC4AFIW/v84zsm3bxj6nsbaa0tY+ZhtztmsfWmvJ5p7tru8BYAQYA5YYY3jYMpgCobgiTHEljU4WDUbKU4FKVaMGtahH/RrWuKa1oCWtaEsHOnMdubmBN45c5atI1apXs7rVpyGNaerBsaxN7ev0wfH/ZuGm4ibtxsCXcZF5kcNTrJXxVuWNL/6EEk4k0cQSTyLJAA87lXQA/uLMP1z4jysmuPELR0xxxwwPzPHEAi8s8cYKH6zxxRZ/7AjAnkAcCLoFoIcx0wABAAH//wAPeNp1VgV021gW/f8rkRw2yW7Ija3GDrhkmcJMKjldRaUkJ5tJ53TTTZlpmDnZkw7zFJd3oLBYGmZmZuZC/LPvy25gcsZs6d/373vvvishgnzDvfgIl4c4JCBkNzlN+U6T04evp3djL31hkHtwSPFx8xGszIKPSnIC1iUjJFtki+SRBMxxWa+se6W99GQpzurpISeipY89hh14Md2FhodjGO5K5EYYIUDOREXo/pHj140c98Hn/bCHe/gbUk5eQpnIhVCiy+0OBJx+t1ty8YKnksg+m0208rzHFwwGnFabDfvbNlfjw8WRcMVcU6e1sat8wZaauo1zA3OK6D3F84xL7u6dPnt11W8aDM3nBrVdG9fsXqyWLFeU5SWwbwQ4GCCfFMgmIJukgFOUTLIY+dvf8IG//U0lDlWNvqciWFkAK2fASgNCThMnWywyZ8Lkte677+5+BbvwvfR+PJu207fY2p54VBtENcmmYCgY1GmbJJOf5SGaetSkjEmNhSXzCtVQuHoOOUFP2U052fKSMrofV8xR5ir0GIvkH+4lU4gZGaEvAdkXDIWk2N48L11ekZMtWHKPt9+1s/3ljPLAoGKy+IiBNuJD0f3FBYC2Ag838EhDyALZOUWnKIsSsLBG8BH6h2++0bA3ghX1pwh9AXvZfo2AMAMiKcbcIsNirlEb2qINQVtvIUujpfC+ZUw9gJn8S2adSy32pKycJzr27Or4wlg6Q02fVA/EmvGB6DVeDwCZekgz9NiMshFidYcYjJso+1h3JQ9EDECtpG1r1mhHjmzdePHFG7dujbS2RraSvPk9PfMXb1zRt06tb1GaEGE9IRHgkovymCqh2rIHOilAMLtF4kA7LGkmIM4SchpmpweKU/9E7H9K9gbS5iwoE7Id7gUeR5ah7Kn76APYG5z6vqq+Py0ARSEuOz2Oy2wSpfi69xHidHX6gHk6klA4rk9/MBhXpcU1jbgEXrDZbTaoSTA0YyYfcnvcbhcPR+GAzwEKDgWxV11fUbF+D/vIm1RSVuLL5Xlits5ZMceampjtiP9MS+D5rGBZqSxmZSYYtV0bNu3StF2bNuzSsNvmsKVz3LxwdU1NdYGc3NlaVl1bW10U4EgynEom8f7XA9cMqAprDkyPLOplePV4550XpxX6HW57psNwL/R2L/52pmxWJzmi9wMSge4WQkVFyDAgcUwFkgVC6JrgLLJISNZN2k1d993WdYN2Q9dtO0KDg1ij+/T3OfgcUHGb/r6NfvsZxHNAvFKIl67HwxBPNmEZQyD8QTl9QtNwUS89cnoDRFlI98A47MULfonN0LEmpw52wnsU7NfKAVlGjwPyURyKXvsZ+MtZhfLwRBPicLGEIBudRHDnzu5j/+0ZGOj+76AGsZz0bbwU/5a+j3Pp7fQbxsMax2fHeEBDeYl1H5hYbaDXYCjOqdGQlLfAX9Uua7WlBQ0hq9YIAYt53pY7rbMRGyidVSI6zbgSaMZnTp9S+6+4BS+YGjVDcp7mr+rwxUNCni/ygpg7raOJnsRED0iPgNuOOBqPEhH8H3FTHiWw/7EJ5/rAdZN115Xh2P3jdJ2JpAm69uhidjJZW0bkPFbEamiO1cjRfZzROue9hAxdvRnjJavWVPvq633VNbipzse06qs72yWdT8oonxF/MTPvCoE7xL1LlAIFF+JL6VP9/eonyjvKoPLJJ2jEx81nfQsz38IRFScvVulPxEz78ED0KzxA+9jVTq/3lciEsiZ4z1jrub6zU73llk3dy5Z1b9pU6fdXbsKPKJs2KVcvvHqh4i0oLEYkPmHmuPOExjmPXYJCSYwyGzkBnMfaYXTnpNyMv7kpOTff2NHVlGQRbapdNCc1Heinb7zrzr9VUW7Nd797ONP4wQfGzMN46i3Mc0qHfyAO4oDeTEYzJnqOf6bfzUwnKOvuIvigVbwETiS5mBFhb0tfeXlfP/tobe0vyE4yW10VJaWTU69tKRSTBcERDFd5bGJCfkFq/Xa1bVt9/bY2dXs9tuL23/klX6KYJR4J5BRg+BZapwfQmO5MdJYfnmi/77qUrCnZ1uS0DH4X1L4Ob8x1pCjpRqoBMnm4n8wFpAjIgMBm0A7lD8mcXWaV8ogn+9t33dx+qXpp+82batWc/pMncRJO+hke9Of/HFhx8qTeb4gC+8f9xMMu2hADQwz8RuVpVf2ql9Kja1esiEaJeWiInvrfAYbyAcodYw2ogKTD2HUfYM9FhlR1SI2sWPHNN8T8yis0fEBH9OoIA0PE7ELE5JnFd965+JnBQUhuEd4d/WqQVYQxGontiWWmpwWUigYGeo4e7L7q8p4DV7euWPHSS9iIySOP0KFj43hlx3iNOAsUJu4sZznyQnbD1PB8rxqe4SrzpjC6TyYmmERpbs2RI+Fppqy0bxhxmKGeER8Q0ARfAOVWgaYyQVN25AAKMSnFd3XGb7aCQYvTxvbH7ll9ZWXLWxp6y/GFCfMb/LXpi8X1X9PX+HmllfOIo2GbCnqp2bYoU2ubUSg0LaGHZ7fMHt31IHLDhCDYW0bj9WwHRU/0mrjVwIVT1/VYAbe0FE4W6DNCXsG7wuTC/oI8YZxmI4HC2trCwGe1RX5/US0wiN9BMQaGEQYwt8CAXRmzUIDdGznhXnLCLaYAFY8xC0nMf3hetOrlCNnTiRXfa0jPqQo0KKZOY+XSFuVcf6ohTN9t/n0Fz3vJDKoKgrveG15o7Ta2LMOXKOlTxMkzcyrCSWXa9JkLwrb8VIWunN4WznAlK0pqTppzZk54uiEU8YIe3iAa3gbsOOAWkoU3ajsXE+388+HMnWQJPkBeZ64I3DxyjI/M89hbMZsrTSx2ScUJpdwssqSx1JWX5yptZPraRVbjv0MNWDzIZBdOJaubm9H/AWU+2UAAAQAAAAGzdTjqJ+lfDzz1AAMD6AAAAADlWKpXAAAAAOYzOKv/yv52Ao4EIgAAAAYAAgAAAAAAAHjaY2BkYGB+++8mAwNTxP9Tf/cw9TG/YEAFRgDGOQhSeNpNzCEOgDAAQ9GCImgUArlML1MzuOlJDrCDoTgVx+AAVPwQxEuTpunwKI2H1p9gzaJ1y7ZYpZttskAv2xBJ9mrsKhnRLLEr3y89Itnpd7JYNmGRdOvU9QIKQhxfAAAAAAAAFQAvADsARwB9AJIAqADNAOwBBQEaATkBYAGWAewCCQIxAk8CawJzApMCvwLmAu4C9gMCAz4DSgNhA3cDnQPQBBkENgRZBHQEjQSiBMAE6gTyBPoFLQU4BW4FeQV5BXkFyAXVBfAF/QAAeNpjYGRgYDBh/MGgxZDIwAbmIQAzAyMAKlUBxXjaLMZFAYQAAEXBt+6+6A2LgEQhCxE4k4EMxKIAzp/TADdKdmz2F6DefPUNf3p9y5NW35HR6HtCKv2AS6Ef8cn1Jwn++g3cMfVo+lUfCyGLbAWiGIjWUnry3V2Y4O46xd2d3XNxh7YkJZ3z6ppOiqqlhjJqyqM+ta6KckqpQC2pDMbL3VZP/3rhbtEX0BfpmjBzxxzp8X0G7eJ0zf/Qgw/MdLxP7CrADHBk0CSZuigqc97QG94fvVI3XmPtNvbcG7VJSTib/HSXt+5OxzbZ5iecwK4SMPSuV95PujhIgbrtDKNtqQqSm88WDahlMM7HfHuQYQkvCnRZPSuHsgE6nCUyz7I+16w2PK2zfl4676ZlpFeSAHjaXMFFAQIBAADBXU5wd7fDXZ40oALRKEQq+DNDCgC+b66A/LsDCR9TBux58ORlaGRs2oxZc+YtWLRk2YpVa9Zt2LRl245de/YdOHTk2IlTZ85NXLh05ZrAjVt37j3EPzkmFaWWpbKX5mUCWJJvA4hhGAiCLVEAbUbff0dvdBvNmfDU+xqbyadKc5kNhyyGUbaM/MPwyGmYccgV5K7yGFY8srn0KrPjlMUxyVaQfzheOR0LTrn4d5PHsaH+MMJfCzN+x5mYXFqSmpyfmwSWMTYwg9ImAIfOaZIAAAA=") format("woff");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./geist-mono-cyrillic-400-normal.C51Di1Mf.woff2") format("woff2"), url("./geist-mono-cyrillic-400-normal.CPJFfJgk.woff") format("woff");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("data:font/woff2;base64,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") format("woff2"), url("./geist-mono-symbols2-400-normal.DjbiTEEA.woff") format("woff");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("data:font/woff2;base64,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") format("woff2"), url("./geist-mono-vietnamese-400-normal.CZEPLOgu.woff") format("woff");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./geist-mono-latin-ext-400-normal.DI-rJ0UV.woff2") format("woff2"), url("./geist-mono-latin-ext-400-normal.CfzLURNc.woff") format("woff");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./geist-mono-latin-400-normal.DTRLJnHl.woff2") format("woff2"), url("./geist-mono-latin-400-normal.B2yvC1Cq.woff") format("woff");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root, [data-theme="dark"] {
  color-scheme: dark;
  --neutral-0: oklch(94% .004 250);
  --neutral-5: oklch(90% .005 250);
  --neutral-10: oklch(82% .006 250);
  --neutral-20: oklch(70% .008 250);
  --neutral-30: oklch(58% .01 250);
  --neutral-40: oklch(54% .012 250);
  --neutral-50: oklch(46% .01 250);
  --neutral-60: oklch(38% .008 250);
  --neutral-70: oklch(32% .007 250);
  --neutral-80: oklch(27% .006 250);
  --neutral-90: oklch(22% .005 250);
  --neutral-95: oklch(18% .004 250);
  --neutral-100: oklch(14% .003 250);
  --brand-50: oklch(95% .02 30);
  --brand-100: oklch(85% .06 30);
  --brand-200: oklch(75% .12 30);
  --brand-300: oklch(65% .16 30);
  --brand-400: oklch(60% .2 30);
  --brand-500: oklch(55% .22 30);
  --brand-600: oklch(45% .2 30);
  --brand-700: oklch(35% .16 30);
  --brand-800: oklch(28% .1 30);
  --brand-900: oklch(22% .06 30);
  --brand-bg: var(--brand-900);
  --success-400: oklch(78% .12 160);
  --success-500: oklch(70% .13 160);
  --success-700: oklch(48% .1 160);
  --success-900: oklch(24% .05 160);
  --warning-400: oklch(82% .12 80);
  --warning-500: oklch(74% .13 80);
  --warning-700: oklch(52% .1 80);
  --warning-900: oklch(26% .05 80);
  --error-400: oklch(68% .18 25);
  --error-500: oklch(62% .2 25);
  --error-700: oklch(42% .14 25);
  --error-fg: var(--neutral-0);
  --error-900: oklch(22% .06 25);
  --info-400: oklch(72% .1 230);
  --info-500: oklch(64% .12 230);
  --info-700: oklch(44% .1 230);
  --info-900: oklch(22% .05 230);
  --bg-primary: var(--neutral-95);
  --bg-content: var(--neutral-90);
  --bg-surface: var(--neutral-80);
  --bg-surface-hover: var(--neutral-70);
  --bg-elevated: var(--neutral-60);
  --bg-input: var(--neutral-90);
  --bg-code: var(--neutral-100);
  --bg-header-alt: var(--neutral-80);
  --text-primary: var(--neutral-0);
  --text-reading: var(--neutral-5);
  --text-secondary: var(--neutral-10);
  --text-tertiary: var(--neutral-20);
  --text-placeholder: var(--neutral-30);
  --text-disabled: var(--neutral-40);
  --border-primary: var(--neutral-60);
  --border-subtle: var(--neutral-70);
  --bg-hover: oklch(28% .007 250);
  --bg-hover-strong: oklch(34% .008 250);
  --bg-active: oklch(38% .01 250);
  --scrollbar-thumb: var(--neutral-50);
  --scrollbar-thumb-hover: var(--neutral-30);
  --selection-bg: oklch(38% .06 250);
  --divider-muted: var(--border-subtle);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --divider-muted: color-mix(in srgb, var(--border-subtle) 60%, transparent);
  }
}

:root, [data-theme="dark"] {
  --brand: var(--brand-400);
  --brand-hover: var(--brand-500);
  --brand-soft: var(--brand-700);
  --brand-contrast-fg: var(--neutral-0);
  --brand-muted-fg: var(--brand);
  --brand-muted: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --brand-muted: color-mix(in srgb, var(--brand) 10%, transparent);
  }
}

:root, [data-theme="dark"] {
  --brand-muted-hover: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --brand-muted-hover: color-mix(in srgb, var(--brand) 15%, transparent);
  }
}

:root, [data-theme="dark"] {
  --brand-border: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --brand-border: color-mix(in srgb, var(--brand) 20%, transparent);
  }
}

:root, [data-theme="dark"] {
  --overlay-scrim: oklch(0% 0 0 / .6);
  --overlay-scrim-strong: oklch(0% 0 0 / .85);
  --overlay-control-bg: oklch(100% 0 0 / .1);
  --overlay-control-bg-hover: oklch(100% 0 0 / .2);
  --overlay-control-text: oklch(98% .003 250);
  --provider-discord: oklch(58% .18 275);
  --provider-discord-bg: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --provider-discord-bg: color-mix(in srgb,
		var(--provider-discord) 10%,
		transparent);
  }
}

:root, [data-theme="dark"] {
  --provider-discord-bg-hover: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --provider-discord-bg-hover: color-mix(in srgb,
		var(--provider-discord) 14%,
		transparent);
  }
}

:root, [data-theme="dark"] {
  --provider-discord-border: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --provider-discord-border: color-mix(in srgb,
		var(--provider-discord) 22%,
		transparent);
  }
}

:root, [data-theme="dark"] {
  --provider-discord-border-hover: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --provider-discord-border-hover: color-mix(in srgb,
		var(--provider-discord) 42%,
		transparent);
  }
}

:root, [data-theme="dark"] {
  --provider-feishu: oklch(70% .12 220);
  --provider-feishu-bg: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --provider-feishu-bg: color-mix(in srgb,
		var(--provider-feishu) 10%,
		transparent);
  }
}

:root, [data-theme="dark"] {
  --provider-feishu-bg-hover: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --provider-feishu-bg-hover: color-mix(in srgb,
		var(--provider-feishu) 14%,
		transparent);
  }
}

:root, [data-theme="dark"] {
  --provider-feishu-border: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --provider-feishu-border: color-mix(in srgb,
		var(--provider-feishu) 22%,
		transparent);
  }
}

:root, [data-theme="dark"] {
  --provider-feishu-border-hover: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --provider-feishu-border-hover: color-mix(in srgb,
		var(--provider-feishu) 42%,
		transparent);
  }
}

:root, [data-theme="dark"] {
  --provider-wechat: oklch(72% .14 160);
  --provider-wechat-bg: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --provider-wechat-bg: color-mix(in srgb,
		var(--provider-wechat) 10%,
		transparent);
  }
}

:root, [data-theme="dark"] {
  --provider-wechat-bg-hover: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --provider-wechat-bg-hover: color-mix(in srgb,
		var(--provider-wechat) 14%,
		transparent);
  }
}

:root, [data-theme="dark"] {
  --provider-wechat-border: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --provider-wechat-border: color-mix(in srgb,
		var(--provider-wechat) 22%,
		transparent);
  }
}

:root, [data-theme="dark"] {
  --provider-wechat-border-hover: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --provider-wechat-border-hover: color-mix(in srgb,
		var(--provider-wechat) 42%,
		transparent);
  }
}

:root, [data-theme="dark"] {
  --shadow-subtle: oklch(0% 0 0 / .08);
  --shadow-medium: oklch(0% 0 0 / .18);
  --shadow-strong: oklch(0% 0 0 / .28);
  --brand-ring: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --brand-ring: color-mix(in srgb, var(--brand) 24%, transparent);
  }
}

:root, [data-theme="dark"] {
  --mask-opaque: black;
  --avatar-placeholder-bg: var(--bg-hover-strong);
  --avatar-placeholder-fg: var(--text-placeholder);
  --app-bg-image: none;
  --app-bg-overlay: none;
  --app-bg-size: auto;
  --app-bg-position: center;
  --app-bg-repeat: repeat;
  --sidebar-bg: var(--bg-primary);
  --sidebar-border: var(--border-subtle);
  --sidebar-item-bg: transparent;
  --sidebar-item-hover-bg: var(--bg-hover);
  --sidebar-item-active-bg: var(--bg-active);
  --sidebar-item-active-fg: var(--text-primary);
  --sidebar-item-radius: 6px;
  --sidebar-primary-action-bg: var(--brand-muted);
  --sidebar-primary-action-bg-hover: var(--brand-muted-hover);
  --sidebar-primary-action-fg: var(--brand-muted-fg);
  --sidebar-primary-action-border: var(--brand-border);
  --sidebar-primary-action-radius: 7px;
  --chat-bg: var(--bg-content);
  --chat-panel-bg: var(--bg-content);
  --chat-panel-border: var(--border-subtle);
  --chat-user-message-bg: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --chat-user-message-bg: color-mix(in srgb, var(--brand) 5%, transparent);
  }
}

:root, [data-theme="dark"] {
  --chat-user-message-fg: var(--text-primary);
  --chat-user-message-max-width: min(52rem, 100%);
  --chat-user-message-radius: .75rem;
  --chat-user-message-tail-radius: .375rem;
  --chat-assistant-message-bg: transparent;
  --chat-assistant-message-fg: var(--text-primary);
  --chat-composer-bg: var(--bg-content);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --chat-composer-bg: color-mix(in srgb, var(--bg-content) 92%, transparent);
  }
}

:root, [data-theme="dark"] {
  --chat-composer-bg-focus: var(--bg-content);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --chat-composer-bg-focus: color-mix(in srgb,
		var(--bg-content) 96%,
		transparent);
  }
}

:root, [data-theme="dark"] {
  --chat-composer-border: var(--border-subtle);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --chat-composer-border: color-mix(in srgb,
		var(--border-subtle) 70%,
		transparent);
  }
}

:root, [data-theme="dark"] {
  --chat-composer-border-focus: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --chat-composer-border-focus: color-mix(in srgb,
		var(--brand) 25%,
		transparent);
  }
}

:root, [data-theme="dark"] {
  --chat-composer-radius: 28px;
  --chat-composer-max-width: 56rem;
  --chat-composer-expanded-max-width: 64rem;
  --chat-composer-placeholder: var(--text-placeholder);
  --heatmap-0: var(--bg-elevated);
  --heatmap-1: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --heatmap-1: color-mix(in srgb, var(--brand) 35%, transparent);
  }
}

:root, [data-theme="dark"] {
  --heatmap-2: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --heatmap-2: color-mix(in srgb, var(--brand) 55%, transparent);
  }
}

:root, [data-theme="dark"] {
  --heatmap-3: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --heatmap-3: color-mix(in srgb, var(--brand) 75%, transparent);
  }
}

:root, [data-theme="dark"] {
  --heatmap-4: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, [data-theme="dark"] {
    --heatmap-4: color-mix(in srgb, var(--brand) 95%, transparent);
  }
}

[data-theme="light"] {
  color-scheme: light;
  --neutral-0: oklch(8% .003 250);
  --neutral-5: oklch(18% .005 250);
  --neutral-10: oklch(35% .008 250);
  --neutral-20: oklch(50% .01 250);
  --neutral-30: oklch(65% .012 250);
  --neutral-40: oklch(78% .01 250);
  --neutral-50: oklch(85% .008 250);
  --neutral-60: oklch(90% .006 250);
  --neutral-70: oklch(93% .004 250);
  --neutral-80: oklch(96% .003 250);
  --neutral-90: oklch(98% .002 250);
  --neutral-95: oklch(99% .001 250);
  --neutral-100: oklch(100% 0 0);
  --brand-50: oklch(95% .02 30);
  --brand-100: oklch(88% .05 30);
  --brand-200: oklch(78% .1 30);
  --brand-300: oklch(68% .14 30);
  --brand-400: oklch(58% .18 30);
  --brand-500: oklch(52% .2 30);
  --brand-600: oklch(45% .18 30);
  --brand-700: oklch(38% .15 30);
  --brand-800: oklch(30% .1 30);
  --brand-900: oklch(25% .1 30);
  --brand-bg: oklch(94% .03 30);
  --success-400: oklch(45% .12 160);
  --success-500: oklch(38% .14 160);
  --success-700: oklch(30% .1 160);
  --success-900: oklch(90% .04 160);
  --warning-400: oklch(50% .12 80);
  --warning-500: oklch(42% .14 80);
  --warning-700: oklch(32% .1 80);
  --warning-900: oklch(92% .04 80);
  --error-400: oklch(45% .16 25);
  --error-500: oklch(38% .18 25);
  --error-700: oklch(28% .12 25);
  --error-fg: var(--neutral-100);
  --error-900: oklch(90% .04 25);
  --info-400: oklch(45% .12 230);
  --info-500: oklch(38% .14 230);
  --info-700: oklch(28% .1 230);
  --info-900: oklch(90% .04 230);
  --bg-primary: var(--neutral-100);
  --bg-content: var(--neutral-95);
  --bg-surface: var(--neutral-90);
  --bg-surface-hover: var(--neutral-80);
  --bg-elevated: var(--neutral-100);
  --bg-input: var(--neutral-100);
  --bg-code: var(--neutral-90);
  --bg-header-alt: var(--neutral-90);
  --text-primary: var(--neutral-0);
  --text-reading: var(--neutral-5);
  --text-secondary: var(--neutral-10);
  --text-tertiary: var(--neutral-20);
  --text-placeholder: var(--neutral-30);
  --text-disabled: var(--neutral-40);
  --border-primary: var(--neutral-50);
  --border-subtle: var(--neutral-60);
  --bg-hover: oklch(96% .003 250);
  --bg-hover-strong: oklch(92% .005 250);
  --bg-active: oklch(88% .008 250);
  --scrollbar-thumb: var(--neutral-40);
  --scrollbar-thumb-hover: var(--neutral-20);
  --selection-bg: oklch(85% .04 250);
  --divider-muted: var(--border-subtle);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --divider-muted: color-mix(in srgb, var(--border-subtle) 60%, transparent);
  }
}

[data-theme="light"] {
  --brand: var(--brand-400);
  --brand-hover: var(--brand-500);
  --brand-soft: var(--brand-700);
  --brand-contrast-fg: var(--neutral-100);
  --brand-muted-fg: var(--brand);
  --brand-muted: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --brand-muted: color-mix(in srgb, var(--brand) 10%, transparent);
  }
}

[data-theme="light"] {
  --brand-muted-hover: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --brand-muted-hover: color-mix(in srgb, var(--brand) 15%, transparent);
  }
}

[data-theme="light"] {
  --brand-border: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --brand-border: color-mix(in srgb, var(--brand) 20%, transparent);
  }
}

[data-theme="light"] {
  --overlay-scrim: oklch(0% 0 0 / .5);
  --overlay-scrim-strong: oklch(0% 0 0 / .82);
  --overlay-control-bg: oklch(100% 0 0 / .1);
  --overlay-control-bg-hover: oklch(100% 0 0 / .2);
  --overlay-control-text: oklch(98% .003 250);
  --provider-discord: oklch(58% .18 275);
  --provider-discord-bg: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --provider-discord-bg: color-mix(in srgb,
		var(--provider-discord) 10%,
		transparent);
  }
}

[data-theme="light"] {
  --provider-discord-bg-hover: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --provider-discord-bg-hover: color-mix(in srgb,
		var(--provider-discord) 14%,
		transparent);
  }
}

[data-theme="light"] {
  --provider-discord-border: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --provider-discord-border: color-mix(in srgb,
		var(--provider-discord) 22%,
		transparent);
  }
}

[data-theme="light"] {
  --provider-discord-border-hover: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --provider-discord-border-hover: color-mix(in srgb,
		var(--provider-discord) 42%,
		transparent);
  }
}

[data-theme="light"] {
  --provider-feishu: oklch(70% .12 220);
  --provider-feishu-bg: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --provider-feishu-bg: color-mix(in srgb,
		var(--provider-feishu) 10%,
		transparent);
  }
}

[data-theme="light"] {
  --provider-feishu-bg-hover: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --provider-feishu-bg-hover: color-mix(in srgb,
		var(--provider-feishu) 14%,
		transparent);
  }
}

[data-theme="light"] {
  --provider-feishu-border: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --provider-feishu-border: color-mix(in srgb,
		var(--provider-feishu) 22%,
		transparent);
  }
}

[data-theme="light"] {
  --provider-feishu-border-hover: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --provider-feishu-border-hover: color-mix(in srgb,
		var(--provider-feishu) 42%,
		transparent);
  }
}

[data-theme="light"] {
  --provider-wechat: oklch(52% .14 160);
  --provider-wechat-bg: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --provider-wechat-bg: color-mix(in srgb,
		var(--provider-wechat) 10%,
		transparent);
  }
}

[data-theme="light"] {
  --provider-wechat-bg-hover: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --provider-wechat-bg-hover: color-mix(in srgb,
		var(--provider-wechat) 14%,
		transparent);
  }
}

[data-theme="light"] {
  --provider-wechat-border: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --provider-wechat-border: color-mix(in srgb,
		var(--provider-wechat) 22%,
		transparent);
  }
}

[data-theme="light"] {
  --provider-wechat-border-hover: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --provider-wechat-border-hover: color-mix(in srgb,
		var(--provider-wechat) 42%,
		transparent);
  }
}

[data-theme="light"] {
  --shadow-subtle: oklch(0% 0 0 / .08);
  --shadow-medium: oklch(0% 0 0 / .18);
  --shadow-strong: oklch(0% 0 0 / .28);
  --brand-ring: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --brand-ring: color-mix(in srgb, var(--brand) 24%, transparent);
  }
}

[data-theme="light"] {
  --mask-opaque: black;
  --avatar-placeholder-bg: var(--bg-hover-strong);
  --avatar-placeholder-fg: var(--text-placeholder);
  --app-bg-image: none;
  --app-bg-overlay: none;
  --app-bg-size: auto;
  --app-bg-position: center;
  --app-bg-repeat: repeat;
  --sidebar-bg: var(--bg-primary);
  --sidebar-border: var(--border-subtle);
  --sidebar-item-bg: transparent;
  --sidebar-item-hover-bg: var(--bg-hover);
  --sidebar-item-active-bg: var(--bg-active);
  --sidebar-item-active-fg: var(--text-primary);
  --sidebar-item-radius: 6px;
  --sidebar-primary-action-bg: var(--brand-muted);
  --sidebar-primary-action-bg-hover: var(--brand-muted-hover);
  --sidebar-primary-action-fg: var(--brand-muted-fg);
  --sidebar-primary-action-border: var(--brand-border);
  --sidebar-primary-action-radius: 7px;
  --chat-bg: var(--bg-content);
  --chat-panel-bg: var(--bg-content);
  --chat-panel-border: var(--border-subtle);
  --chat-user-message-bg: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --chat-user-message-bg: color-mix(in srgb, var(--brand) 5%, transparent);
  }
}

[data-theme="light"] {
  --chat-user-message-fg: var(--text-primary);
  --chat-user-message-max-width: min(52rem, 100%);
  --chat-user-message-radius: .75rem;
  --chat-user-message-tail-radius: .375rem;
  --chat-assistant-message-bg: transparent;
  --chat-assistant-message-fg: var(--text-primary);
  --chat-composer-bg: var(--bg-content);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --chat-composer-bg: color-mix(in srgb, var(--bg-content) 92%, transparent);
  }
}

[data-theme="light"] {
  --chat-composer-bg-focus: var(--bg-content);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --chat-composer-bg-focus: color-mix(in srgb,
		var(--bg-content) 96%,
		transparent);
  }
}

[data-theme="light"] {
  --chat-composer-border: var(--border-subtle);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --chat-composer-border: color-mix(in srgb,
		var(--border-subtle) 70%,
		transparent);
  }
}

[data-theme="light"] {
  --chat-composer-border-focus: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --chat-composer-border-focus: color-mix(in srgb,
		var(--brand) 25%,
		transparent);
  }
}

[data-theme="light"] {
  --chat-composer-radius: 28px;
  --chat-composer-max-width: 56rem;
  --chat-composer-expanded-max-width: 64rem;
  --chat-composer-placeholder: var(--text-placeholder);
  --heatmap-0: var(--bg-elevated);
  --heatmap-1: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --heatmap-1: color-mix(in srgb, var(--brand) 35%, transparent);
  }
}

[data-theme="light"] {
  --heatmap-2: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --heatmap-2: color-mix(in srgb, var(--brand) 55%, transparent);
  }
}

[data-theme="light"] {
  --heatmap-3: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --heatmap-3: color-mix(in srgb, var(--brand) 75%, transparent);
  }
}

[data-theme="light"] {
  --heatmap-4: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] {
    --heatmap-4: color-mix(in srgb, var(--brand) 95%, transparent);
  }
}

[data-theme="solarized-dark"] {
  color-scheme: dark;
  --neutral-0: oklch(86% .025 195);
  --neutral-5: oklch(79% .025 195);
  --neutral-10: oklch(68% .025 195);
  --neutral-20: oklch(58% .028 195);
  --neutral-30: oklch(49% .026 195);
  --neutral-40: oklch(42% .024 195);
  --neutral-50: oklch(36% .022 195);
  --neutral-60: oklch(30% .021 195);
  --neutral-70: oklch(26% .02 195);
  --neutral-80: oklch(22.5% .024 198);
  --neutral-90: oklch(19.5% .026 200);
  --neutral-95: oklch(17.5% .028 200);
  --neutral-100: oklch(14.5% .028 200);
  --brand-50: oklch(92% .03 235);
  --brand-100: oklch(82% .06 235);
  --brand-200: oklch(73% .09 235);
  --brand-300: oklch(64% .12 235);
  --brand-400: oklch(58% .14 235);
  --brand-500: oklch(53% .15 235);
  --brand-600: oklch(45% .13 235);
  --brand-700: oklch(36% .1 235);
  --brand-800: oklch(29% .07 235);
  --brand-900: oklch(24% .05 235);
  --brand-bg: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --brand-bg: color-mix(in srgb, var(--brand) 16%, var(--bg-content));
  }
}

[data-theme="solarized-dark"] {
  --success-400: oklch(71% .12 125);
  --success-500: oklch(64% .12 125);
  --success-700: oklch(45% .09 125);
  --success-900: oklch(24% .045 125);
  --warning-400: oklch(78% .13 82);
  --warning-500: oklch(70% .13 82);
  --warning-700: oklch(49% .1 82);
  --warning-900: oklch(26% .05 82);
  --error-400: oklch(68% .18 25);
  --error-500: oklch(61% .19 25);
  --error-700: oklch(43% .14 25);
  --error-fg: var(--neutral-0);
  --error-900: oklch(23% .06 25);
  --info-400: oklch(68% .11 205);
  --info-500: oklch(61% .12 205);
  --info-700: oklch(43% .1 205);
  --info-900: oklch(23% .05 205);
  --bg-primary: var(--neutral-95);
  --bg-content: var(--neutral-90);
  --bg-surface: var(--neutral-80);
  --bg-surface-hover: var(--neutral-70);
  --bg-elevated: var(--neutral-60);
  --bg-input: var(--neutral-95);
  --bg-code: var(--neutral-100);
  --bg-header-alt: var(--neutral-80);
  --text-primary: var(--neutral-0);
  --text-reading: var(--neutral-5);
  --text-secondary: var(--neutral-10);
  --text-tertiary: var(--neutral-20);
  --text-placeholder: var(--neutral-30);
  --text-disabled: var(--neutral-40);
  --border-primary: var(--neutral-60);
  --border-subtle: var(--neutral-70);
  --bg-hover: oklch(24% .024 198);
  --bg-hover-strong: oklch(29% .024 198);
  --bg-active: oklch(34% .024 198);
  --scrollbar-thumb: var(--neutral-50);
  --scrollbar-thumb-hover: var(--neutral-30);
  --selection-bg: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --selection-bg: color-mix(in srgb, var(--brand) 30%, var(--bg-content));
  }
}

[data-theme="solarized-dark"] {
  --divider-muted: var(--border-subtle);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --divider-muted: color-mix(in srgb, var(--border-subtle) 60%, transparent);
  }
}

[data-theme="solarized-dark"] {
  --brand: var(--brand-400);
  --brand-hover: var(--brand-300);
  --brand-soft: var(--brand-700);
  --brand-contrast-fg: var(--neutral-0);
  --brand-muted-fg: var(--brand);
  --brand-muted: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --brand-muted: color-mix(in srgb, var(--brand) 11%, transparent);
  }
}

[data-theme="solarized-dark"] {
  --brand-muted-hover: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --brand-muted-hover: color-mix(in srgb, var(--brand) 16%, transparent);
  }
}

[data-theme="solarized-dark"] {
  --brand-border: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --brand-border: color-mix(in srgb, var(--brand) 24%, transparent);
  }
}

[data-theme="solarized-dark"] {
  --overlay-scrim: oklch(0% 0 0 / .62);
  --overlay-scrim-strong: oklch(0% 0 0 / .86);
  --overlay-control-bg: oklch(100% 0 0 / .1);
  --overlay-control-bg-hover: oklch(100% 0 0 / .18);
  --overlay-control-text: var(--neutral-0);
  --provider-discord: oklch(62% .16 275);
  --provider-discord-bg: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --provider-discord-bg: color-mix(in srgb,
		var(--provider-discord) 10%,
		transparent);
  }
}

[data-theme="solarized-dark"] {
  --provider-discord-bg-hover: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --provider-discord-bg-hover: color-mix(in srgb,
		var(--provider-discord) 14%,
		transparent);
  }
}

[data-theme="solarized-dark"] {
  --provider-discord-border: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --provider-discord-border: color-mix(in srgb,
		var(--provider-discord) 22%,
		transparent);
  }
}

[data-theme="solarized-dark"] {
  --provider-discord-border-hover: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --provider-discord-border-hover: color-mix(in srgb,
		var(--provider-discord) 42%,
		transparent);
  }
}

[data-theme="solarized-dark"] {
  --provider-feishu: oklch(66% .11 220);
  --provider-feishu-bg: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --provider-feishu-bg: color-mix(in srgb,
		var(--provider-feishu) 10%,
		transparent);
  }
}

[data-theme="solarized-dark"] {
  --provider-feishu-bg-hover: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --provider-feishu-bg-hover: color-mix(in srgb,
		var(--provider-feishu) 14%,
		transparent);
  }
}

[data-theme="solarized-dark"] {
  --provider-feishu-border: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --provider-feishu-border: color-mix(in srgb,
		var(--provider-feishu) 22%,
		transparent);
  }
}

[data-theme="solarized-dark"] {
  --provider-feishu-border-hover: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --provider-feishu-border-hover: color-mix(in srgb,
		var(--provider-feishu) 42%,
		transparent);
  }
}

[data-theme="solarized-dark"] {
  --provider-wechat: oklch(68% .12 145);
  --provider-wechat-bg: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --provider-wechat-bg: color-mix(in srgb,
		var(--provider-wechat) 10%,
		transparent);
  }
}

[data-theme="solarized-dark"] {
  --provider-wechat-bg-hover: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --provider-wechat-bg-hover: color-mix(in srgb,
		var(--provider-wechat) 14%,
		transparent);
  }
}

[data-theme="solarized-dark"] {
  --provider-wechat-border: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --provider-wechat-border: color-mix(in srgb,
		var(--provider-wechat) 22%,
		transparent);
  }
}

[data-theme="solarized-dark"] {
  --provider-wechat-border-hover: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --provider-wechat-border-hover: color-mix(in srgb,
		var(--provider-wechat) 42%,
		transparent);
  }
}

[data-theme="solarized-dark"] {
  --shadow-subtle: oklch(0% 0 0 / .1);
  --shadow-medium: oklch(0% 0 0 / .2);
  --shadow-strong: oklch(0% 0 0 / .3);
  --brand-ring: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --brand-ring: color-mix(in srgb, var(--brand) 28%, transparent);
  }
}

[data-theme="solarized-dark"] {
  --mask-opaque: black;
  --avatar-placeholder-bg: var(--bg-hover-strong);
  --avatar-placeholder-fg: var(--text-placeholder);
  --app-bg-image: none;
  --app-bg-overlay: none;
  --app-bg-size: auto;
  --app-bg-position: center;
  --app-bg-repeat: repeat;
  --sidebar-bg: var(--bg-primary);
  --sidebar-border: var(--border-subtle);
  --sidebar-item-bg: transparent;
  --sidebar-item-hover-bg: var(--bg-hover);
  --sidebar-item-active-bg: var(--bg-active);
  --sidebar-item-active-fg: var(--text-primary);
  --sidebar-item-radius: 6px;
  --sidebar-primary-action-bg: var(--brand-muted);
  --sidebar-primary-action-bg-hover: var(--brand-muted-hover);
  --sidebar-primary-action-fg: var(--brand-muted-fg);
  --sidebar-primary-action-border: var(--brand-border);
  --sidebar-primary-action-radius: 7px;
  --chat-bg: var(--bg-content);
  --chat-panel-bg: var(--bg-content);
  --chat-panel-border: var(--border-subtle);
  --chat-user-message-bg: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --chat-user-message-bg: color-mix(in srgb, var(--brand) 5%, transparent);
  }
}

[data-theme="solarized-dark"] {
  --chat-user-message-fg: var(--text-primary);
  --chat-user-message-max-width: min(52rem, 100%);
  --chat-user-message-radius: .75rem;
  --chat-user-message-tail-radius: .375rem;
  --chat-assistant-message-bg: transparent;
  --chat-assistant-message-fg: var(--text-primary);
  --chat-composer-bg: var(--bg-content);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --chat-composer-bg: color-mix(in srgb, var(--bg-content) 92%, transparent);
  }
}

[data-theme="solarized-dark"] {
  --chat-composer-bg-focus: var(--bg-content);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --chat-composer-bg-focus: color-mix(in srgb,
		var(--bg-content) 96%,
		transparent);
  }
}

[data-theme="solarized-dark"] {
  --chat-composer-border: var(--border-subtle);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --chat-composer-border: color-mix(in srgb,
		var(--border-subtle) 70%,
		transparent);
  }
}

[data-theme="solarized-dark"] {
  --chat-composer-border-focus: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --chat-composer-border-focus: color-mix(in srgb,
		var(--brand) 25%,
		transparent);
  }
}

[data-theme="solarized-dark"] {
  --chat-composer-radius: 28px;
  --chat-composer-max-width: 56rem;
  --chat-composer-expanded-max-width: 64rem;
  --chat-composer-placeholder: var(--text-placeholder);
  --heatmap-0: var(--bg-elevated);
  --heatmap-1: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --heatmap-1: color-mix(in srgb, var(--brand) 35%, transparent);
  }
}

[data-theme="solarized-dark"] {
  --heatmap-2: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --heatmap-2: color-mix(in srgb, var(--brand) 55%, transparent);
  }
}

[data-theme="solarized-dark"] {
  --heatmap-3: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --heatmap-3: color-mix(in srgb, var(--brand) 75%, transparent);
  }
}

[data-theme="solarized-dark"] {
  --heatmap-4: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-dark"] {
    --heatmap-4: color-mix(in srgb, var(--brand) 95%, transparent);
  }
}

[data-theme="solarized-light"] {
  color-scheme: light;
  --neutral-0: oklch(31% .026 195);
  --neutral-5: oklch(38% .026 195);
  --neutral-10: oklch(45% .026 195);
  --neutral-20: oklch(52% .024 195);
  --neutral-30: oklch(61% .023 195);
  --neutral-40: oklch(72% .022 195);
  --neutral-50: oklch(82% .022 92);
  --neutral-60: oklch(87% .026 92);
  --neutral-70: oklch(91% .03 92);
  --neutral-80: oklch(94% .032 92);
  --neutral-90: oklch(96% .034 92);
  --neutral-95: oklch(97.5% .036 92);
  --neutral-100: oklch(98.5% .038 92);
  --brand-50: oklch(95% .025 235);
  --brand-100: oklch(88% .045 235);
  --brand-200: oklch(78% .075 235);
  --brand-300: oklch(67% .105 235);
  --brand-400: oklch(55% .135 235);
  --brand-500: oklch(48% .145 235);
  --brand-600: oklch(42% .13 235);
  --brand-700: oklch(35% .105 235);
  --brand-800: oklch(29% .08 235);
  --brand-900: oklch(23% .055 235);
  --brand-bg: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --brand-bg: color-mix(in srgb, var(--brand) 9%, var(--bg-primary));
  }
}

[data-theme="solarized-light"] {
  --success-400: oklch(46% .115 125);
  --success-500: oklch(39% .12 125);
  --success-700: oklch(31% .09 125);
  --success-900: oklch(91% .04 125);
  --warning-400: oklch(51% .12 82);
  --warning-500: oklch(43% .125 82);
  --warning-700: oklch(33% .095 82);
  --warning-900: oklch(92% .045 82);
  --error-400: oklch(46% .16 25);
  --error-500: oklch(39% .17 25);
  --error-700: oklch(29% .12 25);
  --error-fg: var(--neutral-100);
  --error-900: oklch(91% .045 25);
  --info-400: oklch(48% .12 205);
  --info-500: oklch(41% .13 205);
  --info-700: oklch(31% .1 205);
  --info-900: oklch(91% .04 205);
  --bg-primary: var(--neutral-100);
  --bg-content: var(--neutral-95);
  --bg-surface: var(--neutral-90);
  --bg-surface-hover: var(--neutral-80);
  --bg-elevated: var(--neutral-100);
  --bg-input: var(--neutral-100);
  --bg-code: var(--neutral-90);
  --bg-header-alt: var(--neutral-90);
  --text-primary: var(--neutral-0);
  --text-reading: var(--neutral-5);
  --text-secondary: var(--neutral-10);
  --text-tertiary: var(--neutral-20);
  --text-placeholder: var(--neutral-30);
  --text-disabled: var(--neutral-40);
  --border-primary: var(--neutral-50);
  --border-subtle: var(--neutral-60);
  --bg-hover: oklch(94% .032 92);
  --bg-hover-strong: oklch(90% .03 92);
  --bg-active: oklch(86% .028 92);
  --scrollbar-thumb: var(--neutral-40);
  --scrollbar-thumb-hover: var(--neutral-20);
  --selection-bg: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --selection-bg: color-mix(in srgb, var(--brand) 18%, var(--bg-primary));
  }
}

[data-theme="solarized-light"] {
  --divider-muted: var(--border-subtle);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --divider-muted: color-mix(in srgb, var(--border-subtle) 62%, transparent);
  }
}

[data-theme="solarized-light"] {
  --brand: var(--brand-400);
  --brand-hover: var(--brand-500);
  --brand-soft: var(--brand-700);
  --brand-contrast-fg: var(--neutral-100);
  --brand-muted-fg: var(--brand-500);
  --brand-muted: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --brand-muted: color-mix(in srgb, var(--brand) 9%, transparent);
  }
}

[data-theme="solarized-light"] {
  --brand-muted-hover: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --brand-muted-hover: color-mix(in srgb, var(--brand) 14%, transparent);
  }
}

[data-theme="solarized-light"] {
  --brand-border: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --brand-border: color-mix(in srgb, var(--brand) 20%, transparent);
  }
}

[data-theme="solarized-light"] {
  --overlay-scrim: oklch(0% 0 0 / .48);
  --overlay-scrim-strong: oklch(0% 0 0 / .78);
  --overlay-control-bg: oklch(100% 0 0 / .12);
  --overlay-control-bg-hover: oklch(100% 0 0 / .22);
  --overlay-control-text: oklch(98% .003 92);
  --provider-discord: oklch(54% .17 275);
  --provider-discord-bg: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --provider-discord-bg: color-mix(in srgb,
		var(--provider-discord) 10%,
		transparent);
  }
}

[data-theme="solarized-light"] {
  --provider-discord-bg-hover: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --provider-discord-bg-hover: color-mix(in srgb,
		var(--provider-discord) 14%,
		transparent);
  }
}

[data-theme="solarized-light"] {
  --provider-discord-border: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --provider-discord-border: color-mix(in srgb,
		var(--provider-discord) 22%,
		transparent);
  }
}

[data-theme="solarized-light"] {
  --provider-discord-border-hover: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --provider-discord-border-hover: color-mix(in srgb,
		var(--provider-discord) 42%,
		transparent);
  }
}

[data-theme="solarized-light"] {
  --provider-feishu: oklch(52% .12 220);
  --provider-feishu-bg: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --provider-feishu-bg: color-mix(in srgb,
		var(--provider-feishu) 10%,
		transparent);
  }
}

[data-theme="solarized-light"] {
  --provider-feishu-bg-hover: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --provider-feishu-bg-hover: color-mix(in srgb,
		var(--provider-feishu) 14%,
		transparent);
  }
}

[data-theme="solarized-light"] {
  --provider-feishu-border: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --provider-feishu-border: color-mix(in srgb,
		var(--provider-feishu) 22%,
		transparent);
  }
}

[data-theme="solarized-light"] {
  --provider-feishu-border-hover: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --provider-feishu-border-hover: color-mix(in srgb,
		var(--provider-feishu) 42%,
		transparent);
  }
}

[data-theme="solarized-light"] {
  --provider-wechat: oklch(43% .12 145);
  --provider-wechat-bg: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --provider-wechat-bg: color-mix(in srgb,
		var(--provider-wechat) 10%,
		transparent);
  }
}

[data-theme="solarized-light"] {
  --provider-wechat-bg-hover: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --provider-wechat-bg-hover: color-mix(in srgb,
		var(--provider-wechat) 14%,
		transparent);
  }
}

[data-theme="solarized-light"] {
  --provider-wechat-border: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --provider-wechat-border: color-mix(in srgb,
		var(--provider-wechat) 22%,
		transparent);
  }
}

[data-theme="solarized-light"] {
  --provider-wechat-border-hover: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --provider-wechat-border-hover: color-mix(in srgb,
		var(--provider-wechat) 42%,
		transparent);
  }
}

[data-theme="solarized-light"] {
  --shadow-subtle: oklch(20% .02 195 / .08);
  --shadow-medium: oklch(20% .02 195 / .16);
  --shadow-strong: oklch(20% .02 195 / .24);
  --brand-ring: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --brand-ring: color-mix(in srgb, var(--brand) 24%, transparent);
  }
}

[data-theme="solarized-light"] {
  --mask-opaque: black;
  --avatar-placeholder-bg: var(--bg-hover-strong);
  --avatar-placeholder-fg: var(--text-placeholder);
  --app-bg-image: none;
  --app-bg-overlay: none;
  --app-bg-size: auto;
  --app-bg-position: center;
  --app-bg-repeat: repeat;
  --sidebar-bg: var(--bg-primary);
  --sidebar-border: var(--border-subtle);
  --sidebar-item-bg: transparent;
  --sidebar-item-hover-bg: var(--bg-hover);
  --sidebar-item-active-bg: var(--bg-active);
  --sidebar-item-active-fg: var(--text-primary);
  --sidebar-item-radius: 6px;
  --sidebar-primary-action-bg: var(--brand-muted);
  --sidebar-primary-action-bg-hover: var(--brand-muted-hover);
  --sidebar-primary-action-fg: var(--brand-muted-fg);
  --sidebar-primary-action-border: var(--brand-border);
  --sidebar-primary-action-radius: 7px;
  --chat-bg: var(--bg-content);
  --chat-panel-bg: var(--bg-content);
  --chat-panel-border: var(--border-subtle);
  --chat-user-message-bg: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --chat-user-message-bg: color-mix(in srgb, var(--brand) 5%, transparent);
  }
}

[data-theme="solarized-light"] {
  --chat-user-message-fg: var(--text-primary);
  --chat-user-message-max-width: min(52rem, 100%);
  --chat-user-message-radius: .75rem;
  --chat-user-message-tail-radius: .375rem;
  --chat-assistant-message-bg: transparent;
  --chat-assistant-message-fg: var(--text-primary);
  --chat-composer-bg: var(--bg-content);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --chat-composer-bg: color-mix(in srgb, var(--bg-content) 92%, transparent);
  }
}

[data-theme="solarized-light"] {
  --chat-composer-bg-focus: var(--bg-content);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --chat-composer-bg-focus: color-mix(in srgb,
		var(--bg-content) 96%,
		transparent);
  }
}

[data-theme="solarized-light"] {
  --chat-composer-border: var(--border-subtle);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --chat-composer-border: color-mix(in srgb,
		var(--border-subtle) 70%,
		transparent);
  }
}

[data-theme="solarized-light"] {
  --chat-composer-border-focus: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --chat-composer-border-focus: color-mix(in srgb,
		var(--brand) 25%,
		transparent);
  }
}

[data-theme="solarized-light"] {
  --chat-composer-radius: 28px;
  --chat-composer-max-width: 56rem;
  --chat-composer-expanded-max-width: 64rem;
  --chat-composer-placeholder: var(--text-placeholder);
  --heatmap-0: var(--bg-elevated);
  --heatmap-1: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --heatmap-1: color-mix(in srgb, var(--brand) 30%, transparent);
  }
}

[data-theme="solarized-light"] {
  --heatmap-2: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --heatmap-2: color-mix(in srgb, var(--brand) 48%, transparent);
  }
}

[data-theme="solarized-light"] {
  --heatmap-3: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --heatmap-3: color-mix(in srgb, var(--brand) 66%, transparent);
  }
}

[data-theme="solarized-light"] {
  --heatmap-4: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="solarized-light"] {
    --heatmap-4: color-mix(in srgb, var(--brand) 84%, transparent);
  }
}

[data-theme="neta-studio"] {
  color-scheme: dark;
  --neutral-0: #f2ede4;
  --neutral-5: #ece1d2;
  --neutral-10: #ece1d2d1;
  --neutral-20: #ece1d2ad;
  --neutral-30: #ece1d27a;
  --neutral-40: #ece1d24d;
  --neutral-50: #505050;
  --neutral-60: #333;
  --neutral-70: #252325;
  --neutral-80: #131216;
  --neutral-90: #0a0a0a;
  --neutral-95: #050605;
  --neutral-100: #000;
  --brand-50: #fffaf0;
  --brand-100: #f8f1e5;
  --brand-200: #f4ecd9;
  --brand-300: #ece1d2;
  --brand-400: #ece1d2;
  --brand-500: #f4ecd9;
  --brand-600: #d8c5aa;
  --brand-700: #ece1d2ad;
  --brand-800: #ece1d24d;
  --brand-900: #ece1d21c;
  --brand-bg: #f6f1e714;
  --success-400: oklch(76% .11 150);
  --success-500: oklch(68% .12 150);
  --success-700: oklch(48% .09 150);
  --success-900: oklch(25% .045 150);
  --warning-400: oklch(82% .12 82);
  --warning-500: oklch(74% .13 82);
  --warning-700: oklch(52% .1 82);
  --warning-900: oklch(26% .05 82);
  --error-400: oklch(70% .15 30);
  --error-500: oklch(64% .17 30);
  --error-700: oklch(45% .13 30);
  --error-fg: var(--neutral-0);
  --error-900: oklch(24% .055 30);
  --info-400: #8ceae2;
  --info-500: #6ee1d8;
  --info-700: #51a49d;
  --info-900: #6ee1d829;
  --bg-primary: #050605;
  --bg-content: #131216;
  --bg-surface: #1f1d20;
  --bg-surface-hover: #252325;
  --bg-elevated: #2e2b34;
  --bg-subtle: var(--bg-elevated);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --bg-subtle: color-mix(in srgb, var(--bg-elevated) 42%, transparent);
  }
}

[data-theme="neta-studio"] {
  --bg-input: #f2ede411;
  --bg-code: #050605;
  --bg-header-alt: #0a0a0a;
  --text-primary: #f2ede4;
  --text-reading: #f2ede4f2;
  --text-secondary: #f2ede4cc;
  --text-tertiary: #f2ede49e;
  --text-placeholder: #f2ede475;
  --text-disabled: #f2ede457;
  --border-primary: #ece1d22e;
  --border-default: var(--border-primary);
  --border-subtle: #ece1d21a;
  --border-strong: #ece1d242;
  --bg-hover: #ece1d21a;
  --bg-hover-strong: #ece1d229;
  --bg-active: #ece1d238;
  --scrollbar-thumb: #ece1d216;
  --scrollbar-thumb-hover: #ece1d21b;
  --selection-bg: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --selection-bg: color-mix(in srgb, var(--brand) 30%, transparent);
  }
}

[data-theme="neta-studio"] {
  --divider-muted: var(--border-subtle);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --divider-muted: color-mix(in srgb, var(--border-subtle) 65%, transparent);
  }
}

[data-theme="neta-studio"] {
  --brand: var(--brand-400);
  --brand-hover: var(--brand-500);
  --brand-soft: var(--brand-700);
  --brand-contrast-fg: #050605;
  --brand-contrast: var(--brand-contrast-fg);
  --brand-muted-fg: var(--text-reading);
  --brand-muted: #f6f1e714;
  --brand-muted-hover: #f6f1e71c;
  --brand-border: #ece1d242;
  --overlay-scrim: oklch(0% 0 0 / .62);
  --overlay-scrim-strong: oklch(0% 0 0 / .86);
  --overlay-control-bg: oklch(100% 0 0 / .1);
  --overlay-control-bg-hover: oklch(100% 0 0 / .18);
  --overlay-control-text: var(--neutral-0);
  --provider-discord: oklch(62% .16 275);
  --provider-discord-bg: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --provider-discord-bg: color-mix(in srgb,
		var(--provider-discord) 10%,
		transparent);
  }
}

[data-theme="neta-studio"] {
  --provider-discord-bg-hover: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --provider-discord-bg-hover: color-mix(in srgb,
		var(--provider-discord) 14%,
		transparent);
  }
}

[data-theme="neta-studio"] {
  --provider-discord-border: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --provider-discord-border: color-mix(in srgb,
		var(--provider-discord) 22%,
		transparent);
  }
}

[data-theme="neta-studio"] {
  --provider-discord-border-hover: var(--provider-discord);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --provider-discord-border-hover: color-mix(in srgb,
		var(--provider-discord) 42%,
		transparent);
  }
}

[data-theme="neta-studio"] {
  --provider-feishu: oklch(70% .12 220);
  --provider-feishu-bg: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --provider-feishu-bg: color-mix(in srgb,
		var(--provider-feishu) 10%,
		transparent);
  }
}

[data-theme="neta-studio"] {
  --provider-feishu-bg-hover: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --provider-feishu-bg-hover: color-mix(in srgb,
		var(--provider-feishu) 14%,
		transparent);
  }
}

[data-theme="neta-studio"] {
  --provider-feishu-border: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --provider-feishu-border: color-mix(in srgb,
		var(--provider-feishu) 22%,
		transparent);
  }
}

[data-theme="neta-studio"] {
  --provider-feishu-border-hover: var(--provider-feishu);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --provider-feishu-border-hover: color-mix(in srgb,
		var(--provider-feishu) 42%,
		transparent);
  }
}

[data-theme="neta-studio"] {
  --provider-wechat: oklch(72% .14 160);
  --provider-wechat-bg: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --provider-wechat-bg: color-mix(in srgb,
		var(--provider-wechat) 10%,
		transparent);
  }
}

[data-theme="neta-studio"] {
  --provider-wechat-bg-hover: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --provider-wechat-bg-hover: color-mix(in srgb,
		var(--provider-wechat) 14%,
		transparent);
  }
}

[data-theme="neta-studio"] {
  --provider-wechat-border: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --provider-wechat-border: color-mix(in srgb,
		var(--provider-wechat) 22%,
		transparent);
  }
}

[data-theme="neta-studio"] {
  --provider-wechat-border-hover: var(--provider-wechat);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --provider-wechat-border-hover: color-mix(in srgb,
		var(--provider-wechat) 42%,
		transparent);
  }
}

[data-theme="neta-studio"] {
  --shadow-subtle: oklch(0% 0 0 / .12);
  --shadow-medium: oklch(0% 0 0 / .24);
  --shadow-strong: oklch(0% 0 0 / .38);
  --brand-ring: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --brand-ring: color-mix(in srgb, var(--brand) 28%, transparent);
  }
}

[data-theme="neta-studio"] {
  --status-running: #6ee1d8;
  --mask-opaque: black;
  --avatar-placeholder-bg: var(--bg-hover-strong);
  --avatar-placeholder-fg: var(--text-placeholder);
  --app-bg-image: url("https://neta.art/studio/03834db7-ab27-40e6-8da8-1783002a4fcf.webp");
  --app-bg-overlay: none;
  --app-bg-size: auto;
  --app-bg-position: center;
  --app-bg-repeat: repeat;
  --sidebar-bg: #1a191a;
  --sidebar-border: #ece1d21a;
  --sidebar-item-bg: transparent;
  --sidebar-item-hover-bg: #ece1d214;
  --sidebar-item-active-bg: #f6f1e714;
  --sidebar-item-active-fg: var(--text-primary);
  --sidebar-item-radius: 7px;
  --sidebar-primary-action-bg: #ece1d2;
  --sidebar-primary-action-bg-hover: #f8f1e5;
  --sidebar-primary-action-fg: #0b0a0c;
  --sidebar-primary-action-border: transparent;
  --sidebar-primary-action-radius: 9999px;
  --chat-bg: #1a191a;
  --chat-panel-bg: #131216f2;
  --chat-panel-border: #ece1d217;
  --chat-user-message-bg: #ffffff14;
  --chat-user-message-fg: var(--text-primary);
  --chat-user-message-max-width: min(42rem, 85%);
  --chat-user-message-radius: 12px;
  --chat-user-message-tail-radius: 12px;
  --chat-assistant-message-bg: transparent;
  --chat-assistant-message-fg: var(--text-primary);
  --chat-composer-bg: #f2ede411;
  --chat-composer-bg-focus: #f2ede414;
  --chat-composer-border: #f3e7d214;
  --chat-composer-border-focus: #ece1d242;
  --chat-composer-radius: 18px;
  --chat-composer-max-width: 48rem;
  --chat-composer-expanded-max-width: 52rem;
  --chat-composer-placeholder: #f2ede466;
  --board-selection-accent: #0d8ce9;
  --board-background-image-url: "https://neta.art/studio/03834db7-ab27-40e6-8da8-1783002a4fcf.webp";
  --board-background-tile-width: 1422;
  --board-background-tile-height: 1000;
  --heatmap-0: var(--bg-elevated);
  --heatmap-1: var(--info-500);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --heatmap-1: color-mix(in srgb, var(--info-500) 35%, transparent);
  }
}

[data-theme="neta-studio"] {
  --heatmap-2: var(--info-500);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --heatmap-2: color-mix(in srgb, var(--info-500) 55%, transparent);
  }
}

[data-theme="neta-studio"] {
  --heatmap-3: var(--info-500);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --heatmap-3: color-mix(in srgb, var(--info-500) 75%, transparent);
  }
}

[data-theme="neta-studio"] {
  --heatmap-4: var(--info-500);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="neta-studio"] {
    --heatmap-4: color-mix(in srgb, var(--info-500) 95%, transparent);
  }
}

:where(:root, [data-theme]) {
  --status-running: var(--success-400);
  --board-selection-accent: var(--brand);
  --board-background-image-url: "";
  --board-background-tile-width: 0;
  --board-background-tile-height: 0;
  --cohub-safe-area-background: transparent;
  --cohub-status-bar-color: auto;
  --cohub-status-bar-style: auto;
}

:root, [data-theme] {
  --board-color-brand-stroke: var(--brand);
  --board-color-brand-fill: var(--brand);
  --board-color-brand-label: var(--text-primary);
  --board-color-neutral-stroke: var(--text-tertiary);
  --board-color-neutral-fill: var(--text-tertiary);
  --board-color-neutral-label: var(--text-primary);
  --board-color-black-stroke: #000;
  --board-color-black-fill: #000;
  --board-color-black-label: var(--text-primary);
  --board-color-white-stroke: #fff;
  --board-color-white-fill: #fff;
  --board-color-white-label: var(--text-primary);
  --board-color-blue-stroke: var(--info-400);
  --board-color-blue-fill: var(--info-400);
  --board-color-blue-label: var(--text-primary);
  --board-color-green-stroke: var(--success-400);
  --board-color-green-fill: var(--success-400);
  --board-color-green-label: var(--text-primary);
  --board-color-amber-stroke: var(--warning-400);
  --board-color-amber-fill: var(--warning-400);
  --board-color-amber-label: var(--text-primary);
  --board-color-violet-stroke: var(--info-500);
  --board-color-violet-fill: var(--info-500);
  --board-color-violet-label: var(--text-primary);
  --board-color-rose-stroke: var(--error-400);
  --board-color-rose-fill: var(--error-400);
  --board-color-rose-label: var(--text-primary);
  --board-collaboration-1: var(--brand);
  --board-collaboration-2: var(--info-400);
  --board-collaboration-3: var(--success-400);
  --board-collaboration-4: var(--error-400);
  --board-collaboration-5: var(--warning-400);
  --board-collaboration-6: var(--info-500);
}

:root {
  --theme-transition-x: 50vw;
  --theme-transition-y: 50vh;
  --theme-transition-radius: 150vmax;
  --theme-transition-duration: .64s;
  --theme-transition-ease: cubic-bezier(.22, .61, .36, 1);
}

html[data-theme-transition="circle"], html[data-theme-transition="circle"] *, html[data-theme-transition="circle"] :before, html[data-theme-transition="circle"] :after {
  transition: none;
}

html[data-theme-transition="circle"]::view-transition-group(root) {
  animation-duration: var(--theme-transition-duration);
  animation-timing-function: var(--theme-transition-ease);
}

html[data-theme-transition="circle"]::view-transition-old(root) {
  mix-blend-mode: normal;
  animation: none;
}

html[data-theme-transition="circle"]::view-transition-new(root) {
  animation: theme-circle-reveal var(--theme-transition-duration)	var(--theme-transition-ease) both;
  mix-blend-mode: normal;
}

@keyframes theme-circle-reveal {
  from {
    clip-path: circle(0 at var(--theme-transition-x) var(--theme-transition-y));
  }

  to {
    clip-path: circle(var(--theme-transition-radius) at var(--theme-transition-x)	var(--theme-transition-y));
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme-transition="circle"]::view-transition-group(root) {
    animation-duration: 1ms;
  }

  html[data-theme-transition="circle"]::view-transition-old(root) {
    animation-duration: 1ms;
  }

  html[data-theme-transition="circle"]::view-transition-new(root) {
    animation-duration: 1ms;
  }
}

html[data-nav-transition] .mobile-session-vt-surface {
  view-transition-name: cohub-session-surface;
}

html[data-nav-transition="session-forward"]::view-transition-group(root) {
  animation: none;
}

html[data-nav-transition="session-back"]::view-transition-group(root) {
  animation: none;
}

html[data-nav-transition="session-forward"]::view-transition-old(root) {
  animation: none;
}

html[data-nav-transition="session-forward"]::view-transition-new(root) {
  animation: none;
}

html[data-nav-transition="session-back"]::view-transition-old(root) {
  animation: none;
}

html[data-nav-transition="session-back"]::view-transition-new(root) {
  animation: none;
}

html[data-nav-transition="session-forward"]::view-transition-group(cohub-session-surface) {
  animation: none;
}

html[data-nav-transition="session-back"]::view-transition-group(cohub-session-surface) {
  animation: none;
}

html[data-nav-transition="session-forward"]::view-transition-old(cohub-session-surface) {
  animation-duration: var(--motion-panel-duration, .28s);
  animation-timing-function: var(--motion-panel-ease, cubic-bezier(.16, 1, .3, 1));
  animation-fill-mode: both;
}

html[data-nav-transition="session-forward"]::view-transition-new(cohub-session-surface) {
  animation-duration: var(--motion-panel-duration, .28s);
  animation-timing-function: var(--motion-panel-ease, cubic-bezier(.16, 1, .3, 1));
  animation-fill-mode: both;
}

html[data-nav-transition="session-back"]::view-transition-old(cohub-session-surface) {
  animation-duration: var(--motion-panel-duration, .28s);
  animation-timing-function: var(--motion-panel-ease, cubic-bezier(.16, 1, .3, 1));
  animation-fill-mode: both;
}

html[data-nav-transition="session-back"]::view-transition-new(cohub-session-surface) {
  animation-duration: var(--motion-panel-duration, .28s);
  animation-timing-function: var(--motion-panel-ease, cubic-bezier(.16, 1, .3, 1));
  animation-fill-mode: both;
}

html[data-nav-transition="session-forward"]::view-transition-old(cohub-session-surface) {
  z-index: 0;
  animation-name: cohub-session-nav-exit-left;
}

html[data-nav-transition="session-forward"]::view-transition-new(cohub-session-surface) {
  z-index: 1;
  animation-name: cohub-session-nav-enter-right;
}

html[data-nav-transition="session-back"]::view-transition-old(cohub-session-surface) {
  z-index: 1;
  animation-name: cohub-session-nav-exit-right;
}

html[data-nav-transition="session-back"]::view-transition-new(cohub-session-surface) {
  z-index: 0;
  animation-name: cohub-session-nav-enter-left;
}

@keyframes cohub-session-nav-enter-right {
  from {
    transform: translate3d(100%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes cohub-session-nav-exit-left {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-28%, 0, 0);
  }
}

@keyframes cohub-session-nav-enter-left {
  from {
    transform: translate3d(-28%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes cohub-session-nav-exit-right {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(100%, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-nav-transition="session-forward"]::view-transition-old(cohub-session-surface) {
    animation-duration: 1ms;
  }

  html[data-nav-transition="session-forward"]::view-transition-new(cohub-session-surface) {
    animation-duration: 1ms;
  }

  html[data-nav-transition="session-back"]::view-transition-old(cohub-session-surface) {
    animation-duration: 1ms;
  }

  html[data-nav-transition="session-back"]::view-transition-new(cohub-session-surface) {
    animation-duration: 1ms;
  }
}

html, body {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) transparent;
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-sans);
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  transition: background-color .2s, color .2s;
}

:root {
  --motion-panel-duration: .28s;
  --motion-panel-fade-duration: .16s;
  --motion-panel-fade-collapse-duration: .12s;
  --motion-panel-ease: cubic-bezier(.16, 1, .3, 1);
  --motion-panel-collapse-ease: cubic-bezier(.4, 0, .6, 1);
  --cohub-safe-area-top: env(safe-area-inset-top, 0px);
  --cohub-safe-area-right: env(safe-area-inset-right, 0px);
  --cohub-safe-area-left: env(safe-area-inset-left, 0px);
}

.app-shell {
  box-sizing: border-box;
  padding-top: var(--cohub-safe-area-top);
  padding-right: var(--cohub-safe-area-right);
  padding-left: var(--cohub-safe-area-left);
  background-color: var(--bg-primary);
  background-image: var(--app-bg-overlay), var(--app-bg-image);
  background-size: cover, var(--app-bg-size);
  background-position: center, var(--app-bg-position);
  background-repeat: no-repeat, var(--app-bg-repeat);
  position: relative;
}

.app-shell-viewport {
  height: var(--cohub-app-shell-height, 100dvh);
}

.app-shell:before {
  z-index: 1;
  height: var(--cohub-safe-area-top);
  pointer-events: none;
  background: var(--cohub-safe-area-background, transparent);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.mobile-safe-area-panel {
  box-sizing: border-box;
  padding-top: var(--cohub-safe-area-top);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

.mobile-safe-area-panel--left {
  padding-left: var(--cohub-safe-area-left);
}

.mobile-safe-area-panel--right {
  padding-right: var(--cohub-safe-area-right);
}

body.sidebar-resizing {
  cursor: col-resize;
  -webkit-user-select: none;
  user-select: none;
}

body.sidebar-resizing iframe {
  pointer-events: none;
}

.panel-shell {
  min-height: 0;
  transition: width var(--motion-panel-duration) var(--motion-panel-ease);
  flex-shrink: 0;
  overflow: hidden;
}

.panel-shell--overflow-visible {
  overflow: visible;
}

.panel-shell--inert {
  pointer-events: none;
}

.panel-shell.panel-shell--collapsed {
  pointer-events: none;
  border-color: #0000;
}

.panel-shell-inner {
  flex-shrink: 0;
  height: 100%;
  min-height: 0;
}

.panel-shell-fade {
  min-width: 0;
  height: 100%;
  min-height: 0;
  transition: opacity var(--motion-panel-fade-duration) var(--motion-panel-ease);
}

.panel-shell--collapsed > .panel-shell-inner > .panel-shell-fade, .panel-shell--collapsed > .panel-shell-fade {
  opacity: 0;
  transition-duration: var(--motion-panel-fade-collapse-duration);
  transition-timing-function: var(--motion-panel-collapse-ease);
  transition-delay: 0s;
}

.panel-shell:not(.panel-shell--collapsed) > .panel-shell-inner > .panel-shell-fade, .panel-shell:not(.panel-shell--collapsed) > .panel-shell-fade {
  opacity: 1;
  transition-delay: .1s;
}

@media (prefers-reduced-motion: reduce) {
  .panel-shell, .panel-shell-fade {
    transition: none;
  }
}

body.sidebar-resizing .panel-shell, body.sidebar-resizing .panel-shell-fade {
  transition: none;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}

::selection {
  background: var(--selection-bg);
}

:where(pre, code, kbd, samp, .font-mono, .cm-editor) {
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0,	"calt" 0;
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    transition-duration: .01ms;
    animation-duration: .01ms;
  }
}

@supports (padding: max(0px)) {
  .safe-top {
    padding-top: max(.75rem, env(safe-area-inset-top));
  }

  .safe-bottom {
    padding-bottom: max(.5rem, env(safe-area-inset-bottom));
  }

  .pb-safe {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
  }
}

body.drawer-open {
  overflow: hidden;
}

body.pointer-dragging {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

@media (max-width: 959px) {
  .mobile-drawer-gesture-surface {
    touch-action: pan-y;
  }
}

@media (hover: none) and (pointer: coarse) {
  :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea, select, [contenteditable="true"], [contenteditable=""]) {
    font-size: 16px;
  }

  :where(button, input, select, textarea, [role="button"]) {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea, select) {
    min-height: 44px;
  }
}

.markdown-content {
  color: var(--text-reading);
  word-break: break-word;
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 14px;
  line-height: 1.68;
}

.streaming-markdown-flow[data-variant="document"] {
  height: 100%;
  min-height: 0;
  overflow: auto;
  container-type: inline-size;
}

.markdown-content[data-variant="document"] {
  max-width: 860px;
  margin: 0 auto;
  padding: 24px 28px;
  line-height: 1.75;
}

.streaming-markdown-flow[data-variant="document"] > .frontmatter-panel + .markdown-content[data-variant="document"] {
  padding-top: 12px;
}

@container (max-width: 520px) {
  .markdown-content[data-variant="document"] {
    padding: 20px 16px;
    font-size: 14px;
    line-height: 1.72;
  }

  .streaming-markdown-flow[data-variant="document"] > .frontmatter-panel + .markdown-content[data-variant="document"] {
    padding-top: 12px;
  }
}

.markdown-content > :first-child, .markdown-content > :first-child > :first-child {
  margin-top: 0;
}

.markdown-content > :last-child, .markdown-content > :last-child > :last-child {
  margin-bottom: 0;
}

.markdown-content p {
  margin: 0 0 .85em;
}

.markdown-content p + p {
  margin-top: .5em;
}

.markdown-content [align="center"] {
  text-align: center;
}

.markdown-content [align="right"] {
  text-align: right;
}

.markdown-content [align="left"] {
  text-align: left;
}

.markdown-content h1, .markdown-content h2, .markdown-content h3, .markdown-content h4, .markdown-content h5, .markdown-content h6 {
  color: var(--text-primary);
  font-weight: 600;
  line-height: 1.25;
}

.markdown-content h1 {
  border-bottom: 1px solid var(--border-subtle);
  margin: 0 0 .55em;
  padding-bottom: .35em;
  font-size: 1.65em;
  font-weight: 700;
}

.markdown-content h2 {
  margin: 1.35em 0 .5em;
  font-size: 1.35em;
}

.markdown-content h3 {
  margin: 1.15em 0 .4em;
  font-size: 1.15em;
}

.markdown-content h4, .markdown-content h5, .markdown-content h6 {
  margin: 1em 0 .35em;
  font-size: 1em;
}

.markdown-content[data-variant="chat"] h1 {
  font-size: 1.35em;
}

.markdown-content[data-variant="chat"] h2 {
  font-size: 1.18em;
}

.markdown-content[data-variant="chat"] h3 {
  font-size: 1.05em;
}

.markdown-content strong {
  color: var(--text-primary);
  font-weight: 600;
}

.markdown-content em {
  font-style: italic;
}

.markdown-content del {
  color: var(--text-tertiary);
  -webkit-text-decoration-color: var(--text-tertiary);
  -webkit-text-decoration-color: var(--text-tertiary);
  text-decoration-color: var(--text-tertiary);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content del {
    -webkit-text-decoration-color: color-mix(in srgb,	var(--text-tertiary) 72%,	transparent);
    -webkit-text-decoration-color: color-mix(in srgb,	var(--text-tertiary) 72%,	transparent);
    text-decoration-color: color-mix(in srgb,	var(--text-tertiary) 72%,	transparent);
  }
}

.markdown-content mark {
  background: var(--brand);
  border-radius: .22em;
  padding: .03em .24em;
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content mark {
    background: color-mix(in srgb, var(--brand) 18%, transparent);
  }
}

.markdown-content mark {
  color: var(--text-primary);
}

.markdown-content sub, .markdown-content sup {
  vertical-align: baseline;
  font-size: .75em;
  line-height: 0;
  position: relative;
}

.markdown-content sup {
  top: -.45em;
}

.markdown-content sub {
  bottom: -.2em;
}

.markdown-content kbd {
  border: 1px solid var(--border-subtle);
  border-bottom-color: var(--border-primary);
  background: var(--bg-elevated);
  border-radius: .32rem;
  align-items: center;
  min-width: 1.45em;
  padding: .08em .38em;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content kbd {
    background: color-mix(in srgb, var(--bg-elevated) 72%, var(--bg-code));
  }
}

.markdown-content kbd {
  box-shadow: inset 0 -1px 0	var(--border-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content kbd {
    box-shadow: inset 0 -1px 0	color-mix(in srgb, var(--border-primary) 45%, transparent);
  }
}

.markdown-content kbd {
  color: var(--text-primary);
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: .82em;
  line-height: 1.35;
}

.markdown-content a {
  color: var(--brand);
  text-underline-offset: .18em;
  text-decoration: none;
}

.markdown-content a:hover {
  text-decoration: underline;
}

.markdown-content details {
  border: 1px solid var(--border-subtle);
  background: var(--bg-surface);
  border-radius: .65rem;
  margin: .85em 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content details {
    background: color-mix(in srgb, var(--bg-surface) 72%, transparent);
  }
}

.markdown-content summary {
  cursor: pointer;
  color: var(--text-primary);
  padding: .62rem .78rem;
  font-weight: 600;
  list-style-position: outside;
}

.markdown-content summary::marker {
  color: var(--brand);
}

.markdown-content details[open] summary {
  border-bottom: 1px solid var(--border-subtle);
}

.markdown-content details > :not(summary) {
  margin-left: .78rem;
  margin-right: .78rem;
}

.markdown-content details > :last-child {
  margin-bottom: .78rem;
}

.markdown-content ul, .markdown-content ol {
  margin: .5em 0 .85em;
  padding-left: 1.45em;
}

.markdown-content ul {
  list-style-type: disc;
}

.markdown-content ol {
  list-style-type: decimal;
}

.markdown-content ul ul {
  list-style-type: circle;
}

.markdown-content ul ul ul {
  list-style-type: square;
}

.markdown-content li {
  margin: .18em 0;
  padding-left: .12em;
}

.markdown-content li::marker {
  color: var(--text-tertiary);
}

.markdown-content li > ul, .markdown-content li > ol {
  margin-top: .18em;
  margin-bottom: 0;
}

.markdown-content li > p {
  margin: .35em 0;
}

.markdown-content li > p:first-child {
  margin-top: 0;
}

.markdown-content li > p:last-child {
  margin-bottom: 0;
}

.markdown-content input[type="checkbox"] {
  vertical-align: -.12em;
  width: .95em;
  height: .95em;
  accent-color: var(--brand);
  margin: 0 .48em 0 0;
}

.markdown-content li:has( > input[type="checkbox"]) {
  margin-left: -1.45em;
  padding-left: 0;
  list-style-type: none;
}

.markdown-content li:has( > input[type="checkbox"]) + li:has( > input[type="checkbox"]) {
  margin-top: .28em;
}

.markdown-content hr {
  border: none;
  border-top: 1px solid var(--border-subtle);
  margin: 1.5em 0;
}

.markdown-content blockquote {
  border-left: 3px solid var(--brand);
  color: var(--text-secondary);
  margin: .9em 0;
  padding-left: 1em;
}

.markdown-content blockquote p {
  color: inherit;
}

.streaming-markdown-flow > .markdown-content:empty {
  display: none;
}

.streaming-live-markdown > :last-child:after, .streaming-live-markdown:empty:after {
  content: "";
  background: var(--brand);
  border-radius: 999px;
  width: .44em;
  height: 1em;
  margin-left: .08em;
  display: inline-block;
}

@supports (color: color-mix(in lab, red, red)) {
  .streaming-live-markdown > :last-child:after, .streaming-live-markdown:empty:after {
    background: color-mix(in srgb, var(--brand) 72%, var(--text-tertiary));
  }
}

.streaming-live-markdown > :last-child:after, .streaming-live-markdown:empty:after {
  box-shadow: 0 0 0 1px var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .streaming-live-markdown > :last-child:after, .streaming-live-markdown:empty:after {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand) 18%, transparent);
  }
}

.streaming-live-markdown > :last-child:after, .streaming-live-markdown:empty:after {
  vertical-align: -.12em;
  animation: 1.05s ease-in-out infinite markdown-stream-caret;
}

.streaming-live-markdown pre:last-child:after, .streaming-live-markdown table:last-child:after {
  display: none;
}

.markdown-streaming-tail, .streaming-words {
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.streaming-tail {
  opacity: 0;
  animation: .18s cubic-bezier(.22, 1, .36, 1) forwards streaming-tail-enter;
}

.streaming-tail-muted {
  color: inherit;
}

.streaming-caret {
  background: var(--brand);
  border-radius: 999px;
  width: .44em;
  height: 1em;
  margin-left: .08em;
  display: inline-block;
}

@supports (color: color-mix(in lab, red, red)) {
  .streaming-caret {
    background: color-mix(in srgb, var(--brand) 72%, var(--text-tertiary));
  }
}

.streaming-caret {
  box-shadow: 0 0 0 1px var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .streaming-caret {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand) 18%, transparent);
  }
}

.streaming-caret {
  vertical-align: -.12em;
  animation: 1.05s ease-in-out infinite markdown-stream-caret;
}

.streaming-words-muted .streaming-caret {
  background: var(--text-disabled);
  width: .38em;
}

@supports (color: color-mix(in lab, red, red)) {
  .streaming-words-muted .streaming-caret {
    background: color-mix(in srgb, var(--text-disabled) 70%, transparent);
  }
}

.streaming-words-muted .streaming-caret {
  box-shadow: none;
}

@keyframes streaming-tail-enter {
  to {
    opacity: 1;
  }
}

@keyframes markdown-stream-caret {
  0%, 100% {
    opacity: .28;
  }

  45% {
    opacity: .9;
  }
}

@media (prefers-reduced-motion: reduce) {
  .streaming-tail {
    opacity: 1;
    animation: none;
  }

  .streaming-live-markdown > :last-child:after, .streaming-caret {
    opacity: .5;
    animation: none;
  }
}

.markdown-content code {
  border: 1px solid var(--border-subtle);
  background: var(--bg-code);
  color: var(--text-primary);
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  border-radius: .35rem;
  padding: .15em .42em;
  font-size: .9em;
  font-weight: 400;
}

.markdown-content :not(pre) > code {
  white-space: break-spaces;
  word-break: normal;
  overflow-wrap: anywhere;
}

.markdown-content img, .markdown-content video {
  vertical-align: middle;
  border: 1px solid var(--border-subtle);
  cursor: zoom-in;
  border-radius: .5rem;
  height: auto;
  margin: 1em 0;
}

.markdown-content [data-workspace-asset-state="loading"] {
  background: var(--bg-elevated);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content [data-workspace-asset-state="loading"] {
    background: color-mix(in srgb, var(--bg-elevated) 72%, var(--bg-content));
  }
}

.markdown-content [data-workspace-asset-state="loading"] {
  opacity: .58;
}

.markdown-content img[data-workspace-asset-state="loading"] {
  cursor: progress;
  min-width: min(100%, 12rem);
  min-height: 7rem;
}

.markdown-content [data-workspace-asset-state="error"] {
  border-color: var(--error-soft);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content [data-workspace-asset-state="error"] {
    border-color: color-mix(in srgb, var(--error-soft) 45%, var(--border-subtle));
  }
}

.markdown-content [data-workspace-asset-state="error"] {
  background: var(--error-bg);
  opacity: .72;
}

.markdown-content img[data-workspace-asset-state="error"] {
  cursor: default;
  min-height: 4.5rem;
  padding: .75rem;
}

.markdown-content audio {
  width: min(100%, 31.2rem);
  margin: 1em 0;
}

.markdown-content .markdown-media {
  margin: 1em 0;
}

.markdown-content .markdown-media > audio, .markdown-content .markdown-media > video {
  margin: 0;
  display: block;
}

.markdown-content .markdown-audio {
  width: min(100%, 31.2rem);
}

.markdown-content .markdown-audio > audio, .markdown-content .markdown-audio .markdown-audio-mount {
  width: 100%;
}

.markdown-content .markdown-media figcaption {
  color: var(--text-tertiary);
  margin-top: .45rem;
  font-size: .82em;
  line-height: 1.4;
}

.markdown-content[data-variant="chat"] img, .markdown-content[data-variant="chat"] video {
  max-width: 90%;
  max-height: 16rem;
}

.markdown-content[data-variant="chat"] .markdown-media > video {
  max-width: 90%;
}

.markdown-content[data-variant="document"] img, .markdown-content[data-variant="document"] video {
  max-width: 100%;
  max-height: none;
}

.markdown-content p[align]:has( > img[width$="%"]), .markdown-content p[align]:has( > a > img[width$="%"]) {
  white-space: nowrap;
}

.markdown-content p[align] > img, .markdown-content p[align] > a > img {
  margin: .25em 0;
  display: inline-block;
}

@media (min-width: 640px) {
  .markdown-content[data-variant="chat"] img, .markdown-content[data-variant="chat"] video {
    max-width: 31.2rem;
  }
}

.markdown-content .markdown-mermaid-figure {
  margin: 1em 0;
}

.markdown-content .markdown-mermaid {
  border: 1px solid var(--border-subtle);
  background: var(--bg-surface-muted, var(--bg-surface));
  border-radius: .85rem;
  min-height: 8rem;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content .markdown-mermaid {
    background: color-mix(in srgb,	var(--bg-surface-muted, var(--bg-surface)) 82%,	transparent);
  }
}

.markdown-content .markdown-mermaid-viewport {
  cursor: grab;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  touch-action: none;
  max-width: 100%;
  max-height: min(70vh, 42rem);
  overflow: auto;
}

.markdown-content .markdown-mermaid-viewport.is-panning {
  cursor: grabbing;
  -webkit-user-select: none;
  user-select: none;
}

.markdown-content .markdown-mermaid-canvas {
  justify-content: center;
  align-items: flex-start;
  width: max-content;
  min-width: 100%;
  padding: 1rem;
  display: flex;
}

.markdown-content .markdown-mermaid svg {
  max-width: none;
  height: auto;
}

.markdown-content .markdown-mermaid-loading {
  min-height: 8rem;
  color: var(--text-tertiary);
  justify-content: center;
  align-items: center;
  font-size: .9em;
  display: flex;
}

.markdown-content .markdown-mermaid.is-unavailable {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: .35rem;
  min-height: 5.5rem;
  padding: .9rem 1rem;
  display: flex;
  overflow: hidden;
}

.markdown-content .markdown-mermaid-error {
  color: var(--text-secondary);
  font-size: .9em;
  font-weight: 500;
  line-height: 1.35;
}

.markdown-content .markdown-mermaid-error-detail {
  max-width: 100%;
  color: var(--text-tertiary);
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .78em;
  line-height: 1.4;
  overflow: hidden;
}

.markdown-mermaid-render-host {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  visibility: hidden;
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
}

.markdown-content .markdown-mermaid-actions {
  border: 1px solid var(--border-subtle);
  align-items: center;
  gap: .2rem;
  padding: .18rem;
  display: inline-flex;
  position: absolute;
  top: .55rem;
  right: .55rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content .markdown-mermaid-actions {
    border: 1px solid color-mix(in srgb, var(--border-subtle) 78%, transparent);
  }
}

.markdown-content .markdown-mermaid-actions {
  background: var(--bg-elevated);
  border-radius: .55rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content .markdown-mermaid-actions {
    background: color-mix(in srgb, var(--bg-elevated) 86%, transparent);
  }
}

.markdown-content .markdown-mermaid-actions {
  box-shadow: 0 6px 18px var(--bg-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content .markdown-mermaid-actions {
    box-shadow: 0 6px 18px color-mix(in srgb, var(--bg-primary) 18%, transparent);
  }
}

.markdown-content .markdown-mermaid-actions {
  opacity: 0;
  transition: opacity .14s;
}

.markdown-content .markdown-mermaid:hover .markdown-mermaid-actions, .markdown-content .markdown-mermaid:focus-within .markdown-mermaid-actions {
  opacity: 1;
}

.markdown-content .markdown-mermaid-action {
  min-width: 1.6rem;
  height: 1.45rem;
  color: var(--text-tertiary);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: .38rem;
  justify-content: center;
  align-items: center;
  padding: 0 .42rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.markdown-content .markdown-mermaid-action:hover, .markdown-content .markdown-mermaid-action:focus-visible {
  background: var(--bg-hover);
  color: var(--text-primary);
}

.markdown-content .markdown-mermaid-action:focus-visible {
  outline: 2px solid var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content .markdown-mermaid-action:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--brand) 45%, transparent);
  }
}

.markdown-content .markdown-mermaid-action:focus-visible {
  outline-offset: 1px;
}

.markdown-content .markdown-mermaid-zoom-label {
  font-variant-numeric: tabular-nums;
  min-width: 2.6rem;
}

.markdown-content .markdown-mermaid-source {
  background: none;
  border: 0;
  border-radius: 0;
  margin: .35rem 0 0;
  font-size: .86em;
}

.markdown-content .markdown-mermaid-source summary {
  min-height: 1.5rem;
  color: var(--text-tertiary);
  letter-spacing: 0;
  align-items: center;
  padding: 0;
  font-size: .88em;
  font-weight: 500;
  display: inline-flex;
}

.markdown-content .markdown-mermaid-source summary::marker {
  content: "";
}

.markdown-content .markdown-mermaid-source summary:hover {
  color: var(--text-secondary);
  text-underline-offset: .18em;
  text-decoration: underline;
}

.markdown-content .markdown-mermaid-source[open] summary {
  border-bottom: 0;
}

.markdown-content .markdown-mermaid-source > :not(summary) {
  margin-left: 0;
  margin-right: 0;
}

.markdown-content .markdown-mermaid-source > :last-child {
  margin-bottom: 0;
}

.markdown-content .markdown-cohub-ask {
  background: var(--bg-surface-muted, var(--bg-surface));
  border-radius: .78rem;
  max-width: min(100%, 42rem);
  margin: 1em 0;
  padding: .72rem .78rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content .markdown-cohub-ask {
    background: color-mix(in srgb,	var(--bg-surface-muted, var(--bg-surface)) 58%,	transparent);
  }
}

.markdown-content .markdown-cohub-ask {
  box-shadow: inset 0 0 0 1px	var(--border-subtle);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content .markdown-cohub-ask {
    box-shadow: inset 0 0 0 1px	color-mix(in srgb, var(--border-subtle) 62%, transparent);
  }
}

.markdown-content .markdown-cohub-ask-question + .markdown-cohub-ask-question {
  border-top: 1px solid	var(--border-subtle);
  margin-top: .75rem;
  padding-top: .75rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content .markdown-cohub-ask-question + .markdown-cohub-ask-question {
    border-top: 1px solid	color-mix(in srgb, var(--border-subtle) 70%, transparent);
  }
}

.markdown-content .markdown-cohub-ask-question-meta {
  color: var(--brand-muted-fg, var(--brand));
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  letter-spacing: .06em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem .55rem;
  font-size: .68rem;
  font-weight: 650;
  line-height: 1.2;
  display: flex;
}

.markdown-content .markdown-cohub-ask-question-mode {
  color: var(--text-tertiary);
  font-weight: 550;
}

.markdown-content .markdown-cohub-ask-question-title {
  color: var(--text-primary);
  margin-top: .28rem;
  font-size: .94em;
  font-weight: 600;
  line-height: 1.45;
}

.markdown-content .markdown-cohub-ask-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .28rem;
  margin: .62rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.markdown-content .markdown-cohub-ask-option-item {
  min-width: 0;
  margin: 0;
  padding: 0;
}

.markdown-content .markdown-cohub-ask-option {
  width: 100%;
  min-height: 2.9rem;
  color: var(--text-secondary);
  text-align: left;
  touch-action: manipulation;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: .52rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: .2rem;
  padding: .56rem .62rem;
  transition: background-color .14s, color .14s, transform .14s, box-shadow .14s;
  display: flex;
}

.markdown-content .markdown-cohub-ask-option:hover, .markdown-content .markdown-cohub-ask-option:focus-visible, .markdown-content .markdown-cohub-ask-option[aria-pressed="true"] {
  background: var(--brand-muted, var(--brand));
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content .markdown-cohub-ask-option:hover, .markdown-content .markdown-cohub-ask-option:focus-visible, .markdown-content .markdown-cohub-ask-option[aria-pressed="true"] {
    background: color-mix(in srgb,	var(--brand-muted, var(--brand)) 10%,	var(--bg-elevated));
  }
}

.markdown-content .markdown-cohub-ask-option:hover, .markdown-content .markdown-cohub-ask-option:focus-visible, .markdown-content .markdown-cohub-ask-option[aria-pressed="true"] {
  color: var(--text-primary);
  box-shadow: inset 0 0 0 1px var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content .markdown-cohub-ask-option:hover, .markdown-content .markdown-cohub-ask-option:focus-visible, .markdown-content .markdown-cohub-ask-option[aria-pressed="true"] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand) 30%, transparent);
  }
}

.markdown-content .markdown-cohub-ask-option:hover, .markdown-content .markdown-cohub-ask-option:focus-visible, .markdown-content .markdown-cohub-ask-option[aria-pressed="true"] {
  outline: none;
}

.markdown-content .markdown-cohub-ask-option:active {
  transform: translateY(1px);
}

.markdown-content .markdown-cohub-ask-option-label {
  color: var(--text-primary);
  font-size: .9em;
  font-weight: 600;
  line-height: 1.25;
}

.markdown-content .markdown-cohub-ask-option-description {
  color: var(--text-tertiary);
  font-size: .8em;
  line-height: 1.35;
}

.markdown-content .markdown-cohub-ask-preview {
  background: none;
  border: 0;
  margin: .28rem 0 0;
  font-size: .78em;
}

.markdown-content .markdown-cohub-ask-preview summary {
  min-height: auto;
  color: var(--text-tertiary);
  padding: 0;
  font-size: .9em;
}

.markdown-cohub-ask-preview-source {
  white-space: pre-wrap;
  margin-top: .35rem;
}

@media (max-width: 560px) {
  .markdown-content .markdown-cohub-ask {
    border-radius: .72rem;
    max-width: 100%;
    padding: .64rem;
  }

  .markdown-content .markdown-cohub-ask-options {
    grid-template-columns: 1fr;
    gap: .24rem;
  }

  .markdown-content .markdown-cohub-ask-option {
    min-height: 2.75rem;
    padding: .58rem .56rem;
  }
}

.markdown-content table {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
  table-layout: auto;
  border-collapse: collapse;
  scrollbar-width: thin;
  width: 100%;
  max-width: 100%;
  margin: .85em 0;
  font-size: .93em;
  display: block;
  overflow: auto visible;
}

.markdown-content table > thead {
  display: table-header-group;
}

.markdown-content table > tbody {
  display: table-row-group;
}

.markdown-content table > tfoot {
  display: table-footer-group;
}

.markdown-content th, .markdown-content td {
  border: none;
  border-bottom: 1px solid var(--border-subtle);
  text-align: left;
  vertical-align: top;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  min-width: min(9rem, 52vw);
  max-width: 24rem;
  padding: .6rem .75rem;
}

.markdown-content th[align="center"], .markdown-content td[align="center"] {
  text-align: center;
}

.markdown-content th[align="right"], .markdown-content td[align="right"] {
  text-align: right;
}

.markdown-content th {
  color: var(--text-tertiary);
  letter-spacing: .02em;
  text-transform: uppercase;
  background: none;
  font-size: .85em;
  font-weight: 500;
}

.markdown-content td {
  color: var(--text-secondary);
}

.markdown-content tbody tr {
  transition: background-color .12s;
}

.markdown-content tbody tr:hover td {
  background: var(--bg-hover);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-content tbody tr:hover td {
    background: color-mix(in srgb, var(--bg-hover) 50%, transparent);
  }
}

@media (max-width: 640px) {
  .markdown-content table {
    font-size: .9em;
  }

  .markdown-content table th, .markdown-content table td {
    min-width: min(7.5rem, 62vw);
    max-width: 16rem;
    padding: .5rem .6rem;
  }

  .markdown-content .markdown-mermaid-canvas {
    padding: .75rem;
  }

  .markdown-content .markdown-mermaid-actions {
    opacity: 1;
  }
}

.markdown-code-block {
  margin: .85em 0;
  position: relative;
}

.markdown-content[data-variant="chat"] .markdown-code-block {
  margin: .75em 0;
}

.markdown-code-block pre {
  margin: 0;
}

.markdown-content pre {
  border: 1px solid var(--border-subtle);
  background: var(--bg-code, var(--bg-surface));
  touch-action: pan-x pan-y;
  border-radius: .75rem;
  overflow-x: auto;
}

.markdown-content[data-variant="document"] pre {
  border-radius: .6rem;
}

.markdown-content .markdown-mermaid-source pre {
  margin-top: .35rem;
}

.markdown-content pre code {
  min-width: max-content;
  color: inherit;
  word-break: normal;
  overflow-wrap: normal;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 1rem 1.1rem;
  font-size: 13px;
  line-height: 1.55;
  display: block;
}

.markdown-content .shiki, .markdown-content .shiki span {
  color: var(--shiki-light);
}

.markdown-content .shiki {
  background-color: var(--shiki-light-bg);
}

[data-theme="dark"] .markdown-content .shiki, [data-theme="dark"] .markdown-content .shiki span {
  color: var(--shiki-dark);
}

[data-theme="dark"] .markdown-content .shiki {
  background-color: var(--shiki-dark-bg);
}

[data-theme="solarized-light"] .markdown-content .shiki, [data-theme="solarized-light"] .markdown-content .shiki span {
  color: var(--shiki-solarized-light, var(--shiki-light));
}

[data-theme="solarized-light"] .markdown-content .shiki {
  background-color: var(--shiki-solarized-light-bg, var(--shiki-light-bg));
}

[data-theme="solarized-dark"] .markdown-content .shiki, [data-theme="solarized-dark"] .markdown-content .shiki span {
  color: var(--shiki-solarized-dark, var(--shiki-dark));
}

[data-theme="solarized-dark"] .markdown-content .shiki {
  background-color: var(--shiki-solarized-dark-bg, var(--shiki-dark-bg));
}

[data-theme="neta-studio"] .markdown-content .shiki, [data-theme="neta-studio"] .markdown-content .shiki span {
  color: var(--shiki-neta-studio, var(--shiki-dark));
}

[data-theme="neta-studio"] .markdown-content .shiki {
  background-color: var(--shiki-neta-studio-bg, var(--bg-code));
}

.markdown-code-copy {
  z-index: 1;
  border: 1px solid var(--border-subtle);
  justify-content: center;
  align-items: center;
  width: 1.65rem;
  height: 1.65rem;
  padding: 0;
  display: inline-flex;
  position: absolute;
  top: .5rem;
  right: .5rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-code-copy {
    border: 1px solid color-mix(in srgb, var(--border-subtle) 82%, transparent);
  }
}

.markdown-code-copy {
  background: var(--bg-elevated);
  border-radius: .35rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-code-copy {
    background: color-mix(in srgb, var(--bg-elevated) 84%, transparent);
  }
}

.markdown-code-copy {
  color: var(--text-tertiary);
  cursor: pointer;
  opacity: 0;
  transition: opacity .14s, background-color .14s, border-color .14s, color .14s;
}

.markdown-code-block:hover .markdown-code-copy, .markdown-code-copy:focus-visible, .markdown-code-copy.copied {
  opacity: 1;
}

.markdown-code-copy:hover {
  border-color: var(--border-primary);
  background: var(--bg-elevated);
  color: var(--text-primary);
}

.markdown-code-copy:focus-visible {
  outline: 2px solid var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-code-copy:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--brand) 45%, transparent);
  }
}

.markdown-code-copy:focus-visible {
  outline-offset: 2px;
}

.markdown-code-copy.copied {
  border-color: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-code-copy.copied {
    border-color: color-mix(in srgb, var(--brand) 34%, var(--border-subtle));
  }
}

.markdown-code-copy.copied {
  background: var(--brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-code-copy.copied {
    background: color-mix(in srgb, var(--brand) 12%, var(--bg-elevated));
  }
}

.markdown-code-copy.copied {
  color: var(--brand);
}

.streaming-live-markdown .markdown-code-copy {
  display: none;
}

@media (hover: none) {
  .markdown-code-copy {
    opacity: 1;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}