:root {
    --purple-50: #f2effe;
    --purple-100: #ebe7fe;
    --purple-200: #ded7fe;
    --purple-300: #d2c6ff;
    --purple-400: #a689fa;
    --purple-500: #895af6;
    --purple-600: #7341cc;
    --purple-700: #573690;
    --purple-800: #351e60;
    --purple-900: #231447;
    --beige-50: #fff;
    --beige-100: #f6f6f6;
    --beige-150: #f1f1f1;
    --beige-200: #ebebea;
    --beige-300: #e1e0e0;
    --beige-400: #d7d6d6;
    --grey-50: #f5f5f5;
    --grey-100: #e6e6e6;
    --grey-200: #d9d9d9;
    --grey-300: #b2b2b4;
    --grey-400: #6a6a6c;
    --grey-500: #58585a;
    --grey-600: #474748;
    --grey-700: #353536;
    --grey-750: #2c2c2d;
    --grey-800: #232324;
    --grey-850: #1b1b1c;
    --grey-900: #171717;
    --grey-950: #0f0f0f;
    --orange-50: #fbeeda;
    --orange-100: #fbeace;
    --orange-200: #f7d5a3;
    --orange-300: #f4c179;
    --orange-400: #f0ad54;
    --orange-500: #ed9a37;
    --orange-600: #b77222;
    --orange-700: #915d1f;
    --orange-800: #67451d;
    --orange-900: #462d10;
    --red-50: #fbeaea;
    --red-100: #ffe1e1;
    --red-200: #ffb8b8;
    --red-300: #ff9a9a;
    --red-400: #fe7e7e;
    --red-500: #f45757;
    --red-600: #da4646;
    --red-700: #972e2e;
    --red-800: #622222;
    --red-900: #461a1a;
    --green-50: #e3f5e8;
    --green-100: #d2f5df;
    --green-200: #b0e7c3;
    --green-300: #92e2b1;
    --green-400: #54cd7f;
    --green-500: #3bb162;
    --green-600: #1f8941;
    --green-700: #1b5931;
    --green-800: #124023;
    --green-900: #12321b;
    --pink-50: #f9eefb;
    --pink-100: #f9e7fd;
    --pink-200: #f5e1fa;
    --pink-300: #ecc0f5;
    --pink-400: #e398f3;
    --pink-500: #c068d2;
    --pink-600: #a744ba;
    --pink-700: #80328f;
    --pink-800: #5a2166;
    --pink-900: #4d1857;
    --blue-50: #deebff;
    --blue-100: #dcebfd;
    --blue-200: #b5d5fa;
    --blue-300: #8ab8ec;
    --blue-400: #62a0eb;
    --blue-500: #3a75d5;
    --blue-600: #2558b9;
    --blue-700: #1e3c8a;
    --blue-800: #1d3468;
    --blue-900: #1e274f;
    --alpha-beige-100: hsla(0,0%,96%,0);
    --alpha-beige-150: hsla(0,0%,95%,0);
    --alpha-grey-500: rgba(88,88,90,.6);
    --alpha-grey-600: rgba(71,71,72,.9);
    --alpha-grey-700: rgba(53,53,54,0);
    --alpha-grey-750: rgba(44,44,45,0);
    --alpha-grey-800: rgba(35,35,36,0);
    --alpha-grey-900: hsla(0,0%,9%,0);
    --alpha-white-0: hsla(0,0%,100%,0);
    --alpha-white-4: hsla(0,0%,100%,.04);
    --alpha-white-8: hsla(0,0%,100%,.08);
    --alpha-white-12: hsla(0,0%,100%,.12);
    --alpha-white-16: hsla(0,0%,100%,.16);
    --alpha-white-20: hsla(0,0%,100%,.2);
    --alpha-white-30: hsla(0,0%,100%,.3);
    --alpha-white-40: hsla(0,0%,100%,.4);
    --alpha-white-60: hsla(0,0%,100%,.6);
    --alpha-white-80: hsla(0,0%,100%,.8);
    --alpha-white-95: hsla(0,0%,100%,.95);
    --alpha-white-100: #fff;
    --alpha-black-0: hsla(0,0%,5%,0);
    --alpha-black-2: hsla(0,0%,5%,.02);
    --alpha-black-4: hsla(0,0%,5%,.04);
    --alpha-black-6: hsla(0,0%,5%,.06);
    --alpha-black-8: hsla(0,0%,5%,.08);
    --alpha-black-12: hsla(0,0%,5%,.12);
    --alpha-black-16: hsla(0,0%,5%,.16);
    --alpha-black-20: hsla(0,0%,5%,.2);
    --alpha-black-30: hsla(0,0%,5%,.3);
    --alpha-black-40: hsla(0,0%,5%,.4);
    --alpha-black-55: hsla(0,0%,5%,.55);
    --alpha-black-80: hsla(0,0%,5%,.8);
    --alpha-black-95: hsla(0,0%,5%,.95);
    --alpha-black-100: #0c0c0c;
    --alpha-purple-4: rgba(149,92,255,.04);
    --alpha-purple-6: rgba(137,90,246,.06);
    --alpha-purple-8: rgba(137,90,246,.08);
    --alpha-purple-12: rgba(137,90,246,.12);
    --alpha-purple-16: rgba(137,90,246,.16);
    --alpha-purple-25: rgba(137,90,246,.25);
    --alpha-purple-30: rgba(137,90,246,.3);
    --alpha-purple-40: rgba(137,90,246,.4);
    --alpha-purple-60: rgba(137,90,246,.6);
    --alpha-purple-80: rgba(137,90,246,.8);
    --alpha-purple-secondary40: rgba(166,137,250,.4);
    --alpha-orange-4: rgba(237,154,55,.04);
    --alpha-orange-6: rgba(237,154,55,.06);
    --alpha-orange-8: rgba(237,154,55,.08);
    --alpha-orange-12: rgba(237,154,55,.12);
    --alpha-orange-16: rgba(237,154,55,.16);
    --alpha-orange-25: rgba(237,154,55,.25);
    --alpha-orange-30: rgba(237,154,55,.3);
    --alpha-orange-40: rgba(237,154,55,.4);
    --alpha-orange-60: rgba(237,154,55,.6);
    --alpha-orange-80: rgba(237,154,55,.8);
    --alpha-orange-700: rgba(145,93,31,.5);
    --alpha-red-4: rgba(244,87,87,.04);
    --alpha-red-6: rgba(244,87,87,.06);
    --alpha-red-8: rgba(244,87,87,.08);
    --alpha-red-12: rgba(244,87,87,.12);
    --alpha-red-16: rgba(244,87,87,.16);
    --alpha-red-25: rgba(244,87,87,.25);
    --alpha-red-30: rgba(244,87,87,.3);
    --alpha-red-40: rgba(244,87,87,.4);
    --alpha-red-60: rgba(244,87,87,.6);
    --alpha-red-80: rgba(244,87,87,.8);
    --alpha-green-4: rgba(59,177,98,.04);
    --alpha-green-6: rgba(59,177,98,.06);
    --alpha-green-8: rgba(59,177,98,.08);
    --alpha-green-12: rgba(59,177,98,.12);
    --alpha-green-16: rgba(59,177,98,.16);
    --alpha-green-25: rgba(59,177,98,.25);
    --alpha-green-30: rgba(59,177,98,.3);
    --alpha-green-40: rgba(59,177,98,.4);
    --alpha-green-60: rgba(59,177,98,.6);
    --alpha-green-80: rgba(59,177,98,.8);
    --alpha-pink-4: rgba(192,104,210,.04);
    --alpha-pink-6: rgba(192,104,210,.06);
    --alpha-pink-8: rgba(192,104,210,.08);
    --alpha-pink-12: rgba(192,104,210,.12);
    --alpha-pink-16: rgba(192,104,210,.16);
    --alpha-pink-25: rgba(192,104,210,.25);
    --alpha-pink-30: rgba(192,104,210,.3);
    --alpha-pink-40: rgba(192,104,210,.4);
    --alpha-pink-60: rgba(192,104,210,.6);
    --alpha-pink-80: rgba(192,104,210,.8);
    --alpha-blue-4: rgba(52,118,225,.04);
    --alpha-blue-6: rgba(52,118,225,.06);
    --alpha-blue-8: rgba(52,118,225,.08);
    --alpha-blue-12: rgba(52,118,225,.12);
    --alpha-blue-16: rgba(52,118,225,.16);
    --alpha-blue-25: rgba(52,118,225,.25);
    --alpha-blue-30: rgba(52,118,225,.3);
    --alpha-blue-40: rgba(52,118,225,.4);
    --alpha-blue-60: rgba(52,118,225,.6);
    --alpha-blue-80: rgba(52,118,225,.8);
    --alpha-blue-500: rgba(58,117,213,.6)
}

:root {
    --color-bg-base-emphasis: var(--beige-200);
    --color-bg-base-default: var(--beige-200);
    --color-bg-base-default-high: var(--beige-150);
    --color-bg-base-default-medium: var(--beige-100);
    --color-bg-base-default-low: var(--beige-50);
    --color-bg-base-secondary: var(--beige-100);
    --color-bg-base-secondary-high: var(--beige-50);
    --color-bg-base-secondary-alt: var(--beige-150);
    --color-bg-base-tertiary: var(--beige-50);
    --color-bg-base-tertiary-alt: var(--beige-200);
    --color-bg-base-assistive-alt-RM: var(--beige-300);
    --color-bg-base-assistive: var(--grey-50);
    --color-bg-base-assistive-alt: var(--grey-100);
    --color-bg-base-subtle-alt: var(--grey-200);
    --color-bg-neutral-white-100: var(--alpha-black-100);
    --color-bg-neutral-white-80: var(--alpha-black-80);
    --color-bg-neutral-white-40: var(--alpha-black-30);
    --color-bg-neutral-white-20: var(--alpha-black-12);
    --color-bg-neutral-white-16: var(--alpha-black-8);
    --color-bg-neutral-white-12: var(--alpha-black-6);
    --color-bg-neutral-white-8: var(--alpha-black-4);
    --color-bg-neutral-white-4: var(--alpha-black-2);
    --color-bg-neutral-inverse-100: var(--alpha-white-100);
    --color-bg-neutral-inverse-80: var(--alpha-white-80);
    --color-bg-neutral-inverse-55: var(--alpha-white-60);
    --color-bg-neutral-inverse-8: var(--alpha-white-16);
    --color-bg-neutral-inverse-6: var(--alpha-white-12);
    --color-bg-neutral-inverse-4: var(--alpha-white-8);
    --color-bg-neutral-inverse-2: var(--alpha-white-4);
    --color-bg-brand-emphasis: var(--purple-600);
    --color-bg-brand-emphasis-low: var(--purple-300);
    --color-bg-brand-emphasis-the-lowest: var(--purple-100);
    --color-bg-brand-default: var(--purple-500);
    --color-bg-brand-default-low: var(--purple-200);
    --color-bg-brand-secondary: var(--purple-400);
    --color-bg-brand-tertiary-alt: var(--purple-500);
    --color-bg-brand-tertiary: var(--purple-300);
    --color-bg-brand-tertiary-high: var(--purple-200);
    --color-bg-brand-assistive: var(--purple-100);
    --color-bg-danger-default: var(--red-500);
    --color-bg-danger-secondary: var(--red-400);
    --color-bg-danger-tertiary: var(--red-300);
    --color-bg-danger-assistive: var(--red-100);
    --color-bg-warning-default: var(--orange-500);
    --color-bg-warning-secondary: var(--orange-400);
    --color-bg-warning-tertiary: var(--orange-300);
    --color-bg-warning-assistive: var(--orange-100);
    --color-bg-positive-default: var(--green-500);
    --color-bg-positive-secondary: var(--green-400);
    --color-bg-positive-tertiary: var(--green-300);
    --color-bg-positive-assistive: var(--green-100);
    --color-bg-pink-default: var(--pink-500);
    --color-bg-pink-assistive: var(--pink-100);
    --color-bg-blue-default: var(--blue-500);
    --color-bg-blue-assistive: var(--blue-100);
    --color-bg-blue-assistive-alt: var(--blue-500);
    --color-bg-alpha-base-default: var(--alpha-beige-100);
    --color-bg-alpha-base-secondary: var(--alpha-beige-100);
    --color-bg-alpha-base-secondary-high: var(--alpha-beige-150);
    --color-bg-alpha-base-tertiary: var(--alpha-beige-100);
    --color-bg-alpha-base-assistive: var(--alpha-grey-600);
    --color-bg-alpha-brand-emphasis: var(--alpha-purple-40);
    --color-bg-alpha-brand-default: var(--alpha-purple-30);
    --color-bg-alpha-brand-secondary: var(--alpha-purple-12);
    --color-bg-alpha-brand-tertiary: var(--alpha-purple-8);
    --color-bg-alpha-brand-assistive: var(--alpha-purple-6);
    --color-bg-alpha-danger-default: var(--alpha-red-30);
    --color-bg-alpha-danger-secondary: var(--alpha-red-12);
    --color-bg-alpha-danger-tertiary: var(--alpha-red-8);
    --color-bg-alpha-danger-assistive: var(--alpha-red-6);
    --color-bg-alpha-warning-default: var(--alpha-orange-30);
    --color-bg-alpha-warning-secondary: var(--alpha-orange-12);
    --color-bg-alpha-warning-tertiary: var(--alpha-orange-8);
    --color-bg-alpha-warning-assistive-default: var(--alpha-orange-40);
    --color-bg-alpha-warning-assistive: var(--alpha-orange-6);
    --color-bg-alpha-warning-assistive-alt: #d16d51;
    --color-bg-alpha-positive-default: var(--alpha-green-30);
    --color-bg-alpha-positive-secondary: var(--alpha-green-12);
    --color-bg-alpha-positive-tertiary: var(--alpha-green-8);
    --color-bg-alpha-positive-assistive: var(--alpha-green-6);
    --color-bg-alpha-pink-default: var(--alpha-pink-30);
    --color-bg-alpha-pink-secondary: var(--alpha-pink-12);
    --color-bg-alpha-pink-tertiary: var(--alpha-pink-8);
    --color-bg-alpha-pink-assistive: var(--alpha-pink-6);
    --color-bg-alpha-blue-default: var(--alpha-blue-30);
    --color-bg-alpha-blue-secondary: var(--alpha-blue-12);
    --color-bg-alpha-blue-tertiary: var(--alpha-blue-8);
    --color-bg-alpha-blue-assistive: var(--alpha-blue-6);
    --color-bg-alpha-blue-assistive-alt: var(--blue-600);
    --color-bg-utilities-qwen-3: #574ae8;
    --color-bg-utilities-qwen-gradient-start: rgba(97,92,237,.3);
    --color-bg-utilities-qwen-gradient-end: rgba(97,92,237,.05);
    --color-bg-utilities-deepseek-gradient-start: rgba(68,96,246,.3);
    --color-bg-utilities-deepseek-gradient-end: rgba(68,96,246,.05);
    --color-bg-utilities-claude-gradient-start: rgba(209,109,81,.3);
    --color-bg-utilities-claude-gradient-end: rgba(209,109,81,.05);
    --color-bg-utilities-gpt-gradient-start: rgba(0,0,0,.2);
    --color-bg-utilities-gpt-gradient-end: rgba(0,0,0,.05);
    --color-border-neutral-white-40: var(--alpha-black-30);
    --color-border-neutral-white-16: var(--alpha-black-12);
    --color-border-neutral-white-12: var(--alpha-black-6);
    --color-border-neutral-white-8: var(--alpha-black-4);
    --color-border-neutral-white-4: var(--alpha-black-2);
    --color-border-neutral-white-0: var(--alpha-black-0);
    --color-border-brand-emphasis-medium: var(--purple-500);
    --color-border-brand-default: var(--purple-600);
    --color-border-brand-secondary: var(--purple-500);
    --color-border-brand-tertiary: var(--purple-400);
    --color-border-brand-assistive: var(--purple-300);
    --color-border-blue-emphasis-medium: var(--blue-500);
    --color-border-blue-secondary: var(--blue-500);
    --color-border-blue-assistive: var(--blue-300);
    --color-border-danger-default: var(--red-600);
    --color-border-danger-secondary: var(--red-500);
    --color-border-danger-tertiary: var(--red-400);
    --color-border-danger-assistive: var(--red-300);
    --color-border-warning-emphasis-medium: var(--orange-500);
    --color-border-warning-default: var(--orange-600);
    --color-border-warning-secondary: var(--orange-500);
    --color-border-warning-tertiary: var(--orange-400);
    --color-border-warning-assistive: var(--orange-300);
    --color-border-positive-emphasis-medium: var(--green-500);
    --color-border-positive-default: var(--green-600);
    --color-border-positive-secondary: var(--green-500);
    --color-border-positive-tertiary: var(--green-400);
    --color-border-positive-assistive: var(--green-300);
    --color-border-pink-emphasis-medium: var(--pink-500);
    --color-border-alpha-blue-secondary: var(--alpha-blue-12);
    --color-icon-neutral-white-95: var(--alpha-black-95);
    --color-icon-neutral-white-80: var(--alpha-black-80);
    --color-icon-neutral-white-60: var(--alpha-black-55);
    --color-icon-neutral-white-40: var(--alpha-black-30);
    --color-icon-neutral-inverse-100: var(--alpha-white-100);
    --color-icon-neutral-inverse-95: var(--alpha-white-95);
    --color-icon-neutral-inverse-80: var(--alpha-white-80);
    --color-icon-neutral-inverse-55: var(--alpha-white-60);
    --color-icon-neutral-inverse-40: var(--alpha-white-30);
    --color-icon-brand-default: var(--purple-600);
    --color-icon-brand-secondary: var(--purple-500);
    --color-icon-brand-secondary-high: var(--purple-400);
    --color-icon-brand-assistive: var(--purple-300);
    --color-icon-brand-inverse: var(--purple-800);
    --color-icon-brand-inverse-secondary-the-lowest: var(--purple-500);
    --color-icon-danger-default: var(--red-600);
    --color-icon-danger-secondary: var(--red-500);
    --color-icon-danger-assistive: var(--red-300);
    --color-icon-danger-inverse: var(--red-800);
    --color-icon-warning-default: var(--orange-600);
    --color-icon-warning-secondary: var(--orange-500);
    --color-icon-warning-assistive: var(--orange-300);
    --color-icon-warning-inverse: var(--orange-800);
    --color-icon-positive-default: var(--green-600);
    --color-icon-positive-default-high: var(--green-500);
    --color-icon-positive-secondary: var(--green-500);
    --color-icon-positive-assistive: var(--green-300);
    --color-icon-positive-inverse: var(--green-800);
    --color-icon-pink-default: var(--pink-600);
    --color-icon-pink-secondary: var(--pink-500);
    --color-icon-pink-assistive: var(--pink-300);
    --color-icon-pink-inverse: var(--pink-800);
    --color-icon-alpha-neutral-default: var(--alpha-black-8);
    --color-icon-alpha-neutral-secondary: var(--alpha-black-6);
    --color-icon-alpha-neutral-tertiary: var(--alpha-black-4);
    --color-text-neutral-white-95: var(--alpha-black-95);
    --color-text-neutral-white-80: var(--alpha-black-80);
    --color-text-neutral-white-60: var(--alpha-black-55);
    --color-text-neutral-white-40: var(--alpha-black-30);
    --color-text-neutral-white-20: var(--alpha-black-12);
    --color-text-neutral-inverse-95: var(--alpha-white-95);
    --color-text-neutral-inverse-80: var(--alpha-white-80);
    --color-text-neutral-inverse-55: var(--alpha-white-60);
    --color-text-neutral-inverse-40: var(--alpha-white-30);
    --color-text-brand-default: var(--purple-600);
    --color-text-brand-default-lowest: var(--purple-100);
    --color-text-brand-secondary: var(--purple-500);
    --color-text-brand-secondary-high: var(--purple-400);
    --color-text-brand-assistive: var(--purple-300);
    --color-text-brand-inverse: var(--purple-800);
    --color-text-brand-inverse-secondary-the-lowest: var(--purple-500);
    --color-text-danger-default: var(--red-600);
    --color-text-danger-secondary: var(--red-500);
    --color-text-danger-assistive: var(--red-300);
    --color-text-danger-inverse: var(--red-800);
    --color-text-warning-default: var(--orange-600);
    --color-text-warning-secondary: var(--orange-500);
    --color-text-warning-secondary-high: var(--orange-400);
    --color-text-warning-assistive: var(--orange-300);
    --color-text-warning-inverse: var(--orange-800);
    --color-text-positive-default: var(--green-600);
    --color-text-positive-secondary: var(--green-500);
    --color-text-positive-secondary-high: var(--green-400);
    --color-text-positive-assistive: var(--green-300);
    --color-text-positive-inverse: var(--green-800);
    --color-text-blue-default: var(--blue-600);
    --color-text-blue-secondary-high: var(--blue-400);
    --color-text-pink-default: var(--pink-600);
    --color-text-pink-secondary-high: var(--pink-400);
    --color-text-alpha-brand-default: var(--alpha-purple-secondary40)
}

.dark {
    --color-bg-base-emphasis: var(--grey-950);
    --color-bg-base-default: var(--grey-900);
    --color-bg-base-default-high: var(--grey-900);
    --color-bg-base-default-medium: var(--grey-900);
    --color-bg-base-default-low: var(--grey-900);
    --color-bg-base-secondary: var(--grey-800);
    --color-bg-base-secondary-high: var(--grey-800);
    --color-bg-base-secondary-alt: var(--grey-750);
    --color-bg-base-tertiary: var(--grey-700);
    --color-bg-base-tertiary-alt: var(--grey-700);
    --color-bg-base-assistive-alt-RM: var(--grey-600);
    --color-bg-base-assistive: var(--grey-600);
    --color-bg-base-assistive-alt: var(--grey-600);
    --color-bg-base-subtle-alt: var(--grey-500);
    --color-bg-neutral-white-100: var(--alpha-white-100);
    --color-bg-neutral-white-80: var(--alpha-white-80);
    --color-bg-neutral-white-40: var(--alpha-white-40);
    --color-bg-neutral-white-20: var(--alpha-white-20);
    --color-bg-neutral-white-16: var(--alpha-white-16);
    --color-bg-neutral-white-12: var(--alpha-white-12);
    --color-bg-neutral-white-8: var(--alpha-white-8);
    --color-bg-neutral-white-4: var(--alpha-white-4);
    --color-bg-neutral-inverse-100: var(--alpha-black-100);
    --color-bg-neutral-inverse-80: var(--alpha-black-80);
    --color-bg-neutral-inverse-55: var(--alpha-black-55);
    --color-bg-neutral-inverse-8: var(--alpha-black-8);
    --color-bg-neutral-inverse-6: var(--alpha-black-6);
    --color-bg-neutral-inverse-4: var(--alpha-black-4);
    --color-bg-neutral-inverse-2: var(--alpha-black-2);
    --color-bg-brand-emphasis: var(--purple-400);
    --color-bg-brand-emphasis-low: var(--purple-400);
    --color-bg-brand-emphasis-the-lowest: var(--purple-400);
    --color-bg-brand-default: var(--purple-500);
    --color-bg-brand-default-low: var(--purple-500);
    --color-bg-brand-secondary: var(--purple-600);
    --color-bg-brand-tertiary-alt: var(--purple-700);
    --color-bg-brand-tertiary: var(--purple-700);
    --color-bg-brand-tertiary-high: var(--purple-700);
    --color-bg-brand-assistive: var(--purple-800);
    --color-bg-danger-default: var(--red-500);
    --color-bg-danger-secondary: var(--red-600);
    --color-bg-danger-tertiary: var(--red-700);
    --color-bg-danger-assistive: var(--red-800);
    --color-bg-warning-default: var(--orange-500);
    --color-bg-warning-secondary: var(--orange-600);
    --color-bg-warning-tertiary: var(--orange-700);
    --color-bg-warning-assistive: var(--orange-800);
    --color-bg-positive-default: var(--green-500);
    --color-bg-positive-secondary: var(--green-600);
    --color-bg-positive-tertiary: var(--green-700);
    --color-bg-positive-assistive: var(--green-800);
    --color-bg-pink-default: var(--pink-500);
    --color-bg-pink-assistive: var(--pink-800);
    --color-bg-blue-default: var(--blue-500);
    --color-bg-blue-assistive: var(--blue-800);
    --color-bg-blue-assistive-alt: var(--alpha-blue-500);
    --color-bg-alpha-base-default: var(--alpha-grey-900);
    --color-bg-alpha-base-secondary: var(--alpha-grey-800);
    --color-bg-alpha-base-secondary-high: var(--alpha-grey-750);
    --color-bg-alpha-base-tertiary: var(--alpha-grey-700);
    --color-bg-alpha-base-assistive: var(--alpha-grey-600);
    --color-bg-alpha-brand-emphasis: var(--alpha-purple-60);
    --color-bg-alpha-brand-default: var(--alpha-purple-40);
    --color-bg-alpha-brand-secondary: var(--alpha-purple-25);
    --color-bg-alpha-brand-tertiary: var(--alpha-purple-16);
    --color-bg-alpha-brand-assistive: var(--alpha-purple-12);
    --color-bg-alpha-danger-default: var(--alpha-red-40);
    --color-bg-alpha-danger-secondary: var(--alpha-red-25);
    --color-bg-alpha-danger-tertiary: var(--alpha-red-16);
    --color-bg-alpha-danger-assistive: var(--alpha-red-12);
    --color-bg-alpha-warning-default: var(--alpha-orange-40);
    --color-bg-alpha-warning-secondary: var(--alpha-orange-25);
    --color-bg-alpha-warning-tertiary: var(--alpha-orange-16);
    --color-bg-alpha-warning-assistive-default: var(--alpha-orange-40);
    --color-bg-alpha-warning-assistive: var(--alpha-orange-12);
    --color-bg-alpha-warning-assistive-alt: var(--alpha-orange-700);
    --color-bg-alpha-positive-default: var(--alpha-green-40);
    --color-bg-alpha-positive-secondary: var(--alpha-green-25);
    --color-bg-alpha-positive-tertiary: var(--alpha-green-16);
    --color-bg-alpha-positive-assistive: var(--alpha-green-12);
    --color-bg-alpha-pink-default: var(--alpha-pink-40);
    --color-bg-alpha-pink-secondary: var(--alpha-pink-25);
    --color-bg-alpha-pink-tertiary: var(--alpha-pink-16);
    --color-bg-alpha-pink-assistive: var(--alpha-pink-12);
    --color-bg-alpha-blue-default: var(--alpha-blue-40);
    --color-bg-alpha-blue-secondary: var(--alpha-blue-25);
    --color-bg-alpha-blue-tertiary: var(--alpha-blue-16);
    --color-bg-alpha-blue-assistive: var(--alpha-blue-12);
    --color-bg-alpha-blue-assistive-alt: var(--alpha-blue-500);
    --color-bg-utilities-qwen-3: rgba(93,80,247,.5);
    --color-bg-utilities-qwen-gradient-start: rgba(97,92,237,.4);
    --color-bg-utilities-qwen-gradient-end: rgba(97,92,237,.05);
    --color-bg-utilities-deepseek-gradient-start: rgba(68,96,246,.4);
    --color-bg-utilities-deepseek-gradient-end: rgba(68,96,246,.05);
    --color-bg-utilities-claude-gradient-start: rgba(209,109,81,.4);
    --color-bg-utilities-claude-gradient-end: rgba(209,109,81,.05);
    --color-bg-utilities-gpt-gradient-start: rgba(0,0,0,.6);
    --color-bg-utilities-gpt-gradient-end: rgba(0,0,0,.05);
    --color-border-neutral-white-40: var(--alpha-white-40);
    --color-border-neutral-white-16: var(--alpha-white-16);
    --color-border-neutral-white-12: var(--alpha-white-12);
    --color-border-neutral-white-8: var(--alpha-white-8);
    --color-border-neutral-white-4: var(--alpha-white-4);
    --color-border-neutral-white-0: var(--alpha-white-0);
    --color-border-brand-emphasis-medium: var(--purple-300);
    --color-border-brand-default: var(--purple-400);
    --color-border-brand-secondary: var(--purple-500);
    --color-border-brand-tertiary: var(--purple-600);
    --color-border-brand-assistive: var(--purple-700);
    --color-border-blue-emphasis-medium: var(--blue-300);
    --color-border-blue-secondary: var(--blue-500);
    --color-border-blue-assistive: var(--blue-700);
    --color-border-danger-default: var(--red-400);
    --color-border-danger-secondary: var(--red-500);
    --color-border-danger-tertiary: var(--red-600);
    --color-border-danger-assistive: var(--red-700);
    --color-border-warning-emphasis-medium: var(--orange-300);
    --color-border-warning-default: var(--orange-400);
    --color-border-warning-secondary: var(--orange-500);
    --color-border-warning-tertiary: var(--orange-600);
    --color-border-warning-assistive: var(--orange-700);
    --color-border-positive-emphasis-medium: var(--green-300);
    --color-border-positive-default: var(--green-400);
    --color-border-positive-secondary: var(--green-500);
    --color-border-positive-tertiary: var(--green-600);
    --color-border-positive-assistive: var(--green-700);
    --color-border-pink-emphasis-medium: var(--pink-300);
    --color-border-alpha-blue-secondary: var(--alpha-blue-25);
    --color-icon-neutral-white-95: var(--alpha-white-95);
    --color-icon-neutral-white-80: var(--alpha-white-80);
    --color-icon-neutral-white-60: var(--alpha-white-60);
    --color-icon-neutral-white-40: var(--alpha-white-40);
    --color-icon-neutral-inverse-100: var(--alpha-black-100);
    --color-icon-neutral-inverse-95: var(--alpha-black-95);
    --color-icon-neutral-inverse-80: var(--alpha-black-80);
    --color-icon-neutral-inverse-55: var(--alpha-black-55);
    --color-icon-neutral-inverse-40: var(--alpha-black-40);
    --color-icon-brand-default: var(--purple-400);
    --color-icon-brand-secondary: var(--purple-500);
    --color-icon-brand-secondary-high: var(--purple-500);
    --color-icon-brand-assistive: var(--purple-700);
    --color-icon-brand-inverse: var(--purple-100);
    --color-icon-brand-inverse-secondary-the-lowest: var(--purple-50);
    --color-icon-danger-default: var(--red-400);
    --color-icon-danger-secondary: var(--red-500);
    --color-icon-danger-assistive: var(--red-700);
    --color-icon-danger-inverse: var(--red-100);
    --color-icon-warning-default: var(--orange-400);
    --color-icon-warning-secondary: var(--orange-500);
    --color-icon-warning-assistive: var(--orange-700);
    --color-icon-warning-inverse: var(--orange-100);
    --color-icon-positive-default: var(--green-400);
    --color-icon-positive-default-high: var(--green-400);
    --color-icon-positive-secondary: var(--green-500);
    --color-icon-positive-assistive: var(--green-700);
    --color-icon-positive-inverse: var(--green-100);
    --color-icon-pink-default: var(--pink-400);
    --color-icon-pink-secondary: var(--pink-500);
    --color-icon-pink-assistive: var(--pink-700);
    --color-icon-pink-inverse: var(--pink-100);
    --color-icon-alpha-neutral-default: var(--alpha-white-16);
    --color-icon-alpha-neutral-secondary: var(--alpha-white-12);
    --color-icon-alpha-neutral-tertiary: var(--alpha-white-8);
    --color-text-neutral-white-95: var(--alpha-white-95);
    --color-text-neutral-white-80: var(--alpha-white-80);
    --color-text-neutral-white-60: var(--alpha-white-60);
    --color-text-neutral-white-40: var(--alpha-white-40);
    --color-text-neutral-white-20: var(--alpha-white-20);
    --color-text-neutral-inverse-95: var(--alpha-black-95);
    --color-text-neutral-inverse-80: var(--alpha-black-80);
    --color-text-neutral-inverse-55: var(--alpha-black-55);
    --color-text-neutral-inverse-40: var(--alpha-black-40);
    --color-text-brand-default: var(--purple-400);
    --color-text-brand-default-lowest: var(--purple-400);
    --color-text-brand-secondary: var(--purple-500);
    --color-text-brand-secondary-high: var(--purple-500);
    --color-text-brand-assistive: var(--purple-700);
    --color-text-brand-inverse: var(--purple-100);
    --color-text-brand-inverse-secondary-the-lowest: var(--purple-50);
    --color-text-danger-default: var(--red-400);
    --color-text-danger-secondary: var(--red-500);
    --color-text-danger-assistive: var(--red-700);
    --color-text-danger-inverse: var(--red-100);
    --color-text-warning-default: var(--orange-400);
    --color-text-warning-secondary: var(--orange-500);
    --color-text-warning-secondary-high: var(--orange-500);
    --color-text-warning-assistive: var(--orange-700);
    --color-text-warning-inverse: var(--orange-100);
    --color-text-positive-default: var(--green-400);
    --color-text-positive-secondary: var(--green-500);
    --color-text-positive-secondary-high: var(--green-500);
    --color-text-positive-assistive: var(--green-700);
    --color-text-positive-inverse: var(--green-100);
    --color-text-blue-default: var(--blue-400);
    --color-text-blue-secondary-high: var(--blue-500);
    --color-text-pink-default: var(--pink-400);
    --color-text-pink-secondary-high: var(--pink-500);
    --color-text-alpha-brand-default: var(--alpha-purple-secondary40)
}


*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    text-size-adjust: 100%;
}

textarea {
    resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1;
}

input::placeholder, textarea::placeholder {
    color: #9ca3af;
    opacity: 1;
}

[role=button], button {
    cursor: pointer;
}

:disabled {
    cursor: default;
}

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

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

table {
    table-layout: fixed;
    word-break: break-all;
}

.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.sticky {
    position: sticky;
}
.fixed {
    position: fixed;
}
.hidden {
    display: none;
}
.w-full {
    width: 100%;
}
.h-full {
    height: 100%;
}
.h-0 {
    height: 0;
}
.top-0 {
    top: 0;
}
.left-0 {
    left: 0;
}
.right-0 {
    right: 0;
}
.bottom-0 {
    bottom: 0;
}

.flex {
    display: flex;
}
.flex-col {
    flex-direction: column;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex-ac {
    align-items: center;
}
.flex-juc {
    justify-content: center;
}
.flex-row {
    flex-direction: row;
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
.items-start {
    align-items: flex-start;
}
.items-center {
    align-items: center;
}
.items-middle {
    align-items: center;
    justify-content: center;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.grow {
    flex-grow: 1;
}
.grow-0 {
    flex-grow: 0;
}
.shrink {
    flex-shrink: 1;
}
.shrink-0 {
    flex-shrink: 0;
}

.grid {
    display: grid;
}
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.col-span-8 {
    grid-column: span 8 / span 8;
}

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

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

.mr-10 {
    margin: 0.1rem;
}
.mr-t10 {
    margin-top: 0.1rem;
}
.mr-r10 {
    margin-right: 0.1rem;
}
.mr-b10 {
    margin-bottom: 0.1rem;
}
.mr-l10 {
    margin-left: 0.1rem;
}
.mr-15 {
    margin: 0.15rem;
}
.mr-t15 {
    margin-top: 0.15rem;
}
.mr-r15 {
    margin-right: 0.15rem;
}
.mr-b15 {
    margin-bottom: 0.15rem;
}
.mr-l15 {
    margin-left: 0.15rem;
}
.mr-20 {
    margin: 0.2rem;
}
.mr-t20 {
    margin-top: 0.2rem;
}
.mr-r20 {
    margin-right: 0.2rem;
}
.mr-b20 {
    margin-bottom: 0.2rem;
}
.mr-l20 {
    margin-left: 0.2rem;
}

.pd-10 {
    padding: 0.1rem;
}
.pd-t10 {
    padding-top: 0.1rem;
}
.pd-r10 {
    padding-right: 0.1rem;
}
.pd-b10 {
    padding-bottom: 0.1rem;
}
.pd-l10 {
    padding-left: 0.1rem;
}
.pd-15 {
    padding: 0.15rem;
}
.pd-t15 {
    padding-top: 0.15rem;
}
.pd-r15 {
    padding-right: 0.15rem;
}
.pd-b15 {
    padding-bottom: 0.15rem;
}
.pd-l15 {
    padding-left: 0.15rem;
}
.pd-20 {
    padding: 0.2rem;
}
.pd-t20 {
    padding-top: 0.2rem;
}
.pd-r20 {
    padding-right: 0.2rem;
}
.pd-b20 {
    padding-bottom: 0.2rem;
}
.pd-l20 {
    padding-left: 0.2rem;
}

.checkbox-switch {
    position: relative;
    display: inline-block;
    font-size: 0.2rem;
}
.checkbox-switch input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    width: 0;
    height: 0;
}
.checkbox-switch .switch-indicator {
    position: relative;
    display: block;
    height: 1em;
    min-width: 1.8em;
    border: none;
    border-radius: 1.8em;
    background-color: var(--dull);
    cursor: pointer;
    transition: .2s;
}
.checkbox-switch .switch-indicator::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: calc(1em - 4px);
    width: calc(1em - 4px);
    margin: 2px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(17, 20, 24, .2);
    transition: left .2s;
}
.checkbox-switch input:checked+.switch-indicator {
    background-color: #1e9fff;
}
.checkbox-switch input:checked+.switch-indicator:before {
    left: calc(100% - 1em);
}

.radio-inputs {
    min-width: 0.32rem;
    height: 0.3rem;
    padding: 2px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    border-radius: 0.06rem;
    background-color: var(--duller);
    box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    font-size: 0.14rem;
}
.radio-inputs .radio {
    flex: 1 1 auto;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.radio-inputs .radio input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    width: 0;
    height: 0;
}
.radio-inputs .radio-name {
    height: 100%;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.02rem;
    font-size: 1em;
    border-radius: 0.06rem;
    border: none;
    transition: all .15s ease-in-out;
    box-sizing: border-box;
    cursor: pointer;
}
.radio-inputs .radio input:checked+.radio-name {
    background-color: var(--primary-dull);
}