:root[tui-theme-mode=dark],
.tui-theme-dark {
  --uikit-color-theme-1: #1C2333;
  --uikit-color-theme-2: #243047;
  --uikit-color-theme-3: #2F4875;
  --uikit-color-theme-4: #305BA6;
  --uikit-color-theme-5: #2B6AD6;
  --uikit-color-theme-6: #4086FF;
  --uikit-color-theme-7: #5C9DFF;
  --uikit-color-theme-8: #78B0FF;
  --uikit-color-theme-9: #9CC7FF;
  --uikit-color-theme-10: #C2DEFF;
  --uikit-color-black-1: rgba(0, 0, 0, 100%);
  --uikit-color-black-2: rgba(0, 0, 0, 90%);
  --uikit-color-black-3: rgba(0, 0, 0, 72%);
  --uikit-color-black-4: rgba(0, 0, 0, 55%);
  --uikit-color-black-5: rgba(0, 0, 0, 40%);
  --uikit-color-black-6: rgba(0, 0, 0, 25%);
  --uikit-color-black-7: rgba(0, 0, 0, 12%);
  --uikit-color-black-8: rgba(0, 0, 0, 6%);
  --uikit-color-white-1: rgba(255, 255, 255, 100%);
  --uikit-color-white-2: rgba(255, 255, 255, 93%);
  --uikit-color-white-3: rgba(255, 255, 255, 75%);
  --uikit-color-white-4: rgba(255, 255, 255, 55%);
  --uikit-color-white-5: rgba(255, 255, 255, 42%);
  --uikit-color-white-6: rgba(255, 255, 255, 30%);
  --uikit-color-white-7: rgba(255, 255, 255, 14%);
  --uikit-color-gray-1: #131417;
  --uikit-color-gray-2: #1F2024;
  --uikit-color-gray-3: #2B2C30;
  --uikit-color-gray-4: #3A3C42;
  --uikit-color-gray-5: #48494F;
  --uikit-color-gray-6: #54565C;
  --uikit-color-gray-7: #676A70;
  --uikit-color-green-1: #1A2620;
  --uikit-color-green-2: #22352C;
  --uikit-color-green-3: #2F4F3F;
  --uikit-color-green-4: #377355;
  --uikit-color-green-5: #368F65;
  --uikit-color-green-6: #38A673;
  --uikit-color-green-7: #62B58B;
  --uikit-color-green-8: #8BC7A9;
  --uikit-color-green-9: #A9D4BD;
  --uikit-color-green-10: #C8E5D5;
  --uikit-color-red-1: #2B1C1F;
  --uikit-color-red-2: #422324;
  --uikit-color-red-3: #613234;
  --uikit-color-red-4: #8A4242;
  --uikit-color-red-5: #C2544E;
  --uikit-color-red-6: #E6594C;
  --uikit-color-red-7: #E57A6E;
  --uikit-color-red-8: #F3A599;
  --uikit-color-red-9: #FACBC3;
  --uikit-color-red-10: #FAE4DE;
  --uikit-color-orange-1: #211A19;
  --uikit-color-orange-2: #35231A;
  --uikit-color-orange-3: #462E1F;
  --uikit-color-orange-4: #653C21;
  --uikit-color-orange-5: #96562A;
  --uikit-color-orange-6: #E37F32;
  --uikit-color-orange-7: #E39552;
  --uikit-color-orange-8: #EEAD72;
  --uikit-color-orange-9: #F7CFA4;
  --uikit-color-orange-10: #F9E9D1;
  --uikit-color-transparent: rgba(255, 255, 255, 0%);
  --text-color-primary: var(--uikit-color-white-2);
  --text-color-secondary: var(--uikit-color-white-4);
  --text-color-tertiary: var(--uikit-color-white-6);
  --text-color-disabled: var(--uikit-color-white-6);
  --text-color-button: var(--uikit-color-white-1);
  --text-color-button-disabled: var(--uikit-color-white-5);
  --text-color-link: var(--uikit-color-theme-6);
  --text-color-link-hover: var(--uikit-color-theme-5);
  --text-color-link-active: var(--uikit-color-theme-7);
  --text-color-link-disabled: var(--uikit-color-theme-2);
  --text-color-anti-primary: var(--uikit-color-black-2);
  --text-color-anti-secondary: var(--uikit-color-black-4);
  --text-color-warning: var(--uikit-color-orange-6);
  --text-color-success: var(--uikit-color-green-6);
  --text-color-error: var(--uikit-color-red-6);
  --bg-color-topbar: var(--uikit-color-gray-1);
  --bg-color-operate: var(--uikit-color-gray-2);
  --bg-color-dialog: var(--uikit-color-gray-2);
  --bg-color-dialog-module: var(--uikit-color-gray-3);
  --bg-color-entrycard: var(--uikit-color-gray-3);
  --bg-color-function: var(--uikit-color-gray-4);
  --bg-color-bottombar: var(--uikit-color-gray-3);
  --bg-color-input: var(--uikit-color-gray-3);
  --bg-color-bubble-reciprocal: var(--uikit-color-gray-3);
  --bg-color-bubble-own: var(--uikit-color-theme-7);
  --bg-color-default: var(--uikit-color-gray-1);
  --bg-color-tag-mask: var(--uikit-color-black-4);
  --bg-color-element-mask: var(--uikit-color-black-6);
  --bg-color-mask: var(--uikit-color-black-4);
  --bg-color-mask-disappeared: var(--uikit-color-black-8);
  --bg-color-mask-begin: var(--uikit-color-black-2);
  --stroke-color-primary: var(--uikit-color-gray-4);
  --stroke-color-secondary: var(--uikit-color-gray-3);
  --stroke-color-module: var(--uikit-color-gray-5);
  --shadow-color: var(--uikit-color-black-8);
  --list-color-default: var(--uikit-color-gray-2);
  --list-color-hover: var(--uikit-color-gray-3);
  --list-color-focused: var(--uikit-color-theme-2);
  --button-color-primary-default: var(--uikit-color-theme-6);
  --button-color-primary-hover: var(--uikit-color-theme-5);
  --button-color-primary-active: var(--uikit-color-theme-7);
  --button-color-primary-disabled: var(--uikit-color-theme-2);
  --button-color-secondary-default: var(--uikit-color-gray-4);
  --button-color-secondary-hover: var(--uikit-color-gray-3);
  --button-color-secondary-active: var(--uikit-color-gray-5);
  --button-color-secondary-disabled: var(--uikit-color-gray-3);
  --button-color-accept: var(--uikit-color-green-6);
  --button-color-hangup: var(--uikit-color-red-6);
  --button-color-on: var(--uikit-color-white-1);
  --button-color-off: var(--uikit-color-black-5);
  --dropdown-color-default: var(--uikit-color-gray-3);
  --dropdown-color-hover: var(--uikit-color-gray-4);
  --dropdown-color-active: var(--uikit-color-gray-2);
  --scroll-bar-color-default: var(--uikit-color-white-7);
  --scroll-bar-color-hover: var(--uikit-color-white-6);
  --floating-color-default: var(--uikit-color-gray-3);
  --floating-color-operate: var(--uikit-color-gray-4);
  --checkbox-color-selected: var(--uikit-color-theme-5);
  --toast-color-warning: var(--uikit-color-orange-2);
  --toast-color-success: var(--uikit-color-green-2);
  --toast-color-error: var(--uikit-color-red-2);
  --toast-color-default: var(--uikit-color-theme-2);
  --switch-color-off: var(--uikit-color-gray-4);
  --switch-color-on: var(--uikit-color-theme-5);
  --switch-color-button: var(--uikit-color-white-1);
  --slider-color-filled: var(--uikit-color-theme-5);
  --slider-color-empty: var(--uikit-color-gray-5);
  --slider-color-button: var(--uikit-color-white-1);
  --tab-color-selected: var(--uikit-color-gray-5);
  --tab-color-unselected: var(--uikit-color-gray-4);
  --tab-color-option: var(--uikit-color-gray-4);
  --icon-color-primary: var(--uikit-color-white-2);
}
:root[tui-theme-mode=light],
.tui-theme-light {
  --uikit-color-theme-1: #EBF3FF;
  --uikit-color-theme-2: #CCE2FF;
  --uikit-color-theme-3: #ADCFFF;
  --uikit-color-theme-4: #7AAFFF;
  --uikit-color-theme-5: #4588F5;
  --uikit-color-theme-6: #1C66E5;
  --uikit-color-theme-7: #0D49BF;
  --uikit-color-theme-8: #033099;
  --uikit-color-theme-9: #001F73;
  --uikit-color-theme-10: #00124D;
  --uikit-color-black-1: rgba(0, 0, 0, 100%);
  --uikit-color-black-2: rgba(0, 0, 0, 90%);
  --uikit-color-black-3: rgba(0, 0, 0, 72%);
  --uikit-color-black-4: rgba(0, 0, 0, 55%);
  --uikit-color-black-5: rgba(0, 0, 0, 40%);
  --uikit-color-black-6: rgba(0, 0, 0, 25%);
  --uikit-color-black-7: rgba(0, 0, 0, 12%);
  --uikit-color-black-8: rgba(0, 0, 0, 6%);
  --uikit-color-white-1: rgba(255, 255, 255, 100%);
  --uikit-color-white-2: rgba(255, 255, 255, 93%);
  --uikit-color-white-3: rgba(255, 255, 255, 75%);
  --uikit-color-white-4: rgba(255, 255, 255, 55%);
  --uikit-color-white-5: rgba(255, 255, 255, 42%);
  --uikit-color-white-6: rgba(255, 255, 255, 30%);
  --uikit-color-white-7: rgba(255, 255, 255, 14%);
  --uikit-color-gray-1: #F9FAFC;
  --uikit-color-gray-2: #F0F2F7;
  --uikit-color-gray-3: #E6E9F0;
  --uikit-color-gray-4: #D1D4DE;
  --uikit-color-gray-5: #C0C3CC;
  --uikit-color-gray-6: #B3B6BE;
  --uikit-color-gray-7: #A5A9B0;
  --uikit-color-green-1: #DCFAE9;
  --uikit-color-green-2: #B6F0D1;
  --uikit-color-green-3: #84E3B5;
  --uikit-color-green-4: #5AD69E;
  --uikit-color-green-5: #3CC98C;
  --uikit-color-green-6: #0ABF77;
  --uikit-color-green-7: #09A768;
  --uikit-color-green-8: #078F59;
  --uikit-color-green-9: #067049;
  --uikit-color-green-10: #044D37;
  --uikit-color-red-1: #FFE7E6;
  --uikit-color-red-2: #FCC9C7;
  --uikit-color-red-3: #FAAEAC;
  --uikit-color-red-4: #F58989;
  --uikit-color-red-5: #E86666;
  --uikit-color-red-6: #E54545;
  --uikit-color-red-7: #C93439;
  --uikit-color-red-8: #AD2934;
  --uikit-color-red-9: #8F222D;
  --uikit-color-red-10: #6B1A27;
  --uikit-color-orange-1: #FFEEDB;
  --uikit-color-orange-2: #FFD6B2;
  --uikit-color-orange-3: #FFBE85;
  --uikit-color-orange-4: #FFA455;
  --uikit-color-orange-5: #FF8B2B;
  --uikit-color-orange-6: #FF7200;
  --uikit-color-orange-7: #E05D00;
  --uikit-color-orange-8: #BF4900;
  --uikit-color-orange-9: #8F370B;
  --uikit-color-orange-10: #662200;
  --uikit-color-transparent: rgba(255, 255, 255, 0%);
  --text-color-primary: var(--uikit-color-black-2);
  --text-color-secondary: var(--uikit-color-black-4);
  --text-color-tertiary: var(--uikit-color-black-5);
  --text-color-disabled: var(--uikit-color-black-6);
  --text-color-button: var(--uikit-color-white-1);
  --text-color-button-disabled: var(--uikit-color-white-1);
  --text-color-link: var(--uikit-color-theme-6);
  --text-color-link-hover: var(--uikit-color-theme-5);
  --text-color-link-active: var(--uikit-color-theme-7);
  --text-color-link-disabled: var(--uikit-color-theme-2);
  --text-color-anti-primary: var(--uikit-color-black-2);
  --text-color-anti-secondary: var(--uikit-color-black-4);
  --text-color-warning: var(--uikit-color-orange-6);
  --text-color-success: var(--uikit-color-green-6);
  --text-color-error: var(--uikit-color-red-6);
  --bg-color-topbar: var(--uikit-color-gray-1);
  --bg-color-operate: var(--uikit-color-white-1);
  --bg-color-dialog: var(--uikit-color-white-1);
  --bg-color-dialog-module: var(--uikit-color-gray-2);
  --bg-color-entrycard: var(--uikit-color-gray-2);
  --bg-color-function: var(--uikit-color-gray-2);
  --bg-color-bottombar: var(--uikit-color-white-1);
  --bg-color-input: var(--uikit-color-gray-2);
  --bg-color-bubble-reciprocal: var(--uikit-color-gray-2);
  --bg-color-bubble-own: var(--uikit-color-theme-2);
  --bg-color-default: var(--uikit-color-gray-2);
  --bg-color-tag-mask: var(--uikit-color-white-4);
  --bg-color-element-mask: var(--uikit-color-black-6);
  --bg-color-mask: var(--uikit-color-black-4);
  --bg-color-mask-disappeared: var(--uikit-color-white-7);
  --bg-color-mask-begin: var(--uikit-color-white-1);
  --stroke-color-primary: var(--uikit-color-gray-3);
  --stroke-color-secondary: var(--uikit-color-gray-2);
  --stroke-color-module: var(--uikit-color-gray-3);
  --shadow-color: var(--uikit-color-black-8);
  --list-color-default: var(--uikit-color-white-1);
  --list-color-hover: var(--uikit-color-gray-1);
  --list-color-focused: var(--uikit-color-theme-1);
  --button-color-primary-default: var(--uikit-color-theme-6);
  --button-color-primary-hover: var(--uikit-color-theme-5);
  --button-color-primary-active: var(--uikit-color-theme-7);
  --button-color-primary-disabled: var(--uikit-color-theme-2);
  --button-color-secondary-default: var(--uikit-color-gray-2);
  --button-color-secondary-hover: var(--uikit-color-gray-1);
  --button-color-secondary-active: var(--uikit-color-gray-3);
  --button-color-secondary-disabled: var(--uikit-color-gray-1);
  --button-color-accept: var(--uikit-color-green-6);
  --button-color-hangup: var(--uikit-color-red-6);
  --button-color-on: var(--uikit-color-white-1);
  --button-color-off: var(--uikit-color-black-5);
  --dropdown-color-default: var(--uikit-color-white-1);
  --dropdown-color-hover: var(--uikit-color-gray-1);
  --dropdown-color-active: var(--uikit-color-theme-2);
  --scroll-bar-color-default: var(--uikit-color-black-7);
  --scroll-bar-color-hover: var(--uikit-color-black-6);
  --floating-color-default: var(--uikit-color-white-1);
  --floating-color-operate: var(--uikit-color-gray-2);
  --checkbox-color-selected: var(--uikit-color-theme-6);
  --toast-color-warning: var(--uikit-color-orange-1);
  --toast-color-success: var(--uikit-color-green-1);
  --toast-color-error: var(--uikit-color-red-1);
  --toast-color-default: var(--uikit-color-theme-1);
  --switch-color-off: var(--uikit-color-gray-4);
  --switch-color-on: var(--uikit-color-theme-6);
  --switch-color-button: var(--uikit-color-white-1);
  --slider-color-filled: var(--uikit-color-theme-6);
  --slider-color-empty: var(--uikit-color-gray-3);
  --slider-color-button: var(--uikit-color-white-1);
  --tab-color-selected: var(--uikit-color-theme-2);
  --tab-color-unselected: var(--uikit-color-gray-2);
  --tab-color-option: var(--uikit-color-gray-3);
  --icon-color-primary: var(--uikit-color-black-2);
}
html[tui-theme-mode=dark] .style-preset-business,
.style-preset-business.tui-theme-dark {
  --uikit-color-gray-1: #0e1525;
  --uikit-color-gray-2: #111828;
  --uikit-color-gray-3: #151e32;
  --uikit-color-gray-4: #151e32;
  --uikit-color-gray-5: #1a2438;
  --uikit-color-gray-6: #202d45;
  --uikit-color-gray-7: #202d45;
  --uikit-color-theme-1: rgba(59, 130, 246, 0.08);
  --uikit-color-theme-2: rgba(59, 130, 246, 0.12);
  --uikit-color-theme-3: rgba(59, 130, 246, 0.18);
  --uikit-color-theme-4: #60a5fa;
  --uikit-color-theme-5: #3b82f6;
  --uikit-color-theme-6: #3b82f6;
  --uikit-color-theme-7: #3b82f6;
  --uikit-color-theme-8: #3b82f6;
  --uikit-color-theme-9: #2563eb;
  --uikit-color-theme-10: #1d4ed8;
  --text-color-primary: #edf1f8;
  --text-color-secondary: #cdd6e5;
  --text-color-tertiary: #8494ad;
  --bg-color-topbar: #151e32;
  --bg-color-input: #1a2438;
  --bg-color-bubble-reciprocal: #1a2438;
  --stroke-color-primary: #202d45;
  --stroke-color-secondary: #202d45;
  --button-color-primary-default: #3b82f6;
  --button-color-primary-hover: #2563eb;
  --button-color-primary-active: #1d4ed8;
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --biz-border-lightest: #253550;
  --biz-border-hover: #304060;
  --biz-blue-glow: rgba(59, 130, 246, 0.55);
  --biz-blue-glow-shadow: rgba(59, 130, 246, 0.12);
  --biz-green-online: #34d399;
  --preset-primary: #3b82f6;
  --preset-primary-hover: #2563eb;
  --preset-primary-active: #1d4ed8;
  --preset-danger: #f87171;
  --preset-bg-base: #0e1525;
  --preset-bg-panel: #151e32;
  --preset-bg-input: #1a2438;
  --preset-bg-elevated: #1a2438;
  --preset-bg-inset: #0e1525;
  --preset-bg-hover: #1a2438;
  --preset-border: #253550;
  --preset-border-strong: #2a3c58;
  --preset-text-heading: #edf1f8;
  --preset-text-primary: #edf1f8;
  --preset-text-secondary: #cdd6e5;
  --preset-text-body: #bcc8dc;
  --preset-text-tertiary: #8494ad;
  --preset-text-weak: #566880;
  --preset-text-disabled: #303e56;
  --preset-icon-default: #566880;
  --preset-icon-hover: #8494ad;
  --preset-chat-bubble-bg: #1a2438;
  --preset-chat-bubble-text: #bcc8dc;
  --preset-chat-bubble-host-bg: rgba(59, 130, 246, 0.14);
  --preset-chat-bubble-host-border: rgba(59, 130, 246, 0.24);
  --preset-input-bg: #1a2438;
  --preset-input-border: #253550;
  --preset-input-placeholder: #566880;
  --preset-info-bar-bg: #151e32;
  --preset-info-bar-border: #253550;
  --preset-info-bar-divider: #253550;
  --preset-info-bar-brand-text: #edf1f8;
  --preset-info-bar-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), 0 0 1px rgba(59, 130, 246, 0.08);
  --preset-presenter-hover-bg: #1a2438;
  --preset-presenter-hover-border: #253550;
  --preset-presenter-name: #edf1f8;
  --preset-presenter-speaking-name: #edf1f8;
  --preset-presenter-avatar-ring: 0 0 0 2px rgba(59, 130, 246, 0.35), 0 0 0 4px #151e32;
  --preset-presenter-status-border: #151e32;
  --preset-btn-primary-bg: #3b82f6;
  --preset-btn-primary-hover: #2563eb;
  --preset-btn-primary-active: #1d4ed8;
  --preset-btn-primary-soft-bg: rgba(148, 197, 253, 0.12);
  --preset-btn-primary-soft-text: #93c5fd;
  --preset-btn-primary-soft-border: rgba(59, 130, 246, 0.50);
  --preset-btn-primary-soft-hover-bg: rgba(148, 197, 253, 0.20);
  --preset-btn-primary-soft-hover-border: rgba(59, 130, 246, 0.65);
  --preset-btn-primary-soft-hover-text: #bfdbfe;
  --preset-btn-primary-soft-active-bg: rgba(148, 197, 253, 0.28);
  --preset-btn-primary-soft-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 6px rgba(59, 130, 246, 0.10);
  --preset-btn-primary-soft-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 10px rgba(59, 130, 246, 0.18);
  --preset-btn-danger-bg: rgba(220, 38, 38, 0.14);
  --preset-btn-danger-text: #fca5a5;
  --preset-btn-danger-border: rgba(220, 38, 38, 0.45);
  --preset-btn-danger-hover-bg: rgba(220, 38, 38, 0.24);
  --preset-btn-danger-hover-border: rgba(220, 38, 38, 0.60);
  --preset-btn-danger-hover-text: #fecaca;
  --preset-btn-danger-active-bg: rgba(220, 38, 38, 0.32);
  --preset-btn-danger-active-text: #fecaca;
  --preset-btn-danger-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 6px rgba(220, 38, 38, 0.08);
  --preset-btn-danger-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 10px rgba(220, 38, 38, 0.15);
  --preset-video-bg: #0a1018;
  --preset-video-border: #253550;
  --preset-video-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-stage-edge-spacing: 16px;
  --preset-stage-edge-spacing-mobile: 12px;
  --preset-pause-backdrop: rgba(0, 0, 0, 0.55);
  --preset-stage-divider: rgba(255, 255, 255, 0.08);
  --preset-glass-bg: rgba(2, 6, 23, 0.45);
  --preset-glass-border: rgba(255, 255, 255, 0.12);
  --preset-glass-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  --preset-video-top-gradient-start: rgba(2, 6, 23, 0.85);
  --preset-video-top-gradient-mid: rgba(2, 6, 23, 0.15);
  --preset-video-top-gradient-end: rgba(2, 6, 23, 0);
  --preset-top-overlay-gradient-start: color-mix(in srgb, var(--uikit-color-black-2) 78%, transparent);
  --preset-top-overlay-gradient-mid: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-overlay-gradient-end: transparent;
  --preset-top-overlay-text-color: var(--uikit-color-white-1);
  --preset-top-overlay-text-shadow: 0 1px 2px color-mix(in srgb, var(--uikit-color-black-2) 56%, transparent);
  --preset-top-overlay-avatar-shadow: 0 0 0 1px color-mix(in srgb, var(--uikit-color-white-1) 26%, transparent);
  --preset-stream-glass-bg: rgba(9, 17, 35, 0.62);
  --preset-live-badge-bg: rgba(22, 163, 74, 0.28);
  --preset-live-badge-border: rgba(74, 222, 128, 0.52);
  --preset-live-badge-text: #dcfce7;
  --preset-live-badge-dot: #86efac;
  --preset-live-badge-dot-shadow: rgba(134, 239, 172, 0.65);
  --preset-live-indicator-dot: var(--uikit-color-red-6);
  --preset-live-indicator-dot-glow: color-mix(in srgb, var(--uikit-color-red-6) 62%, transparent);
  --preset-live-indicator-ring: color-mix(in srgb, var(--uikit-color-red-6) 48%, transparent);
  --preset-live-indicator-text: var(--uikit-color-red-5);
  --preset-stream-title: #ffffff;
  --preset-stream-subtitle: rgba(226, 232, 240, 0.86);
  --preset-stream-subtitle-host: #cbd5e1;
  --preset-stream-subtitle-sep: rgba(148, 163, 184, 0.7);
  --preset-stream-subtitle-room: rgba(148, 163, 184, 0.88);
  --preset-top-action-text: #f8fafc;
  --preset-top-action-icon-color: var(--uikit-color-white-1);
  --preset-top-action-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --preset-top-action-icon-hover-color: var(--uikit-color-white-1);
  --preset-top-action-icon-hover-bg: color-mix(in srgb, var(--uikit-color-white-1) 16%, transparent);
  --preset-top-action-leave-icon-color: var(--uikit-color-red-5);
  --preset-top-action-leave-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --preset-top-action-bg: rgba(15, 23, 42, 0.25);
  --preset-top-action-hover-shadow: 0 6px 18px rgba(15, 23, 42, 0.28);
  --preset-top-action-share-border: rgba(125, 211, 252, 0.65);
  --preset-top-action-share-bg: linear-gradient(135deg, rgba(14, 116, 144, 0.72), rgba(37, 99, 235, 0.78));
  --preset-top-action-share-text: #f8fafc;
  --preset-top-action-share-shadow: none;
  --preset-top-action-share-hover-border: rgba(186, 230, 253, 0.95);
  --preset-top-action-share-hover-bg: linear-gradient(135deg, rgba(2, 132, 199, 0.88), rgba(59, 130, 246, 0.92));
  --preset-top-action-share-hover-text: #f8fafc;
  --preset-top-action-share-hover-shadow: none;
  --preset-top-action-leave-border: rgba(251, 146, 146, 0.74);
  --preset-top-action-leave-bg: linear-gradient(135deg, rgba(190, 24, 93, 0.72), rgba(220, 38, 38, 0.82));
  --preset-top-action-leave-text: #f8fafc;
  --preset-top-action-leave-shadow: none;
  --preset-top-action-leave-hover-border: rgba(254, 202, 202, 0.95);
  --preset-top-action-leave-hover-bg: linear-gradient(135deg, rgba(219, 39, 119, 0.88), rgba(239, 68, 68, 0.92));
  --preset-top-action-leave-hover-text: #f8fafc;
  --preset-top-action-leave-hover-shadow: none;
  --preset-progress-track-bg: rgba(255, 255, 255, 0.2);
  --preset-progress-fill-start: #e51c1c;
  --preset-progress-fill-end: #f63b3b;
  --preset-progress-thumb-bg: #e51c1c;
  --preset-progress-thumb-shadow: rgba(229, 28, 28, 0.4);
  --preset-control-pill-bg: rgba(0, 0, 0, 0.45);
  --preset-control-pill-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  --preset-control-btn-color: #ffffff;
  --preset-control-btn-hover-bg: rgba(255, 255, 255, 0.1);
  --preset-control-tooltip-text: #eef2ff;
  --preset-control-tooltip-bg: rgba(30, 41, 59, 0.92);
  --preset-control-tooltip-border: rgba(148, 163, 184, 0.32);
  --preset-control-tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --preset-resolution-popup-bg: rgba(0, 0, 0, 0.55);
  --preset-resolution-popup-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  --preset-resolution-option-text: rgba(255, 255, 255, 0.7);
  --preset-resolution-option-hover-bg: rgba(255, 255, 255, 0.1);
  --preset-resolution-option-hover-text: #ffffff;
  --preset-resolution-option-active-bg: rgba(255, 255, 255, 0.18);
  --preset-resolution-option-active-text: #ffffff;
  --preset-volume-track-bg: rgba(255, 255, 255, 0.2);
  --preset-volume-fill-bg: #ffffff;
  --preset-volume-thumb-bg: #ffffff;
  --preset-volume-thumb-shadow: rgba(0, 0, 0, 0.3);
  --preset-pause-overlay-start: rgba(0, 0, 0, 0.5);
  --preset-pause-overlay-mid: rgba(0, 0, 0, 0.5);
  --preset-pause-overlay-end: rgba(0, 0, 0, 0);
  --preset-pause-btn-border: rgba(148, 163, 184, 0.42);
  --preset-pause-btn-grad-start: rgba(59, 130, 246, 0.28);
  --preset-pause-btn-grad-end: rgba(15, 23, 42, 0.88);
  --preset-pause-btn-bg: rgba(15, 23, 42, 0.86);
  --preset-pause-btn-shadow: rgba(15, 23, 42, 0.46);
  --preset-pause-btn-inset: rgba(255, 255, 255, 0.08);
  --preset-pause-btn-icon-shadow: rgba(59, 130, 246, 0.32);
  --preset-pause-btn-hover-border: rgba(125, 211, 252, 0.7);
  --preset-pause-btn-hover-shadow: rgba(30, 64, 175, 0.35);
  --preset-pause-btn-hover-inset: rgba(255, 255, 255, 0.12);
  --preset-panel-toggle-bg: #151e32;
  --preset-panel-toggle-border: #253550;
  --preset-panel-toggle-color: #566880;
  --preset-panel-toggle-hover-color: #6ea8fe;
  --preset-panel-toggle-hover-bg: rgba(59, 130, 246, 0.10);
  --preset-panel-toggle-shadow: -2px 0 8px rgba(0, 0, 0, 0.25);
  --preset-panel-bg: #151e32;
  --preset-panel-border: #253550;
  --preset-panel-shadow: 0 2px 10px rgba(0, 0, 0, 0.22), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-viewer-stack-bg: rgba(30, 41, 59, 0.75);
  --preset-viewer-stack-border: rgba(148, 163, 184, 0.24);
  --preset-viewer-stack-ring: #0f172a;
  --preset-viewer-pill-bg: rgba(30, 41, 59, 0.88);
  --preset-viewer-pill-text: #cbd5e1;
  --preset-viewer-pill-border: rgba(148, 163, 184, 0.32);
  --preset-chat-surface-bg: rgba(15, 23, 42, 0.65);
  --preset-chat-surface-border: rgba(148, 163, 184, 0.16);
  --preset-chat-surface-divider: rgba(148, 163, 184, 0.14);
  --preset-chat-surface-bg-gradient-end: color-mix(in srgb, var(--preset-chat-surface-bg) 88%, #000 12%);
  --preset-chat-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 28px rgba(0, 0, 0, 0.25);
  --preset-section-title: #cdd6e5;
  --preset-count-badge-bg: #1a2438;
  --preset-count-badge-text: #8494ad;
  --preset-search-bg: #1e2c42;
  --preset-search-border: #2e4060;
  --preset-search-focus-bg: #1e2c42;
  --preset-search-focus-border: #3b82f6;
  --preset-search-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
  --preset-search-icon: #566880;
  --preset-search-text: #e2e8f0;
  --preset-search-placeholder: rgba(148, 163, 184, 0.75);
  --preset-list-scrollbar: #253550;
  --preset-audience-hover-bg: rgba(30, 44, 66, 0.70);
  --preset-audience-name: #cdd6e5;
  --preset-online-dot-border: #151e32;
  --preset-role-host-text: #6ea8fe;
  --preset-role-host-bg: rgba(59, 130, 246, 0.18);
  --preset-role-self-text: #93c5fd;
  --preset-role-self-bg: rgba(59, 130, 246, 0.2);
  --preset-list-empty: #566880;
  --preset-tab-bar-bg: rgba(15, 23, 42, 0.7);
  --preset-tab-track-bg: rgba(255, 255, 255, 0.03);
  --preset-tab-track-border: rgba(255, 255, 255, 0.05);
  --preset-tab-slider-bg: rgba(59, 130, 246, 0.18);
  --preset-tab-btn-text: rgba(148, 163, 184, 0.55);
  --preset-tab-btn-hover-text: rgba(203, 213, 225, 0.72);
  --preset-tab-btn-active-text: #edf1f8;
  --preset-tab-btn-hover-bg: rgba(255, 255, 255, 0.04);
  --preset-tab-indicator-bg: #3b82f6;
  --preset-tab-indicator-shadow: 0 0 8px rgba(59, 130, 246, 0.45);
  --preset-tab-badge-bg: rgba(59, 130, 246, 0.1);
  --preset-tab-badge-text: rgba(148, 163, 184, 0.45);
  --preset-tab-badge-active-bg: rgba(59, 130, 246, 0.2);
  --preset-tab-badge-active-text: #93c5fd;
  --preset-role-admin-text: #fbbf24;
  --preset-role-admin-bg: rgba(251, 191, 36, 0.14);
  --preset-role-admin-border: rgba(251, 191, 36, 0.25);
  --preset-system-msg-text: #8494ad;
  --preset-system-msg-icon: #566880;
  --preset-system-msg-line: rgba(59, 130, 246, 0.12);
  --preset-audience-group-title: #566880;
  --preset-audience-group-line: rgba(148, 163, 184, 0.12);
  --preset-audience-role-badge-bg: rgba(59, 130, 246, 0.12);
  --preset-audience-role-badge-text: #6ea8fe;
  --preset-chat-scrollbar: #253550;
  --preset-msg-name: #cdd6e5;
  --preset-msg-time: #566880;
  --preset-msg-content-bg: #1a2438;
  --preset-msg-content-border: rgba(59, 130, 246, 0.2);
  --preset-msg-content-text: #bcc8dc;
  --preset-msg-self-bg: rgba(59, 130, 246, 0.14);
  --preset-msg-self-border: rgba(59, 130, 246, 0.24);
  --preset-msg-host-name: #6ea8fe;
  --preset-msg-host-tag-bg: rgba(59, 130, 246, 0.18);
  --preset-msg-host-bubble-bg: rgba(59, 130, 246, 0.14);
  --preset-msg-host-bubble-border: rgba(59, 130, 246, 0.24);
  --preset-input-bar-bg: #111828;
  --preset-input-shell-bg: rgba(30, 41, 59, 0.72);
  --preset-input-wrapper-bg: #1e2c42;
  --preset-input-wrapper-border: #2e4060;
  --preset-input-wrapper-focus-bg: #1e2c42;
  --preset-input-wrapper-focus-border: #3b82f6;
  --preset-input-wrapper-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
  --preset-emoji-btn-color: #8494ad;
  --preset-emoji-btn-active: #60a5fa;
  --preset-emoji-btn-hover-bg: rgba(255, 255, 255, 0.06);
  --preset-emoji-panel-bg: #1e2c42;
  --preset-emoji-panel-border: #2e4060;
  --preset-emoji-panel-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.18);
  --preset-emoji-hover-bg: #2e4060;
  --preset-emoji-hover-ring: rgba(59, 130, 246, 0.28);
  --preset-send-btn-inactive: #2e4060;
  --preset-send-btn-hover: #566880;
  --preset-send-btn-active-bg: #3b82f6;
  --preset-send-btn-active-text: #ffffff;
  --preset-send-btn-active-ring: rgba(59, 130, 246, 0.18);
  --preset-send-btn-sending-bg: rgba(14, 165, 233, 0.75);
  --preset-chat-input-text: #e2e8f0;
  --preset-chat-input-placeholder: rgba(148, 163, 184, 0.75);
  --preset-handle-border: #2e4060;
  --preset-handle-hover-bg: #1e2c42;
  --preset-handle-indicator: #3a506e;
  --preset-handle-indicator-hover: #566880;
  --preset-handle-glow: rgba(59, 130, 246, 0.35);
  --preset-chat-section-shadow: none;
  --preset-chat-msg-hover-bg: rgba(30, 44, 66, 0.55);
  --preset-chat-header-bg: rgba(15, 23, 42, 0.7);
  --preset-viewer-stack-row-bg: rgba(15, 23, 42, 0.55);
  --preset-viewer-stack-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  --preset-chat-grid-opacity: 0.22;
  --preset-time-divider-bg: color-mix(in srgb, var(--preset-chat-surface-bg) 85%, #000 15%);
  --preset-audience-hover-ring: rgba(59, 130, 246, 0.22);
  --preset-presenter-hover-shadow: rgba(0, 0, 0, 0.30);
  --preset-header-shadow: 0 1px 4px rgba(0, 0, 0, 0.22), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-card-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-header-gradient: linear-gradient(90deg, #3b82f6, #60a5fa, #93c5fd);
  --preset-avatar-0-bg: #182846;
  --preset-avatar-0-text: #7ab3ff;
  --preset-avatar-1-bg: #112c2c;
  --preset-avatar-1-text: #64f0da;
  --preset-avatar-2-bg: #2c2412;
  --preset-avatar-2-text: #fcc02a;
  --preset-avatar-3-bg: #2c1722;
  --preset-avatar-3-text: #fc7c90;
  --preset-avatar-4-bg: #112238;
  --preset-avatar-4-text: #82d8fe;
  --preset-avatar-5-bg: #1c2238;
  --preset-avatar-5-text: #9aadbe;
  --preset-avatar-6-bg: #112c1c;
  --preset-avatar-6-text: #74edc0;
  --preset-avatar-7-bg: #2c1c12;
  --preset-avatar-7-text: #fc9842;
  --preset-live-green: #34d399;
  --preset-live-green-pulse: rgba(52, 211, 153, 0.4);
  --preset-live-red: #fb7185;
  --preset-stage-border: rgba(255, 255, 255, 0.07);
  --preset-bar-bg: #0e1525;
  --preset-bar-border: #253550;
  --preset-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-bar-divider: #253550;
  --preset-bg-primary: #0e1525;
  --preset-bg-secondary: #151e32;
  --preset-bg-tertiary: #1a2438;
  --preset-live-ended-bg: rgba(14, 21, 37, 0.92);
  --preset-live-ended-icon: rgba(148, 163, 184, 0.4);
  --preset-live-ended-title: #edf1f8;
  --preset-live-ended-subtitle: rgba(205, 214, 229, 0.6);
}
.style-preset-business,
.style-preset-business.tui-theme-light {
  --uikit-color-gray-1: #f2f4f8;
  --uikit-color-gray-2: #f6f8fb;
  --uikit-color-gray-3: #ffffff;
  --uikit-color-gray-4: #ffffff;
  --uikit-color-gray-5: #f9fafc;
  --uikit-color-gray-6: #eef1f6;
  --uikit-color-gray-7: #e4e8f0;
  --uikit-color-theme-1: #eff6ff;
  --uikit-color-theme-2: #dbeafe;
  --uikit-color-theme-3: #bfdbfe;
  --uikit-color-theme-4: #93c5fd;
  --uikit-color-theme-5: #3b82f6;
  --uikit-color-theme-6: #1c66e5;
  --uikit-color-theme-7: #1c66e5;
  --uikit-color-theme-8: #1c66e5;
  --uikit-color-theme-9: #1e40af;
  --uikit-color-theme-10: #1e3a5f;
  --text-color-primary: #1a2742;
  --text-color-secondary: #3a4560;
  --text-color-tertiary: #8892aa;
  --bg-color-topbar: #ffffff;
  --bg-color-input: #ffffff;
  --bg-color-bubble-reciprocal: #f6f8fb;
  --stroke-color-primary: #e4e8f0;
  --stroke-color-secondary: #eef1f6;
  --button-color-primary-default: #1c66e5;
  --button-color-primary-hover: #1a5cd0;
  --button-color-primary-active: #174fb8;
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 18%, transparent);
  --biz-border-lightest: #e4e8f0;
  --biz-border-hover: #c2cad8;
  --biz-blue-glow: rgba(28, 102, 229, 0.5);
  --biz-blue-glow-shadow: rgba(28, 102, 229, 0.06);
  --biz-green-online: #10b981;
  --preset-primary: #1c66e5;
  --preset-primary-hover: #1a5cd0;
  --preset-primary-active: #174fb8;
  --preset-danger: #ef4444;
  --preset-bg-base: #f2f4f8;
  --preset-bg-panel: #ffffff;
  --preset-bg-input: #ffffff;
  --preset-bg-elevated: #ffffff;
  --preset-bg-inset: #f6f8fb;
  --preset-bg-hover: #f9fafc;
  --preset-border: #eaecf2;
  --preset-border-strong: #dde2ea;
  --preset-text-heading: #1a2440;
  --preset-text-primary: #1a2742;
  --preset-text-secondary: #3a4560;
  --preset-text-body: #475068;
  --preset-text-tertiary: #8892aa;
  --preset-text-weak: #aeb6c8;
  --preset-text-disabled: #d5dae4;
  --preset-icon-default: #8892aa;
  --preset-icon-hover: #3a4560;
  --preset-chat-bubble-bg: #f6f8fb;
  --preset-chat-bubble-text: #475068;
  --preset-chat-bubble-host-bg: rgba(59, 130, 246, 0.06);
  --preset-chat-bubble-host-border: rgba(59, 130, 246, 0.12);
  --preset-input-bg: #ffffff;
  --preset-input-border: #dde2ea;
  --preset-input-placeholder: #bfc6d4;
  --preset-info-bar-bg: #ffffff;
  --preset-info-bar-border: #e6e9f0;
  --preset-info-bar-divider: #e4e8f0;
  --preset-info-bar-brand-text: inherit;
  --preset-info-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.05), 0 0 1px rgba(28, 102, 229, 0.04);
  --preset-presenter-hover-bg: #f0f2f6;
  --preset-presenter-hover-border: #dde2ea;
  --preset-presenter-name: #1a2742;
  --preset-presenter-speaking-name: #0e1930;
  --preset-presenter-avatar-ring: 0 0 0 1.5px #fff, 0 1px 3px rgba(0, 0, 0, 0.08);
  --preset-presenter-status-border: #f8f9fb;
  --preset-btn-primary-bg: #1c66e5;
  --preset-btn-primary-hover: #1a5cd0;
  --preset-btn-primary-active: #1750b8;
  --preset-btn-primary-soft-bg: rgba(28, 102, 229, 0.08);
  --preset-btn-primary-soft-text: #1d4ed8;
  --preset-btn-primary-soft-border: rgba(28, 102, 229, 0.42);
  --preset-btn-primary-soft-hover-bg: rgba(28, 102, 229, 0.14);
  --preset-btn-primary-soft-hover-border: rgba(28, 102, 229, 0.58);
  --preset-btn-primary-soft-hover-text: #1e40af;
  --preset-btn-primary-soft-active-bg: rgba(28, 102, 229, 0.20);
  --preset-btn-primary-soft-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 6px rgba(28, 102, 229, 0.08);
  --preset-btn-primary-soft-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 10px rgba(28, 102, 229, 0.14);
  --preset-btn-danger-bg: rgba(220, 38, 38, 0.06);
  --preset-btn-danger-text: #dc2626;
  --preset-btn-danger-border: rgba(220, 38, 38, 0.38);
  --preset-btn-danger-hover-bg: rgba(220, 38, 38, 0.12);
  --preset-btn-danger-hover-border: rgba(220, 38, 38, 0.52);
  --preset-btn-danger-hover-text: #b91c1c;
  --preset-btn-danger-active-bg: rgba(220, 38, 38, 0.18);
  --preset-btn-danger-active-text: #991b1b;
  --preset-btn-danger-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 6px rgba(220, 38, 38, 0.06);
  --preset-btn-danger-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 10px rgba(220, 38, 38, 0.10);
  --preset-video-bg: #0f1219;
  --preset-video-border: #dde2ea;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.04);
  --preset-stage-edge-spacing: 16px;
  --preset-stage-edge-spacing-mobile: 12px;
  --preset-pause-backdrop: rgba(0, 0, 0, 0.45);
  --preset-stage-divider: rgba(148, 163, 184, 0.32);
  --preset-glass-bg: rgba(15, 23, 42, 0.42);
  --preset-glass-border: rgba(255, 255, 255, 0.24);
  --preset-glass-shadow: 0 10px 24px rgba(15, 23, 42, 0.22);
  --preset-video-top-gradient-start: rgba(248, 250, 252, 0.92);
  --preset-video-top-gradient-mid: rgba(248, 250, 252, 0.18);
  --preset-video-top-gradient-end: rgba(248, 250, 252, 0);
  --preset-top-overlay-gradient-start: color-mix(in srgb, var(--uikit-color-black-2) 70%, transparent);
  --preset-top-overlay-gradient-mid: color-mix(in srgb, var(--uikit-color-black-2) 24%, transparent);
  --preset-top-overlay-gradient-end: transparent;
  --preset-top-overlay-text-color: var(--uikit-color-white-1);
  --preset-top-overlay-text-shadow: 0 1px 2px color-mix(in srgb, var(--uikit-color-black-2) 52%, transparent);
  --preset-top-overlay-avatar-shadow: 0 0 0 1px color-mix(in srgb, var(--uikit-color-white-1) 36%, transparent);
  --preset-stream-glass-bg: rgba(255, 255, 255, 0.72);
  --preset-live-badge-bg: rgba(16, 185, 129, 0.14);
  --preset-live-badge-border: rgba(16, 185, 129, 0.36);
  --preset-live-badge-text: #047857;
  --preset-live-badge-dot: #10b981;
  --preset-live-badge-dot-shadow: rgba(16, 185, 129, 0.45);
  --preset-live-indicator-dot: var(--uikit-color-red-6);
  --preset-live-indicator-dot-glow: color-mix(in srgb, var(--uikit-color-red-6) 58%, transparent);
  --preset-live-indicator-ring: color-mix(in srgb, var(--uikit-color-red-6) 44%, transparent);
  --preset-live-indicator-text: var(--uikit-color-red-6);
  --preset-stream-title: #1a2440;
  --preset-stream-subtitle: #475068;
  --preset-stream-subtitle-host: #1e2c40;
  --preset-stream-subtitle-sep: #98a2b4;
  --preset-stream-subtitle-room: #64748b;
  --preset-top-action-text: #344054;
  --preset-top-action-icon-color: var(--uikit-color-white-1);
  --preset-top-action-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-action-icon-hover-color: var(--uikit-color-white-1);
  --preset-top-action-icon-hover-bg: color-mix(in srgb, var(--uikit-color-white-1) 14%, transparent);
  --preset-top-action-leave-icon-color: color-mix(in srgb, var(--uikit-color-red-4) 82%, var(--uikit-color-white-1));
  --preset-top-action-leave-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-action-bg: rgba(255, 255, 255, 0.5);
  --preset-top-action-hover-shadow: 0 8px 20px rgba(15, 23, 42, 0.16);
  --preset-top-action-share-border: rgba(28, 102, 229, 0.42);
  --preset-top-action-share-bg: linear-gradient(135deg, rgba(219, 234, 254, 0.95), rgba(191, 219, 254, 0.95));
  --preset-top-action-share-text: #1e40af;
  --preset-top-action-share-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 4px 12px rgba(28, 102, 229, 0.18);
  --preset-top-action-share-hover-border: rgba(28, 102, 229, 0.58);
  --preset-top-action-share-hover-bg: linear-gradient(135deg, rgba(191, 219, 254, 0.98), rgba(147, 197, 253, 0.98));
  --preset-top-action-share-hover-text: #1e3a8a;
  --preset-top-action-share-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(28, 102, 229, 0.24);
  --preset-top-action-leave-border: rgba(220, 38, 38, 0.42);
  --preset-top-action-leave-bg: linear-gradient(135deg, rgba(254, 226, 226, 0.95), rgba(254, 202, 202, 0.95));
  --preset-top-action-leave-text: #b91c1c;
  --preset-top-action-leave-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 4px 12px rgba(220, 38, 38, 0.16);
  --preset-top-action-leave-hover-border: rgba(220, 38, 38, 0.58);
  --preset-top-action-leave-hover-bg: linear-gradient(135deg, rgba(254, 202, 202, 0.98), rgba(252, 165, 165, 0.98));
  --preset-top-action-leave-hover-text: #991b1b;
  --preset-top-action-leave-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(220, 38, 38, 0.2);
  --preset-progress-track-bg: rgba(15, 23, 42, 0.22);
  --preset-progress-fill-start: #e51c1c;
  --preset-progress-fill-end: #f63b3b;
  --preset-progress-thumb-bg: #e51c1c;
  --preset-progress-thumb-shadow: rgba(229, 28, 28, 0.35);
  --preset-control-pill-bg: rgba(15, 23, 42, 0.58);
  --preset-control-pill-shadow: 0 4px 16px rgba(2, 6, 23, 0.22);
  --preset-control-btn-color: #ffffff;
  --preset-control-btn-hover-bg: rgba(255, 255, 255, 0.14);
  --preset-control-tooltip-text: #eef2ff;
  --preset-control-tooltip-bg: rgba(30, 41, 59, 0.92);
  --preset-control-tooltip-border: rgba(148, 163, 184, 0.32);
  --preset-control-tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --preset-resolution-popup-bg: rgba(15, 23, 42, 0.78);
  --preset-resolution-popup-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  --preset-resolution-option-text: rgba(255, 255, 255, 0.76);
  --preset-resolution-option-hover-bg: rgba(255, 255, 255, 0.12);
  --preset-resolution-option-hover-text: #ffffff;
  --preset-resolution-option-active-bg: rgba(255, 255, 255, 0.2);
  --preset-resolution-option-active-text: #ffffff;
  --preset-volume-track-bg: rgba(255, 255, 255, 0.3);
  --preset-volume-fill-bg: #ffffff;
  --preset-volume-thumb-bg: #ffffff;
  --preset-volume-thumb-shadow: rgba(2, 6, 23, 0.32);
  --preset-pause-overlay-start: rgba(0, 0, 0, 0.4);
  --preset-pause-overlay-mid: rgba(0, 0, 0, 0.4);
  --preset-pause-overlay-end: rgba(0, 0, 0, 0);
  --preset-pause-btn-border: rgba(148, 163, 184, 0.36);
  --preset-pause-btn-grad-start: rgba(219, 234, 254, 0.96);
  --preset-pause-btn-grad-end: rgba(226, 232, 240, 0.92);
  --preset-pause-btn-bg: rgba(255, 255, 255, 0.88);
  --preset-pause-btn-shadow: rgba(15, 23, 42, 0.2);
  --preset-pause-btn-inset: rgba(255, 255, 255, 0.75);
  --preset-pause-btn-icon-shadow: rgba(28, 102, 229, 0.18);
  --preset-pause-btn-icon-color: #1c66e5;
  --preset-pause-btn-hover-border: rgba(96, 165, 250, 0.75);
  --preset-pause-btn-hover-shadow: rgba(28, 102, 229, 0.24);
  --preset-pause-btn-hover-inset: rgba(255, 255, 255, 0.88);
  --preset-panel-toggle-bg: #ffffff;
  --preset-panel-toggle-border: #e4e8f0;
  --preset-panel-toggle-color: #aeb6c8;
  --preset-panel-toggle-hover-color: #1c66e5;
  --preset-panel-toggle-hover-bg: #f0f4ff;
  --preset-panel-toggle-shadow: -2px 0 6px rgba(0, 0, 0, 0.04);
  --preset-panel-bg: #ffffff;
  --preset-panel-border: #e6e9f0;
  --preset-panel-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.03);
  --preset-viewer-stack-bg: #f8fafc;
  --preset-viewer-stack-border: #e2e8f0;
  --preset-viewer-stack-ring: #ffffff;
  --preset-viewer-pill-bg: #eef2ff;
  --preset-viewer-pill-text: #334155;
  --preset-viewer-pill-border: #dbeafe;
  --preset-chat-surface-bg: #ffffff;
  --preset-chat-surface-border: #e2e8f0;
  --preset-chat-surface-divider: #edf2f7;
  --preset-chat-surface-bg-gradient-end: #f8fafc;
  --preset-chat-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 10px 24px rgba(15, 23, 42, 0.08);
  --preset-section-title: #1e2c40;
  --preset-count-badge-bg: #f2f4f6;
  --preset-count-badge-text: #68738a;
  --preset-search-bg: #f8f9fb;
  --preset-search-border: #d4d9e2;
  --preset-search-focus-bg: #ffffff;
  --preset-search-focus-border: #3b82f6;
  --preset-search-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
  --preset-search-icon: #98a2b4;
  --preset-search-text: #344054;
  --preset-search-placeholder: #98a2b4;
  --preset-list-scrollbar: #e2e6ec;
  --preset-audience-hover-bg: #f8f9fb;
  --preset-audience-name: #344054;
  --preset-online-dot-border: #ffffff;
  --preset-role-host-text: #3b82f6;
  --preset-role-host-bg: rgba(59, 130, 246, 0.08);
  --preset-role-self-text: #1c66e5;
  --preset-role-self-bg: rgba(28, 102, 229, 0.1);
  --preset-list-empty: #98a2b4;
  --preset-tab-bar-bg: #f8fafc;
  --preset-tab-track-bg: rgba(0, 0, 0, 0.03);
  --preset-tab-track-border: rgba(0, 0, 0, 0.05);
  --preset-tab-slider-bg: #ffffff;
  --preset-tab-btn-text: rgba(58, 69, 96, 0.52);
  --preset-tab-btn-hover-text: rgba(26, 39, 66, 0.72);
  --preset-tab-btn-active-text: #1a2742;
  --preset-tab-btn-hover-bg: rgba(28, 102, 229, 0.04);
  --preset-tab-indicator-bg: #1c66e5;
  --preset-tab-indicator-shadow: 0 0 6px rgba(28, 102, 229, 0.3);
  --preset-tab-badge-bg: rgba(28, 102, 229, 0.06);
  --preset-tab-badge-text: rgba(58, 69, 96, 0.42);
  --preset-tab-badge-active-bg: rgba(28, 102, 229, 0.1);
  --preset-tab-badge-active-text: #1c66e5;
  --preset-role-admin-text: #d97706;
  --preset-role-admin-bg: rgba(217, 119, 6, 0.08);
  --preset-role-admin-border: rgba(217, 119, 6, 0.2);
  --preset-system-msg-text: #8892aa;
  --preset-system-msg-icon: #aeb6c8;
  --preset-system-msg-line: rgba(28, 102, 229, 0.08);
  --preset-audience-group-title: #8892aa;
  --preset-audience-group-line: rgba(0, 0, 0, 0.06);
  --preset-audience-role-badge-bg: rgba(28, 102, 229, 0.06);
  --preset-audience-role-badge-text: #1c66e5;
  --preset-chat-scrollbar: #e0e4ea;
  --preset-msg-name: #344054;
  --preset-msg-time: #c2c8d2;
  --preset-msg-content-bg: #f2f4f6;
  --preset-msg-content-border: rgba(28, 102, 229, 0.18);
  --preset-msg-content-text: #475068;
  --preset-msg-self-bg: #eef4ff;
  --preset-msg-self-border: #dde8fc;
  --preset-msg-host-name: #3b82f6;
  --preset-msg-host-tag-bg: rgba(59, 130, 246, 0.07);
  --preset-msg-host-bubble-bg: rgba(59, 130, 246, 0.06);
  --preset-msg-host-bubble-border: rgba(59, 130, 246, 0.12);
  --preset-input-bar-bg: transparent;
  --preset-input-shell-bg: #f8fafc;
  --preset-input-wrapper-bg: #f8f9fb;
  --preset-input-wrapper-border: #d4d9e2;
  --preset-input-wrapper-focus-bg: #ffffff;
  --preset-input-wrapper-focus-border: #3b82f6;
  --preset-input-wrapper-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
  --preset-emoji-btn-color: #98a2b4;
  --preset-emoji-btn-active: #3b82f6;
  --preset-emoji-btn-hover-bg: rgba(28, 102, 229, 0.08);
  --preset-emoji-panel-bg: #ffffff;
  --preset-emoji-panel-border: #e2e6ec;
  --preset-emoji-panel-shadow: 0 8px 22px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.03);
  --preset-emoji-hover-bg: #f2f4f6;
  --preset-emoji-hover-ring: rgba(59, 130, 246, 0.15);
  --preset-send-btn-inactive: #d4d9e2;
  --preset-send-btn-hover: #98a2b4;
  --preset-send-btn-active-bg: #3b82f6;
  --preset-send-btn-active-text: #ffffff;
  --preset-send-btn-active-ring: rgba(59, 130, 246, 0.2);
  --preset-send-btn-sending-bg: rgba(28, 102, 229, 0.72);
  --preset-chat-input-text: #344054;
  --preset-chat-input-placeholder: #98a2b4;
  --preset-handle-border: #e2e8f0;
  --preset-handle-hover-bg: #f8f9fb;
  --preset-handle-indicator: #c8d2de;
  --preset-handle-indicator-hover: #90a0b6;
  --preset-handle-glow: rgba(59, 130, 246, 0.15);
  --preset-chat-section-shadow: none;
  --preset-chat-msg-hover-bg: rgba(242, 244, 246, 0.72);
  --preset-chat-header-bg: #f8fafc;
  --preset-viewer-stack-row-bg: #f8fafc;
  --preset-viewer-stack-shadow: 0 3px 8px rgba(15, 23, 42, 0.12);
  --preset-chat-grid-opacity: 0.15;
  --preset-time-divider-bg: rgba(241, 245, 249, 0.9);
  --preset-audience-hover-ring: rgba(59, 130, 246, 0.12);
  --preset-presenter-hover-shadow: rgba(0, 0, 0, 0.06);
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.02);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.04);
  --preset-header-gradient: transparent;
  --preset-avatar-0-bg: #eff6ff;
  --preset-avatar-0-text: #2563eb;
  --preset-avatar-1-bg: #f0fdfa;
  --preset-avatar-1-text: #0d9488;
  --preset-avatar-2-bg: #fffbeb;
  --preset-avatar-2-text: #d97706;
  --preset-avatar-3-bg: #fff1f2;
  --preset-avatar-3-text: #f43f5e;
  --preset-avatar-4-bg: #f0f9ff;
  --preset-avatar-4-text: #0284c7;
  --preset-avatar-5-bg: #f1f5f9;
  --preset-avatar-5-text: #475569;
  --preset-avatar-6-bg: #ecfdf5;
  --preset-avatar-6-text: #059669;
  --preset-avatar-7-bg: #fff7ed;
  --preset-avatar-7-text: #ea580c;
  --preset-live-green: #10b981;
  --preset-live-green-pulse: rgba(16, 185, 129, 0.4);
  --preset-live-red: #f43f5e;
  --preset-stage-border: rgba(0, 0, 0, 0.06);
  --preset-bar-bg: #ffffff;
  --preset-bar-border: #e6e9f0;
  --preset-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.02);
  --preset-bar-divider: #e4e8f0;
  --preset-bg-primary: #f2f4f8;
  --preset-bg-secondary: #ffffff;
  --preset-bg-tertiary: #f6f8fb;
  --preset-live-ended-bg: rgba(242, 244, 248, 0.92);
  --preset-live-ended-icon: rgba(136, 146, 170, 0.4);
  --preset-live-ended-title: #1a2440;
  --preset-live-ended-subtitle: rgba(71, 80, 104, 0.7);
}
html[tui-theme-mode=dark] .style-preset-education,
.style-preset-education.tui-theme-dark {
  --uikit-color-gray-1: #111318;
  --uikit-color-gray-2: #16181f;
  --uikit-color-gray-3: #1c1f28;
  --uikit-color-gray-4: #252830;
  --uikit-color-gray-5: #1e2128;
  --uikit-color-gray-6: #282c36;
  --uikit-color-gray-7: #2e323c;
  --uikit-color-theme-1: rgba(16, 185, 129, 0.06);
  --uikit-color-theme-2: rgba(16, 185, 129, 0.1);
  --uikit-color-theme-3: rgba(16, 185, 129, 0.16);
  --uikit-color-theme-4: #6ee7b7;
  --uikit-color-theme-5: #34d399;
  --uikit-color-theme-6: #10b981;
  --uikit-color-theme-7: #34d399;
  --uikit-color-theme-8: #34d399;
  --uikit-color-theme-9: #10b981;
  --uikit-color-theme-10: #059669;
  --text-color-primary: #e8ecf2;
  --text-color-secondary: #b0b8c8;
  --text-color-tertiary: #6b7280;
  --bg-color-topbar: #16181f;
  --bg-color-dialog: #16181f;
  --bg-color-dialog-module: #1c1f28;
  --bg-color-input: #1c1f28;
  --bg-color-bubble-reciprocal: #1c1f28;
  --stroke-color-primary: #252830;
  --stroke-color-secondary: #282c36;
  --stroke-color-module: #2e323c;
  --button-color-primary-default: #10b981;
  --button-color-primary-hover: #34d399;
  --button-color-primary-active: #059669;
  --button-color-primary-disabled: rgba(16, 185, 129, 0.22);
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 32%, transparent);
  --list-color-hover: rgba(255, 255, 255, 0.06);
  --list-color-focused: rgba(16, 185, 129, 0.12);
  --preset-primary: #34d399;
  --preset-primary-hover: #6ee7b7;
  --preset-primary-active: #10b981;
  --preset-danger: #f87171;
  --preset-bg-base: #111318;
  --preset-bg-panel: #16181f;
  --preset-bg-input: #1c1f28;
  --preset-bg-elevated: #1c1f28;
  --preset-bg-inset: #1c1f28;
  --preset-bg-hover: #1e2128;
  --preset-border: #252830;
  --preset-border-strong: #2e323c;
  --preset-text-heading: #e8ecf2;
  --preset-text-primary: #e8ecf2;
  --preset-text-secondary: #b0b8c8;
  --preset-text-body: #b0b8c8;
  --preset-text-tertiary: #6b7280;
  --preset-text-weak: #4b5563;
  --preset-text-disabled: #374151;
  --preset-text-on-primary: #ffffff;
  --preset-icon-default: #6b7280;
  --preset-icon-hover: #b0b8c8;
  --preset-live-badge-bg: rgba(16, 185, 129, 0.16);
  --preset-live-badge-border: rgba(52, 211, 153, 0.32);
  --preset-live-badge-text: #34d399;
  --preset-live-badge-dot: #34d399;
  --preset-live-badge-dot-shadow: rgba(52, 211, 153, 0.45);
  --preset-live-indicator-dot: #f87171;
  --preset-live-indicator-dot-glow: rgba(248, 113, 113, 0.55);
  --preset-live-indicator-ring: rgba(248, 113, 113, 0.38);
  --preset-live-indicator-text: #f87171;
  --preset-btn-primary-bg: #10b981;
  --preset-btn-primary-hover: #34d399;
  --preset-btn-primary-active: #059669;
  --preset-btn-primary-soft-bg: rgba(16, 185, 129, 0.12);
  --preset-btn-primary-soft-text: #34d399;
  --preset-btn-primary-soft-border: rgba(52, 211, 153, 0.32);
  --preset-btn-danger-bg: rgba(248, 113, 113, 0.1);
  --preset-btn-danger-text: #f87171;
  --preset-btn-danger-border: rgba(248, 113, 113, 0.32);
  --preset-panel-bg: #16181f;
  --preset-panel-border: #252830;
  --preset-panel-shadow: 0 10px 26px color-mix(in srgb, var(--uikit-color-black-2) 42%, transparent);
  --preset-video-bg: #0a0c10;
  --preset-video-border: #252830;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
  --preset-glass-bg: rgba(0, 0, 0, 0.52);
  --preset-glass-border: rgba(255, 255, 255, 0.12);
  --preset-tab-bar-bg: #1c1f28;
  --preset-tab-btn-text: rgba(176, 184, 200, 0.52);
  --preset-tab-btn-hover-text: rgba(232, 236, 242, 0.72);
  --preset-tab-btn-active-text: #e8ecf2;
  --preset-tab-indicator-bg: #34d399;
  --preset-chat-bubble-bg: #1c1f28;
  --preset-chat-bubble-text: #b0b8c8;
  --preset-input-bg: #1c1f28;
  --preset-input-border: #2e323c;
  --preset-input-placeholder: #4b5563;
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
}
.style-preset-education,
.style-preset-education.tui-theme-light {
  --uikit-color-gray-1: #f3f5f7;
  --uikit-color-gray-2: #f7f8fa;
  --uikit-color-gray-3: #ebeef2;
  --uikit-color-gray-4: #e2e6ec;
  --uikit-color-gray-5: #f9fafb;
  --uikit-color-gray-6: #eef0f4;
  --uikit-color-gray-7: #dfe3ea;
  --uikit-color-theme-1: #ecfdf5;
  --uikit-color-theme-2: #d1fae5;
  --uikit-color-theme-3: #a7f3d0;
  --uikit-color-theme-4: #6ee7b7;
  --uikit-color-theme-5: #34d399;
  --uikit-color-theme-6: #10b981;
  --uikit-color-theme-7: #059669;
  --uikit-color-theme-8: #047857;
  --uikit-color-theme-9: #065f46;
  --uikit-color-theme-10: #064e3b;
  --text-color-primary: #1a2332;
  --text-color-secondary: #4b5563;
  --text-color-tertiary: #9ca3af;
  --bg-color-topbar: #ffffff;
  --bg-color-dialog: #ffffff;
  --bg-color-dialog-module: #f7f8fa;
  --bg-color-input: #ffffff;
  --bg-color-bubble-reciprocal: #f7f8fa;
  --stroke-color-primary: #e2e6ec;
  --stroke-color-secondary: #eef0f4;
  --stroke-color-module: #dfe3ea;
  --button-color-primary-default: #10b981;
  --button-color-primary-hover: #059669;
  --button-color-primary-active: #047857;
  --button-color-primary-disabled: rgba(16, 185, 129, 0.2);
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 14%, transparent);
  --list-color-hover: rgba(15, 23, 42, 0.04);
  --list-color-focused: rgba(16, 185, 129, 0.08);
  --preset-primary: #10b981;
  --preset-primary-hover: #059669;
  --preset-primary-active: #047857;
  --preset-danger: #ef4444;
  --preset-bg-base: #f3f5f7;
  --preset-bg-panel: #ffffff;
  --preset-bg-input: #ffffff;
  --preset-bg-elevated: #ffffff;
  --preset-bg-inset: #f7f8fa;
  --preset-bg-hover: #f9fafb;
  --preset-border: #ebeef2;
  --preset-border-strong: #dfe3ea;
  --preset-text-heading: #1a2332;
  --preset-text-primary: #1a2332;
  --preset-text-secondary: #4b5563;
  --preset-text-body: #4b5563;
  --preset-text-tertiary: #9ca3af;
  --preset-text-weak: #c4c9d2;
  --preset-text-disabled: #d5dae4;
  --preset-text-on-primary: #ffffff;
  --preset-icon-default: #9ca3af;
  --preset-icon-hover: #4b5563;
  --preset-live-badge-bg: rgba(16, 185, 129, 0.1);
  --preset-live-badge-border: rgba(16, 185, 129, 0.3);
  --preset-live-badge-text: #047857;
  --preset-live-badge-dot: #10b981;
  --preset-live-badge-dot-shadow: rgba(16, 185, 129, 0.45);
  --preset-live-indicator-dot: #ef4444;
  --preset-live-indicator-dot-glow: rgba(239, 68, 68, 0.55);
  --preset-live-indicator-ring: rgba(239, 68, 68, 0.38);
  --preset-live-indicator-text: #ef4444;
  --preset-btn-primary-bg: #10b981;
  --preset-btn-primary-hover: #059669;
  --preset-btn-primary-active: #047857;
  --preset-btn-primary-soft-bg: rgba(16, 185, 129, 0.08);
  --preset-btn-primary-soft-text: #047857;
  --preset-btn-primary-soft-border: rgba(16, 185, 129, 0.38);
  --preset-btn-danger-bg: rgba(239, 68, 68, 0.06);
  --preset-btn-danger-text: #dc2626;
  --preset-btn-danger-border: rgba(239, 68, 68, 0.38);
  --preset-panel-bg: #ffffff;
  --preset-panel-border: #ebeef2;
  --preset-panel-shadow: 0 8px 24px color-mix(in srgb, var(--uikit-color-black-3) 10%, transparent);
  --preset-video-bg: #0f1219;
  --preset-video-border: #dfe3ea;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.07);
  --preset-glass-bg: rgba(15, 23, 42, 0.42);
  --preset-glass-border: rgba(255, 255, 255, 0.24);
  --preset-tab-bar-bg: #f9fafb;
  --preset-tab-btn-text: rgba(75, 85, 99, 0.52);
  --preset-tab-btn-hover-text: rgba(26, 35, 50, 0.72);
  --preset-tab-btn-active-text: #1a2332;
  --preset-tab-indicator-bg: #10b981;
  --preset-chat-bubble-bg: #f7f8fa;
  --preset-chat-bubble-text: #4b5563;
  --preset-input-bg: #ffffff;
  --preset-input-border: #dfe3ea;
  --preset-input-placeholder: #c4c9d2;
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}
:root {
  --tui-button-round-radius: 999px;
  --tui-button-rect-radius: 3px;
  --tui-button-circle-radius: 50%;
  --tui-button-small-width: 48px;
  --tui-button-small-height: 24px;
  --tui-button-medium-width: 64px;
  --tui-button-medium-height: 32px;
  --tui-button-big-width: 80px;
  --tui-button-big-height: 40px;
  --tui-button-large-width: 96px;
  --tui-button-large-height: 48px;
  --tui-icon-default-width: 16px;
  --tui-icon-default-height: 16px;
  --tui-toast-round-radius: 8px;
  --tui-dialog-round-radius: 20px;
}
.tui-icon {
  width: var(--tui-icon-default-width);
  height: var(--tui-icon-default-height);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.tui-icon svg {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}.tui-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  pointer-events: auto;
}
.tui-popup-overlay--visible {
  background-color: rgba(0, 0, 0, 0.5);
}
.tui-popup-overlay--hidden {
  background-color: transparent;
}
.tui-popup-overlay--absolute {
  position: absolute;
}
.tui-popup-container {
  position: absolute;
  background: var(--bg-color-dialog);
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}
.tui-popup-container--top {
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 12px 12px;
}
.tui-popup-container--bottom {
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 12px 12px 0 0;
}
.tui-popup-container--left {
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 0 12px 12px 0;
}
.tui-popup-container--right {
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px 0 0 12px;
}
.tui-popup-container--center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 12px;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
}
.tui-popup-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  -webkit-tap-highlight-color: transparent;
}
.tui-popup-close-icon {
  color: var(--text-color-primary);
}
.tui-popup-content {
  width: 100%;
  height: 100%;
}
.tui-popup-overlay-fade-enter-active,
.tui-popup-overlay-fade-leave-active {
  transition: opacity var(--tui-popup-duration, 240ms) ease;
}
.tui-popup-overlay-fade-enter-from,
.tui-popup-overlay-fade-leave-to {
  opacity: 0;
}
.tui-popup-slide-top-enter-active,
.tui-popup-slide-top-leave-active {
  transition: transform var(--tui-popup-duration, 240ms) ease;
}
.tui-popup-slide-top-enter-from,
.tui-popup-slide-top-leave-to {
  transform: translateY(-100%);
}
.tui-popup-slide-bottom-enter-active,
.tui-popup-slide-bottom-leave-active {
  transition: transform var(--tui-popup-duration, 240ms) ease;
}
.tui-popup-slide-bottom-enter-from,
.tui-popup-slide-bottom-leave-to {
  transform: translateY(100%);
}
.tui-popup-slide-left-enter-active,
.tui-popup-slide-left-leave-active {
  transition: transform var(--tui-popup-duration, 240ms) ease;
}
.tui-popup-slide-left-enter-from,
.tui-popup-slide-left-leave-to {
  transform: translateX(-100%);
}
.tui-popup-slide-right-enter-active,
.tui-popup-slide-right-leave-active {
  transition: transform var(--tui-popup-duration, 240ms) ease;
}
.tui-popup-slide-right-enter-from,
.tui-popup-slide-right-leave-to {
  transform: translateX(100%);
}
.tui-popup-zoom-center-enter-active,
.tui-popup-zoom-center-leave-active {
  transition: transform var(--tui-popup-duration, 240ms) ease, opacity var(--tui-popup-duration, 240ms) ease;
}
.tui-popup-zoom-center-enter-from,
.tui-popup-zoom-center-leave-to {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.8);
}
.tui-popup-zoom-center-enter-to,
.tui-popup-zoom-center-leave-from {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}:root[tui-theme-mode=dark],
.tui-theme-dark {
  --uikit-color-theme-1: #1C2333;
  --uikit-color-theme-2: #243047;
  --uikit-color-theme-3: #2F4875;
  --uikit-color-theme-4: #305BA6;
  --uikit-color-theme-5: #2B6AD6;
  --uikit-color-theme-6: #4086FF;
  --uikit-color-theme-7: #5C9DFF;
  --uikit-color-theme-8: #78B0FF;
  --uikit-color-theme-9: #9CC7FF;
  --uikit-color-theme-10: #C2DEFF;
  --uikit-color-black-1: rgba(0, 0, 0, 100%);
  --uikit-color-black-2: rgba(0, 0, 0, 90%);
  --uikit-color-black-3: rgba(0, 0, 0, 72%);
  --uikit-color-black-4: rgba(0, 0, 0, 55%);
  --uikit-color-black-5: rgba(0, 0, 0, 40%);
  --uikit-color-black-6: rgba(0, 0, 0, 25%);
  --uikit-color-black-7: rgba(0, 0, 0, 12%);
  --uikit-color-black-8: rgba(0, 0, 0, 6%);
  --uikit-color-white-1: rgba(255, 255, 255, 100%);
  --uikit-color-white-2: rgba(255, 255, 255, 93%);
  --uikit-color-white-3: rgba(255, 255, 255, 75%);
  --uikit-color-white-4: rgba(255, 255, 255, 55%);
  --uikit-color-white-5: rgba(255, 255, 255, 42%);
  --uikit-color-white-6: rgba(255, 255, 255, 30%);
  --uikit-color-white-7: rgba(255, 255, 255, 14%);
  --uikit-color-gray-1: #131417;
  --uikit-color-gray-2: #1F2024;
  --uikit-color-gray-3: #2B2C30;
  --uikit-color-gray-4: #3A3C42;
  --uikit-color-gray-5: #48494F;
  --uikit-color-gray-6: #54565C;
  --uikit-color-gray-7: #676A70;
  --uikit-color-green-1: #1A2620;
  --uikit-color-green-2: #22352C;
  --uikit-color-green-3: #2F4F3F;
  --uikit-color-green-4: #377355;
  --uikit-color-green-5: #368F65;
  --uikit-color-green-6: #38A673;
  --uikit-color-green-7: #62B58B;
  --uikit-color-green-8: #8BC7A9;
  --uikit-color-green-9: #A9D4BD;
  --uikit-color-green-10: #C8E5D5;
  --uikit-color-red-1: #2B1C1F;
  --uikit-color-red-2: #422324;
  --uikit-color-red-3: #613234;
  --uikit-color-red-4: #8A4242;
  --uikit-color-red-5: #C2544E;
  --uikit-color-red-6: #E6594C;
  --uikit-color-red-7: #E57A6E;
  --uikit-color-red-8: #F3A599;
  --uikit-color-red-9: #FACBC3;
  --uikit-color-red-10: #FAE4DE;
  --uikit-color-orange-1: #211A19;
  --uikit-color-orange-2: #35231A;
  --uikit-color-orange-3: #462E1F;
  --uikit-color-orange-4: #653C21;
  --uikit-color-orange-5: #96562A;
  --uikit-color-orange-6: #E37F32;
  --uikit-color-orange-7: #E39552;
  --uikit-color-orange-8: #EEAD72;
  --uikit-color-orange-9: #F7CFA4;
  --uikit-color-orange-10: #F9E9D1;
  --uikit-color-transparent: rgba(255, 255, 255, 0%);
  --text-color-primary: var(--uikit-color-white-2);
  --text-color-secondary: var(--uikit-color-white-4);
  --text-color-tertiary: var(--uikit-color-white-6);
  --text-color-disabled: var(--uikit-color-white-6);
  --text-color-button: var(--uikit-color-white-1);
  --text-color-button-disabled: var(--uikit-color-white-5);
  --text-color-link: var(--uikit-color-theme-6);
  --text-color-link-hover: var(--uikit-color-theme-5);
  --text-color-link-active: var(--uikit-color-theme-7);
  --text-color-link-disabled: var(--uikit-color-theme-2);
  --text-color-anti-primary: var(--uikit-color-black-2);
  --text-color-anti-secondary: var(--uikit-color-black-4);
  --text-color-warning: var(--uikit-color-orange-6);
  --text-color-success: var(--uikit-color-green-6);
  --text-color-error: var(--uikit-color-red-6);
  --bg-color-topbar: var(--uikit-color-gray-1);
  --bg-color-operate: var(--uikit-color-gray-2);
  --bg-color-dialog: var(--uikit-color-gray-2);
  --bg-color-dialog-module: var(--uikit-color-gray-3);
  --bg-color-entrycard: var(--uikit-color-gray-3);
  --bg-color-function: var(--uikit-color-gray-4);
  --bg-color-bottombar: var(--uikit-color-gray-3);
  --bg-color-input: var(--uikit-color-gray-3);
  --bg-color-bubble-reciprocal: var(--uikit-color-gray-3);
  --bg-color-bubble-own: var(--uikit-color-theme-7);
  --bg-color-default: var(--uikit-color-gray-1);
  --bg-color-tag-mask: var(--uikit-color-black-4);
  --bg-color-element-mask: var(--uikit-color-black-6);
  --bg-color-mask: var(--uikit-color-black-4);
  --bg-color-mask-disappeared: var(--uikit-color-black-8);
  --bg-color-mask-begin: var(--uikit-color-black-2);
  --stroke-color-primary: var(--uikit-color-gray-4);
  --stroke-color-secondary: var(--uikit-color-gray-3);
  --stroke-color-module: var(--uikit-color-gray-5);
  --shadow-color: var(--uikit-color-black-8);
  --list-color-default: var(--uikit-color-gray-2);
  --list-color-hover: var(--uikit-color-gray-3);
  --list-color-focused: var(--uikit-color-theme-2);
  --button-color-primary-default: var(--uikit-color-theme-6);
  --button-color-primary-hover: var(--uikit-color-theme-5);
  --button-color-primary-active: var(--uikit-color-theme-7);
  --button-color-primary-disabled: var(--uikit-color-theme-2);
  --button-color-secondary-default: var(--uikit-color-gray-4);
  --button-color-secondary-hover: var(--uikit-color-gray-3);
  --button-color-secondary-active: var(--uikit-color-gray-5);
  --button-color-secondary-disabled: var(--uikit-color-gray-3);
  --button-color-accept: var(--uikit-color-green-6);
  --button-color-hangup: var(--uikit-color-red-6);
  --button-color-on: var(--uikit-color-white-1);
  --button-color-off: var(--uikit-color-black-5);
  --dropdown-color-default: var(--uikit-color-gray-3);
  --dropdown-color-hover: var(--uikit-color-gray-4);
  --dropdown-color-active: var(--uikit-color-gray-2);
  --scroll-bar-color-default: var(--uikit-color-white-7);
  --scroll-bar-color-hover: var(--uikit-color-white-6);
  --floating-color-default: var(--uikit-color-gray-3);
  --floating-color-operate: var(--uikit-color-gray-4);
  --checkbox-color-selected: var(--uikit-color-theme-5);
  --toast-color-warning: var(--uikit-color-orange-2);
  --toast-color-success: var(--uikit-color-green-2);
  --toast-color-error: var(--uikit-color-red-2);
  --toast-color-default: var(--uikit-color-theme-2);
  --switch-color-off: var(--uikit-color-gray-4);
  --switch-color-on: var(--uikit-color-theme-5);
  --switch-color-button: var(--uikit-color-white-1);
  --slider-color-filled: var(--uikit-color-theme-5);
  --slider-color-empty: var(--uikit-color-gray-5);
  --slider-color-button: var(--uikit-color-white-1);
  --tab-color-selected: var(--uikit-color-gray-5);
  --tab-color-unselected: var(--uikit-color-gray-4);
  --tab-color-option: var(--uikit-color-gray-4);
  --icon-color-primary: var(--uikit-color-white-2);
}
:root[tui-theme-mode=light],
.tui-theme-light {
  --uikit-color-theme-1: #EBF3FF;
  --uikit-color-theme-2: #CCE2FF;
  --uikit-color-theme-3: #ADCFFF;
  --uikit-color-theme-4: #7AAFFF;
  --uikit-color-theme-5: #4588F5;
  --uikit-color-theme-6: #1C66E5;
  --uikit-color-theme-7: #0D49BF;
  --uikit-color-theme-8: #033099;
  --uikit-color-theme-9: #001F73;
  --uikit-color-theme-10: #00124D;
  --uikit-color-black-1: rgba(0, 0, 0, 100%);
  --uikit-color-black-2: rgba(0, 0, 0, 90%);
  --uikit-color-black-3: rgba(0, 0, 0, 72%);
  --uikit-color-black-4: rgba(0, 0, 0, 55%);
  --uikit-color-black-5: rgba(0, 0, 0, 40%);
  --uikit-color-black-6: rgba(0, 0, 0, 25%);
  --uikit-color-black-7: rgba(0, 0, 0, 12%);
  --uikit-color-black-8: rgba(0, 0, 0, 6%);
  --uikit-color-white-1: rgba(255, 255, 255, 100%);
  --uikit-color-white-2: rgba(255, 255, 255, 93%);
  --uikit-color-white-3: rgba(255, 255, 255, 75%);
  --uikit-color-white-4: rgba(255, 255, 255, 55%);
  --uikit-color-white-5: rgba(255, 255, 255, 42%);
  --uikit-color-white-6: rgba(255, 255, 255, 30%);
  --uikit-color-white-7: rgba(255, 255, 255, 14%);
  --uikit-color-gray-1: #F9FAFC;
  --uikit-color-gray-2: #F0F2F7;
  --uikit-color-gray-3: #E6E9F0;
  --uikit-color-gray-4: #D1D4DE;
  --uikit-color-gray-5: #C0C3CC;
  --uikit-color-gray-6: #B3B6BE;
  --uikit-color-gray-7: #A5A9B0;
  --uikit-color-green-1: #DCFAE9;
  --uikit-color-green-2: #B6F0D1;
  --uikit-color-green-3: #84E3B5;
  --uikit-color-green-4: #5AD69E;
  --uikit-color-green-5: #3CC98C;
  --uikit-color-green-6: #0ABF77;
  --uikit-color-green-7: #09A768;
  --uikit-color-green-8: #078F59;
  --uikit-color-green-9: #067049;
  --uikit-color-green-10: #044D37;
  --uikit-color-red-1: #FFE7E6;
  --uikit-color-red-2: #FCC9C7;
  --uikit-color-red-3: #FAAEAC;
  --uikit-color-red-4: #F58989;
  --uikit-color-red-5: #E86666;
  --uikit-color-red-6: #E54545;
  --uikit-color-red-7: #C93439;
  --uikit-color-red-8: #AD2934;
  --uikit-color-red-9: #8F222D;
  --uikit-color-red-10: #6B1A27;
  --uikit-color-orange-1: #FFEEDB;
  --uikit-color-orange-2: #FFD6B2;
  --uikit-color-orange-3: #FFBE85;
  --uikit-color-orange-4: #FFA455;
  --uikit-color-orange-5: #FF8B2B;
  --uikit-color-orange-6: #FF7200;
  --uikit-color-orange-7: #E05D00;
  --uikit-color-orange-8: #BF4900;
  --uikit-color-orange-9: #8F370B;
  --uikit-color-orange-10: #662200;
  --uikit-color-transparent: rgba(255, 255, 255, 0%);
  --text-color-primary: var(--uikit-color-black-2);
  --text-color-secondary: var(--uikit-color-black-4);
  --text-color-tertiary: var(--uikit-color-black-5);
  --text-color-disabled: var(--uikit-color-black-6);
  --text-color-button: var(--uikit-color-white-1);
  --text-color-button-disabled: var(--uikit-color-white-1);
  --text-color-link: var(--uikit-color-theme-6);
  --text-color-link-hover: var(--uikit-color-theme-5);
  --text-color-link-active: var(--uikit-color-theme-7);
  --text-color-link-disabled: var(--uikit-color-theme-2);
  --text-color-anti-primary: var(--uikit-color-black-2);
  --text-color-anti-secondary: var(--uikit-color-black-4);
  --text-color-warning: var(--uikit-color-orange-6);
  --text-color-success: var(--uikit-color-green-6);
  --text-color-error: var(--uikit-color-red-6);
  --bg-color-topbar: var(--uikit-color-gray-1);
  --bg-color-operate: var(--uikit-color-white-1);
  --bg-color-dialog: var(--uikit-color-white-1);
  --bg-color-dialog-module: var(--uikit-color-gray-2);
  --bg-color-entrycard: var(--uikit-color-gray-2);
  --bg-color-function: var(--uikit-color-gray-2);
  --bg-color-bottombar: var(--uikit-color-white-1);
  --bg-color-input: var(--uikit-color-gray-2);
  --bg-color-bubble-reciprocal: var(--uikit-color-gray-2);
  --bg-color-bubble-own: var(--uikit-color-theme-2);
  --bg-color-default: var(--uikit-color-gray-2);
  --bg-color-tag-mask: var(--uikit-color-white-4);
  --bg-color-element-mask: var(--uikit-color-black-6);
  --bg-color-mask: var(--uikit-color-black-4);
  --bg-color-mask-disappeared: var(--uikit-color-white-7);
  --bg-color-mask-begin: var(--uikit-color-white-1);
  --stroke-color-primary: var(--uikit-color-gray-3);
  --stroke-color-secondary: var(--uikit-color-gray-2);
  --stroke-color-module: var(--uikit-color-gray-3);
  --shadow-color: var(--uikit-color-black-8);
  --list-color-default: var(--uikit-color-white-1);
  --list-color-hover: var(--uikit-color-gray-1);
  --list-color-focused: var(--uikit-color-theme-1);
  --button-color-primary-default: var(--uikit-color-theme-6);
  --button-color-primary-hover: var(--uikit-color-theme-5);
  --button-color-primary-active: var(--uikit-color-theme-7);
  --button-color-primary-disabled: var(--uikit-color-theme-2);
  --button-color-secondary-default: var(--uikit-color-gray-2);
  --button-color-secondary-hover: var(--uikit-color-gray-1);
  --button-color-secondary-active: var(--uikit-color-gray-3);
  --button-color-secondary-disabled: var(--uikit-color-gray-1);
  --button-color-accept: var(--uikit-color-green-6);
  --button-color-hangup: var(--uikit-color-red-6);
  --button-color-on: var(--uikit-color-white-1);
  --button-color-off: var(--uikit-color-black-5);
  --dropdown-color-default: var(--uikit-color-white-1);
  --dropdown-color-hover: var(--uikit-color-gray-1);
  --dropdown-color-active: var(--uikit-color-theme-2);
  --scroll-bar-color-default: var(--uikit-color-black-7);
  --scroll-bar-color-hover: var(--uikit-color-black-6);
  --floating-color-default: var(--uikit-color-white-1);
  --floating-color-operate: var(--uikit-color-gray-2);
  --checkbox-color-selected: var(--uikit-color-theme-6);
  --toast-color-warning: var(--uikit-color-orange-1);
  --toast-color-success: var(--uikit-color-green-1);
  --toast-color-error: var(--uikit-color-red-1);
  --toast-color-default: var(--uikit-color-theme-1);
  --switch-color-off: var(--uikit-color-gray-4);
  --switch-color-on: var(--uikit-color-theme-6);
  --switch-color-button: var(--uikit-color-white-1);
  --slider-color-filled: var(--uikit-color-theme-6);
  --slider-color-empty: var(--uikit-color-gray-3);
  --slider-color-button: var(--uikit-color-white-1);
  --tab-color-selected: var(--uikit-color-theme-2);
  --tab-color-unselected: var(--uikit-color-gray-2);
  --tab-color-option: var(--uikit-color-gray-3);
  --icon-color-primary: var(--uikit-color-black-2);
}
html[tui-theme-mode=dark] .style-preset-business,
.style-preset-business.tui-theme-dark {
  --uikit-color-gray-1: #0e1525;
  --uikit-color-gray-2: #111828;
  --uikit-color-gray-3: #151e32;
  --uikit-color-gray-4: #151e32;
  --uikit-color-gray-5: #1a2438;
  --uikit-color-gray-6: #202d45;
  --uikit-color-gray-7: #202d45;
  --uikit-color-theme-1: rgba(59, 130, 246, 0.08);
  --uikit-color-theme-2: rgba(59, 130, 246, 0.12);
  --uikit-color-theme-3: rgba(59, 130, 246, 0.18);
  --uikit-color-theme-4: #60a5fa;
  --uikit-color-theme-5: #3b82f6;
  --uikit-color-theme-6: #3b82f6;
  --uikit-color-theme-7: #3b82f6;
  --uikit-color-theme-8: #3b82f6;
  --uikit-color-theme-9: #2563eb;
  --uikit-color-theme-10: #1d4ed8;
  --text-color-primary: #edf1f8;
  --text-color-secondary: #cdd6e5;
  --text-color-tertiary: #8494ad;
  --bg-color-topbar: #151e32;
  --bg-color-input: #1a2438;
  --bg-color-bubble-reciprocal: #1a2438;
  --stroke-color-primary: #202d45;
  --stroke-color-secondary: #202d45;
  --button-color-primary-default: #3b82f6;
  --button-color-primary-hover: #2563eb;
  --button-color-primary-active: #1d4ed8;
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --biz-border-lightest: #253550;
  --biz-border-hover: #304060;
  --biz-blue-glow: rgba(59, 130, 246, 0.55);
  --biz-blue-glow-shadow: rgba(59, 130, 246, 0.12);
  --biz-green-online: #34d399;
  --preset-primary: #3b82f6;
  --preset-primary-hover: #2563eb;
  --preset-primary-active: #1d4ed8;
  --preset-danger: #f87171;
  --preset-bg-base: #0e1525;
  --preset-bg-panel: #151e32;
  --preset-bg-input: #1a2438;
  --preset-bg-elevated: #1a2438;
  --preset-bg-inset: #0e1525;
  --preset-bg-hover: #1a2438;
  --preset-border: #253550;
  --preset-border-strong: #2a3c58;
  --preset-text-heading: #edf1f8;
  --preset-text-primary: #edf1f8;
  --preset-text-secondary: #cdd6e5;
  --preset-text-body: #bcc8dc;
  --preset-text-tertiary: #8494ad;
  --preset-text-weak: #566880;
  --preset-text-disabled: #303e56;
  --preset-icon-default: #566880;
  --preset-icon-hover: #8494ad;
  --preset-chat-bubble-bg: #1a2438;
  --preset-chat-bubble-text: #bcc8dc;
  --preset-chat-bubble-host-bg: rgba(59, 130, 246, 0.14);
  --preset-chat-bubble-host-border: rgba(59, 130, 246, 0.24);
  --preset-input-bg: #1a2438;
  --preset-input-border: #253550;
  --preset-input-placeholder: #566880;
  --preset-info-bar-bg: #151e32;
  --preset-info-bar-border: #253550;
  --preset-info-bar-divider: #253550;
  --preset-info-bar-brand-text: #edf1f8;
  --preset-info-bar-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), 0 0 1px rgba(59, 130, 246, 0.08);
  --preset-presenter-hover-bg: #1a2438;
  --preset-presenter-hover-border: #253550;
  --preset-presenter-name: #edf1f8;
  --preset-presenter-speaking-name: #edf1f8;
  --preset-presenter-avatar-ring: 0 0 0 2px rgba(59, 130, 246, 0.35), 0 0 0 4px #151e32;
  --preset-presenter-status-border: #151e32;
  --preset-btn-primary-bg: #3b82f6;
  --preset-btn-primary-hover: #2563eb;
  --preset-btn-primary-active: #1d4ed8;
  --preset-btn-primary-soft-bg: rgba(148, 197, 253, 0.12);
  --preset-btn-primary-soft-text: #93c5fd;
  --preset-btn-primary-soft-border: rgba(59, 130, 246, 0.50);
  --preset-btn-primary-soft-hover-bg: rgba(148, 197, 253, 0.20);
  --preset-btn-primary-soft-hover-border: rgba(59, 130, 246, 0.65);
  --preset-btn-primary-soft-hover-text: #bfdbfe;
  --preset-btn-primary-soft-active-bg: rgba(148, 197, 253, 0.28);
  --preset-btn-primary-soft-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 6px rgba(59, 130, 246, 0.10);
  --preset-btn-primary-soft-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 10px rgba(59, 130, 246, 0.18);
  --preset-btn-danger-bg: rgba(220, 38, 38, 0.14);
  --preset-btn-danger-text: #fca5a5;
  --preset-btn-danger-border: rgba(220, 38, 38, 0.45);
  --preset-btn-danger-hover-bg: rgba(220, 38, 38, 0.24);
  --preset-btn-danger-hover-border: rgba(220, 38, 38, 0.60);
  --preset-btn-danger-hover-text: #fecaca;
  --preset-btn-danger-active-bg: rgba(220, 38, 38, 0.32);
  --preset-btn-danger-active-text: #fecaca;
  --preset-btn-danger-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 6px rgba(220, 38, 38, 0.08);
  --preset-btn-danger-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 10px rgba(220, 38, 38, 0.15);
  --preset-video-bg: #0a1018;
  --preset-video-border: #253550;
  --preset-video-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-stage-edge-spacing: 16px;
  --preset-stage-edge-spacing-mobile: 12px;
  --preset-pause-backdrop: rgba(0, 0, 0, 0.55);
  --preset-stage-divider: rgba(255, 255, 255, 0.08);
  --preset-glass-bg: rgba(2, 6, 23, 0.45);
  --preset-glass-border: rgba(255, 255, 255, 0.12);
  --preset-glass-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  --preset-video-top-gradient-start: rgba(2, 6, 23, 0.85);
  --preset-video-top-gradient-mid: rgba(2, 6, 23, 0.15);
  --preset-video-top-gradient-end: rgba(2, 6, 23, 0);
  --preset-top-overlay-gradient-start: color-mix(in srgb, var(--uikit-color-black-2) 78%, transparent);
  --preset-top-overlay-gradient-mid: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-overlay-gradient-end: transparent;
  --preset-top-overlay-text-color: var(--uikit-color-white-1);
  --preset-top-overlay-text-shadow: 0 1px 2px color-mix(in srgb, var(--uikit-color-black-2) 56%, transparent);
  --preset-top-overlay-avatar-shadow: 0 0 0 1px color-mix(in srgb, var(--uikit-color-white-1) 26%, transparent);
  --preset-stream-glass-bg: rgba(9, 17, 35, 0.62);
  --preset-live-badge-bg: rgba(22, 163, 74, 0.28);
  --preset-live-badge-border: rgba(74, 222, 128, 0.52);
  --preset-live-badge-text: #dcfce7;
  --preset-live-badge-dot: #86efac;
  --preset-live-badge-dot-shadow: rgba(134, 239, 172, 0.65);
  --preset-live-indicator-dot: var(--uikit-color-red-6);
  --preset-live-indicator-dot-glow: color-mix(in srgb, var(--uikit-color-red-6) 62%, transparent);
  --preset-live-indicator-ring: color-mix(in srgb, var(--uikit-color-red-6) 48%, transparent);
  --preset-live-indicator-text: var(--uikit-color-red-5);
  --preset-stream-title: #ffffff;
  --preset-stream-subtitle: rgba(226, 232, 240, 0.86);
  --preset-stream-subtitle-host: #cbd5e1;
  --preset-stream-subtitle-sep: rgba(148, 163, 184, 0.7);
  --preset-stream-subtitle-room: rgba(148, 163, 184, 0.88);
  --preset-top-action-text: #f8fafc;
  --preset-top-action-icon-color: var(--uikit-color-white-1);
  --preset-top-action-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --preset-top-action-icon-hover-color: var(--uikit-color-white-1);
  --preset-top-action-icon-hover-bg: color-mix(in srgb, var(--uikit-color-white-1) 16%, transparent);
  --preset-top-action-leave-icon-color: var(--uikit-color-red-5);
  --preset-top-action-leave-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --preset-top-action-bg: rgba(15, 23, 42, 0.25);
  --preset-top-action-hover-shadow: 0 6px 18px rgba(15, 23, 42, 0.28);
  --preset-top-action-share-border: rgba(125, 211, 252, 0.65);
  --preset-top-action-share-bg: linear-gradient(135deg, rgba(14, 116, 144, 0.72), rgba(37, 99, 235, 0.78));
  --preset-top-action-share-text: #f8fafc;
  --preset-top-action-share-shadow: none;
  --preset-top-action-share-hover-border: rgba(186, 230, 253, 0.95);
  --preset-top-action-share-hover-bg: linear-gradient(135deg, rgba(2, 132, 199, 0.88), rgba(59, 130, 246, 0.92));
  --preset-top-action-share-hover-text: #f8fafc;
  --preset-top-action-share-hover-shadow: none;
  --preset-top-action-leave-border: rgba(251, 146, 146, 0.74);
  --preset-top-action-leave-bg: linear-gradient(135deg, rgba(190, 24, 93, 0.72), rgba(220, 38, 38, 0.82));
  --preset-top-action-leave-text: #f8fafc;
  --preset-top-action-leave-shadow: none;
  --preset-top-action-leave-hover-border: rgba(254, 202, 202, 0.95);
  --preset-top-action-leave-hover-bg: linear-gradient(135deg, rgba(219, 39, 119, 0.88), rgba(239, 68, 68, 0.92));
  --preset-top-action-leave-hover-text: #f8fafc;
  --preset-top-action-leave-hover-shadow: none;
  --preset-progress-track-bg: rgba(255, 255, 255, 0.2);
  --preset-progress-fill-start: #e51c1c;
  --preset-progress-fill-end: #f63b3b;
  --preset-progress-thumb-bg: #e51c1c;
  --preset-progress-thumb-shadow: rgba(229, 28, 28, 0.4);
  --preset-control-pill-bg: rgba(0, 0, 0, 0.45);
  --preset-control-pill-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  --preset-control-btn-color: #ffffff;
  --preset-control-btn-hover-bg: rgba(255, 255, 255, 0.1);
  --preset-control-tooltip-text: #eef2ff;
  --preset-control-tooltip-bg: rgba(30, 41, 59, 0.92);
  --preset-control-tooltip-border: rgba(148, 163, 184, 0.32);
  --preset-control-tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --preset-resolution-popup-bg: rgba(0, 0, 0, 0.55);
  --preset-resolution-popup-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  --preset-resolution-option-text: rgba(255, 255, 255, 0.7);
  --preset-resolution-option-hover-bg: rgba(255, 255, 255, 0.1);
  --preset-resolution-option-hover-text: #ffffff;
  --preset-resolution-option-active-bg: rgba(255, 255, 255, 0.18);
  --preset-resolution-option-active-text: #ffffff;
  --preset-volume-track-bg: rgba(255, 255, 255, 0.2);
  --preset-volume-fill-bg: #ffffff;
  --preset-volume-thumb-bg: #ffffff;
  --preset-volume-thumb-shadow: rgba(0, 0, 0, 0.3);
  --preset-pause-overlay-start: rgba(0, 0, 0, 0.5);
  --preset-pause-overlay-mid: rgba(0, 0, 0, 0.5);
  --preset-pause-overlay-end: rgba(0, 0, 0, 0);
  --preset-pause-btn-border: rgba(148, 163, 184, 0.42);
  --preset-pause-btn-grad-start: rgba(59, 130, 246, 0.28);
  --preset-pause-btn-grad-end: rgba(15, 23, 42, 0.88);
  --preset-pause-btn-bg: rgba(15, 23, 42, 0.86);
  --preset-pause-btn-shadow: rgba(15, 23, 42, 0.46);
  --preset-pause-btn-inset: rgba(255, 255, 255, 0.08);
  --preset-pause-btn-icon-shadow: rgba(59, 130, 246, 0.32);
  --preset-pause-btn-hover-border: rgba(125, 211, 252, 0.7);
  --preset-pause-btn-hover-shadow: rgba(30, 64, 175, 0.35);
  --preset-pause-btn-hover-inset: rgba(255, 255, 255, 0.12);
  --preset-panel-toggle-bg: #151e32;
  --preset-panel-toggle-border: #253550;
  --preset-panel-toggle-color: #566880;
  --preset-panel-toggle-hover-color: #6ea8fe;
  --preset-panel-toggle-hover-bg: rgba(59, 130, 246, 0.10);
  --preset-panel-toggle-shadow: -2px 0 8px rgba(0, 0, 0, 0.25);
  --preset-panel-bg: #151e32;
  --preset-panel-border: #253550;
  --preset-panel-shadow: 0 2px 10px rgba(0, 0, 0, 0.22), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-viewer-stack-bg: rgba(30, 41, 59, 0.75);
  --preset-viewer-stack-border: rgba(148, 163, 184, 0.24);
  --preset-viewer-stack-ring: #0f172a;
  --preset-viewer-pill-bg: rgba(30, 41, 59, 0.88);
  --preset-viewer-pill-text: #cbd5e1;
  --preset-viewer-pill-border: rgba(148, 163, 184, 0.32);
  --preset-chat-surface-bg: rgba(15, 23, 42, 0.65);
  --preset-chat-surface-border: rgba(148, 163, 184, 0.16);
  --preset-chat-surface-divider: rgba(148, 163, 184, 0.14);
  --preset-chat-surface-bg-gradient-end: color-mix(in srgb, var(--preset-chat-surface-bg) 88%, #000 12%);
  --preset-chat-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 28px rgba(0, 0, 0, 0.25);
  --preset-section-title: #cdd6e5;
  --preset-count-badge-bg: #1a2438;
  --preset-count-badge-text: #8494ad;
  --preset-search-bg: #1e2c42;
  --preset-search-border: #2e4060;
  --preset-search-focus-bg: #1e2c42;
  --preset-search-focus-border: #3b82f6;
  --preset-search-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
  --preset-search-icon: #566880;
  --preset-search-text: #e2e8f0;
  --preset-search-placeholder: rgba(148, 163, 184, 0.75);
  --preset-list-scrollbar: #253550;
  --preset-audience-hover-bg: rgba(30, 44, 66, 0.70);
  --preset-audience-name: #cdd6e5;
  --preset-online-dot-border: #151e32;
  --preset-role-host-text: #6ea8fe;
  --preset-role-host-bg: rgba(59, 130, 246, 0.18);
  --preset-role-self-text: #93c5fd;
  --preset-role-self-bg: rgba(59, 130, 246, 0.2);
  --preset-list-empty: #566880;
  --preset-tab-bar-bg: rgba(15, 23, 42, 0.7);
  --preset-tab-track-bg: rgba(255, 255, 255, 0.03);
  --preset-tab-track-border: rgba(255, 255, 255, 0.05);
  --preset-tab-slider-bg: rgba(59, 130, 246, 0.18);
  --preset-tab-btn-text: rgba(148, 163, 184, 0.55);
  --preset-tab-btn-hover-text: rgba(203, 213, 225, 0.72);
  --preset-tab-btn-active-text: #edf1f8;
  --preset-tab-btn-hover-bg: rgba(255, 255, 255, 0.04);
  --preset-tab-indicator-bg: #3b82f6;
  --preset-tab-indicator-shadow: 0 0 8px rgba(59, 130, 246, 0.45);
  --preset-tab-badge-bg: rgba(59, 130, 246, 0.1);
  --preset-tab-badge-text: rgba(148, 163, 184, 0.45);
  --preset-tab-badge-active-bg: rgba(59, 130, 246, 0.2);
  --preset-tab-badge-active-text: #93c5fd;
  --preset-role-admin-text: #fbbf24;
  --preset-role-admin-bg: rgba(251, 191, 36, 0.14);
  --preset-role-admin-border: rgba(251, 191, 36, 0.25);
  --preset-system-msg-text: #8494ad;
  --preset-system-msg-icon: #566880;
  --preset-system-msg-line: rgba(59, 130, 246, 0.12);
  --preset-audience-group-title: #566880;
  --preset-audience-group-line: rgba(148, 163, 184, 0.12);
  --preset-audience-role-badge-bg: rgba(59, 130, 246, 0.12);
  --preset-audience-role-badge-text: #6ea8fe;
  --preset-chat-scrollbar: #253550;
  --preset-msg-name: #cdd6e5;
  --preset-msg-time: #566880;
  --preset-msg-content-bg: #1a2438;
  --preset-msg-content-border: rgba(59, 130, 246, 0.2);
  --preset-msg-content-text: #bcc8dc;
  --preset-msg-self-bg: rgba(59, 130, 246, 0.14);
  --preset-msg-self-border: rgba(59, 130, 246, 0.24);
  --preset-msg-host-name: #6ea8fe;
  --preset-msg-host-tag-bg: rgba(59, 130, 246, 0.18);
  --preset-msg-host-bubble-bg: rgba(59, 130, 246, 0.14);
  --preset-msg-host-bubble-border: rgba(59, 130, 246, 0.24);
  --preset-input-bar-bg: #111828;
  --preset-input-shell-bg: rgba(30, 41, 59, 0.72);
  --preset-input-wrapper-bg: #1e2c42;
  --preset-input-wrapper-border: #2e4060;
  --preset-input-wrapper-focus-bg: #1e2c42;
  --preset-input-wrapper-focus-border: #3b82f6;
  --preset-input-wrapper-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
  --preset-emoji-btn-color: #8494ad;
  --preset-emoji-btn-active: #60a5fa;
  --preset-emoji-btn-hover-bg: rgba(255, 255, 255, 0.06);
  --preset-emoji-panel-bg: #1e2c42;
  --preset-emoji-panel-border: #2e4060;
  --preset-emoji-panel-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.18);
  --preset-emoji-hover-bg: #2e4060;
  --preset-emoji-hover-ring: rgba(59, 130, 246, 0.28);
  --preset-send-btn-inactive: #2e4060;
  --preset-send-btn-hover: #566880;
  --preset-send-btn-active-bg: #3b82f6;
  --preset-send-btn-active-text: #ffffff;
  --preset-send-btn-active-ring: rgba(59, 130, 246, 0.18);
  --preset-send-btn-sending-bg: rgba(14, 165, 233, 0.75);
  --preset-chat-input-text: #e2e8f0;
  --preset-chat-input-placeholder: rgba(148, 163, 184, 0.75);
  --preset-handle-border: #2e4060;
  --preset-handle-hover-bg: #1e2c42;
  --preset-handle-indicator: #3a506e;
  --preset-handle-indicator-hover: #566880;
  --preset-handle-glow: rgba(59, 130, 246, 0.35);
  --preset-chat-section-shadow: none;
  --preset-chat-msg-hover-bg: rgba(30, 44, 66, 0.55);
  --preset-chat-header-bg: rgba(15, 23, 42, 0.7);
  --preset-viewer-stack-row-bg: rgba(15, 23, 42, 0.55);
  --preset-viewer-stack-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  --preset-chat-grid-opacity: 0.22;
  --preset-time-divider-bg: color-mix(in srgb, var(--preset-chat-surface-bg) 85%, #000 15%);
  --preset-audience-hover-ring: rgba(59, 130, 246, 0.22);
  --preset-presenter-hover-shadow: rgba(0, 0, 0, 0.30);
  --preset-header-shadow: 0 1px 4px rgba(0, 0, 0, 0.22), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-card-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-header-gradient: linear-gradient(90deg, #3b82f6, #60a5fa, #93c5fd);
  --preset-avatar-0-bg: #182846;
  --preset-avatar-0-text: #7ab3ff;
  --preset-avatar-1-bg: #112c2c;
  --preset-avatar-1-text: #64f0da;
  --preset-avatar-2-bg: #2c2412;
  --preset-avatar-2-text: #fcc02a;
  --preset-avatar-3-bg: #2c1722;
  --preset-avatar-3-text: #fc7c90;
  --preset-avatar-4-bg: #112238;
  --preset-avatar-4-text: #82d8fe;
  --preset-avatar-5-bg: #1c2238;
  --preset-avatar-5-text: #9aadbe;
  --preset-avatar-6-bg: #112c1c;
  --preset-avatar-6-text: #74edc0;
  --preset-avatar-7-bg: #2c1c12;
  --preset-avatar-7-text: #fc9842;
  --preset-live-green: #34d399;
  --preset-live-green-pulse: rgba(52, 211, 153, 0.4);
  --preset-live-red: #fb7185;
  --preset-stage-border: rgba(255, 255, 255, 0.07);
  --preset-bar-bg: #0e1525;
  --preset-bar-border: #253550;
  --preset-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-bar-divider: #253550;
  --preset-bg-primary: #0e1525;
  --preset-bg-secondary: #151e32;
  --preset-bg-tertiary: #1a2438;
  --preset-live-ended-bg: rgba(14, 21, 37, 0.92);
  --preset-live-ended-icon: rgba(148, 163, 184, 0.4);
  --preset-live-ended-title: #edf1f8;
  --preset-live-ended-subtitle: rgba(205, 214, 229, 0.6);
}
.style-preset-business,
.style-preset-business.tui-theme-light {
  --uikit-color-gray-1: #f2f4f8;
  --uikit-color-gray-2: #f6f8fb;
  --uikit-color-gray-3: #ffffff;
  --uikit-color-gray-4: #ffffff;
  --uikit-color-gray-5: #f9fafc;
  --uikit-color-gray-6: #eef1f6;
  --uikit-color-gray-7: #e4e8f0;
  --uikit-color-theme-1: #eff6ff;
  --uikit-color-theme-2: #dbeafe;
  --uikit-color-theme-3: #bfdbfe;
  --uikit-color-theme-4: #93c5fd;
  --uikit-color-theme-5: #3b82f6;
  --uikit-color-theme-6: #1c66e5;
  --uikit-color-theme-7: #1c66e5;
  --uikit-color-theme-8: #1c66e5;
  --uikit-color-theme-9: #1e40af;
  --uikit-color-theme-10: #1e3a5f;
  --text-color-primary: #1a2742;
  --text-color-secondary: #3a4560;
  --text-color-tertiary: #8892aa;
  --bg-color-topbar: #ffffff;
  --bg-color-input: #ffffff;
  --bg-color-bubble-reciprocal: #f6f8fb;
  --stroke-color-primary: #e4e8f0;
  --stroke-color-secondary: #eef1f6;
  --button-color-primary-default: #1c66e5;
  --button-color-primary-hover: #1a5cd0;
  --button-color-primary-active: #174fb8;
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 18%, transparent);
  --biz-border-lightest: #e4e8f0;
  --biz-border-hover: #c2cad8;
  --biz-blue-glow: rgba(28, 102, 229, 0.5);
  --biz-blue-glow-shadow: rgba(28, 102, 229, 0.06);
  --biz-green-online: #10b981;
  --preset-primary: #1c66e5;
  --preset-primary-hover: #1a5cd0;
  --preset-primary-active: #174fb8;
  --preset-danger: #ef4444;
  --preset-bg-base: #f2f4f8;
  --preset-bg-panel: #ffffff;
  --preset-bg-input: #ffffff;
  --preset-bg-elevated: #ffffff;
  --preset-bg-inset: #f6f8fb;
  --preset-bg-hover: #f9fafc;
  --preset-border: #eaecf2;
  --preset-border-strong: #dde2ea;
  --preset-text-heading: #1a2440;
  --preset-text-primary: #1a2742;
  --preset-text-secondary: #3a4560;
  --preset-text-body: #475068;
  --preset-text-tertiary: #8892aa;
  --preset-text-weak: #aeb6c8;
  --preset-text-disabled: #d5dae4;
  --preset-icon-default: #8892aa;
  --preset-icon-hover: #3a4560;
  --preset-chat-bubble-bg: #f6f8fb;
  --preset-chat-bubble-text: #475068;
  --preset-chat-bubble-host-bg: rgba(59, 130, 246, 0.06);
  --preset-chat-bubble-host-border: rgba(59, 130, 246, 0.12);
  --preset-input-bg: #ffffff;
  --preset-input-border: #dde2ea;
  --preset-input-placeholder: #bfc6d4;
  --preset-info-bar-bg: #ffffff;
  --preset-info-bar-border: #e6e9f0;
  --preset-info-bar-divider: #e4e8f0;
  --preset-info-bar-brand-text: inherit;
  --preset-info-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.05), 0 0 1px rgba(28, 102, 229, 0.04);
  --preset-presenter-hover-bg: #f0f2f6;
  --preset-presenter-hover-border: #dde2ea;
  --preset-presenter-name: #1a2742;
  --preset-presenter-speaking-name: #0e1930;
  --preset-presenter-avatar-ring: 0 0 0 1.5px #fff, 0 1px 3px rgba(0, 0, 0, 0.08);
  --preset-presenter-status-border: #f8f9fb;
  --preset-btn-primary-bg: #1c66e5;
  --preset-btn-primary-hover: #1a5cd0;
  --preset-btn-primary-active: #1750b8;
  --preset-btn-primary-soft-bg: rgba(28, 102, 229, 0.08);
  --preset-btn-primary-soft-text: #1d4ed8;
  --preset-btn-primary-soft-border: rgba(28, 102, 229, 0.42);
  --preset-btn-primary-soft-hover-bg: rgba(28, 102, 229, 0.14);
  --preset-btn-primary-soft-hover-border: rgba(28, 102, 229, 0.58);
  --preset-btn-primary-soft-hover-text: #1e40af;
  --preset-btn-primary-soft-active-bg: rgba(28, 102, 229, 0.20);
  --preset-btn-primary-soft-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 6px rgba(28, 102, 229, 0.08);
  --preset-btn-primary-soft-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 10px rgba(28, 102, 229, 0.14);
  --preset-btn-danger-bg: rgba(220, 38, 38, 0.06);
  --preset-btn-danger-text: #dc2626;
  --preset-btn-danger-border: rgba(220, 38, 38, 0.38);
  --preset-btn-danger-hover-bg: rgba(220, 38, 38, 0.12);
  --preset-btn-danger-hover-border: rgba(220, 38, 38, 0.52);
  --preset-btn-danger-hover-text: #b91c1c;
  --preset-btn-danger-active-bg: rgba(220, 38, 38, 0.18);
  --preset-btn-danger-active-text: #991b1b;
  --preset-btn-danger-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 6px rgba(220, 38, 38, 0.06);
  --preset-btn-danger-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 10px rgba(220, 38, 38, 0.10);
  --preset-video-bg: #0f1219;
  --preset-video-border: #dde2ea;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.04);
  --preset-stage-edge-spacing: 16px;
  --preset-stage-edge-spacing-mobile: 12px;
  --preset-pause-backdrop: rgba(0, 0, 0, 0.45);
  --preset-stage-divider: rgba(148, 163, 184, 0.32);
  --preset-glass-bg: rgba(15, 23, 42, 0.42);
  --preset-glass-border: rgba(255, 255, 255, 0.24);
  --preset-glass-shadow: 0 10px 24px rgba(15, 23, 42, 0.22);
  --preset-video-top-gradient-start: rgba(248, 250, 252, 0.92);
  --preset-video-top-gradient-mid: rgba(248, 250, 252, 0.18);
  --preset-video-top-gradient-end: rgba(248, 250, 252, 0);
  --preset-top-overlay-gradient-start: color-mix(in srgb, var(--uikit-color-black-2) 70%, transparent);
  --preset-top-overlay-gradient-mid: color-mix(in srgb, var(--uikit-color-black-2) 24%, transparent);
  --preset-top-overlay-gradient-end: transparent;
  --preset-top-overlay-text-color: var(--uikit-color-white-1);
  --preset-top-overlay-text-shadow: 0 1px 2px color-mix(in srgb, var(--uikit-color-black-2) 52%, transparent);
  --preset-top-overlay-avatar-shadow: 0 0 0 1px color-mix(in srgb, var(--uikit-color-white-1) 36%, transparent);
  --preset-stream-glass-bg: rgba(255, 255, 255, 0.72);
  --preset-live-badge-bg: rgba(16, 185, 129, 0.14);
  --preset-live-badge-border: rgba(16, 185, 129, 0.36);
  --preset-live-badge-text: #047857;
  --preset-live-badge-dot: #10b981;
  --preset-live-badge-dot-shadow: rgba(16, 185, 129, 0.45);
  --preset-live-indicator-dot: var(--uikit-color-red-6);
  --preset-live-indicator-dot-glow: color-mix(in srgb, var(--uikit-color-red-6) 58%, transparent);
  --preset-live-indicator-ring: color-mix(in srgb, var(--uikit-color-red-6) 44%, transparent);
  --preset-live-indicator-text: var(--uikit-color-red-6);
  --preset-stream-title: #1a2440;
  --preset-stream-subtitle: #475068;
  --preset-stream-subtitle-host: #1e2c40;
  --preset-stream-subtitle-sep: #98a2b4;
  --preset-stream-subtitle-room: #64748b;
  --preset-top-action-text: #344054;
  --preset-top-action-icon-color: var(--uikit-color-white-1);
  --preset-top-action-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-action-icon-hover-color: var(--uikit-color-white-1);
  --preset-top-action-icon-hover-bg: color-mix(in srgb, var(--uikit-color-white-1) 14%, transparent);
  --preset-top-action-leave-icon-color: color-mix(in srgb, var(--uikit-color-red-4) 82%, var(--uikit-color-white-1));
  --preset-top-action-leave-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-action-bg: rgba(255, 255, 255, 0.5);
  --preset-top-action-hover-shadow: 0 8px 20px rgba(15, 23, 42, 0.16);
  --preset-top-action-share-border: rgba(28, 102, 229, 0.42);
  --preset-top-action-share-bg: linear-gradient(135deg, rgba(219, 234, 254, 0.95), rgba(191, 219, 254, 0.95));
  --preset-top-action-share-text: #1e40af;
  --preset-top-action-share-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 4px 12px rgba(28, 102, 229, 0.18);
  --preset-top-action-share-hover-border: rgba(28, 102, 229, 0.58);
  --preset-top-action-share-hover-bg: linear-gradient(135deg, rgba(191, 219, 254, 0.98), rgba(147, 197, 253, 0.98));
  --preset-top-action-share-hover-text: #1e3a8a;
  --preset-top-action-share-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(28, 102, 229, 0.24);
  --preset-top-action-leave-border: rgba(220, 38, 38, 0.42);
  --preset-top-action-leave-bg: linear-gradient(135deg, rgba(254, 226, 226, 0.95), rgba(254, 202, 202, 0.95));
  --preset-top-action-leave-text: #b91c1c;
  --preset-top-action-leave-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 4px 12px rgba(220, 38, 38, 0.16);
  --preset-top-action-leave-hover-border: rgba(220, 38, 38, 0.58);
  --preset-top-action-leave-hover-bg: linear-gradient(135deg, rgba(254, 202, 202, 0.98), rgba(252, 165, 165, 0.98));
  --preset-top-action-leave-hover-text: #991b1b;
  --preset-top-action-leave-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(220, 38, 38, 0.2);
  --preset-progress-track-bg: rgba(15, 23, 42, 0.22);
  --preset-progress-fill-start: #e51c1c;
  --preset-progress-fill-end: #f63b3b;
  --preset-progress-thumb-bg: #e51c1c;
  --preset-progress-thumb-shadow: rgba(229, 28, 28, 0.35);
  --preset-control-pill-bg: rgba(15, 23, 42, 0.58);
  --preset-control-pill-shadow: 0 4px 16px rgba(2, 6, 23, 0.22);
  --preset-control-btn-color: #ffffff;
  --preset-control-btn-hover-bg: rgba(255, 255, 255, 0.14);
  --preset-control-tooltip-text: #eef2ff;
  --preset-control-tooltip-bg: rgba(30, 41, 59, 0.92);
  --preset-control-tooltip-border: rgba(148, 163, 184, 0.32);
  --preset-control-tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --preset-resolution-popup-bg: rgba(15, 23, 42, 0.78);
  --preset-resolution-popup-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  --preset-resolution-option-text: rgba(255, 255, 255, 0.76);
  --preset-resolution-option-hover-bg: rgba(255, 255, 255, 0.12);
  --preset-resolution-option-hover-text: #ffffff;
  --preset-resolution-option-active-bg: rgba(255, 255, 255, 0.2);
  --preset-resolution-option-active-text: #ffffff;
  --preset-volume-track-bg: rgba(255, 255, 255, 0.3);
  --preset-volume-fill-bg: #ffffff;
  --preset-volume-thumb-bg: #ffffff;
  --preset-volume-thumb-shadow: rgba(2, 6, 23, 0.32);
  --preset-pause-overlay-start: rgba(0, 0, 0, 0.4);
  --preset-pause-overlay-mid: rgba(0, 0, 0, 0.4);
  --preset-pause-overlay-end: rgba(0, 0, 0, 0);
  --preset-pause-btn-border: rgba(148, 163, 184, 0.36);
  --preset-pause-btn-grad-start: rgba(219, 234, 254, 0.96);
  --preset-pause-btn-grad-end: rgba(226, 232, 240, 0.92);
  --preset-pause-btn-bg: rgba(255, 255, 255, 0.88);
  --preset-pause-btn-shadow: rgba(15, 23, 42, 0.2);
  --preset-pause-btn-inset: rgba(255, 255, 255, 0.75);
  --preset-pause-btn-icon-shadow: rgba(28, 102, 229, 0.18);
  --preset-pause-btn-icon-color: #1c66e5;
  --preset-pause-btn-hover-border: rgba(96, 165, 250, 0.75);
  --preset-pause-btn-hover-shadow: rgba(28, 102, 229, 0.24);
  --preset-pause-btn-hover-inset: rgba(255, 255, 255, 0.88);
  --preset-panel-toggle-bg: #ffffff;
  --preset-panel-toggle-border: #e4e8f0;
  --preset-panel-toggle-color: #aeb6c8;
  --preset-panel-toggle-hover-color: #1c66e5;
  --preset-panel-toggle-hover-bg: #f0f4ff;
  --preset-panel-toggle-shadow: -2px 0 6px rgba(0, 0, 0, 0.04);
  --preset-panel-bg: #ffffff;
  --preset-panel-border: #e6e9f0;
  --preset-panel-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.03);
  --preset-viewer-stack-bg: #f8fafc;
  --preset-viewer-stack-border: #e2e8f0;
  --preset-viewer-stack-ring: #ffffff;
  --preset-viewer-pill-bg: #eef2ff;
  --preset-viewer-pill-text: #334155;
  --preset-viewer-pill-border: #dbeafe;
  --preset-chat-surface-bg: #ffffff;
  --preset-chat-surface-border: #e2e8f0;
  --preset-chat-surface-divider: #edf2f7;
  --preset-chat-surface-bg-gradient-end: #f8fafc;
  --preset-chat-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 10px 24px rgba(15, 23, 42, 0.08);
  --preset-section-title: #1e2c40;
  --preset-count-badge-bg: #f2f4f6;
  --preset-count-badge-text: #68738a;
  --preset-search-bg: #f8f9fb;
  --preset-search-border: #d4d9e2;
  --preset-search-focus-bg: #ffffff;
  --preset-search-focus-border: #3b82f6;
  --preset-search-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
  --preset-search-icon: #98a2b4;
  --preset-search-text: #344054;
  --preset-search-placeholder: #98a2b4;
  --preset-list-scrollbar: #e2e6ec;
  --preset-audience-hover-bg: #f8f9fb;
  --preset-audience-name: #344054;
  --preset-online-dot-border: #ffffff;
  --preset-role-host-text: #3b82f6;
  --preset-role-host-bg: rgba(59, 130, 246, 0.08);
  --preset-role-self-text: #1c66e5;
  --preset-role-self-bg: rgba(28, 102, 229, 0.1);
  --preset-list-empty: #98a2b4;
  --preset-tab-bar-bg: #f8fafc;
  --preset-tab-track-bg: rgba(0, 0, 0, 0.03);
  --preset-tab-track-border: rgba(0, 0, 0, 0.05);
  --preset-tab-slider-bg: #ffffff;
  --preset-tab-btn-text: rgba(58, 69, 96, 0.52);
  --preset-tab-btn-hover-text: rgba(26, 39, 66, 0.72);
  --preset-tab-btn-active-text: #1a2742;
  --preset-tab-btn-hover-bg: rgba(28, 102, 229, 0.04);
  --preset-tab-indicator-bg: #1c66e5;
  --preset-tab-indicator-shadow: 0 0 6px rgba(28, 102, 229, 0.3);
  --preset-tab-badge-bg: rgba(28, 102, 229, 0.06);
  --preset-tab-badge-text: rgba(58, 69, 96, 0.42);
  --preset-tab-badge-active-bg: rgba(28, 102, 229, 0.1);
  --preset-tab-badge-active-text: #1c66e5;
  --preset-role-admin-text: #d97706;
  --preset-role-admin-bg: rgba(217, 119, 6, 0.08);
  --preset-role-admin-border: rgba(217, 119, 6, 0.2);
  --preset-system-msg-text: #8892aa;
  --preset-system-msg-icon: #aeb6c8;
  --preset-system-msg-line: rgba(28, 102, 229, 0.08);
  --preset-audience-group-title: #8892aa;
  --preset-audience-group-line: rgba(0, 0, 0, 0.06);
  --preset-audience-role-badge-bg: rgba(28, 102, 229, 0.06);
  --preset-audience-role-badge-text: #1c66e5;
  --preset-chat-scrollbar: #e0e4ea;
  --preset-msg-name: #344054;
  --preset-msg-time: #c2c8d2;
  --preset-msg-content-bg: #f2f4f6;
  --preset-msg-content-border: rgba(28, 102, 229, 0.18);
  --preset-msg-content-text: #475068;
  --preset-msg-self-bg: #eef4ff;
  --preset-msg-self-border: #dde8fc;
  --preset-msg-host-name: #3b82f6;
  --preset-msg-host-tag-bg: rgba(59, 130, 246, 0.07);
  --preset-msg-host-bubble-bg: rgba(59, 130, 246, 0.06);
  --preset-msg-host-bubble-border: rgba(59, 130, 246, 0.12);
  --preset-input-bar-bg: transparent;
  --preset-input-shell-bg: #f8fafc;
  --preset-input-wrapper-bg: #f8f9fb;
  --preset-input-wrapper-border: #d4d9e2;
  --preset-input-wrapper-focus-bg: #ffffff;
  --preset-input-wrapper-focus-border: #3b82f6;
  --preset-input-wrapper-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
  --preset-emoji-btn-color: #98a2b4;
  --preset-emoji-btn-active: #3b82f6;
  --preset-emoji-btn-hover-bg: rgba(28, 102, 229, 0.08);
  --preset-emoji-panel-bg: #ffffff;
  --preset-emoji-panel-border: #e2e6ec;
  --preset-emoji-panel-shadow: 0 8px 22px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.03);
  --preset-emoji-hover-bg: #f2f4f6;
  --preset-emoji-hover-ring: rgba(59, 130, 246, 0.15);
  --preset-send-btn-inactive: #d4d9e2;
  --preset-send-btn-hover: #98a2b4;
  --preset-send-btn-active-bg: #3b82f6;
  --preset-send-btn-active-text: #ffffff;
  --preset-send-btn-active-ring: rgba(59, 130, 246, 0.2);
  --preset-send-btn-sending-bg: rgba(28, 102, 229, 0.72);
  --preset-chat-input-text: #344054;
  --preset-chat-input-placeholder: #98a2b4;
  --preset-handle-border: #e2e8f0;
  --preset-handle-hover-bg: #f8f9fb;
  --preset-handle-indicator: #c8d2de;
  --preset-handle-indicator-hover: #90a0b6;
  --preset-handle-glow: rgba(59, 130, 246, 0.15);
  --preset-chat-section-shadow: none;
  --preset-chat-msg-hover-bg: rgba(242, 244, 246, 0.72);
  --preset-chat-header-bg: #f8fafc;
  --preset-viewer-stack-row-bg: #f8fafc;
  --preset-viewer-stack-shadow: 0 3px 8px rgba(15, 23, 42, 0.12);
  --preset-chat-grid-opacity: 0.15;
  --preset-time-divider-bg: rgba(241, 245, 249, 0.9);
  --preset-audience-hover-ring: rgba(59, 130, 246, 0.12);
  --preset-presenter-hover-shadow: rgba(0, 0, 0, 0.06);
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.02);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.04);
  --preset-header-gradient: transparent;
  --preset-avatar-0-bg: #eff6ff;
  --preset-avatar-0-text: #2563eb;
  --preset-avatar-1-bg: #f0fdfa;
  --preset-avatar-1-text: #0d9488;
  --preset-avatar-2-bg: #fffbeb;
  --preset-avatar-2-text: #d97706;
  --preset-avatar-3-bg: #fff1f2;
  --preset-avatar-3-text: #f43f5e;
  --preset-avatar-4-bg: #f0f9ff;
  --preset-avatar-4-text: #0284c7;
  --preset-avatar-5-bg: #f1f5f9;
  --preset-avatar-5-text: #475569;
  --preset-avatar-6-bg: #ecfdf5;
  --preset-avatar-6-text: #059669;
  --preset-avatar-7-bg: #fff7ed;
  --preset-avatar-7-text: #ea580c;
  --preset-live-green: #10b981;
  --preset-live-green-pulse: rgba(16, 185, 129, 0.4);
  --preset-live-red: #f43f5e;
  --preset-stage-border: rgba(0, 0, 0, 0.06);
  --preset-bar-bg: #ffffff;
  --preset-bar-border: #e6e9f0;
  --preset-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.02);
  --preset-bar-divider: #e4e8f0;
  --preset-bg-primary: #f2f4f8;
  --preset-bg-secondary: #ffffff;
  --preset-bg-tertiary: #f6f8fb;
  --preset-live-ended-bg: rgba(242, 244, 248, 0.92);
  --preset-live-ended-icon: rgba(136, 146, 170, 0.4);
  --preset-live-ended-title: #1a2440;
  --preset-live-ended-subtitle: rgba(71, 80, 104, 0.7);
}
html[tui-theme-mode=dark] .style-preset-education,
.style-preset-education.tui-theme-dark {
  --uikit-color-gray-1: #111318;
  --uikit-color-gray-2: #16181f;
  --uikit-color-gray-3: #1c1f28;
  --uikit-color-gray-4: #252830;
  --uikit-color-gray-5: #1e2128;
  --uikit-color-gray-6: #282c36;
  --uikit-color-gray-7: #2e323c;
  --uikit-color-theme-1: rgba(16, 185, 129, 0.06);
  --uikit-color-theme-2: rgba(16, 185, 129, 0.1);
  --uikit-color-theme-3: rgba(16, 185, 129, 0.16);
  --uikit-color-theme-4: #6ee7b7;
  --uikit-color-theme-5: #34d399;
  --uikit-color-theme-6: #10b981;
  --uikit-color-theme-7: #34d399;
  --uikit-color-theme-8: #34d399;
  --uikit-color-theme-9: #10b981;
  --uikit-color-theme-10: #059669;
  --text-color-primary: #e8ecf2;
  --text-color-secondary: #b0b8c8;
  --text-color-tertiary: #6b7280;
  --bg-color-topbar: #16181f;
  --bg-color-dialog: #16181f;
  --bg-color-dialog-module: #1c1f28;
  --bg-color-input: #1c1f28;
  --bg-color-bubble-reciprocal: #1c1f28;
  --stroke-color-primary: #252830;
  --stroke-color-secondary: #282c36;
  --stroke-color-module: #2e323c;
  --button-color-primary-default: #10b981;
  --button-color-primary-hover: #34d399;
  --button-color-primary-active: #059669;
  --button-color-primary-disabled: rgba(16, 185, 129, 0.22);
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 32%, transparent);
  --list-color-hover: rgba(255, 255, 255, 0.06);
  --list-color-focused: rgba(16, 185, 129, 0.12);
  --preset-primary: #34d399;
  --preset-primary-hover: #6ee7b7;
  --preset-primary-active: #10b981;
  --preset-danger: #f87171;
  --preset-bg-base: #111318;
  --preset-bg-panel: #16181f;
  --preset-bg-input: #1c1f28;
  --preset-bg-elevated: #1c1f28;
  --preset-bg-inset: #1c1f28;
  --preset-bg-hover: #1e2128;
  --preset-border: #252830;
  --preset-border-strong: #2e323c;
  --preset-text-heading: #e8ecf2;
  --preset-text-primary: #e8ecf2;
  --preset-text-secondary: #b0b8c8;
  --preset-text-body: #b0b8c8;
  --preset-text-tertiary: #6b7280;
  --preset-text-weak: #4b5563;
  --preset-text-disabled: #374151;
  --preset-text-on-primary: #ffffff;
  --preset-icon-default: #6b7280;
  --preset-icon-hover: #b0b8c8;
  --preset-live-badge-bg: rgba(16, 185, 129, 0.16);
  --preset-live-badge-border: rgba(52, 211, 153, 0.32);
  --preset-live-badge-text: #34d399;
  --preset-live-badge-dot: #34d399;
  --preset-live-badge-dot-shadow: rgba(52, 211, 153, 0.45);
  --preset-live-indicator-dot: #f87171;
  --preset-live-indicator-dot-glow: rgba(248, 113, 113, 0.55);
  --preset-live-indicator-ring: rgba(248, 113, 113, 0.38);
  --preset-live-indicator-text: #f87171;
  --preset-btn-primary-bg: #10b981;
  --preset-btn-primary-hover: #34d399;
  --preset-btn-primary-active: #059669;
  --preset-btn-primary-soft-bg: rgba(16, 185, 129, 0.12);
  --preset-btn-primary-soft-text: #34d399;
  --preset-btn-primary-soft-border: rgba(52, 211, 153, 0.32);
  --preset-btn-danger-bg: rgba(248, 113, 113, 0.1);
  --preset-btn-danger-text: #f87171;
  --preset-btn-danger-border: rgba(248, 113, 113, 0.32);
  --preset-panel-bg: #16181f;
  --preset-panel-border: #252830;
  --preset-panel-shadow: 0 10px 26px color-mix(in srgb, var(--uikit-color-black-2) 42%, transparent);
  --preset-video-bg: #0a0c10;
  --preset-video-border: #252830;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
  --preset-glass-bg: rgba(0, 0, 0, 0.52);
  --preset-glass-border: rgba(255, 255, 255, 0.12);
  --preset-tab-bar-bg: #1c1f28;
  --preset-tab-btn-text: rgba(176, 184, 200, 0.52);
  --preset-tab-btn-hover-text: rgba(232, 236, 242, 0.72);
  --preset-tab-btn-active-text: #e8ecf2;
  --preset-tab-indicator-bg: #34d399;
  --preset-chat-bubble-bg: #1c1f28;
  --preset-chat-bubble-text: #b0b8c8;
  --preset-input-bg: #1c1f28;
  --preset-input-border: #2e323c;
  --preset-input-placeholder: #4b5563;
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
}
.style-preset-education,
.style-preset-education.tui-theme-light {
  --uikit-color-gray-1: #f3f5f7;
  --uikit-color-gray-2: #f7f8fa;
  --uikit-color-gray-3: #ebeef2;
  --uikit-color-gray-4: #e2e6ec;
  --uikit-color-gray-5: #f9fafb;
  --uikit-color-gray-6: #eef0f4;
  --uikit-color-gray-7: #dfe3ea;
  --uikit-color-theme-1: #ecfdf5;
  --uikit-color-theme-2: #d1fae5;
  --uikit-color-theme-3: #a7f3d0;
  --uikit-color-theme-4: #6ee7b7;
  --uikit-color-theme-5: #34d399;
  --uikit-color-theme-6: #10b981;
  --uikit-color-theme-7: #059669;
  --uikit-color-theme-8: #047857;
  --uikit-color-theme-9: #065f46;
  --uikit-color-theme-10: #064e3b;
  --text-color-primary: #1a2332;
  --text-color-secondary: #4b5563;
  --text-color-tertiary: #9ca3af;
  --bg-color-topbar: #ffffff;
  --bg-color-dialog: #ffffff;
  --bg-color-dialog-module: #f7f8fa;
  --bg-color-input: #ffffff;
  --bg-color-bubble-reciprocal: #f7f8fa;
  --stroke-color-primary: #e2e6ec;
  --stroke-color-secondary: #eef0f4;
  --stroke-color-module: #dfe3ea;
  --button-color-primary-default: #10b981;
  --button-color-primary-hover: #059669;
  --button-color-primary-active: #047857;
  --button-color-primary-disabled: rgba(16, 185, 129, 0.2);
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 14%, transparent);
  --list-color-hover: rgba(15, 23, 42, 0.04);
  --list-color-focused: rgba(16, 185, 129, 0.08);
  --preset-primary: #10b981;
  --preset-primary-hover: #059669;
  --preset-primary-active: #047857;
  --preset-danger: #ef4444;
  --preset-bg-base: #f3f5f7;
  --preset-bg-panel: #ffffff;
  --preset-bg-input: #ffffff;
  --preset-bg-elevated: #ffffff;
  --preset-bg-inset: #f7f8fa;
  --preset-bg-hover: #f9fafb;
  --preset-border: #ebeef2;
  --preset-border-strong: #dfe3ea;
  --preset-text-heading: #1a2332;
  --preset-text-primary: #1a2332;
  --preset-text-secondary: #4b5563;
  --preset-text-body: #4b5563;
  --preset-text-tertiary: #9ca3af;
  --preset-text-weak: #c4c9d2;
  --preset-text-disabled: #d5dae4;
  --preset-text-on-primary: #ffffff;
  --preset-icon-default: #9ca3af;
  --preset-icon-hover: #4b5563;
  --preset-live-badge-bg: rgba(16, 185, 129, 0.1);
  --preset-live-badge-border: rgba(16, 185, 129, 0.3);
  --preset-live-badge-text: #047857;
  --preset-live-badge-dot: #10b981;
  --preset-live-badge-dot-shadow: rgba(16, 185, 129, 0.45);
  --preset-live-indicator-dot: #ef4444;
  --preset-live-indicator-dot-glow: rgba(239, 68, 68, 0.55);
  --preset-live-indicator-ring: rgba(239, 68, 68, 0.38);
  --preset-live-indicator-text: #ef4444;
  --preset-btn-primary-bg: #10b981;
  --preset-btn-primary-hover: #059669;
  --preset-btn-primary-active: #047857;
  --preset-btn-primary-soft-bg: rgba(16, 185, 129, 0.08);
  --preset-btn-primary-soft-text: #047857;
  --preset-btn-primary-soft-border: rgba(16, 185, 129, 0.38);
  --preset-btn-danger-bg: rgba(239, 68, 68, 0.06);
  --preset-btn-danger-text: #dc2626;
  --preset-btn-danger-border: rgba(239, 68, 68, 0.38);
  --preset-panel-bg: #ffffff;
  --preset-panel-border: #ebeef2;
  --preset-panel-shadow: 0 8px 24px color-mix(in srgb, var(--uikit-color-black-3) 10%, transparent);
  --preset-video-bg: #0f1219;
  --preset-video-border: #dfe3ea;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.07);
  --preset-glass-bg: rgba(15, 23, 42, 0.42);
  --preset-glass-border: rgba(255, 255, 255, 0.24);
  --preset-tab-bar-bg: #f9fafb;
  --preset-tab-btn-text: rgba(75, 85, 99, 0.52);
  --preset-tab-btn-hover-text: rgba(26, 35, 50, 0.72);
  --preset-tab-btn-active-text: #1a2332;
  --preset-tab-indicator-bg: #10b981;
  --preset-chat-bubble-bg: #f7f8fa;
  --preset-chat-bubble-text: #4b5563;
  --preset-input-bg: #ffffff;
  --preset-input-border: #dfe3ea;
  --preset-input-placeholder: #c4c9d2;
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}
:root {
  --tui-button-round-radius: 999px;
  --tui-button-rect-radius: 3px;
  --tui-button-circle-radius: 50%;
  --tui-button-small-width: 48px;
  --tui-button-small-height: 24px;
  --tui-button-medium-width: 64px;
  --tui-button-medium-height: 32px;
  --tui-button-big-width: 80px;
  --tui-button-big-height: 40px;
  --tui-button-large-width: 96px;
  --tui-button-large-height: 48px;
  --tui-icon-default-width: 16px;
  --tui-icon-default-height: 16px;
  --tui-toast-round-radius: 8px;
  --tui-dialog-round-radius: 20px;
}
.tui-button {
  --tui-button-spacing: 16px;
  --tui-button-font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
  white-space: nowrap;
  height: var(--tui-button-medium-height);
  min-width: var(--tui-button-medium-width);
  border: 1px solid var(--tui-button-border-color);
  border-radius: var(--tui-button-round-radius);
  padding: 5px 12px;
  font-size: var(--tui-button-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: var(--tui-button-text-color);
  background-color: var(--tui-button-bg-color);
  transition: 0.1s;
  cursor: pointer;
  outline: none;
  user-select: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.tui-button:hover {
  color: var(--tui-button-hover-text-color);
  border-color: var(--tui-button-hover-border-color);
  background-color: var(--tui-button-hover-bg-color);
  outline: none;
}
.tui-button:active {
  color: var(--tui-button-active-text-color);
  border-color: var(--tui-button-active-border-color);
  background-color: var(--tui-button-active-bg-color);
  outline: none;
}
.tui-button:focus {
  outline: none;
}
.tui-button.is-disabled, .tui-button.is-disabled:hover, .tui-button.is-disabled:focus, .tui-button[disabled], .tui-button[disabled]:hover, .tui-button[disabled]:focus {
  cursor: not-allowed;
  background-image: none;
  opacity: 0.9;
  color: var(--tui-button-disable-text-color);
  background-color: var(--tui-button-disable-bg-color);
  border-color: var(--tui-button-disable-border-color);
}
.tui-button.is-loading, .tui-button.is-loading:hover, .tui-button.is-loading:focus, .tui-button[loading], .tui-button[loading]:hover, .tui-button[loading]:focus {
  cursor: not-allowed;
  background-image: none;
  color: var(--tui-button-text-color);
  background-color: var(--tui-button-bg-color);
  border-color: var(--tui-button-border-color);
  opacity: 0.7;
}
.tui-button-content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 8px;
}
.tui-button-content.icon-start {
  flex-direction: row;
}
.tui-button-content.icon-start .tui-button-icon {
  order: 0;
}
.tui-button-content.icon-start ::slotted(*) {
  flex: 1;
  text-align: center;
}
.tui-button-content.icon-end {
  flex-direction: row;
}
.tui-button-content.icon-end .tui-button-icon {
  order: 1;
}
.tui-button-content.icon-end ::slotted(*) {
  flex: 1;
  text-align: center;
}
.tui-button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
}
.tui-button-small {
  height: var(--tui-button-small-height);
  min-width: var(--tui-button-small-width);
  padding: 2px 8px;
  font-size: calc(var(--tui-button-font-size) - 2px);
}
.tui-button-big {
  height: var(--tui-button-big-height);
  min-width: var(--tui-button-big-width);
  padding: 8px 16px;
  font-size: calc(var(--tui-button-font-size) + 2px);
}
.tui-button-large {
  height: var(--tui-button-large-height);
  min-width: var(--tui-button-large-width);
  padding: 12px 20px;
  font-size: calc(var(--tui-button-font-size) + 2px);
}
.tui-button-circle {
  border-radius: var(--tui-button-circle-radius);
  padding: 0;
  width: var(--tui-button-size, 32px);
  overflow: hidden;
}
.tui-button-rect {
  border-radius: var(--tui-button-rect-radius);
}
.tui-button-blue-primary {
  --tui-button-bg-blue-primary: var(--button-color-primary-default);
  --tui-button-text-blue-primary: var(--text-color-button);
  --tui-button-border-blue-primary: var(--button-color-primary-default);
  --tui-button-hover-bg-blue-primary: var(--button-color-primary-hover);
  --tui-button-hover-text-blue-primary: var(--text-color-button);
  --tui-button-hover-border-blue-primary: var(--button-color-primary-hover);
  --tui-button-active-bg-blue-primary: var(--button-color-primary-active);
  --tui-button-active-text-blue-primary: var(--text-color-button);
  --tui-button-active-border-blue-primary: var(--button-color-primary-active);
  --tui-button-disable-bg-blue-primary: var(--button-color-primary-disabled);
  --tui-button-disable-text-blue-primary: var(--text-color-button-disabled);
  --tui-button-disable-border-blue-primary: var(--button-color-primary-disabled);
  --tui-button-text-color: var(--tui-button-text-blue-primary);
  --tui-button-bg-color: var(--tui-button-bg-blue-primary);
  --tui-button-border-color: var(--tui-button-border-blue-primary);
  --tui-button-hover-text-color: var(--tui-button-hover-text-blue-primary);
  --tui-button-hover-bg-color: var(--tui-button-hover-bg-blue-primary);
  --tui-button-hover-border-color: var(--tui-button-hover-border-blue-primary);
  --tui-button-active-text-color: var(--tui-button-active-text-blue-primary);
  --tui-button-active-bg-color: var(--tui-button-active-bg-blue-primary);
  --tui-button-active-border-color: var(--tui-button-active-border-blue-primary);
  --tui-button-disable-bg-color: var(--tui-button-disable-bg-blue-primary);
  --tui-button-disable-text-color: var(--tui-button-disable-text-blue-primary);
  --tui-button-disable-border-color: var(--tui-button-disable-border-blue-primary);
}
.tui-button-blue-default {
  --tui-button-bg-blue-default: var(--uikit-color-transparent);
  --tui-button-text-blue-default: var(--text-color-link);
  --tui-button-border-blue-default: var(--button-color-primary-default);
  --tui-button-hover-bg-blue-default: var(--uikit-color-transparent);
  --tui-button-hover-text-blue-default: var(--text-color-link-hover);
  --tui-button-hover-border-blue-default: var(--text-color-link-hover);
  --tui-button-active-bg-blue-default: var(--uikit-color-transparent);
  --tui-button-active-text-blue-default: var(--text-color-link-active);
  --tui-button-active-border-blue-default: var(--button-color-primary-active);
  --tui-button-disable-bg-blue-default: var(--uikit-color-transparent);
  --tui-button-disable-text-blue-default: var(--text-color-link-disabled);
  --tui-button-disable-border-blue-default: var(--button-color-primary-disabled);
  --tui-button-text-color: var(--tui-button-text-blue-default);
  --tui-button-bg-color: var(--tui-button-bg-blue-default);
  --tui-button-border-color: var(--tui-button-border-blue-default);
  --tui-button-hover-text-color: var(--tui-button-hover-text-blue-default);
  --tui-button-hover-bg-color: var(--tui-button-hover-bg-blue-default);
  --tui-button-hover-border-color: var(--tui-button-hover-border-blue-default);
  --tui-button-active-text-color: var(--tui-button-active-text-blue-default);
  --tui-button-active-bg-color: var(--tui-button-active-bg-blue-default);
  --tui-button-active-border-color: var(--tui-button-active-border-blue-default);
  --tui-button-disable-bg-color: var(--tui-button-disable-bg-blue-default);
  --tui-button-disable-text-color: var(--tui-button-disable-text-blue-default);
  --tui-button-disable-border-color: var(--tui-button-disable-border-blue-default);
}
.tui-button-blue-text {
  --tui-button-bg-blue-text: var(--uikit-color-transparent);
  --tui-button-text-blue-text: var(--text-color-link);
  --tui-button-border-blue-text: var(--uikit-color-transparent);
  --tui-button-hover-bg-blue-text: var(--uikit-color-transparent);
  --tui-button-hover-text-blue-text: var(--text-color-link-hover);
  --tui-button-hover-border-blue-text: var(--uikit-color-transparent);
  --tui-button-active-bg-blue-text: var(--uikit-color-transparent);
  --tui-button-active-text-blue-text: var(--text-color-link-active);
  --tui-button-active-border-blue-text: var(--uikit-color-transparent);
  --tui-button-disable-bg-blue-text: var(--uikit-color-transparent);
  --tui-button-disable-text-blue-text: var(--text-color-link-disabled);
  --tui-button-disable-border-blue-text: var(--uikit-color-transparent);
  --tui-button-text-color: var(--tui-button-text-blue-text);
  --tui-button-bg-color: var(--tui-button-bg-blue-text);
  --tui-button-border-color: var(--tui-button-border-blue-text);
  --tui-button-hover-text-color: var(--tui-button-hover-text-blue-text);
  --tui-button-hover-bg-color: var(--tui-button-hover-bg-blue-text);
  --tui-button-hover-border-color: var(--tui-button-hover-border-blue-text);
  --tui-button-active-text-color: var(--tui-button-active-text-blue-text);
  --tui-button-active-bg-color: var(--tui-button-active-bg-blue-text);
  --tui-button-active-border-color: var(--tui-button-active-border-blue-text);
  --tui-button-disable-bg-color: var(--tui-button-disable-bg-blue-text);
  --tui-button-disable-text-color: var(--tui-button-disable-text-blue-text);
  --tui-button-disable-border-color: var(--tui-button-disable-border-blue-text);
}
.tui-button-green-primary {
  --tui-button-bg-green-primary: var(--button-color-accept);
  --tui-button-text-green-primary: var(--text-color-button);
  --tui-button-border-green-primary: var(--button-color-accept);
  --tui-button-hover-bg-green-primary: var(--uikit-color-green-5);
  --tui-button-hover-text-green-primary: var(--text-color-button);
  --tui-button-hover-border-green-primary: var(--uikit-color-green-5);
  --tui-button-active-bg-green-primary: var(--uikit-color-green-7);
  --tui-button-active-text-green-primary: var(--text-color-button);
  --tui-button-active-border-green-primary: var(--uikit-color-green-7);
  --tui-button-disable-bg-green-primary: var(--uikit-color-green-2);
  --tui-button-disable-text-green-primary: var(--text-color-button-disabled);
  --tui-button-disable-border-green-primary: var(--uikit-color-green-2);
  --tui-button-text-color: var(--tui-button-text-green-primary);
  --tui-button-bg-color: var(--tui-button-bg-green-primary);
  --tui-button-border-color: var(--tui-button-border-green-primary);
  --tui-button-hover-text-color: var(--tui-button-hover-text-green-primary);
  --tui-button-hover-bg-color: var(--tui-button-hover-bg-green-primary);
  --tui-button-hover-border-color: var(--tui-button-hover-border-green-primary);
  --tui-button-active-text-color: var(--tui-button-active-text-green-primary);
  --tui-button-active-bg-color: var(--tui-button-active-bg-green-primary);
  --tui-button-active-border-color: var(--tui-button-active-border-green-primary);
  --tui-button-disable-bg-color: var(--tui-button-disable-bg-green-primary);
  --tui-button-disable-text-color: var(--tui-button-disable-text-green-primary);
  --tui-button-disable-border-color: var(--tui-button-disable-border-green-primary);
}
.tui-button-green-default {
  --tui-button-bg-green-default: var(--uikit-color-transparent);
  --tui-button-text-green-default: var(--button-color-accept);
  --tui-button-border-green-default: var(--button-color-accept);
  --tui-button-hover-bg-green-default: var(--uikit-color-transparent);
  --tui-button-hover-text-green-default: var(--uikit-color-green-5);
  --tui-button-hover-border-green-default: var(--uikit-color-green-5);
  --tui-button-active-bg-green-default: var(--uikit-color-transparent);
  --tui-button-active-text-green-default: var(--uikit-color-green-7);
  --tui-button-active-border-green-default: var(--uikit-color-green-7);
  --tui-button-disable-bg-green-default: var(--uikit-color-transparent);
  --tui-button-disable-text-green-default: var(--uikit-color-green-2);
  --tui-button-disable-border-green-default: var(--uikit-color-green-2);
  --tui-button-text-color: var(--tui-button-text-green-default);
  --tui-button-bg-color: var(--tui-button-bg-green-default);
  --tui-button-border-color: var(--tui-button-border-green-default);
  --tui-button-hover-text-color: var(--tui-button-hover-text-green-default);
  --tui-button-hover-bg-color: var(--tui-button-hover-bg-green-default);
  --tui-button-hover-border-color: var(--tui-button-hover-border-green-default);
  --tui-button-active-text-color: var(--tui-button-active-text-green-default);
  --tui-button-active-bg-color: var(--tui-button-active-bg-green-default);
  --tui-button-active-border-color: var(--tui-button-active-border-green-default);
  --tui-button-disable-bg-color: var(--tui-button-disable-bg-green-default);
  --tui-button-disable-text-color: var(--tui-button-disable-text-green-default);
  --tui-button-disable-border-color: var(--tui-button-disable-border-green-default);
}
.tui-button-green-text {
  --tui-button-bg-green-text: var(--uikit-color-transparent);
  --tui-button-text-green-text: var(--button-color-accept);
  --tui-button-border-green-text: var(--uikit-color-transparent);
  --tui-button-hover-bg-green-text: var(--uikit-color-transparent);
  --tui-button-hover-text-green-text: var(--uikit-color-green-5);
  --tui-button-hover-border-green-text: var(--uikit-color-transparent);
  --tui-button-active-bg-green-text: var(--uikit-color-transparent);
  --tui-button-active-text-green-text: var(--uikit-color-green-7);
  --tui-button-active-border-green-text: var(--uikit-color-transparent);
  --tui-button-disable-bg-green-text: var(--uikit-color-transparent);
  --tui-button-disable-text-green-text: var(--uikit-color-green-2);
  --tui-button-disable-border-green-text: var(--uikit-color-transparent);
  --tui-button-text-color: var(--tui-button-text-green-text);
  --tui-button-bg-color: var(--tui-button-bg-green-text);
  --tui-button-border-color: var(--tui-button-border-green-text);
  --tui-button-hover-text-color: var(--tui-button-hover-text-green-text);
  --tui-button-hover-bg-color: var(--tui-button-hover-bg-green-text);
  --tui-button-hover-border-color: var(--tui-button-hover-border-green-text);
  --tui-button-active-text-color: var(--tui-button-active-text-green-text);
  --tui-button-active-bg-color: var(--tui-button-active-bg-green-text);
  --tui-button-active-border-color: var(--tui-button-active-border-green-text);
  --tui-button-disable-bg-color: var(--tui-button-disable-bg-green-text);
  --tui-button-disable-text-color: var(--tui-button-disable-text-green-text);
  --tui-button-disable-border-color: var(--tui-button-disable-border-green-text);
}
.tui-button-red-primary {
  --tui-button-bg-red-primary: var(--button-color-hangup);
  --tui-button-text-red-primary: var(--text-color-button);
  --tui-button-border-red-primary: var(--button-color-hangup);
  --tui-button-hover-bg-red-primary: var(--uikit-color-red-5);
  --tui-button-hover-text-red-primary: var(--text-color-button);
  --tui-button-hover-border-red-primary: var(--uikit-color-red-5);
  --tui-button-active-bg-red-primary: var(--uikit-color-red-7);
  --tui-button-active-text-red-primary: var(--text-color-button);
  --tui-button-active-border-red-primary: var(--uikit-color-red-7);
  --tui-button-disable-bg-red-primary: var(--uikit-color-red-2);
  --tui-button-disable-text-red-primary: var(--text-color-button-disabled);
  --tui-button-disable-border-red-primary: var(--uikit-color-red-2);
  --tui-button-text-color: var(--tui-button-text-red-primary);
  --tui-button-bg-color: var(--tui-button-bg-red-primary);
  --tui-button-border-color: var(--tui-button-border-red-primary);
  --tui-button-hover-text-color: var(--tui-button-hover-text-red-primary);
  --tui-button-hover-bg-color: var(--tui-button-hover-bg-red-primary);
  --tui-button-hover-border-color: var(--tui-button-hover-border-red-primary);
  --tui-button-active-text-color: var(--tui-button-active-text-red-primary);
  --tui-button-active-bg-color: var(--tui-button-active-bg-red-primary);
  --tui-button-active-border-color: var(--tui-button-active-border-red-primary);
  --tui-button-disable-bg-color: var(--tui-button-disable-bg-red-primary);
  --tui-button-disable-text-color: var(--tui-button-disable-text-red-primary);
  --tui-button-disable-border-color: var(--tui-button-disable-border-red-primary);
}
.tui-button-red-default {
  --tui-button-bg-red-default: var(--uikit-color-transparent);
  --tui-button-text-red-default: var(--text-color-error);
  --tui-button-border-red-default: var(--text-color-error);
  --tui-button-hover-bg-red-default: var(--uikit-color-transparent);
  --tui-button-hover-text-red-default: var(--uikit-color-red-5);
  --tui-button-hover-border-red-default: var(--uikit-color-red-5);
  --tui-button-active-bg-red-default: var(--uikit-color-transparent);
  --tui-button-active-text-red-default: var(--uikit-color-red-7);
  --tui-button-active-border-red-default: var(--uikit-color-red-7);
  --tui-button-disable-bg-red-default: var(--uikit-color-transparent);
  --tui-button-disable-text-red-default: var(--uikit-color-red-2);
  --tui-button-disable-border-red-default: var(--uikit-color-red-2);
  --tui-button-text-color: var(--tui-button-text-red-default);
  --tui-button-bg-color: var(--tui-button-bg-red-default);
  --tui-button-border-color: var(--tui-button-border-red-default);
  --tui-button-hover-text-color: var(--tui-button-hover-text-red-default);
  --tui-button-hover-bg-color: var(--tui-button-hover-bg-red-default);
  --tui-button-hover-border-color: var(--tui-button-hover-border-red-default);
  --tui-button-active-text-color: var(--tui-button-active-text-red-default);
  --tui-button-active-bg-color: var(--tui-button-active-bg-red-default);
  --tui-button-active-border-color: var(--tui-button-active-border-red-default);
  --tui-button-disable-bg-color: var(--tui-button-disable-bg-red-default);
  --tui-button-disable-text-color: var(--tui-button-disable-text-red-default);
  --tui-button-disable-border-color: var(--tui-button-disable-border-red-default);
}
.tui-button-red-text {
  --tui-button-bg-red-text: var(--uikit-color-transparent);
  --tui-button-text-red-text: var(--text-color-error);
  --tui-button-border-red-text: var(--uikit-color-transparent);
  --tui-button-hover-bg-red-text: var(--uikit-color-transparent);
  --tui-button-hover-text-red-text: var(--uikit-color-red-5);
  --tui-button-hover-border-red-text: var(--uikit-color-transparent);
  --tui-button-active-bg-red-text: var(--uikit-color-transparent);
  --tui-button-active-text-red-text: var(--uikit-color-red-7);
  --tui-button-active-border-red-text: var(--uikit-color-transparent);
  --tui-button-disable-bg-red-text: var(--uikit-color-transparent);
  --tui-button-disable-text-red-text: var(--uikit-color-red-2);
  --tui-button-disable-border-red-text: var(--uikit-color-transparent);
  --tui-button-text-color: var(--tui-button-text-red-text);
  --tui-button-bg-color: var(--tui-button-bg-red-text);
  --tui-button-border-color: var(--tui-button-border-red-text);
  --tui-button-hover-text-color: var(--tui-button-hover-text-red-text);
  --tui-button-hover-bg-color: var(--tui-button-hover-bg-red-text);
  --tui-button-hover-border-color: var(--tui-button-hover-border-red-text);
  --tui-button-active-text-color: var(--tui-button-active-text-red-text);
  --tui-button-active-bg-color: var(--tui-button-active-bg-red-text);
  --tui-button-active-border-color: var(--tui-button-active-border-red-text);
  --tui-button-disable-bg-color: var(--tui-button-disable-bg-red-text);
  --tui-button-disable-text-color: var(--tui-button-disable-text-red-text);
  --tui-button-disable-border-color: var(--tui-button-disable-border-red-text);
}
.tui-button-orange-primary {
  --tui-button-bg-orange-primary: var(--text-color-warning);
  --tui-button-text-orange-primary: var(--text-color-button);
  --tui-button-border-orange-primary: var(--text-color-warning);
  --tui-button-hover-bg-orange-primary: var(--uikit-color-orange-5);
  --tui-button-hover-text-orange-primary: var(--text-color-button);
  --tui-button-hover-border-orange-primary: var(--uikit-color-orange-5);
  --tui-button-active-bg-orange-primary: var(--uikit-color-orange-7);
  --tui-button-active-text-orange-primary: var(--text-color-button);
  --tui-button-active-border-orange-primary: var(--uikit-color-orange-7);
  --tui-button-disable-bg-orange-primary: var(--uikit-color-orange-2);
  --tui-button-disable-text-orange-primary: var(--text-color-button-disabled);
  --tui-button-disable-border-orange-primary: var(--uikit-color-orange-2);
  --tui-button-text-color: var(--tui-button-text-orange-primary);
  --tui-button-bg-color: var(--tui-button-bg-orange-primary);
  --tui-button-border-color: var(--tui-button-border-orange-primary);
  --tui-button-hover-text-color: var(--tui-button-hover-text-orange-primary);
  --tui-button-hover-bg-color: var(--tui-button-hover-bg-orange-primary);
  --tui-button-hover-border-color: var(--tui-button-hover-border-orange-primary);
  --tui-button-active-text-color: var(--tui-button-active-text-orange-primary);
  --tui-button-active-bg-color: var(--tui-button-active-bg-orange-primary);
  --tui-button-active-border-color: var(--tui-button-active-border-orange-primary);
  --tui-button-disable-bg-color: var(--tui-button-disable-bg-orange-primary);
  --tui-button-disable-text-color: var(--tui-button-disable-text-orange-primary);
  --tui-button-disable-border-color: var(--tui-button-disable-border-orange-primary);
}
.tui-button-orange-default {
  --tui-button-bg-orange-default: var(--uikit-color-transparent);
  --tui-button-text-orange-default: var(--text-color-error);
  --tui-button-border-orange-default: var(--text-color-error);
  --tui-button-hover-bg-orange-default: var(--uikit-color-transparent);
  --tui-button-hover-text-orange-default: var(--uikit-color-orange-5);
  --tui-button-hover-border-orange-default: var(--uikit-color-orange-5);
  --tui-button-active-bg-orange-default: var(--uikit-color-transparent);
  --tui-button-active-text-orange-default: var(--uikit-color-orange-7);
  --tui-button-active-border-orange-default: var(--uikit-color-orange-7);
  --tui-button-disable-bg-orange-default: var(--uikit-color-transparent);
  --tui-button-disable-text-orange-default: var(--uikit-color-orange-2);
  --tui-button-disable-border-orange-default: var(--uikit-color-orange-2);
  --tui-button-text-color: var(--tui-button-text-orange-default);
  --tui-button-bg-color: var(--tui-button-bg-orange-default);
  --tui-button-border-color: var(--tui-button-border-orange-default);
  --tui-button-hover-text-color: var(--tui-button-hover-text-orange-default);
  --tui-button-hover-bg-color: var(--tui-button-hover-bg-orange-default);
  --tui-button-hover-border-color: var(--tui-button-hover-border-orange-default);
  --tui-button-active-text-color: var(--tui-button-active-text-orange-default);
  --tui-button-active-bg-color: var(--tui-button-active-bg-orange-default);
  --tui-button-active-border-color: var(--tui-button-active-border-orange-default);
  --tui-button-disable-bg-color: var(--tui-button-disable-bg-orange-default);
  --tui-button-disable-text-color: var(--tui-button-disable-text-orange-default);
  --tui-button-disable-border-color: var(--tui-button-disable-border-orange-default);
}
.tui-button-orange-text {
  --tui-button-bg-orange-text: var(--uikit-color-transparent);
  --tui-button-text-orange-text: var(--text-color-warning);
  --tui-button-border-orange-text: var(--uikit-color-transparent);
  --tui-button-hover-bg-orange-text: var(--uikit-color-transparent);
  --tui-button-hover-text-orange-text: var(--uikit-color-orange-5);
  --tui-button-hover-border-orange-text: var(--uikit-color-transparent);
  --tui-button-active-bg-orange-text: var(--uikit-color-transparent);
  --tui-button-active-text-orange-text: var(--uikit-color-orange-7);
  --tui-button-active-border-orange-text: var(--uikit-color-transparent);
  --tui-button-disable-bg-orange-text: var(--uikit-color-transparent);
  --tui-button-disable-text-orange-text: var(--uikit-color-orange-2);
  --tui-button-disable-border-orange-text: var(--uikit-color-transparent);
  --tui-button-text-color: var(--tui-button-text-orange-text);
  --tui-button-bg-color: var(--tui-button-bg-orange-text);
  --tui-button-border-color: var(--tui-button-border-orange-text);
  --tui-button-hover-text-color: var(--tui-button-hover-text-orange-text);
  --tui-button-hover-bg-color: var(--tui-button-hover-bg-orange-text);
  --tui-button-hover-border-color: var(--tui-button-hover-border-orange-text);
  --tui-button-active-text-color: var(--tui-button-active-text-orange-text);
  --tui-button-active-bg-color: var(--tui-button-active-bg-orange-text);
  --tui-button-active-border-color: var(--tui-button-active-border-orange-text);
  --tui-button-disable-bg-color: var(--tui-button-disable-bg-orange-text);
  --tui-button-disable-text-color: var(--tui-button-disable-text-orange-text);
  --tui-button-disable-border-color: var(--tui-button-disable-border-orange-text);
}
.tui-button-gray-primary {
  --tui-button-bg-gray-primary: var(--button-color-secondary-default);
  --tui-button-text-gray-primary: var(--text-color-primary);
  --tui-button-border-gray-primary: var(--button-color-secondary-default);
  --tui-button-hover-bg-gray-primary: var(--button-color-secondary-hover);
  --tui-button-hover-text-gray-primary: var(--text-color-secondary);
  --tui-button-hover-border-gray-primary: var(--button-color-secondary-hover);
  --tui-button-active-bg-gray-primary: var(--button-color-secondary-active);
  --tui-button-active-text-gray-primary: var(--text-color-secondary);
  --tui-button-active-border-gray-primary: var(--button-color-secondary-active);
  --tui-button-disable-bg-gray-primary: var(--button-color-secondary-disabled);
  --tui-button-disable-text-gray-primary: var(--text-color-disabled);
  --tui-button-disable-border-gray-primary: var(--button-color-secondary-disabled);
  --tui-button-text-color: var(--tui-button-text-gray-primary);
  --tui-button-bg-color: var(--tui-button-bg-gray-primary);
  --tui-button-border-color: var(--tui-button-border-gray-primary);
  --tui-button-hover-text-color: var(--tui-button-hover-text-gray-primary);
  --tui-button-hover-bg-color: var(--tui-button-hover-bg-gray-primary);
  --tui-button-hover-border-color: var(--tui-button-hover-border-gray-primary);
  --tui-button-active-text-color: var(--tui-button-active-text-gray-primary);
  --tui-button-active-bg-color: var(--tui-button-active-bg-gray-primary);
  --tui-button-active-border-color: var(--tui-button-active-border-gray-primary);
  --tui-button-disable-bg-color: var(--tui-button-disable-bg-gray-primary);
  --tui-button-disable-text-color: var(--tui-button-disable-text-gray-primary);
  --tui-button-disable-border-color: var(--tui-button-disable-border-gray-primary);
}
.tui-button-gray-default {
  --tui-button-bg-gray-default: var(--uikit-color-transparent);
  --tui-button-text-gray-default: var(--text-color-primary);
  --tui-button-border-gray-default: var(--button-color-secondary-default);
  --tui-button-hover-bg-gray-default: var(--uikit-color-transparent);
  --tui-button-hover-text-gray-default: var(--text-color-secondary);
  --tui-button-hover-border-gray-default: var(--button-color-secondary-hover);
  --tui-button-active-bg-gray-default: var(--uikit-color-transparent);
  --tui-button-active-text-gray-default: var(--text-color-secondary);
  --tui-button-active-border-gray-default: var(--button-color-secondary-active);
  --tui-button-disable-bg-gray-default: var(--uikit-color-transparent);
  --tui-button-disable-text-gray-default: var(--text-color-disabled);
  --tui-button-disable-border-gray-default: var(--button-color-secondary-disabled);
  --tui-button-text-color: var(--tui-button-text-gray-default);
  --tui-button-bg-color: var(--tui-button-bg-gray-default);
  --tui-button-border-color: var(--tui-button-border-gray-default);
  --tui-button-hover-text-color: var(--tui-button-hover-text-gray-default);
  --tui-button-hover-bg-color: var(--tui-button-hover-bg-gray-default);
  --tui-button-hover-border-color: var(--tui-button-hover-border-gray-default);
  --tui-button-active-text-color: var(--tui-button-active-text-gray-default);
  --tui-button-active-bg-color: var(--tui-button-active-bg-gray-default);
  --tui-button-active-border-color: var(--tui-button-active-border-gray-default);
  --tui-button-disable-bg-color: var(--tui-button-disable-bg-gray-default);
  --tui-button-disable-text-color: var(--tui-button-disable-text-gray-default);
  --tui-button-disable-border-color: var(--tui-button-disable-border-gray-default);
}
.tui-button-gray-text {
  --tui-button-bg-gray-text: var(--uikit-color-transparent);
  --tui-button-text-gray-text: var(--text-color-primary);
  --tui-button-border-gray-text: var(--uikit-color-transparent);
  --tui-button-hover-bg-gray-text: var(--uikit-color-transparent);
  --tui-button-hover-text-gray-text: var(--text-color-secondary);
  --tui-button-hover-border-gray-text: var(--uikit-color-transparent);
  --tui-button-active-bg-gray-text: var(--uikit-color-transparent);
  --tui-button-active-text-gray-text: var(--text-color-secondary);
  --tui-button-active-border-gray-text: var(--uikit-color-transparent);
  --tui-button-disable-bg-gray-text: var(--uikit-color-transparent);
  --tui-button-disable-text-gray-text: var(--text-color-disabled);
  --tui-button-disable-border-gray-text: var(--uikit-color-transparent);
  --tui-button-text-color: var(--tui-button-text-gray-text);
  --tui-button-bg-color: var(--tui-button-bg-gray-text);
  --tui-button-border-color: var(--tui-button-border-gray-text);
  --tui-button-hover-text-color: var(--tui-button-hover-text-gray-text);
  --tui-button-hover-bg-color: var(--tui-button-hover-bg-gray-text);
  --tui-button-hover-border-color: var(--tui-button-hover-border-gray-text);
  --tui-button-active-text-color: var(--tui-button-active-text-gray-text);
  --tui-button-active-bg-color: var(--tui-button-active-bg-gray-text);
  --tui-button-active-border-color: var(--tui-button-active-border-gray-text);
  --tui-button-disable-bg-color: var(--tui-button-disable-bg-gray-text);
  --tui-button-disable-text-color: var(--tui-button-disable-text-gray-text);
  --tui-button-disable-border-color: var(--tui-button-disable-border-gray-text);
}
.tui-button-block {
  display: block;
  width: 100%;
}:root[tui-theme-mode=dark],
.tui-theme-dark {
  --uikit-color-theme-1: #1C2333;
  --uikit-color-theme-2: #243047;
  --uikit-color-theme-3: #2F4875;
  --uikit-color-theme-4: #305BA6;
  --uikit-color-theme-5: #2B6AD6;
  --uikit-color-theme-6: #4086FF;
  --uikit-color-theme-7: #5C9DFF;
  --uikit-color-theme-8: #78B0FF;
  --uikit-color-theme-9: #9CC7FF;
  --uikit-color-theme-10: #C2DEFF;
  --uikit-color-black-1: rgba(0, 0, 0, 100%);
  --uikit-color-black-2: rgba(0, 0, 0, 90%);
  --uikit-color-black-3: rgba(0, 0, 0, 72%);
  --uikit-color-black-4: rgba(0, 0, 0, 55%);
  --uikit-color-black-5: rgba(0, 0, 0, 40%);
  --uikit-color-black-6: rgba(0, 0, 0, 25%);
  --uikit-color-black-7: rgba(0, 0, 0, 12%);
  --uikit-color-black-8: rgba(0, 0, 0, 6%);
  --uikit-color-white-1: rgba(255, 255, 255, 100%);
  --uikit-color-white-2: rgba(255, 255, 255, 93%);
  --uikit-color-white-3: rgba(255, 255, 255, 75%);
  --uikit-color-white-4: rgba(255, 255, 255, 55%);
  --uikit-color-white-5: rgba(255, 255, 255, 42%);
  --uikit-color-white-6: rgba(255, 255, 255, 30%);
  --uikit-color-white-7: rgba(255, 255, 255, 14%);
  --uikit-color-gray-1: #131417;
  --uikit-color-gray-2: #1F2024;
  --uikit-color-gray-3: #2B2C30;
  --uikit-color-gray-4: #3A3C42;
  --uikit-color-gray-5: #48494F;
  --uikit-color-gray-6: #54565C;
  --uikit-color-gray-7: #676A70;
  --uikit-color-green-1: #1A2620;
  --uikit-color-green-2: #22352C;
  --uikit-color-green-3: #2F4F3F;
  --uikit-color-green-4: #377355;
  --uikit-color-green-5: #368F65;
  --uikit-color-green-6: #38A673;
  --uikit-color-green-7: #62B58B;
  --uikit-color-green-8: #8BC7A9;
  --uikit-color-green-9: #A9D4BD;
  --uikit-color-green-10: #C8E5D5;
  --uikit-color-red-1: #2B1C1F;
  --uikit-color-red-2: #422324;
  --uikit-color-red-3: #613234;
  --uikit-color-red-4: #8A4242;
  --uikit-color-red-5: #C2544E;
  --uikit-color-red-6: #E6594C;
  --uikit-color-red-7: #E57A6E;
  --uikit-color-red-8: #F3A599;
  --uikit-color-red-9: #FACBC3;
  --uikit-color-red-10: #FAE4DE;
  --uikit-color-orange-1: #211A19;
  --uikit-color-orange-2: #35231A;
  --uikit-color-orange-3: #462E1F;
  --uikit-color-orange-4: #653C21;
  --uikit-color-orange-5: #96562A;
  --uikit-color-orange-6: #E37F32;
  --uikit-color-orange-7: #E39552;
  --uikit-color-orange-8: #EEAD72;
  --uikit-color-orange-9: #F7CFA4;
  --uikit-color-orange-10: #F9E9D1;
  --uikit-color-transparent: rgba(255, 255, 255, 0%);
  --text-color-primary: var(--uikit-color-white-2);
  --text-color-secondary: var(--uikit-color-white-4);
  --text-color-tertiary: var(--uikit-color-white-6);
  --text-color-disabled: var(--uikit-color-white-6);
  --text-color-button: var(--uikit-color-white-1);
  --text-color-button-disabled: var(--uikit-color-white-5);
  --text-color-link: var(--uikit-color-theme-6);
  --text-color-link-hover: var(--uikit-color-theme-5);
  --text-color-link-active: var(--uikit-color-theme-7);
  --text-color-link-disabled: var(--uikit-color-theme-2);
  --text-color-anti-primary: var(--uikit-color-black-2);
  --text-color-anti-secondary: var(--uikit-color-black-4);
  --text-color-warning: var(--uikit-color-orange-6);
  --text-color-success: var(--uikit-color-green-6);
  --text-color-error: var(--uikit-color-red-6);
  --bg-color-topbar: var(--uikit-color-gray-1);
  --bg-color-operate: var(--uikit-color-gray-2);
  --bg-color-dialog: var(--uikit-color-gray-2);
  --bg-color-dialog-module: var(--uikit-color-gray-3);
  --bg-color-entrycard: var(--uikit-color-gray-3);
  --bg-color-function: var(--uikit-color-gray-4);
  --bg-color-bottombar: var(--uikit-color-gray-3);
  --bg-color-input: var(--uikit-color-gray-3);
  --bg-color-bubble-reciprocal: var(--uikit-color-gray-3);
  --bg-color-bubble-own: var(--uikit-color-theme-7);
  --bg-color-default: var(--uikit-color-gray-1);
  --bg-color-tag-mask: var(--uikit-color-black-4);
  --bg-color-element-mask: var(--uikit-color-black-6);
  --bg-color-mask: var(--uikit-color-black-4);
  --bg-color-mask-disappeared: var(--uikit-color-black-8);
  --bg-color-mask-begin: var(--uikit-color-black-2);
  --stroke-color-primary: var(--uikit-color-gray-4);
  --stroke-color-secondary: var(--uikit-color-gray-3);
  --stroke-color-module: var(--uikit-color-gray-5);
  --shadow-color: var(--uikit-color-black-8);
  --list-color-default: var(--uikit-color-gray-2);
  --list-color-hover: var(--uikit-color-gray-3);
  --list-color-focused: var(--uikit-color-theme-2);
  --button-color-primary-default: var(--uikit-color-theme-6);
  --button-color-primary-hover: var(--uikit-color-theme-5);
  --button-color-primary-active: var(--uikit-color-theme-7);
  --button-color-primary-disabled: var(--uikit-color-theme-2);
  --button-color-secondary-default: var(--uikit-color-gray-4);
  --button-color-secondary-hover: var(--uikit-color-gray-3);
  --button-color-secondary-active: var(--uikit-color-gray-5);
  --button-color-secondary-disabled: var(--uikit-color-gray-3);
  --button-color-accept: var(--uikit-color-green-6);
  --button-color-hangup: var(--uikit-color-red-6);
  --button-color-on: var(--uikit-color-white-1);
  --button-color-off: var(--uikit-color-black-5);
  --dropdown-color-default: var(--uikit-color-gray-3);
  --dropdown-color-hover: var(--uikit-color-gray-4);
  --dropdown-color-active: var(--uikit-color-gray-2);
  --scroll-bar-color-default: var(--uikit-color-white-7);
  --scroll-bar-color-hover: var(--uikit-color-white-6);
  --floating-color-default: var(--uikit-color-gray-3);
  --floating-color-operate: var(--uikit-color-gray-4);
  --checkbox-color-selected: var(--uikit-color-theme-5);
  --toast-color-warning: var(--uikit-color-orange-2);
  --toast-color-success: var(--uikit-color-green-2);
  --toast-color-error: var(--uikit-color-red-2);
  --toast-color-default: var(--uikit-color-theme-2);
  --switch-color-off: var(--uikit-color-gray-4);
  --switch-color-on: var(--uikit-color-theme-5);
  --switch-color-button: var(--uikit-color-white-1);
  --slider-color-filled: var(--uikit-color-theme-5);
  --slider-color-empty: var(--uikit-color-gray-5);
  --slider-color-button: var(--uikit-color-white-1);
  --tab-color-selected: var(--uikit-color-gray-5);
  --tab-color-unselected: var(--uikit-color-gray-4);
  --tab-color-option: var(--uikit-color-gray-4);
  --icon-color-primary: var(--uikit-color-white-2);
}
:root[tui-theme-mode=light],
.tui-theme-light {
  --uikit-color-theme-1: #EBF3FF;
  --uikit-color-theme-2: #CCE2FF;
  --uikit-color-theme-3: #ADCFFF;
  --uikit-color-theme-4: #7AAFFF;
  --uikit-color-theme-5: #4588F5;
  --uikit-color-theme-6: #1C66E5;
  --uikit-color-theme-7: #0D49BF;
  --uikit-color-theme-8: #033099;
  --uikit-color-theme-9: #001F73;
  --uikit-color-theme-10: #00124D;
  --uikit-color-black-1: rgba(0, 0, 0, 100%);
  --uikit-color-black-2: rgba(0, 0, 0, 90%);
  --uikit-color-black-3: rgba(0, 0, 0, 72%);
  --uikit-color-black-4: rgba(0, 0, 0, 55%);
  --uikit-color-black-5: rgba(0, 0, 0, 40%);
  --uikit-color-black-6: rgba(0, 0, 0, 25%);
  --uikit-color-black-7: rgba(0, 0, 0, 12%);
  --uikit-color-black-8: rgba(0, 0, 0, 6%);
  --uikit-color-white-1: rgba(255, 255, 255, 100%);
  --uikit-color-white-2: rgba(255, 255, 255, 93%);
  --uikit-color-white-3: rgba(255, 255, 255, 75%);
  --uikit-color-white-4: rgba(255, 255, 255, 55%);
  --uikit-color-white-5: rgba(255, 255, 255, 42%);
  --uikit-color-white-6: rgba(255, 255, 255, 30%);
  --uikit-color-white-7: rgba(255, 255, 255, 14%);
  --uikit-color-gray-1: #F9FAFC;
  --uikit-color-gray-2: #F0F2F7;
  --uikit-color-gray-3: #E6E9F0;
  --uikit-color-gray-4: #D1D4DE;
  --uikit-color-gray-5: #C0C3CC;
  --uikit-color-gray-6: #B3B6BE;
  --uikit-color-gray-7: #A5A9B0;
  --uikit-color-green-1: #DCFAE9;
  --uikit-color-green-2: #B6F0D1;
  --uikit-color-green-3: #84E3B5;
  --uikit-color-green-4: #5AD69E;
  --uikit-color-green-5: #3CC98C;
  --uikit-color-green-6: #0ABF77;
  --uikit-color-green-7: #09A768;
  --uikit-color-green-8: #078F59;
  --uikit-color-green-9: #067049;
  --uikit-color-green-10: #044D37;
  --uikit-color-red-1: #FFE7E6;
  --uikit-color-red-2: #FCC9C7;
  --uikit-color-red-3: #FAAEAC;
  --uikit-color-red-4: #F58989;
  --uikit-color-red-5: #E86666;
  --uikit-color-red-6: #E54545;
  --uikit-color-red-7: #C93439;
  --uikit-color-red-8: #AD2934;
  --uikit-color-red-9: #8F222D;
  --uikit-color-red-10: #6B1A27;
  --uikit-color-orange-1: #FFEEDB;
  --uikit-color-orange-2: #FFD6B2;
  --uikit-color-orange-3: #FFBE85;
  --uikit-color-orange-4: #FFA455;
  --uikit-color-orange-5: #FF8B2B;
  --uikit-color-orange-6: #FF7200;
  --uikit-color-orange-7: #E05D00;
  --uikit-color-orange-8: #BF4900;
  --uikit-color-orange-9: #8F370B;
  --uikit-color-orange-10: #662200;
  --uikit-color-transparent: rgba(255, 255, 255, 0%);
  --text-color-primary: var(--uikit-color-black-2);
  --text-color-secondary: var(--uikit-color-black-4);
  --text-color-tertiary: var(--uikit-color-black-5);
  --text-color-disabled: var(--uikit-color-black-6);
  --text-color-button: var(--uikit-color-white-1);
  --text-color-button-disabled: var(--uikit-color-white-1);
  --text-color-link: var(--uikit-color-theme-6);
  --text-color-link-hover: var(--uikit-color-theme-5);
  --text-color-link-active: var(--uikit-color-theme-7);
  --text-color-link-disabled: var(--uikit-color-theme-2);
  --text-color-anti-primary: var(--uikit-color-black-2);
  --text-color-anti-secondary: var(--uikit-color-black-4);
  --text-color-warning: var(--uikit-color-orange-6);
  --text-color-success: var(--uikit-color-green-6);
  --text-color-error: var(--uikit-color-red-6);
  --bg-color-topbar: var(--uikit-color-gray-1);
  --bg-color-operate: var(--uikit-color-white-1);
  --bg-color-dialog: var(--uikit-color-white-1);
  --bg-color-dialog-module: var(--uikit-color-gray-2);
  --bg-color-entrycard: var(--uikit-color-gray-2);
  --bg-color-function: var(--uikit-color-gray-2);
  --bg-color-bottombar: var(--uikit-color-white-1);
  --bg-color-input: var(--uikit-color-gray-2);
  --bg-color-bubble-reciprocal: var(--uikit-color-gray-2);
  --bg-color-bubble-own: var(--uikit-color-theme-2);
  --bg-color-default: var(--uikit-color-gray-2);
  --bg-color-tag-mask: var(--uikit-color-white-4);
  --bg-color-element-mask: var(--uikit-color-black-6);
  --bg-color-mask: var(--uikit-color-black-4);
  --bg-color-mask-disappeared: var(--uikit-color-white-7);
  --bg-color-mask-begin: var(--uikit-color-white-1);
  --stroke-color-primary: var(--uikit-color-gray-3);
  --stroke-color-secondary: var(--uikit-color-gray-2);
  --stroke-color-module: var(--uikit-color-gray-3);
  --shadow-color: var(--uikit-color-black-8);
  --list-color-default: var(--uikit-color-white-1);
  --list-color-hover: var(--uikit-color-gray-1);
  --list-color-focused: var(--uikit-color-theme-1);
  --button-color-primary-default: var(--uikit-color-theme-6);
  --button-color-primary-hover: var(--uikit-color-theme-5);
  --button-color-primary-active: var(--uikit-color-theme-7);
  --button-color-primary-disabled: var(--uikit-color-theme-2);
  --button-color-secondary-default: var(--uikit-color-gray-2);
  --button-color-secondary-hover: var(--uikit-color-gray-1);
  --button-color-secondary-active: var(--uikit-color-gray-3);
  --button-color-secondary-disabled: var(--uikit-color-gray-1);
  --button-color-accept: var(--uikit-color-green-6);
  --button-color-hangup: var(--uikit-color-red-6);
  --button-color-on: var(--uikit-color-white-1);
  --button-color-off: var(--uikit-color-black-5);
  --dropdown-color-default: var(--uikit-color-white-1);
  --dropdown-color-hover: var(--uikit-color-gray-1);
  --dropdown-color-active: var(--uikit-color-theme-2);
  --scroll-bar-color-default: var(--uikit-color-black-7);
  --scroll-bar-color-hover: var(--uikit-color-black-6);
  --floating-color-default: var(--uikit-color-white-1);
  --floating-color-operate: var(--uikit-color-gray-2);
  --checkbox-color-selected: var(--uikit-color-theme-6);
  --toast-color-warning: var(--uikit-color-orange-1);
  --toast-color-success: var(--uikit-color-green-1);
  --toast-color-error: var(--uikit-color-red-1);
  --toast-color-default: var(--uikit-color-theme-1);
  --switch-color-off: var(--uikit-color-gray-4);
  --switch-color-on: var(--uikit-color-theme-6);
  --switch-color-button: var(--uikit-color-white-1);
  --slider-color-filled: var(--uikit-color-theme-6);
  --slider-color-empty: var(--uikit-color-gray-3);
  --slider-color-button: var(--uikit-color-white-1);
  --tab-color-selected: var(--uikit-color-theme-2);
  --tab-color-unselected: var(--uikit-color-gray-2);
  --tab-color-option: var(--uikit-color-gray-3);
  --icon-color-primary: var(--uikit-color-black-2);
}
html[tui-theme-mode=dark] .style-preset-business,
.style-preset-business.tui-theme-dark {
  --uikit-color-gray-1: #0e1525;
  --uikit-color-gray-2: #111828;
  --uikit-color-gray-3: #151e32;
  --uikit-color-gray-4: #151e32;
  --uikit-color-gray-5: #1a2438;
  --uikit-color-gray-6: #202d45;
  --uikit-color-gray-7: #202d45;
  --uikit-color-theme-1: rgba(59, 130, 246, 0.08);
  --uikit-color-theme-2: rgba(59, 130, 246, 0.12);
  --uikit-color-theme-3: rgba(59, 130, 246, 0.18);
  --uikit-color-theme-4: #60a5fa;
  --uikit-color-theme-5: #3b82f6;
  --uikit-color-theme-6: #3b82f6;
  --uikit-color-theme-7: #3b82f6;
  --uikit-color-theme-8: #3b82f6;
  --uikit-color-theme-9: #2563eb;
  --uikit-color-theme-10: #1d4ed8;
  --text-color-primary: #edf1f8;
  --text-color-secondary: #cdd6e5;
  --text-color-tertiary: #8494ad;
  --bg-color-topbar: #151e32;
  --bg-color-input: #1a2438;
  --bg-color-bubble-reciprocal: #1a2438;
  --stroke-color-primary: #202d45;
  --stroke-color-secondary: #202d45;
  --button-color-primary-default: #3b82f6;
  --button-color-primary-hover: #2563eb;
  --button-color-primary-active: #1d4ed8;
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --biz-border-lightest: #253550;
  --biz-border-hover: #304060;
  --biz-blue-glow: rgba(59, 130, 246, 0.55);
  --biz-blue-glow-shadow: rgba(59, 130, 246, 0.12);
  --biz-green-online: #34d399;
  --preset-primary: #3b82f6;
  --preset-primary-hover: #2563eb;
  --preset-primary-active: #1d4ed8;
  --preset-danger: #f87171;
  --preset-bg-base: #0e1525;
  --preset-bg-panel: #151e32;
  --preset-bg-input: #1a2438;
  --preset-bg-elevated: #1a2438;
  --preset-bg-inset: #0e1525;
  --preset-bg-hover: #1a2438;
  --preset-border: #253550;
  --preset-border-strong: #2a3c58;
  --preset-text-heading: #edf1f8;
  --preset-text-primary: #edf1f8;
  --preset-text-secondary: #cdd6e5;
  --preset-text-body: #bcc8dc;
  --preset-text-tertiary: #8494ad;
  --preset-text-weak: #566880;
  --preset-text-disabled: #303e56;
  --preset-icon-default: #566880;
  --preset-icon-hover: #8494ad;
  --preset-chat-bubble-bg: #1a2438;
  --preset-chat-bubble-text: #bcc8dc;
  --preset-chat-bubble-host-bg: rgba(59, 130, 246, 0.14);
  --preset-chat-bubble-host-border: rgba(59, 130, 246, 0.24);
  --preset-input-bg: #1a2438;
  --preset-input-border: #253550;
  --preset-input-placeholder: #566880;
  --preset-info-bar-bg: #151e32;
  --preset-info-bar-border: #253550;
  --preset-info-bar-divider: #253550;
  --preset-info-bar-brand-text: #edf1f8;
  --preset-info-bar-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), 0 0 1px rgba(59, 130, 246, 0.08);
  --preset-presenter-hover-bg: #1a2438;
  --preset-presenter-hover-border: #253550;
  --preset-presenter-name: #edf1f8;
  --preset-presenter-speaking-name: #edf1f8;
  --preset-presenter-avatar-ring: 0 0 0 2px rgba(59, 130, 246, 0.35), 0 0 0 4px #151e32;
  --preset-presenter-status-border: #151e32;
  --preset-btn-primary-bg: #3b82f6;
  --preset-btn-primary-hover: #2563eb;
  --preset-btn-primary-active: #1d4ed8;
  --preset-btn-primary-soft-bg: rgba(148, 197, 253, 0.12);
  --preset-btn-primary-soft-text: #93c5fd;
  --preset-btn-primary-soft-border: rgba(59, 130, 246, 0.50);
  --preset-btn-primary-soft-hover-bg: rgba(148, 197, 253, 0.20);
  --preset-btn-primary-soft-hover-border: rgba(59, 130, 246, 0.65);
  --preset-btn-primary-soft-hover-text: #bfdbfe;
  --preset-btn-primary-soft-active-bg: rgba(148, 197, 253, 0.28);
  --preset-btn-primary-soft-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 6px rgba(59, 130, 246, 0.10);
  --preset-btn-primary-soft-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 10px rgba(59, 130, 246, 0.18);
  --preset-btn-danger-bg: rgba(220, 38, 38, 0.14);
  --preset-btn-danger-text: #fca5a5;
  --preset-btn-danger-border: rgba(220, 38, 38, 0.45);
  --preset-btn-danger-hover-bg: rgba(220, 38, 38, 0.24);
  --preset-btn-danger-hover-border: rgba(220, 38, 38, 0.60);
  --preset-btn-danger-hover-text: #fecaca;
  --preset-btn-danger-active-bg: rgba(220, 38, 38, 0.32);
  --preset-btn-danger-active-text: #fecaca;
  --preset-btn-danger-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 6px rgba(220, 38, 38, 0.08);
  --preset-btn-danger-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 10px rgba(220, 38, 38, 0.15);
  --preset-video-bg: #0a1018;
  --preset-video-border: #253550;
  --preset-video-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-stage-edge-spacing: 16px;
  --preset-stage-edge-spacing-mobile: 12px;
  --preset-pause-backdrop: rgba(0, 0, 0, 0.55);
  --preset-stage-divider: rgba(255, 255, 255, 0.08);
  --preset-glass-bg: rgba(2, 6, 23, 0.45);
  --preset-glass-border: rgba(255, 255, 255, 0.12);
  --preset-glass-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  --preset-video-top-gradient-start: rgba(2, 6, 23, 0.85);
  --preset-video-top-gradient-mid: rgba(2, 6, 23, 0.15);
  --preset-video-top-gradient-end: rgba(2, 6, 23, 0);
  --preset-top-overlay-gradient-start: color-mix(in srgb, var(--uikit-color-black-2) 78%, transparent);
  --preset-top-overlay-gradient-mid: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-overlay-gradient-end: transparent;
  --preset-top-overlay-text-color: var(--uikit-color-white-1);
  --preset-top-overlay-text-shadow: 0 1px 2px color-mix(in srgb, var(--uikit-color-black-2) 56%, transparent);
  --preset-top-overlay-avatar-shadow: 0 0 0 1px color-mix(in srgb, var(--uikit-color-white-1) 26%, transparent);
  --preset-stream-glass-bg: rgba(9, 17, 35, 0.62);
  --preset-live-badge-bg: rgba(22, 163, 74, 0.28);
  --preset-live-badge-border: rgba(74, 222, 128, 0.52);
  --preset-live-badge-text: #dcfce7;
  --preset-live-badge-dot: #86efac;
  --preset-live-badge-dot-shadow: rgba(134, 239, 172, 0.65);
  --preset-live-indicator-dot: var(--uikit-color-red-6);
  --preset-live-indicator-dot-glow: color-mix(in srgb, var(--uikit-color-red-6) 62%, transparent);
  --preset-live-indicator-ring: color-mix(in srgb, var(--uikit-color-red-6) 48%, transparent);
  --preset-live-indicator-text: var(--uikit-color-red-5);
  --preset-stream-title: #ffffff;
  --preset-stream-subtitle: rgba(226, 232, 240, 0.86);
  --preset-stream-subtitle-host: #cbd5e1;
  --preset-stream-subtitle-sep: rgba(148, 163, 184, 0.7);
  --preset-stream-subtitle-room: rgba(148, 163, 184, 0.88);
  --preset-top-action-text: #f8fafc;
  --preset-top-action-icon-color: var(--uikit-color-white-1);
  --preset-top-action-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --preset-top-action-icon-hover-color: var(--uikit-color-white-1);
  --preset-top-action-icon-hover-bg: color-mix(in srgb, var(--uikit-color-white-1) 16%, transparent);
  --preset-top-action-leave-icon-color: var(--uikit-color-red-5);
  --preset-top-action-leave-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --preset-top-action-bg: rgba(15, 23, 42, 0.25);
  --preset-top-action-hover-shadow: 0 6px 18px rgba(15, 23, 42, 0.28);
  --preset-top-action-share-border: rgba(125, 211, 252, 0.65);
  --preset-top-action-share-bg: linear-gradient(135deg, rgba(14, 116, 144, 0.72), rgba(37, 99, 235, 0.78));
  --preset-top-action-share-text: #f8fafc;
  --preset-top-action-share-shadow: none;
  --preset-top-action-share-hover-border: rgba(186, 230, 253, 0.95);
  --preset-top-action-share-hover-bg: linear-gradient(135deg, rgba(2, 132, 199, 0.88), rgba(59, 130, 246, 0.92));
  --preset-top-action-share-hover-text: #f8fafc;
  --preset-top-action-share-hover-shadow: none;
  --preset-top-action-leave-border: rgba(251, 146, 146, 0.74);
  --preset-top-action-leave-bg: linear-gradient(135deg, rgba(190, 24, 93, 0.72), rgba(220, 38, 38, 0.82));
  --preset-top-action-leave-text: #f8fafc;
  --preset-top-action-leave-shadow: none;
  --preset-top-action-leave-hover-border: rgba(254, 202, 202, 0.95);
  --preset-top-action-leave-hover-bg: linear-gradient(135deg, rgba(219, 39, 119, 0.88), rgba(239, 68, 68, 0.92));
  --preset-top-action-leave-hover-text: #f8fafc;
  --preset-top-action-leave-hover-shadow: none;
  --preset-progress-track-bg: rgba(255, 255, 255, 0.2);
  --preset-progress-fill-start: #e51c1c;
  --preset-progress-fill-end: #f63b3b;
  --preset-progress-thumb-bg: #e51c1c;
  --preset-progress-thumb-shadow: rgba(229, 28, 28, 0.4);
  --preset-control-pill-bg: rgba(0, 0, 0, 0.45);
  --preset-control-pill-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  --preset-control-btn-color: #ffffff;
  --preset-control-btn-hover-bg: rgba(255, 255, 255, 0.1);
  --preset-control-tooltip-text: #eef2ff;
  --preset-control-tooltip-bg: rgba(30, 41, 59, 0.92);
  --preset-control-tooltip-border: rgba(148, 163, 184, 0.32);
  --preset-control-tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --preset-resolution-popup-bg: rgba(0, 0, 0, 0.55);
  --preset-resolution-popup-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  --preset-resolution-option-text: rgba(255, 255, 255, 0.7);
  --preset-resolution-option-hover-bg: rgba(255, 255, 255, 0.1);
  --preset-resolution-option-hover-text: #ffffff;
  --preset-resolution-option-active-bg: rgba(255, 255, 255, 0.18);
  --preset-resolution-option-active-text: #ffffff;
  --preset-volume-track-bg: rgba(255, 255, 255, 0.2);
  --preset-volume-fill-bg: #ffffff;
  --preset-volume-thumb-bg: #ffffff;
  --preset-volume-thumb-shadow: rgba(0, 0, 0, 0.3);
  --preset-pause-overlay-start: rgba(0, 0, 0, 0.5);
  --preset-pause-overlay-mid: rgba(0, 0, 0, 0.5);
  --preset-pause-overlay-end: rgba(0, 0, 0, 0);
  --preset-pause-btn-border: rgba(148, 163, 184, 0.42);
  --preset-pause-btn-grad-start: rgba(59, 130, 246, 0.28);
  --preset-pause-btn-grad-end: rgba(15, 23, 42, 0.88);
  --preset-pause-btn-bg: rgba(15, 23, 42, 0.86);
  --preset-pause-btn-shadow: rgba(15, 23, 42, 0.46);
  --preset-pause-btn-inset: rgba(255, 255, 255, 0.08);
  --preset-pause-btn-icon-shadow: rgba(59, 130, 246, 0.32);
  --preset-pause-btn-hover-border: rgba(125, 211, 252, 0.7);
  --preset-pause-btn-hover-shadow: rgba(30, 64, 175, 0.35);
  --preset-pause-btn-hover-inset: rgba(255, 255, 255, 0.12);
  --preset-panel-toggle-bg: #151e32;
  --preset-panel-toggle-border: #253550;
  --preset-panel-toggle-color: #566880;
  --preset-panel-toggle-hover-color: #6ea8fe;
  --preset-panel-toggle-hover-bg: rgba(59, 130, 246, 0.10);
  --preset-panel-toggle-shadow: -2px 0 8px rgba(0, 0, 0, 0.25);
  --preset-panel-bg: #151e32;
  --preset-panel-border: #253550;
  --preset-panel-shadow: 0 2px 10px rgba(0, 0, 0, 0.22), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-viewer-stack-bg: rgba(30, 41, 59, 0.75);
  --preset-viewer-stack-border: rgba(148, 163, 184, 0.24);
  --preset-viewer-stack-ring: #0f172a;
  --preset-viewer-pill-bg: rgba(30, 41, 59, 0.88);
  --preset-viewer-pill-text: #cbd5e1;
  --preset-viewer-pill-border: rgba(148, 163, 184, 0.32);
  --preset-chat-surface-bg: rgba(15, 23, 42, 0.65);
  --preset-chat-surface-border: rgba(148, 163, 184, 0.16);
  --preset-chat-surface-divider: rgba(148, 163, 184, 0.14);
  --preset-chat-surface-bg-gradient-end: color-mix(in srgb, var(--preset-chat-surface-bg) 88%, #000 12%);
  --preset-chat-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 28px rgba(0, 0, 0, 0.25);
  --preset-section-title: #cdd6e5;
  --preset-count-badge-bg: #1a2438;
  --preset-count-badge-text: #8494ad;
  --preset-search-bg: #1e2c42;
  --preset-search-border: #2e4060;
  --preset-search-focus-bg: #1e2c42;
  --preset-search-focus-border: #3b82f6;
  --preset-search-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
  --preset-search-icon: #566880;
  --preset-search-text: #e2e8f0;
  --preset-search-placeholder: rgba(148, 163, 184, 0.75);
  --preset-list-scrollbar: #253550;
  --preset-audience-hover-bg: rgba(30, 44, 66, 0.70);
  --preset-audience-name: #cdd6e5;
  --preset-online-dot-border: #151e32;
  --preset-role-host-text: #6ea8fe;
  --preset-role-host-bg: rgba(59, 130, 246, 0.18);
  --preset-role-self-text: #93c5fd;
  --preset-role-self-bg: rgba(59, 130, 246, 0.2);
  --preset-list-empty: #566880;
  --preset-tab-bar-bg: rgba(15, 23, 42, 0.7);
  --preset-tab-track-bg: rgba(255, 255, 255, 0.03);
  --preset-tab-track-border: rgba(255, 255, 255, 0.05);
  --preset-tab-slider-bg: rgba(59, 130, 246, 0.18);
  --preset-tab-btn-text: rgba(148, 163, 184, 0.55);
  --preset-tab-btn-hover-text: rgba(203, 213, 225, 0.72);
  --preset-tab-btn-active-text: #edf1f8;
  --preset-tab-btn-hover-bg: rgba(255, 255, 255, 0.04);
  --preset-tab-indicator-bg: #3b82f6;
  --preset-tab-indicator-shadow: 0 0 8px rgba(59, 130, 246, 0.45);
  --preset-tab-badge-bg: rgba(59, 130, 246, 0.1);
  --preset-tab-badge-text: rgba(148, 163, 184, 0.45);
  --preset-tab-badge-active-bg: rgba(59, 130, 246, 0.2);
  --preset-tab-badge-active-text: #93c5fd;
  --preset-role-admin-text: #fbbf24;
  --preset-role-admin-bg: rgba(251, 191, 36, 0.14);
  --preset-role-admin-border: rgba(251, 191, 36, 0.25);
  --preset-system-msg-text: #8494ad;
  --preset-system-msg-icon: #566880;
  --preset-system-msg-line: rgba(59, 130, 246, 0.12);
  --preset-audience-group-title: #566880;
  --preset-audience-group-line: rgba(148, 163, 184, 0.12);
  --preset-audience-role-badge-bg: rgba(59, 130, 246, 0.12);
  --preset-audience-role-badge-text: #6ea8fe;
  --preset-chat-scrollbar: #253550;
  --preset-msg-name: #cdd6e5;
  --preset-msg-time: #566880;
  --preset-msg-content-bg: #1a2438;
  --preset-msg-content-border: rgba(59, 130, 246, 0.2);
  --preset-msg-content-text: #bcc8dc;
  --preset-msg-self-bg: rgba(59, 130, 246, 0.14);
  --preset-msg-self-border: rgba(59, 130, 246, 0.24);
  --preset-msg-host-name: #6ea8fe;
  --preset-msg-host-tag-bg: rgba(59, 130, 246, 0.18);
  --preset-msg-host-bubble-bg: rgba(59, 130, 246, 0.14);
  --preset-msg-host-bubble-border: rgba(59, 130, 246, 0.24);
  --preset-input-bar-bg: #111828;
  --preset-input-shell-bg: rgba(30, 41, 59, 0.72);
  --preset-input-wrapper-bg: #1e2c42;
  --preset-input-wrapper-border: #2e4060;
  --preset-input-wrapper-focus-bg: #1e2c42;
  --preset-input-wrapper-focus-border: #3b82f6;
  --preset-input-wrapper-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
  --preset-emoji-btn-color: #8494ad;
  --preset-emoji-btn-active: #60a5fa;
  --preset-emoji-btn-hover-bg: rgba(255, 255, 255, 0.06);
  --preset-emoji-panel-bg: #1e2c42;
  --preset-emoji-panel-border: #2e4060;
  --preset-emoji-panel-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.18);
  --preset-emoji-hover-bg: #2e4060;
  --preset-emoji-hover-ring: rgba(59, 130, 246, 0.28);
  --preset-send-btn-inactive: #2e4060;
  --preset-send-btn-hover: #566880;
  --preset-send-btn-active-bg: #3b82f6;
  --preset-send-btn-active-text: #ffffff;
  --preset-send-btn-active-ring: rgba(59, 130, 246, 0.18);
  --preset-send-btn-sending-bg: rgba(14, 165, 233, 0.75);
  --preset-chat-input-text: #e2e8f0;
  --preset-chat-input-placeholder: rgba(148, 163, 184, 0.75);
  --preset-handle-border: #2e4060;
  --preset-handle-hover-bg: #1e2c42;
  --preset-handle-indicator: #3a506e;
  --preset-handle-indicator-hover: #566880;
  --preset-handle-glow: rgba(59, 130, 246, 0.35);
  --preset-chat-section-shadow: none;
  --preset-chat-msg-hover-bg: rgba(30, 44, 66, 0.55);
  --preset-chat-header-bg: rgba(15, 23, 42, 0.7);
  --preset-viewer-stack-row-bg: rgba(15, 23, 42, 0.55);
  --preset-viewer-stack-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  --preset-chat-grid-opacity: 0.22;
  --preset-time-divider-bg: color-mix(in srgb, var(--preset-chat-surface-bg) 85%, #000 15%);
  --preset-audience-hover-ring: rgba(59, 130, 246, 0.22);
  --preset-presenter-hover-shadow: rgba(0, 0, 0, 0.30);
  --preset-header-shadow: 0 1px 4px rgba(0, 0, 0, 0.22), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-card-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-header-gradient: linear-gradient(90deg, #3b82f6, #60a5fa, #93c5fd);
  --preset-avatar-0-bg: #182846;
  --preset-avatar-0-text: #7ab3ff;
  --preset-avatar-1-bg: #112c2c;
  --preset-avatar-1-text: #64f0da;
  --preset-avatar-2-bg: #2c2412;
  --preset-avatar-2-text: #fcc02a;
  --preset-avatar-3-bg: #2c1722;
  --preset-avatar-3-text: #fc7c90;
  --preset-avatar-4-bg: #112238;
  --preset-avatar-4-text: #82d8fe;
  --preset-avatar-5-bg: #1c2238;
  --preset-avatar-5-text: #9aadbe;
  --preset-avatar-6-bg: #112c1c;
  --preset-avatar-6-text: #74edc0;
  --preset-avatar-7-bg: #2c1c12;
  --preset-avatar-7-text: #fc9842;
  --preset-live-green: #34d399;
  --preset-live-green-pulse: rgba(52, 211, 153, 0.4);
  --preset-live-red: #fb7185;
  --preset-stage-border: rgba(255, 255, 255, 0.07);
  --preset-bar-bg: #0e1525;
  --preset-bar-border: #253550;
  --preset-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-bar-divider: #253550;
  --preset-bg-primary: #0e1525;
  --preset-bg-secondary: #151e32;
  --preset-bg-tertiary: #1a2438;
  --preset-live-ended-bg: rgba(14, 21, 37, 0.92);
  --preset-live-ended-icon: rgba(148, 163, 184, 0.4);
  --preset-live-ended-title: #edf1f8;
  --preset-live-ended-subtitle: rgba(205, 214, 229, 0.6);
}
.style-preset-business,
.style-preset-business.tui-theme-light {
  --uikit-color-gray-1: #f2f4f8;
  --uikit-color-gray-2: #f6f8fb;
  --uikit-color-gray-3: #ffffff;
  --uikit-color-gray-4: #ffffff;
  --uikit-color-gray-5: #f9fafc;
  --uikit-color-gray-6: #eef1f6;
  --uikit-color-gray-7: #e4e8f0;
  --uikit-color-theme-1: #eff6ff;
  --uikit-color-theme-2: #dbeafe;
  --uikit-color-theme-3: #bfdbfe;
  --uikit-color-theme-4: #93c5fd;
  --uikit-color-theme-5: #3b82f6;
  --uikit-color-theme-6: #1c66e5;
  --uikit-color-theme-7: #1c66e5;
  --uikit-color-theme-8: #1c66e5;
  --uikit-color-theme-9: #1e40af;
  --uikit-color-theme-10: #1e3a5f;
  --text-color-primary: #1a2742;
  --text-color-secondary: #3a4560;
  --text-color-tertiary: #8892aa;
  --bg-color-topbar: #ffffff;
  --bg-color-input: #ffffff;
  --bg-color-bubble-reciprocal: #f6f8fb;
  --stroke-color-primary: #e4e8f0;
  --stroke-color-secondary: #eef1f6;
  --button-color-primary-default: #1c66e5;
  --button-color-primary-hover: #1a5cd0;
  --button-color-primary-active: #174fb8;
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 18%, transparent);
  --biz-border-lightest: #e4e8f0;
  --biz-border-hover: #c2cad8;
  --biz-blue-glow: rgba(28, 102, 229, 0.5);
  --biz-blue-glow-shadow: rgba(28, 102, 229, 0.06);
  --biz-green-online: #10b981;
  --preset-primary: #1c66e5;
  --preset-primary-hover: #1a5cd0;
  --preset-primary-active: #174fb8;
  --preset-danger: #ef4444;
  --preset-bg-base: #f2f4f8;
  --preset-bg-panel: #ffffff;
  --preset-bg-input: #ffffff;
  --preset-bg-elevated: #ffffff;
  --preset-bg-inset: #f6f8fb;
  --preset-bg-hover: #f9fafc;
  --preset-border: #eaecf2;
  --preset-border-strong: #dde2ea;
  --preset-text-heading: #1a2440;
  --preset-text-primary: #1a2742;
  --preset-text-secondary: #3a4560;
  --preset-text-body: #475068;
  --preset-text-tertiary: #8892aa;
  --preset-text-weak: #aeb6c8;
  --preset-text-disabled: #d5dae4;
  --preset-icon-default: #8892aa;
  --preset-icon-hover: #3a4560;
  --preset-chat-bubble-bg: #f6f8fb;
  --preset-chat-bubble-text: #475068;
  --preset-chat-bubble-host-bg: rgba(59, 130, 246, 0.06);
  --preset-chat-bubble-host-border: rgba(59, 130, 246, 0.12);
  --preset-input-bg: #ffffff;
  --preset-input-border: #dde2ea;
  --preset-input-placeholder: #bfc6d4;
  --preset-info-bar-bg: #ffffff;
  --preset-info-bar-border: #e6e9f0;
  --preset-info-bar-divider: #e4e8f0;
  --preset-info-bar-brand-text: inherit;
  --preset-info-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.05), 0 0 1px rgba(28, 102, 229, 0.04);
  --preset-presenter-hover-bg: #f0f2f6;
  --preset-presenter-hover-border: #dde2ea;
  --preset-presenter-name: #1a2742;
  --preset-presenter-speaking-name: #0e1930;
  --preset-presenter-avatar-ring: 0 0 0 1.5px #fff, 0 1px 3px rgba(0, 0, 0, 0.08);
  --preset-presenter-status-border: #f8f9fb;
  --preset-btn-primary-bg: #1c66e5;
  --preset-btn-primary-hover: #1a5cd0;
  --preset-btn-primary-active: #1750b8;
  --preset-btn-primary-soft-bg: rgba(28, 102, 229, 0.08);
  --preset-btn-primary-soft-text: #1d4ed8;
  --preset-btn-primary-soft-border: rgba(28, 102, 229, 0.42);
  --preset-btn-primary-soft-hover-bg: rgba(28, 102, 229, 0.14);
  --preset-btn-primary-soft-hover-border: rgba(28, 102, 229, 0.58);
  --preset-btn-primary-soft-hover-text: #1e40af;
  --preset-btn-primary-soft-active-bg: rgba(28, 102, 229, 0.20);
  --preset-btn-primary-soft-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 6px rgba(28, 102, 229, 0.08);
  --preset-btn-primary-soft-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 10px rgba(28, 102, 229, 0.14);
  --preset-btn-danger-bg: rgba(220, 38, 38, 0.06);
  --preset-btn-danger-text: #dc2626;
  --preset-btn-danger-border: rgba(220, 38, 38, 0.38);
  --preset-btn-danger-hover-bg: rgba(220, 38, 38, 0.12);
  --preset-btn-danger-hover-border: rgba(220, 38, 38, 0.52);
  --preset-btn-danger-hover-text: #b91c1c;
  --preset-btn-danger-active-bg: rgba(220, 38, 38, 0.18);
  --preset-btn-danger-active-text: #991b1b;
  --preset-btn-danger-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 6px rgba(220, 38, 38, 0.06);
  --preset-btn-danger-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 10px rgba(220, 38, 38, 0.10);
  --preset-video-bg: #0f1219;
  --preset-video-border: #dde2ea;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.04);
  --preset-stage-edge-spacing: 16px;
  --preset-stage-edge-spacing-mobile: 12px;
  --preset-pause-backdrop: rgba(0, 0, 0, 0.45);
  --preset-stage-divider: rgba(148, 163, 184, 0.32);
  --preset-glass-bg: rgba(15, 23, 42, 0.42);
  --preset-glass-border: rgba(255, 255, 255, 0.24);
  --preset-glass-shadow: 0 10px 24px rgba(15, 23, 42, 0.22);
  --preset-video-top-gradient-start: rgba(248, 250, 252, 0.92);
  --preset-video-top-gradient-mid: rgba(248, 250, 252, 0.18);
  --preset-video-top-gradient-end: rgba(248, 250, 252, 0);
  --preset-top-overlay-gradient-start: color-mix(in srgb, var(--uikit-color-black-2) 70%, transparent);
  --preset-top-overlay-gradient-mid: color-mix(in srgb, var(--uikit-color-black-2) 24%, transparent);
  --preset-top-overlay-gradient-end: transparent;
  --preset-top-overlay-text-color: var(--uikit-color-white-1);
  --preset-top-overlay-text-shadow: 0 1px 2px color-mix(in srgb, var(--uikit-color-black-2) 52%, transparent);
  --preset-top-overlay-avatar-shadow: 0 0 0 1px color-mix(in srgb, var(--uikit-color-white-1) 36%, transparent);
  --preset-stream-glass-bg: rgba(255, 255, 255, 0.72);
  --preset-live-badge-bg: rgba(16, 185, 129, 0.14);
  --preset-live-badge-border: rgba(16, 185, 129, 0.36);
  --preset-live-badge-text: #047857;
  --preset-live-badge-dot: #10b981;
  --preset-live-badge-dot-shadow: rgba(16, 185, 129, 0.45);
  --preset-live-indicator-dot: var(--uikit-color-red-6);
  --preset-live-indicator-dot-glow: color-mix(in srgb, var(--uikit-color-red-6) 58%, transparent);
  --preset-live-indicator-ring: color-mix(in srgb, var(--uikit-color-red-6) 44%, transparent);
  --preset-live-indicator-text: var(--uikit-color-red-6);
  --preset-stream-title: #1a2440;
  --preset-stream-subtitle: #475068;
  --preset-stream-subtitle-host: #1e2c40;
  --preset-stream-subtitle-sep: #98a2b4;
  --preset-stream-subtitle-room: #64748b;
  --preset-top-action-text: #344054;
  --preset-top-action-icon-color: var(--uikit-color-white-1);
  --preset-top-action-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-action-icon-hover-color: var(--uikit-color-white-1);
  --preset-top-action-icon-hover-bg: color-mix(in srgb, var(--uikit-color-white-1) 14%, transparent);
  --preset-top-action-leave-icon-color: color-mix(in srgb, var(--uikit-color-red-4) 82%, var(--uikit-color-white-1));
  --preset-top-action-leave-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-action-bg: rgba(255, 255, 255, 0.5);
  --preset-top-action-hover-shadow: 0 8px 20px rgba(15, 23, 42, 0.16);
  --preset-top-action-share-border: rgba(28, 102, 229, 0.42);
  --preset-top-action-share-bg: linear-gradient(135deg, rgba(219, 234, 254, 0.95), rgba(191, 219, 254, 0.95));
  --preset-top-action-share-text: #1e40af;
  --preset-top-action-share-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 4px 12px rgba(28, 102, 229, 0.18);
  --preset-top-action-share-hover-border: rgba(28, 102, 229, 0.58);
  --preset-top-action-share-hover-bg: linear-gradient(135deg, rgba(191, 219, 254, 0.98), rgba(147, 197, 253, 0.98));
  --preset-top-action-share-hover-text: #1e3a8a;
  --preset-top-action-share-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(28, 102, 229, 0.24);
  --preset-top-action-leave-border: rgba(220, 38, 38, 0.42);
  --preset-top-action-leave-bg: linear-gradient(135deg, rgba(254, 226, 226, 0.95), rgba(254, 202, 202, 0.95));
  --preset-top-action-leave-text: #b91c1c;
  --preset-top-action-leave-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 4px 12px rgba(220, 38, 38, 0.16);
  --preset-top-action-leave-hover-border: rgba(220, 38, 38, 0.58);
  --preset-top-action-leave-hover-bg: linear-gradient(135deg, rgba(254, 202, 202, 0.98), rgba(252, 165, 165, 0.98));
  --preset-top-action-leave-hover-text: #991b1b;
  --preset-top-action-leave-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(220, 38, 38, 0.2);
  --preset-progress-track-bg: rgba(15, 23, 42, 0.22);
  --preset-progress-fill-start: #e51c1c;
  --preset-progress-fill-end: #f63b3b;
  --preset-progress-thumb-bg: #e51c1c;
  --preset-progress-thumb-shadow: rgba(229, 28, 28, 0.35);
  --preset-control-pill-bg: rgba(15, 23, 42, 0.58);
  --preset-control-pill-shadow: 0 4px 16px rgba(2, 6, 23, 0.22);
  --preset-control-btn-color: #ffffff;
  --preset-control-btn-hover-bg: rgba(255, 255, 255, 0.14);
  --preset-control-tooltip-text: #eef2ff;
  --preset-control-tooltip-bg: rgba(30, 41, 59, 0.92);
  --preset-control-tooltip-border: rgba(148, 163, 184, 0.32);
  --preset-control-tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --preset-resolution-popup-bg: rgba(15, 23, 42, 0.78);
  --preset-resolution-popup-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  --preset-resolution-option-text: rgba(255, 255, 255, 0.76);
  --preset-resolution-option-hover-bg: rgba(255, 255, 255, 0.12);
  --preset-resolution-option-hover-text: #ffffff;
  --preset-resolution-option-active-bg: rgba(255, 255, 255, 0.2);
  --preset-resolution-option-active-text: #ffffff;
  --preset-volume-track-bg: rgba(255, 255, 255, 0.3);
  --preset-volume-fill-bg: #ffffff;
  --preset-volume-thumb-bg: #ffffff;
  --preset-volume-thumb-shadow: rgba(2, 6, 23, 0.32);
  --preset-pause-overlay-start: rgba(0, 0, 0, 0.4);
  --preset-pause-overlay-mid: rgba(0, 0, 0, 0.4);
  --preset-pause-overlay-end: rgba(0, 0, 0, 0);
  --preset-pause-btn-border: rgba(148, 163, 184, 0.36);
  --preset-pause-btn-grad-start: rgba(219, 234, 254, 0.96);
  --preset-pause-btn-grad-end: rgba(226, 232, 240, 0.92);
  --preset-pause-btn-bg: rgba(255, 255, 255, 0.88);
  --preset-pause-btn-shadow: rgba(15, 23, 42, 0.2);
  --preset-pause-btn-inset: rgba(255, 255, 255, 0.75);
  --preset-pause-btn-icon-shadow: rgba(28, 102, 229, 0.18);
  --preset-pause-btn-icon-color: #1c66e5;
  --preset-pause-btn-hover-border: rgba(96, 165, 250, 0.75);
  --preset-pause-btn-hover-shadow: rgba(28, 102, 229, 0.24);
  --preset-pause-btn-hover-inset: rgba(255, 255, 255, 0.88);
  --preset-panel-toggle-bg: #ffffff;
  --preset-panel-toggle-border: #e4e8f0;
  --preset-panel-toggle-color: #aeb6c8;
  --preset-panel-toggle-hover-color: #1c66e5;
  --preset-panel-toggle-hover-bg: #f0f4ff;
  --preset-panel-toggle-shadow: -2px 0 6px rgba(0, 0, 0, 0.04);
  --preset-panel-bg: #ffffff;
  --preset-panel-border: #e6e9f0;
  --preset-panel-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.03);
  --preset-viewer-stack-bg: #f8fafc;
  --preset-viewer-stack-border: #e2e8f0;
  --preset-viewer-stack-ring: #ffffff;
  --preset-viewer-pill-bg: #eef2ff;
  --preset-viewer-pill-text: #334155;
  --preset-viewer-pill-border: #dbeafe;
  --preset-chat-surface-bg: #ffffff;
  --preset-chat-surface-border: #e2e8f0;
  --preset-chat-surface-divider: #edf2f7;
  --preset-chat-surface-bg-gradient-end: #f8fafc;
  --preset-chat-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 10px 24px rgba(15, 23, 42, 0.08);
  --preset-section-title: #1e2c40;
  --preset-count-badge-bg: #f2f4f6;
  --preset-count-badge-text: #68738a;
  --preset-search-bg: #f8f9fb;
  --preset-search-border: #d4d9e2;
  --preset-search-focus-bg: #ffffff;
  --preset-search-focus-border: #3b82f6;
  --preset-search-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
  --preset-search-icon: #98a2b4;
  --preset-search-text: #344054;
  --preset-search-placeholder: #98a2b4;
  --preset-list-scrollbar: #e2e6ec;
  --preset-audience-hover-bg: #f8f9fb;
  --preset-audience-name: #344054;
  --preset-online-dot-border: #ffffff;
  --preset-role-host-text: #3b82f6;
  --preset-role-host-bg: rgba(59, 130, 246, 0.08);
  --preset-role-self-text: #1c66e5;
  --preset-role-self-bg: rgba(28, 102, 229, 0.1);
  --preset-list-empty: #98a2b4;
  --preset-tab-bar-bg: #f8fafc;
  --preset-tab-track-bg: rgba(0, 0, 0, 0.03);
  --preset-tab-track-border: rgba(0, 0, 0, 0.05);
  --preset-tab-slider-bg: #ffffff;
  --preset-tab-btn-text: rgba(58, 69, 96, 0.52);
  --preset-tab-btn-hover-text: rgba(26, 39, 66, 0.72);
  --preset-tab-btn-active-text: #1a2742;
  --preset-tab-btn-hover-bg: rgba(28, 102, 229, 0.04);
  --preset-tab-indicator-bg: #1c66e5;
  --preset-tab-indicator-shadow: 0 0 6px rgba(28, 102, 229, 0.3);
  --preset-tab-badge-bg: rgba(28, 102, 229, 0.06);
  --preset-tab-badge-text: rgba(58, 69, 96, 0.42);
  --preset-tab-badge-active-bg: rgba(28, 102, 229, 0.1);
  --preset-tab-badge-active-text: #1c66e5;
  --preset-role-admin-text: #d97706;
  --preset-role-admin-bg: rgba(217, 119, 6, 0.08);
  --preset-role-admin-border: rgba(217, 119, 6, 0.2);
  --preset-system-msg-text: #8892aa;
  --preset-system-msg-icon: #aeb6c8;
  --preset-system-msg-line: rgba(28, 102, 229, 0.08);
  --preset-audience-group-title: #8892aa;
  --preset-audience-group-line: rgba(0, 0, 0, 0.06);
  --preset-audience-role-badge-bg: rgba(28, 102, 229, 0.06);
  --preset-audience-role-badge-text: #1c66e5;
  --preset-chat-scrollbar: #e0e4ea;
  --preset-msg-name: #344054;
  --preset-msg-time: #c2c8d2;
  --preset-msg-content-bg: #f2f4f6;
  --preset-msg-content-border: rgba(28, 102, 229, 0.18);
  --preset-msg-content-text: #475068;
  --preset-msg-self-bg: #eef4ff;
  --preset-msg-self-border: #dde8fc;
  --preset-msg-host-name: #3b82f6;
  --preset-msg-host-tag-bg: rgba(59, 130, 246, 0.07);
  --preset-msg-host-bubble-bg: rgba(59, 130, 246, 0.06);
  --preset-msg-host-bubble-border: rgba(59, 130, 246, 0.12);
  --preset-input-bar-bg: transparent;
  --preset-input-shell-bg: #f8fafc;
  --preset-input-wrapper-bg: #f8f9fb;
  --preset-input-wrapper-border: #d4d9e2;
  --preset-input-wrapper-focus-bg: #ffffff;
  --preset-input-wrapper-focus-border: #3b82f6;
  --preset-input-wrapper-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
  --preset-emoji-btn-color: #98a2b4;
  --preset-emoji-btn-active: #3b82f6;
  --preset-emoji-btn-hover-bg: rgba(28, 102, 229, 0.08);
  --preset-emoji-panel-bg: #ffffff;
  --preset-emoji-panel-border: #e2e6ec;
  --preset-emoji-panel-shadow: 0 8px 22px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.03);
  --preset-emoji-hover-bg: #f2f4f6;
  --preset-emoji-hover-ring: rgba(59, 130, 246, 0.15);
  --preset-send-btn-inactive: #d4d9e2;
  --preset-send-btn-hover: #98a2b4;
  --preset-send-btn-active-bg: #3b82f6;
  --preset-send-btn-active-text: #ffffff;
  --preset-send-btn-active-ring: rgba(59, 130, 246, 0.2);
  --preset-send-btn-sending-bg: rgba(28, 102, 229, 0.72);
  --preset-chat-input-text: #344054;
  --preset-chat-input-placeholder: #98a2b4;
  --preset-handle-border: #e2e8f0;
  --preset-handle-hover-bg: #f8f9fb;
  --preset-handle-indicator: #c8d2de;
  --preset-handle-indicator-hover: #90a0b6;
  --preset-handle-glow: rgba(59, 130, 246, 0.15);
  --preset-chat-section-shadow: none;
  --preset-chat-msg-hover-bg: rgba(242, 244, 246, 0.72);
  --preset-chat-header-bg: #f8fafc;
  --preset-viewer-stack-row-bg: #f8fafc;
  --preset-viewer-stack-shadow: 0 3px 8px rgba(15, 23, 42, 0.12);
  --preset-chat-grid-opacity: 0.15;
  --preset-time-divider-bg: rgba(241, 245, 249, 0.9);
  --preset-audience-hover-ring: rgba(59, 130, 246, 0.12);
  --preset-presenter-hover-shadow: rgba(0, 0, 0, 0.06);
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.02);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.04);
  --preset-header-gradient: transparent;
  --preset-avatar-0-bg: #eff6ff;
  --preset-avatar-0-text: #2563eb;
  --preset-avatar-1-bg: #f0fdfa;
  --preset-avatar-1-text: #0d9488;
  --preset-avatar-2-bg: #fffbeb;
  --preset-avatar-2-text: #d97706;
  --preset-avatar-3-bg: #fff1f2;
  --preset-avatar-3-text: #f43f5e;
  --preset-avatar-4-bg: #f0f9ff;
  --preset-avatar-4-text: #0284c7;
  --preset-avatar-5-bg: #f1f5f9;
  --preset-avatar-5-text: #475569;
  --preset-avatar-6-bg: #ecfdf5;
  --preset-avatar-6-text: #059669;
  --preset-avatar-7-bg: #fff7ed;
  --preset-avatar-7-text: #ea580c;
  --preset-live-green: #10b981;
  --preset-live-green-pulse: rgba(16, 185, 129, 0.4);
  --preset-live-red: #f43f5e;
  --preset-stage-border: rgba(0, 0, 0, 0.06);
  --preset-bar-bg: #ffffff;
  --preset-bar-border: #e6e9f0;
  --preset-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.02);
  --preset-bar-divider: #e4e8f0;
  --preset-bg-primary: #f2f4f8;
  --preset-bg-secondary: #ffffff;
  --preset-bg-tertiary: #f6f8fb;
  --preset-live-ended-bg: rgba(242, 244, 248, 0.92);
  --preset-live-ended-icon: rgba(136, 146, 170, 0.4);
  --preset-live-ended-title: #1a2440;
  --preset-live-ended-subtitle: rgba(71, 80, 104, 0.7);
}
html[tui-theme-mode=dark] .style-preset-education,
.style-preset-education.tui-theme-dark {
  --uikit-color-gray-1: #111318;
  --uikit-color-gray-2: #16181f;
  --uikit-color-gray-3: #1c1f28;
  --uikit-color-gray-4: #252830;
  --uikit-color-gray-5: #1e2128;
  --uikit-color-gray-6: #282c36;
  --uikit-color-gray-7: #2e323c;
  --uikit-color-theme-1: rgba(16, 185, 129, 0.06);
  --uikit-color-theme-2: rgba(16, 185, 129, 0.1);
  --uikit-color-theme-3: rgba(16, 185, 129, 0.16);
  --uikit-color-theme-4: #6ee7b7;
  --uikit-color-theme-5: #34d399;
  --uikit-color-theme-6: #10b981;
  --uikit-color-theme-7: #34d399;
  --uikit-color-theme-8: #34d399;
  --uikit-color-theme-9: #10b981;
  --uikit-color-theme-10: #059669;
  --text-color-primary: #e8ecf2;
  --text-color-secondary: #b0b8c8;
  --text-color-tertiary: #6b7280;
  --bg-color-topbar: #16181f;
  --bg-color-dialog: #16181f;
  --bg-color-dialog-module: #1c1f28;
  --bg-color-input: #1c1f28;
  --bg-color-bubble-reciprocal: #1c1f28;
  --stroke-color-primary: #252830;
  --stroke-color-secondary: #282c36;
  --stroke-color-module: #2e323c;
  --button-color-primary-default: #10b981;
  --button-color-primary-hover: #34d399;
  --button-color-primary-active: #059669;
  --button-color-primary-disabled: rgba(16, 185, 129, 0.22);
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 32%, transparent);
  --list-color-hover: rgba(255, 255, 255, 0.06);
  --list-color-focused: rgba(16, 185, 129, 0.12);
  --preset-primary: #34d399;
  --preset-primary-hover: #6ee7b7;
  --preset-primary-active: #10b981;
  --preset-danger: #f87171;
  --preset-bg-base: #111318;
  --preset-bg-panel: #16181f;
  --preset-bg-input: #1c1f28;
  --preset-bg-elevated: #1c1f28;
  --preset-bg-inset: #1c1f28;
  --preset-bg-hover: #1e2128;
  --preset-border: #252830;
  --preset-border-strong: #2e323c;
  --preset-text-heading: #e8ecf2;
  --preset-text-primary: #e8ecf2;
  --preset-text-secondary: #b0b8c8;
  --preset-text-body: #b0b8c8;
  --preset-text-tertiary: #6b7280;
  --preset-text-weak: #4b5563;
  --preset-text-disabled: #374151;
  --preset-text-on-primary: #ffffff;
  --preset-icon-default: #6b7280;
  --preset-icon-hover: #b0b8c8;
  --preset-live-badge-bg: rgba(16, 185, 129, 0.16);
  --preset-live-badge-border: rgba(52, 211, 153, 0.32);
  --preset-live-badge-text: #34d399;
  --preset-live-badge-dot: #34d399;
  --preset-live-badge-dot-shadow: rgba(52, 211, 153, 0.45);
  --preset-live-indicator-dot: #f87171;
  --preset-live-indicator-dot-glow: rgba(248, 113, 113, 0.55);
  --preset-live-indicator-ring: rgba(248, 113, 113, 0.38);
  --preset-live-indicator-text: #f87171;
  --preset-btn-primary-bg: #10b981;
  --preset-btn-primary-hover: #34d399;
  --preset-btn-primary-active: #059669;
  --preset-btn-primary-soft-bg: rgba(16, 185, 129, 0.12);
  --preset-btn-primary-soft-text: #34d399;
  --preset-btn-primary-soft-border: rgba(52, 211, 153, 0.32);
  --preset-btn-danger-bg: rgba(248, 113, 113, 0.1);
  --preset-btn-danger-text: #f87171;
  --preset-btn-danger-border: rgba(248, 113, 113, 0.32);
  --preset-panel-bg: #16181f;
  --preset-panel-border: #252830;
  --preset-panel-shadow: 0 10px 26px color-mix(in srgb, var(--uikit-color-black-2) 42%, transparent);
  --preset-video-bg: #0a0c10;
  --preset-video-border: #252830;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
  --preset-glass-bg: rgba(0, 0, 0, 0.52);
  --preset-glass-border: rgba(255, 255, 255, 0.12);
  --preset-tab-bar-bg: #1c1f28;
  --preset-tab-btn-text: rgba(176, 184, 200, 0.52);
  --preset-tab-btn-hover-text: rgba(232, 236, 242, 0.72);
  --preset-tab-btn-active-text: #e8ecf2;
  --preset-tab-indicator-bg: #34d399;
  --preset-chat-bubble-bg: #1c1f28;
  --preset-chat-bubble-text: #b0b8c8;
  --preset-input-bg: #1c1f28;
  --preset-input-border: #2e323c;
  --preset-input-placeholder: #4b5563;
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
}
.style-preset-education,
.style-preset-education.tui-theme-light {
  --uikit-color-gray-1: #f3f5f7;
  --uikit-color-gray-2: #f7f8fa;
  --uikit-color-gray-3: #ebeef2;
  --uikit-color-gray-4: #e2e6ec;
  --uikit-color-gray-5: #f9fafb;
  --uikit-color-gray-6: #eef0f4;
  --uikit-color-gray-7: #dfe3ea;
  --uikit-color-theme-1: #ecfdf5;
  --uikit-color-theme-2: #d1fae5;
  --uikit-color-theme-3: #a7f3d0;
  --uikit-color-theme-4: #6ee7b7;
  --uikit-color-theme-5: #34d399;
  --uikit-color-theme-6: #10b981;
  --uikit-color-theme-7: #059669;
  --uikit-color-theme-8: #047857;
  --uikit-color-theme-9: #065f46;
  --uikit-color-theme-10: #064e3b;
  --text-color-primary: #1a2332;
  --text-color-secondary: #4b5563;
  --text-color-tertiary: #9ca3af;
  --bg-color-topbar: #ffffff;
  --bg-color-dialog: #ffffff;
  --bg-color-dialog-module: #f7f8fa;
  --bg-color-input: #ffffff;
  --bg-color-bubble-reciprocal: #f7f8fa;
  --stroke-color-primary: #e2e6ec;
  --stroke-color-secondary: #eef0f4;
  --stroke-color-module: #dfe3ea;
  --button-color-primary-default: #10b981;
  --button-color-primary-hover: #059669;
  --button-color-primary-active: #047857;
  --button-color-primary-disabled: rgba(16, 185, 129, 0.2);
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 14%, transparent);
  --list-color-hover: rgba(15, 23, 42, 0.04);
  --list-color-focused: rgba(16, 185, 129, 0.08);
  --preset-primary: #10b981;
  --preset-primary-hover: #059669;
  --preset-primary-active: #047857;
  --preset-danger: #ef4444;
  --preset-bg-base: #f3f5f7;
  --preset-bg-panel: #ffffff;
  --preset-bg-input: #ffffff;
  --preset-bg-elevated: #ffffff;
  --preset-bg-inset: #f7f8fa;
  --preset-bg-hover: #f9fafb;
  --preset-border: #ebeef2;
  --preset-border-strong: #dfe3ea;
  --preset-text-heading: #1a2332;
  --preset-text-primary: #1a2332;
  --preset-text-secondary: #4b5563;
  --preset-text-body: #4b5563;
  --preset-text-tertiary: #9ca3af;
  --preset-text-weak: #c4c9d2;
  --preset-text-disabled: #d5dae4;
  --preset-text-on-primary: #ffffff;
  --preset-icon-default: #9ca3af;
  --preset-icon-hover: #4b5563;
  --preset-live-badge-bg: rgba(16, 185, 129, 0.1);
  --preset-live-badge-border: rgba(16, 185, 129, 0.3);
  --preset-live-badge-text: #047857;
  --preset-live-badge-dot: #10b981;
  --preset-live-badge-dot-shadow: rgba(16, 185, 129, 0.45);
  --preset-live-indicator-dot: #ef4444;
  --preset-live-indicator-dot-glow: rgba(239, 68, 68, 0.55);
  --preset-live-indicator-ring: rgba(239, 68, 68, 0.38);
  --preset-live-indicator-text: #ef4444;
  --preset-btn-primary-bg: #10b981;
  --preset-btn-primary-hover: #059669;
  --preset-btn-primary-active: #047857;
  --preset-btn-primary-soft-bg: rgba(16, 185, 129, 0.08);
  --preset-btn-primary-soft-text: #047857;
  --preset-btn-primary-soft-border: rgba(16, 185, 129, 0.38);
  --preset-btn-danger-bg: rgba(239, 68, 68, 0.06);
  --preset-btn-danger-text: #dc2626;
  --preset-btn-danger-border: rgba(239, 68, 68, 0.38);
  --preset-panel-bg: #ffffff;
  --preset-panel-border: #ebeef2;
  --preset-panel-shadow: 0 8px 24px color-mix(in srgb, var(--uikit-color-black-3) 10%, transparent);
  --preset-video-bg: #0f1219;
  --preset-video-border: #dfe3ea;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.07);
  --preset-glass-bg: rgba(15, 23, 42, 0.42);
  --preset-glass-border: rgba(255, 255, 255, 0.24);
  --preset-tab-bar-bg: #f9fafb;
  --preset-tab-btn-text: rgba(75, 85, 99, 0.52);
  --preset-tab-btn-hover-text: rgba(26, 35, 50, 0.72);
  --preset-tab-btn-active-text: #1a2332;
  --preset-tab-indicator-bg: #10b981;
  --preset-chat-bubble-bg: #f7f8fa;
  --preset-chat-bubble-text: #4b5563;
  --preset-input-bg: #ffffff;
  --preset-input-border: #dfe3ea;
  --preset-input-placeholder: #c4c9d2;
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}
:root {
  --tui-button-round-radius: 999px;
  --tui-button-rect-radius: 3px;
  --tui-button-circle-radius: 50%;
  --tui-button-small-width: 48px;
  --tui-button-small-height: 24px;
  --tui-button-medium-width: 64px;
  --tui-button-medium-height: 32px;
  --tui-button-big-width: 80px;
  --tui-button-big-height: 40px;
  --tui-button-large-width: 96px;
  --tui-button-large-height: 48px;
  --tui-icon-default-width: 16px;
  --tui-icon-default-height: 16px;
  --tui-toast-round-radius: 8px;
  --tui-dialog-round-radius: 20px;
}
.tui-dialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tui-dialog-no-mask {
  background: transparent;
}
.tui-dialog-fade-enter-active, .tui-dialog-fade-leave-active {
  transition: opacity 0.3s;
}
.tui-dialog-fade-enter-from, .tui-dialog-fade-leave-to {
  opacity: 0;
}
.tui-dialog-container {
  box-sizing: border-box;
  background: var(--bg-color-dialog);
  position: absolute;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 24px;
}
.tui-dialog-center .tui-dialog-header {
  justify-content: center;
}
.tui-dialog-center .tui-dialog-body {
  justify-content: center;
}
.tui-dialog-center .tui-dialog-footer {
  justify-content: center;
}
.tui-dialog-default {
  width: 480px;
  max-width: calc(100% - 40px);
  border-radius: var(--tui-dialog-round-radius);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}
.tui-dialog-fullscreen {
  width: 100%;
  height: 100%;
}
.tui-dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  padding-right: 32px;
}
.tui-dialog-close-icon {
  position: absolute;
  top: 24px;
  right: 24px;
  color: var(--text-color-primary);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.tui-dialog-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--text-color-primary);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tui-dialog-body {
  flex: 1;
  max-height: 100%;
  display: flex;
  font-size: 14px;
  color: var(--text-color-primary);
  min-height: 0;
}
.tui-dialog-footer {
  padding-top: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.tui-dialog-header:not(:has(:not(:empty))),
.tui-dialog-body:not(:has(:not(:empty))),
.tui-dialog-footer:not(:has(:not(:empty))) {
  padding: 0;
}
.tui-dialog-container-mobile {
  padding: 0;
  gap: 8px;
}
.tui-dialog-container-mobile .tui-dialog-header {
  padding: 0;
  justify-content: center;
}
.tui-dialog-container-mobile .tui-dialog-header .tui-dialog-title:not(:empty) {
  font-size: 18px;
  line-height: 26px;
  padding: 32px 20px 0;
  max-width: 100%;
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.tui-dialog-container-mobile .tui-dialog-body {
  font-size: 16px;
  line-height: 24px;
  padding: 0 24px 12px 24px;
  justify-content: center;
}
.tui-dialog-container-mobile .tui-dialog-body:not(:has(*)) {
  padding: 20px;
}
.tui-dialog-container-mobile .tui-dialog-footer {
  padding: 0;
  border-top: 0.5px solid var(--stroke-color-module);
  gap: 0;
}
.tui-dialog-container-mobile .tui-dialog-footer .tui-dialog-footer-btn,
.tui-dialog-container-mobile .tui-dialog-footer > .tui-button,
.tui-dialog-container-mobile .tui-dialog-footer > button {
  flex: 1;
  border-radius: 0;
  border: 0;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
  box-shadow: none;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}
.tui-dialog-container-mobile .tui-dialog-footer .tui-dialog-footer-btn:hover, .tui-dialog-container-mobile .tui-dialog-footer .tui-dialog-footer-btn:active,
.tui-dialog-container-mobile .tui-dialog-footer > .tui-button:hover,
.tui-dialog-container-mobile .tui-dialog-footer > .tui-button:active,
.tui-dialog-container-mobile .tui-dialog-footer > button:hover,
.tui-dialog-container-mobile .tui-dialog-footer > button:active {
  background-color: var(--list-color-hover);
}
.tui-dialog-container-mobile .tui-dialog-footer .tui-dialog-footer-btn:first-child,
.tui-dialog-container-mobile .tui-dialog-footer > .tui-button:first-child,
.tui-dialog-container-mobile .tui-dialog-footer > button:first-child {
  color: var(--text-color-primary);
}
.tui-dialog-container-mobile .tui-dialog-footer .tui-dialog-footer-btn:last-child,
.tui-dialog-container-mobile .tui-dialog-footer > .tui-button:last-child,
.tui-dialog-container-mobile .tui-dialog-footer > button:last-child {
  color: var(--text-color-link);
}
.tui-dialog-container-mobile .tui-dialog-footer .tui-dialog-footer-btn + .tui-dialog-footer-btn,
.tui-dialog-container-mobile .tui-dialog-footer > .tui-button + .tui-button,
.tui-dialog-container-mobile .tui-dialog-footer > button + button,
.tui-dialog-container-mobile .tui-dialog-footer > .tui-button + button,
.tui-dialog-container-mobile .tui-dialog-footer > button + .tui-button,
.tui-dialog-container-mobile .tui-dialog-footer .tui-dialog-footer-btn + .tui-button,
.tui-dialog-container-mobile .tui-dialog-footer .tui-button + .tui-dialog-footer-btn {
  border-left: 0.5px solid var(--stroke-color-module);
}
.tui-dialog-container-mobile .tui-dialog-footer:has(:nth-child(3)) {
  flex-direction: column;
}
.tui-dialog-container-mobile .tui-dialog-footer:has(:nth-child(3)) .tui-dialog-footer-btn,
.tui-dialog-container-mobile .tui-dialog-footer:has(:nth-child(3)) > .tui-button,
.tui-dialog-container-mobile .tui-dialog-footer:has(:nth-child(3)) > button {
  flex: none;
  width: 100%;
}
.tui-dialog-container-mobile .tui-dialog-footer:has(:nth-child(3)) .tui-dialog-footer-btn + .tui-dialog-footer-btn,
.tui-dialog-container-mobile .tui-dialog-footer:has(:nth-child(3)) > .tui-button + .tui-button,
.tui-dialog-container-mobile .tui-dialog-footer:has(:nth-child(3)) > button + button,
.tui-dialog-container-mobile .tui-dialog-footer:has(:nth-child(3)) > .tui-button + button,
.tui-dialog-container-mobile .tui-dialog-footer:has(:nth-child(3)) > button + .tui-button,
.tui-dialog-container-mobile .tui-dialog-footer:has(:nth-child(3)) .tui-dialog-footer-btn + .tui-button,
.tui-dialog-container-mobile .tui-dialog-footer:has(:nth-child(3)) .tui-button + .tui-dialog-footer-btn {
  border-left: 0;
  border-top: 0.5px solid var(--stroke-color-module);
}.tui-drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.tui-drawer-overlay-modal {
  background-color: var(--uikit-color-black-8);
  pointer-events: auto;
}
.tui-drawer-container {
  position: fixed;
  display: flex;
  flex-direction: column;
  background-color: var(--bg-color-operate);
  box-shadow: 0px 1px 8px 0 var(--uikit-color-black-8);
  will-change: transform;
  transform: translateZ(0);
  pointer-events: auto;
}
.tui-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--stroke-color-secondary);
}
.tui-drawer-header .tui-drawer-header-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-color-primary);
}
.tui-drawer-header .tui-drawer-header-custom {
  flex: 1;
}
.tui-drawer-header .tui-drawer-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--text-color-secondary);
  -webkit-tap-highlight-color: transparent;
}
.tui-drawer-header .tui-drawer-close .close-icon {
  color: var(--text-color-primary);
}
.tui-drawer-header .tui-drawer-close:hover {
  background-color: var(--bg-color-hover);
  color: var(--text-color-primary);
}
.tui-drawer-content {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
  color: var(--text-color-primary);
  scrollbar-width: thin;
  scrollbar-color: var(--uikit-color-gray-4) transparent;
}
.tui-drawer-content::-webkit-scrollbar {
  width: 6px;
}
.tui-drawer-content::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 3px;
}
.tui-drawer-content::-webkit-scrollbar-thumb {
  background-color: var(--uikit-color-gray-4);
  border-radius: 3px;
  transition: background-color 0.2s ease;
}
.tui-drawer-content::-webkit-scrollbar-thumb:hover {
  background-color: var(--uikit-color-gray-5);
}
.tui-drawer-footer {
  padding: 16px 20px;
  border-top: 1px solid var(--stroke-color-secondary);
}
.tui-drawer-fade-enter-active,
.tui-drawer-fade-leave-active {
  transition: opacity 0.3s ease;
}
.tui-drawer-fade-enter-from,
.tui-drawer-fade-leave-to {
  opacity: 0;
}
.tui-drawer-slide-right-enter-active,
.tui-drawer-slide-right-leave-active {
  transition: transform 0.3s ease;
}
.tui-drawer-slide-right-enter-from {
  transform: translateX(100%);
}
.tui-drawer-slide-right-leave-to {
  transform: translateX(100%);
}
.tui-drawer-slide-left-enter-active,
.tui-drawer-slide-left-leave-active {
  transition: transform 0.3s ease;
}
.tui-drawer-slide-left-enter-from {
  transform: translateX(-100%);
}
.tui-drawer-slide-left-leave-to {
  transform: translateX(-100%);
}
.tui-drawer-slide-top-enter-active,
.tui-drawer-slide-top-leave-active {
  transition: transform 0.3s ease;
}
.tui-drawer-slide-top-enter-from {
  transform: translateY(-100%);
}
.tui-drawer-slide-top-leave-to {
  transform: translateY(-100%);
}
.tui-drawer-slide-bottom-enter-active,
.tui-drawer-slide-bottom-leave-active {
  transition: transform 0.3s ease;
}
.tui-drawer-slide-bottom-enter-from {
  transform: translateY(100%);
}
.tui-drawer-slide-bottom-leave-to {
  transform: translateY(100%);
}.tui-dropdown {
  position: relative;
  display: inline-block;
  -webkit-tap-highlight-color: transparent;
}
.tui-dropdown.is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.tui-dropdown__menu {
  position: fixed;
  z-index: 9999;
  padding: 8px 4px;
  margin: 0;
  list-style: none;
  background-color: var(--bg-color-operate);
  border: 1px solid var(--stroke-color-primary);
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px var(--uikit-color-black-8), 0px 2px 6px 0px var(--uikit-color-black-8);
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--uikit-color-gray-4) transparent;
}
.tui-dropdown__menu.placement-top {
  transform-origin: center bottom;
}
.tui-dropdown__menu.placement-bottom {
  transform-origin: center top;
}
.tui-dropdown__menu.placement-left {
  transform-origin: right center;
}
.tui-dropdown__menu.placement-right {
  transform-origin: left center;
}
.tui-dropdown__menu::-webkit-scrollbar {
  width: 6px;
}
.tui-dropdown__menu::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 3px;
}
.tui-dropdown__menu::-webkit-scrollbar-thumb {
  background-color: var(--uikit-color-gray-4);
  border-radius: 3px;
  transition: background-color 0.2s ease;
}
.tui-dropdown__menu::-webkit-scrollbar-thumb:hover {
  background-color: var(--uikit-color-gray-5);
}
.tui-dropdown-fade-enter-active,
.tui-dropdown-fade-leave-active {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.tui-dropdown-fade-enter-from,
.tui-dropdown-fade-leave-to {
  opacity: 0;
  transform: scale(0.95);
}
.tui-dropdown-fade-enter-to,
.tui-dropdown-fade-leave-from {
  opacity: 1;
  transform: scale(1);
}
.tui-dropdown-item {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--text-color-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.tui-dropdown-item:hover {
  background-color: var(--dropdown-color-hover);
}
.tui-dropdown-item.is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
  color: var(--text-color-disabled);
}
.tui-dropdown-item.is-disabled:hover {
  background-color: transparent;
}
.tui-dropdown-item__content {
  display: flex;
  align-items: center;
  width: 100%;
}
.tui-dropdown-item__icon {
  margin-right: 8px;
  font-size: 16px;
}
.tui-dropdown-item__text {
  flex: 1;
}:root[tui-theme-mode=dark],
.tui-theme-dark {
  --uikit-color-theme-1: #1C2333;
  --uikit-color-theme-2: #243047;
  --uikit-color-theme-3: #2F4875;
  --uikit-color-theme-4: #305BA6;
  --uikit-color-theme-5: #2B6AD6;
  --uikit-color-theme-6: #4086FF;
  --uikit-color-theme-7: #5C9DFF;
  --uikit-color-theme-8: #78B0FF;
  --uikit-color-theme-9: #9CC7FF;
  --uikit-color-theme-10: #C2DEFF;
  --uikit-color-black-1: rgba(0, 0, 0, 100%);
  --uikit-color-black-2: rgba(0, 0, 0, 90%);
  --uikit-color-black-3: rgba(0, 0, 0, 72%);
  --uikit-color-black-4: rgba(0, 0, 0, 55%);
  --uikit-color-black-5: rgba(0, 0, 0, 40%);
  --uikit-color-black-6: rgba(0, 0, 0, 25%);
  --uikit-color-black-7: rgba(0, 0, 0, 12%);
  --uikit-color-black-8: rgba(0, 0, 0, 6%);
  --uikit-color-white-1: rgba(255, 255, 255, 100%);
  --uikit-color-white-2: rgba(255, 255, 255, 93%);
  --uikit-color-white-3: rgba(255, 255, 255, 75%);
  --uikit-color-white-4: rgba(255, 255, 255, 55%);
  --uikit-color-white-5: rgba(255, 255, 255, 42%);
  --uikit-color-white-6: rgba(255, 255, 255, 30%);
  --uikit-color-white-7: rgba(255, 255, 255, 14%);
  --uikit-color-gray-1: #131417;
  --uikit-color-gray-2: #1F2024;
  --uikit-color-gray-3: #2B2C30;
  --uikit-color-gray-4: #3A3C42;
  --uikit-color-gray-5: #48494F;
  --uikit-color-gray-6: #54565C;
  --uikit-color-gray-7: #676A70;
  --uikit-color-green-1: #1A2620;
  --uikit-color-green-2: #22352C;
  --uikit-color-green-3: #2F4F3F;
  --uikit-color-green-4: #377355;
  --uikit-color-green-5: #368F65;
  --uikit-color-green-6: #38A673;
  --uikit-color-green-7: #62B58B;
  --uikit-color-green-8: #8BC7A9;
  --uikit-color-green-9: #A9D4BD;
  --uikit-color-green-10: #C8E5D5;
  --uikit-color-red-1: #2B1C1F;
  --uikit-color-red-2: #422324;
  --uikit-color-red-3: #613234;
  --uikit-color-red-4: #8A4242;
  --uikit-color-red-5: #C2544E;
  --uikit-color-red-6: #E6594C;
  --uikit-color-red-7: #E57A6E;
  --uikit-color-red-8: #F3A599;
  --uikit-color-red-9: #FACBC3;
  --uikit-color-red-10: #FAE4DE;
  --uikit-color-orange-1: #211A19;
  --uikit-color-orange-2: #35231A;
  --uikit-color-orange-3: #462E1F;
  --uikit-color-orange-4: #653C21;
  --uikit-color-orange-5: #96562A;
  --uikit-color-orange-6: #E37F32;
  --uikit-color-orange-7: #E39552;
  --uikit-color-orange-8: #EEAD72;
  --uikit-color-orange-9: #F7CFA4;
  --uikit-color-orange-10: #F9E9D1;
  --uikit-color-transparent: rgba(255, 255, 255, 0%);
  --text-color-primary: var(--uikit-color-white-2);
  --text-color-secondary: var(--uikit-color-white-4);
  --text-color-tertiary: var(--uikit-color-white-6);
  --text-color-disabled: var(--uikit-color-white-6);
  --text-color-button: var(--uikit-color-white-1);
  --text-color-button-disabled: var(--uikit-color-white-5);
  --text-color-link: var(--uikit-color-theme-6);
  --text-color-link-hover: var(--uikit-color-theme-5);
  --text-color-link-active: var(--uikit-color-theme-7);
  --text-color-link-disabled: var(--uikit-color-theme-2);
  --text-color-anti-primary: var(--uikit-color-black-2);
  --text-color-anti-secondary: var(--uikit-color-black-4);
  --text-color-warning: var(--uikit-color-orange-6);
  --text-color-success: var(--uikit-color-green-6);
  --text-color-error: var(--uikit-color-red-6);
  --bg-color-topbar: var(--uikit-color-gray-1);
  --bg-color-operate: var(--uikit-color-gray-2);
  --bg-color-dialog: var(--uikit-color-gray-2);
  --bg-color-dialog-module: var(--uikit-color-gray-3);
  --bg-color-entrycard: var(--uikit-color-gray-3);
  --bg-color-function: var(--uikit-color-gray-4);
  --bg-color-bottombar: var(--uikit-color-gray-3);
  --bg-color-input: var(--uikit-color-gray-3);
  --bg-color-bubble-reciprocal: var(--uikit-color-gray-3);
  --bg-color-bubble-own: var(--uikit-color-theme-7);
  --bg-color-default: var(--uikit-color-gray-1);
  --bg-color-tag-mask: var(--uikit-color-black-4);
  --bg-color-element-mask: var(--uikit-color-black-6);
  --bg-color-mask: var(--uikit-color-black-4);
  --bg-color-mask-disappeared: var(--uikit-color-black-8);
  --bg-color-mask-begin: var(--uikit-color-black-2);
  --stroke-color-primary: var(--uikit-color-gray-4);
  --stroke-color-secondary: var(--uikit-color-gray-3);
  --stroke-color-module: var(--uikit-color-gray-5);
  --shadow-color: var(--uikit-color-black-8);
  --list-color-default: var(--uikit-color-gray-2);
  --list-color-hover: var(--uikit-color-gray-3);
  --list-color-focused: var(--uikit-color-theme-2);
  --button-color-primary-default: var(--uikit-color-theme-6);
  --button-color-primary-hover: var(--uikit-color-theme-5);
  --button-color-primary-active: var(--uikit-color-theme-7);
  --button-color-primary-disabled: var(--uikit-color-theme-2);
  --button-color-secondary-default: var(--uikit-color-gray-4);
  --button-color-secondary-hover: var(--uikit-color-gray-3);
  --button-color-secondary-active: var(--uikit-color-gray-5);
  --button-color-secondary-disabled: var(--uikit-color-gray-3);
  --button-color-accept: var(--uikit-color-green-6);
  --button-color-hangup: var(--uikit-color-red-6);
  --button-color-on: var(--uikit-color-white-1);
  --button-color-off: var(--uikit-color-black-5);
  --dropdown-color-default: var(--uikit-color-gray-3);
  --dropdown-color-hover: var(--uikit-color-gray-4);
  --dropdown-color-active: var(--uikit-color-gray-2);
  --scroll-bar-color-default: var(--uikit-color-white-7);
  --scroll-bar-color-hover: var(--uikit-color-white-6);
  --floating-color-default: var(--uikit-color-gray-3);
  --floating-color-operate: var(--uikit-color-gray-4);
  --checkbox-color-selected: var(--uikit-color-theme-5);
  --toast-color-warning: var(--uikit-color-orange-2);
  --toast-color-success: var(--uikit-color-green-2);
  --toast-color-error: var(--uikit-color-red-2);
  --toast-color-default: var(--uikit-color-theme-2);
  --switch-color-off: var(--uikit-color-gray-4);
  --switch-color-on: var(--uikit-color-theme-5);
  --switch-color-button: var(--uikit-color-white-1);
  --slider-color-filled: var(--uikit-color-theme-5);
  --slider-color-empty: var(--uikit-color-gray-5);
  --slider-color-button: var(--uikit-color-white-1);
  --tab-color-selected: var(--uikit-color-gray-5);
  --tab-color-unselected: var(--uikit-color-gray-4);
  --tab-color-option: var(--uikit-color-gray-4);
  --icon-color-primary: var(--uikit-color-white-2);
}
:root[tui-theme-mode=light],
.tui-theme-light {
  --uikit-color-theme-1: #EBF3FF;
  --uikit-color-theme-2: #CCE2FF;
  --uikit-color-theme-3: #ADCFFF;
  --uikit-color-theme-4: #7AAFFF;
  --uikit-color-theme-5: #4588F5;
  --uikit-color-theme-6: #1C66E5;
  --uikit-color-theme-7: #0D49BF;
  --uikit-color-theme-8: #033099;
  --uikit-color-theme-9: #001F73;
  --uikit-color-theme-10: #00124D;
  --uikit-color-black-1: rgba(0, 0, 0, 100%);
  --uikit-color-black-2: rgba(0, 0, 0, 90%);
  --uikit-color-black-3: rgba(0, 0, 0, 72%);
  --uikit-color-black-4: rgba(0, 0, 0, 55%);
  --uikit-color-black-5: rgba(0, 0, 0, 40%);
  --uikit-color-black-6: rgba(0, 0, 0, 25%);
  --uikit-color-black-7: rgba(0, 0, 0, 12%);
  --uikit-color-black-8: rgba(0, 0, 0, 6%);
  --uikit-color-white-1: rgba(255, 255, 255, 100%);
  --uikit-color-white-2: rgba(255, 255, 255, 93%);
  --uikit-color-white-3: rgba(255, 255, 255, 75%);
  --uikit-color-white-4: rgba(255, 255, 255, 55%);
  --uikit-color-white-5: rgba(255, 255, 255, 42%);
  --uikit-color-white-6: rgba(255, 255, 255, 30%);
  --uikit-color-white-7: rgba(255, 255, 255, 14%);
  --uikit-color-gray-1: #F9FAFC;
  --uikit-color-gray-2: #F0F2F7;
  --uikit-color-gray-3: #E6E9F0;
  --uikit-color-gray-4: #D1D4DE;
  --uikit-color-gray-5: #C0C3CC;
  --uikit-color-gray-6: #B3B6BE;
  --uikit-color-gray-7: #A5A9B0;
  --uikit-color-green-1: #DCFAE9;
  --uikit-color-green-2: #B6F0D1;
  --uikit-color-green-3: #84E3B5;
  --uikit-color-green-4: #5AD69E;
  --uikit-color-green-5: #3CC98C;
  --uikit-color-green-6: #0ABF77;
  --uikit-color-green-7: #09A768;
  --uikit-color-green-8: #078F59;
  --uikit-color-green-9: #067049;
  --uikit-color-green-10: #044D37;
  --uikit-color-red-1: #FFE7E6;
  --uikit-color-red-2: #FCC9C7;
  --uikit-color-red-3: #FAAEAC;
  --uikit-color-red-4: #F58989;
  --uikit-color-red-5: #E86666;
  --uikit-color-red-6: #E54545;
  --uikit-color-red-7: #C93439;
  --uikit-color-red-8: #AD2934;
  --uikit-color-red-9: #8F222D;
  --uikit-color-red-10: #6B1A27;
  --uikit-color-orange-1: #FFEEDB;
  --uikit-color-orange-2: #FFD6B2;
  --uikit-color-orange-3: #FFBE85;
  --uikit-color-orange-4: #FFA455;
  --uikit-color-orange-5: #FF8B2B;
  --uikit-color-orange-6: #FF7200;
  --uikit-color-orange-7: #E05D00;
  --uikit-color-orange-8: #BF4900;
  --uikit-color-orange-9: #8F370B;
  --uikit-color-orange-10: #662200;
  --uikit-color-transparent: rgba(255, 255, 255, 0%);
  --text-color-primary: var(--uikit-color-black-2);
  --text-color-secondary: var(--uikit-color-black-4);
  --text-color-tertiary: var(--uikit-color-black-5);
  --text-color-disabled: var(--uikit-color-black-6);
  --text-color-button: var(--uikit-color-white-1);
  --text-color-button-disabled: var(--uikit-color-white-1);
  --text-color-link: var(--uikit-color-theme-6);
  --text-color-link-hover: var(--uikit-color-theme-5);
  --text-color-link-active: var(--uikit-color-theme-7);
  --text-color-link-disabled: var(--uikit-color-theme-2);
  --text-color-anti-primary: var(--uikit-color-black-2);
  --text-color-anti-secondary: var(--uikit-color-black-4);
  --text-color-warning: var(--uikit-color-orange-6);
  --text-color-success: var(--uikit-color-green-6);
  --text-color-error: var(--uikit-color-red-6);
  --bg-color-topbar: var(--uikit-color-gray-1);
  --bg-color-operate: var(--uikit-color-white-1);
  --bg-color-dialog: var(--uikit-color-white-1);
  --bg-color-dialog-module: var(--uikit-color-gray-2);
  --bg-color-entrycard: var(--uikit-color-gray-2);
  --bg-color-function: var(--uikit-color-gray-2);
  --bg-color-bottombar: var(--uikit-color-white-1);
  --bg-color-input: var(--uikit-color-gray-2);
  --bg-color-bubble-reciprocal: var(--uikit-color-gray-2);
  --bg-color-bubble-own: var(--uikit-color-theme-2);
  --bg-color-default: var(--uikit-color-gray-2);
  --bg-color-tag-mask: var(--uikit-color-white-4);
  --bg-color-element-mask: var(--uikit-color-black-6);
  --bg-color-mask: var(--uikit-color-black-4);
  --bg-color-mask-disappeared: var(--uikit-color-white-7);
  --bg-color-mask-begin: var(--uikit-color-white-1);
  --stroke-color-primary: var(--uikit-color-gray-3);
  --stroke-color-secondary: var(--uikit-color-gray-2);
  --stroke-color-module: var(--uikit-color-gray-3);
  --shadow-color: var(--uikit-color-black-8);
  --list-color-default: var(--uikit-color-white-1);
  --list-color-hover: var(--uikit-color-gray-1);
  --list-color-focused: var(--uikit-color-theme-1);
  --button-color-primary-default: var(--uikit-color-theme-6);
  --button-color-primary-hover: var(--uikit-color-theme-5);
  --button-color-primary-active: var(--uikit-color-theme-7);
  --button-color-primary-disabled: var(--uikit-color-theme-2);
  --button-color-secondary-default: var(--uikit-color-gray-2);
  --button-color-secondary-hover: var(--uikit-color-gray-1);
  --button-color-secondary-active: var(--uikit-color-gray-3);
  --button-color-secondary-disabled: var(--uikit-color-gray-1);
  --button-color-accept: var(--uikit-color-green-6);
  --button-color-hangup: var(--uikit-color-red-6);
  --button-color-on: var(--uikit-color-white-1);
  --button-color-off: var(--uikit-color-black-5);
  --dropdown-color-default: var(--uikit-color-white-1);
  --dropdown-color-hover: var(--uikit-color-gray-1);
  --dropdown-color-active: var(--uikit-color-theme-2);
  --scroll-bar-color-default: var(--uikit-color-black-7);
  --scroll-bar-color-hover: var(--uikit-color-black-6);
  --floating-color-default: var(--uikit-color-white-1);
  --floating-color-operate: var(--uikit-color-gray-2);
  --checkbox-color-selected: var(--uikit-color-theme-6);
  --toast-color-warning: var(--uikit-color-orange-1);
  --toast-color-success: var(--uikit-color-green-1);
  --toast-color-error: var(--uikit-color-red-1);
  --toast-color-default: var(--uikit-color-theme-1);
  --switch-color-off: var(--uikit-color-gray-4);
  --switch-color-on: var(--uikit-color-theme-6);
  --switch-color-button: var(--uikit-color-white-1);
  --slider-color-filled: var(--uikit-color-theme-6);
  --slider-color-empty: var(--uikit-color-gray-3);
  --slider-color-button: var(--uikit-color-white-1);
  --tab-color-selected: var(--uikit-color-theme-2);
  --tab-color-unselected: var(--uikit-color-gray-2);
  --tab-color-option: var(--uikit-color-gray-3);
  --icon-color-primary: var(--uikit-color-black-2);
}
html[tui-theme-mode=dark] .style-preset-business,
.style-preset-business.tui-theme-dark {
  --uikit-color-gray-1: #0e1525;
  --uikit-color-gray-2: #111828;
  --uikit-color-gray-3: #151e32;
  --uikit-color-gray-4: #151e32;
  --uikit-color-gray-5: #1a2438;
  --uikit-color-gray-6: #202d45;
  --uikit-color-gray-7: #202d45;
  --uikit-color-theme-1: rgba(59, 130, 246, 0.08);
  --uikit-color-theme-2: rgba(59, 130, 246, 0.12);
  --uikit-color-theme-3: rgba(59, 130, 246, 0.18);
  --uikit-color-theme-4: #60a5fa;
  --uikit-color-theme-5: #3b82f6;
  --uikit-color-theme-6: #3b82f6;
  --uikit-color-theme-7: #3b82f6;
  --uikit-color-theme-8: #3b82f6;
  --uikit-color-theme-9: #2563eb;
  --uikit-color-theme-10: #1d4ed8;
  --text-color-primary: #edf1f8;
  --text-color-secondary: #cdd6e5;
  --text-color-tertiary: #8494ad;
  --bg-color-topbar: #151e32;
  --bg-color-input: #1a2438;
  --bg-color-bubble-reciprocal: #1a2438;
  --stroke-color-primary: #202d45;
  --stroke-color-secondary: #202d45;
  --button-color-primary-default: #3b82f6;
  --button-color-primary-hover: #2563eb;
  --button-color-primary-active: #1d4ed8;
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --biz-border-lightest: #253550;
  --biz-border-hover: #304060;
  --biz-blue-glow: rgba(59, 130, 246, 0.55);
  --biz-blue-glow-shadow: rgba(59, 130, 246, 0.12);
  --biz-green-online: #34d399;
  --preset-primary: #3b82f6;
  --preset-primary-hover: #2563eb;
  --preset-primary-active: #1d4ed8;
  --preset-danger: #f87171;
  --preset-bg-base: #0e1525;
  --preset-bg-panel: #151e32;
  --preset-bg-input: #1a2438;
  --preset-bg-elevated: #1a2438;
  --preset-bg-inset: #0e1525;
  --preset-bg-hover: #1a2438;
  --preset-border: #253550;
  --preset-border-strong: #2a3c58;
  --preset-text-heading: #edf1f8;
  --preset-text-primary: #edf1f8;
  --preset-text-secondary: #cdd6e5;
  --preset-text-body: #bcc8dc;
  --preset-text-tertiary: #8494ad;
  --preset-text-weak: #566880;
  --preset-text-disabled: #303e56;
  --preset-icon-default: #566880;
  --preset-icon-hover: #8494ad;
  --preset-chat-bubble-bg: #1a2438;
  --preset-chat-bubble-text: #bcc8dc;
  --preset-chat-bubble-host-bg: rgba(59, 130, 246, 0.14);
  --preset-chat-bubble-host-border: rgba(59, 130, 246, 0.24);
  --preset-input-bg: #1a2438;
  --preset-input-border: #253550;
  --preset-input-placeholder: #566880;
  --preset-info-bar-bg: #151e32;
  --preset-info-bar-border: #253550;
  --preset-info-bar-divider: #253550;
  --preset-info-bar-brand-text: #edf1f8;
  --preset-info-bar-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), 0 0 1px rgba(59, 130, 246, 0.08);
  --preset-presenter-hover-bg: #1a2438;
  --preset-presenter-hover-border: #253550;
  --preset-presenter-name: #edf1f8;
  --preset-presenter-speaking-name: #edf1f8;
  --preset-presenter-avatar-ring: 0 0 0 2px rgba(59, 130, 246, 0.35), 0 0 0 4px #151e32;
  --preset-presenter-status-border: #151e32;
  --preset-btn-primary-bg: #3b82f6;
  --preset-btn-primary-hover: #2563eb;
  --preset-btn-primary-active: #1d4ed8;
  --preset-btn-primary-soft-bg: rgba(148, 197, 253, 0.12);
  --preset-btn-primary-soft-text: #93c5fd;
  --preset-btn-primary-soft-border: rgba(59, 130, 246, 0.50);
  --preset-btn-primary-soft-hover-bg: rgba(148, 197, 253, 0.20);
  --preset-btn-primary-soft-hover-border: rgba(59, 130, 246, 0.65);
  --preset-btn-primary-soft-hover-text: #bfdbfe;
  --preset-btn-primary-soft-active-bg: rgba(148, 197, 253, 0.28);
  --preset-btn-primary-soft-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 6px rgba(59, 130, 246, 0.10);
  --preset-btn-primary-soft-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 10px rgba(59, 130, 246, 0.18);
  --preset-btn-danger-bg: rgba(220, 38, 38, 0.14);
  --preset-btn-danger-text: #fca5a5;
  --preset-btn-danger-border: rgba(220, 38, 38, 0.45);
  --preset-btn-danger-hover-bg: rgba(220, 38, 38, 0.24);
  --preset-btn-danger-hover-border: rgba(220, 38, 38, 0.60);
  --preset-btn-danger-hover-text: #fecaca;
  --preset-btn-danger-active-bg: rgba(220, 38, 38, 0.32);
  --preset-btn-danger-active-text: #fecaca;
  --preset-btn-danger-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 6px rgba(220, 38, 38, 0.08);
  --preset-btn-danger-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 10px rgba(220, 38, 38, 0.15);
  --preset-video-bg: #0a1018;
  --preset-video-border: #253550;
  --preset-video-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-stage-edge-spacing: 16px;
  --preset-stage-edge-spacing-mobile: 12px;
  --preset-pause-backdrop: rgba(0, 0, 0, 0.55);
  --preset-stage-divider: rgba(255, 255, 255, 0.08);
  --preset-glass-bg: rgba(2, 6, 23, 0.45);
  --preset-glass-border: rgba(255, 255, 255, 0.12);
  --preset-glass-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  --preset-video-top-gradient-start: rgba(2, 6, 23, 0.85);
  --preset-video-top-gradient-mid: rgba(2, 6, 23, 0.15);
  --preset-video-top-gradient-end: rgba(2, 6, 23, 0);
  --preset-top-overlay-gradient-start: color-mix(in srgb, var(--uikit-color-black-2) 78%, transparent);
  --preset-top-overlay-gradient-mid: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-overlay-gradient-end: transparent;
  --preset-top-overlay-text-color: var(--uikit-color-white-1);
  --preset-top-overlay-text-shadow: 0 1px 2px color-mix(in srgb, var(--uikit-color-black-2) 56%, transparent);
  --preset-top-overlay-avatar-shadow: 0 0 0 1px color-mix(in srgb, var(--uikit-color-white-1) 26%, transparent);
  --preset-stream-glass-bg: rgba(9, 17, 35, 0.62);
  --preset-live-badge-bg: rgba(22, 163, 74, 0.28);
  --preset-live-badge-border: rgba(74, 222, 128, 0.52);
  --preset-live-badge-text: #dcfce7;
  --preset-live-badge-dot: #86efac;
  --preset-live-badge-dot-shadow: rgba(134, 239, 172, 0.65);
  --preset-live-indicator-dot: var(--uikit-color-red-6);
  --preset-live-indicator-dot-glow: color-mix(in srgb, var(--uikit-color-red-6) 62%, transparent);
  --preset-live-indicator-ring: color-mix(in srgb, var(--uikit-color-red-6) 48%, transparent);
  --preset-live-indicator-text: var(--uikit-color-red-5);
  --preset-stream-title: #ffffff;
  --preset-stream-subtitle: rgba(226, 232, 240, 0.86);
  --preset-stream-subtitle-host: #cbd5e1;
  --preset-stream-subtitle-sep: rgba(148, 163, 184, 0.7);
  --preset-stream-subtitle-room: rgba(148, 163, 184, 0.88);
  --preset-top-action-text: #f8fafc;
  --preset-top-action-icon-color: var(--uikit-color-white-1);
  --preset-top-action-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --preset-top-action-icon-hover-color: var(--uikit-color-white-1);
  --preset-top-action-icon-hover-bg: color-mix(in srgb, var(--uikit-color-white-1) 16%, transparent);
  --preset-top-action-leave-icon-color: var(--uikit-color-red-5);
  --preset-top-action-leave-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --preset-top-action-bg: rgba(15, 23, 42, 0.25);
  --preset-top-action-hover-shadow: 0 6px 18px rgba(15, 23, 42, 0.28);
  --preset-top-action-share-border: rgba(125, 211, 252, 0.65);
  --preset-top-action-share-bg: linear-gradient(135deg, rgba(14, 116, 144, 0.72), rgba(37, 99, 235, 0.78));
  --preset-top-action-share-text: #f8fafc;
  --preset-top-action-share-shadow: none;
  --preset-top-action-share-hover-border: rgba(186, 230, 253, 0.95);
  --preset-top-action-share-hover-bg: linear-gradient(135deg, rgba(2, 132, 199, 0.88), rgba(59, 130, 246, 0.92));
  --preset-top-action-share-hover-text: #f8fafc;
  --preset-top-action-share-hover-shadow: none;
  --preset-top-action-leave-border: rgba(251, 146, 146, 0.74);
  --preset-top-action-leave-bg: linear-gradient(135deg, rgba(190, 24, 93, 0.72), rgba(220, 38, 38, 0.82));
  --preset-top-action-leave-text: #f8fafc;
  --preset-top-action-leave-shadow: none;
  --preset-top-action-leave-hover-border: rgba(254, 202, 202, 0.95);
  --preset-top-action-leave-hover-bg: linear-gradient(135deg, rgba(219, 39, 119, 0.88), rgba(239, 68, 68, 0.92));
  --preset-top-action-leave-hover-text: #f8fafc;
  --preset-top-action-leave-hover-shadow: none;
  --preset-progress-track-bg: rgba(255, 255, 255, 0.2);
  --preset-progress-fill-start: #e51c1c;
  --preset-progress-fill-end: #f63b3b;
  --preset-progress-thumb-bg: #e51c1c;
  --preset-progress-thumb-shadow: rgba(229, 28, 28, 0.4);
  --preset-control-pill-bg: rgba(0, 0, 0, 0.45);
  --preset-control-pill-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  --preset-control-btn-color: #ffffff;
  --preset-control-btn-hover-bg: rgba(255, 255, 255, 0.1);
  --preset-control-tooltip-text: #eef2ff;
  --preset-control-tooltip-bg: rgba(30, 41, 59, 0.92);
  --preset-control-tooltip-border: rgba(148, 163, 184, 0.32);
  --preset-control-tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --preset-resolution-popup-bg: rgba(0, 0, 0, 0.55);
  --preset-resolution-popup-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  --preset-resolution-option-text: rgba(255, 255, 255, 0.7);
  --preset-resolution-option-hover-bg: rgba(255, 255, 255, 0.1);
  --preset-resolution-option-hover-text: #ffffff;
  --preset-resolution-option-active-bg: rgba(255, 255, 255, 0.18);
  --preset-resolution-option-active-text: #ffffff;
  --preset-volume-track-bg: rgba(255, 255, 255, 0.2);
  --preset-volume-fill-bg: #ffffff;
  --preset-volume-thumb-bg: #ffffff;
  --preset-volume-thumb-shadow: rgba(0, 0, 0, 0.3);
  --preset-pause-overlay-start: rgba(0, 0, 0, 0.5);
  --preset-pause-overlay-mid: rgba(0, 0, 0, 0.5);
  --preset-pause-overlay-end: rgba(0, 0, 0, 0);
  --preset-pause-btn-border: rgba(148, 163, 184, 0.42);
  --preset-pause-btn-grad-start: rgba(59, 130, 246, 0.28);
  --preset-pause-btn-grad-end: rgba(15, 23, 42, 0.88);
  --preset-pause-btn-bg: rgba(15, 23, 42, 0.86);
  --preset-pause-btn-shadow: rgba(15, 23, 42, 0.46);
  --preset-pause-btn-inset: rgba(255, 255, 255, 0.08);
  --preset-pause-btn-icon-shadow: rgba(59, 130, 246, 0.32);
  --preset-pause-btn-hover-border: rgba(125, 211, 252, 0.7);
  --preset-pause-btn-hover-shadow: rgba(30, 64, 175, 0.35);
  --preset-pause-btn-hover-inset: rgba(255, 255, 255, 0.12);
  --preset-panel-toggle-bg: #151e32;
  --preset-panel-toggle-border: #253550;
  --preset-panel-toggle-color: #566880;
  --preset-panel-toggle-hover-color: #6ea8fe;
  --preset-panel-toggle-hover-bg: rgba(59, 130, 246, 0.10);
  --preset-panel-toggle-shadow: -2px 0 8px rgba(0, 0, 0, 0.25);
  --preset-panel-bg: #151e32;
  --preset-panel-border: #253550;
  --preset-panel-shadow: 0 2px 10px rgba(0, 0, 0, 0.22), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-viewer-stack-bg: rgba(30, 41, 59, 0.75);
  --preset-viewer-stack-border: rgba(148, 163, 184, 0.24);
  --preset-viewer-stack-ring: #0f172a;
  --preset-viewer-pill-bg: rgba(30, 41, 59, 0.88);
  --preset-viewer-pill-text: #cbd5e1;
  --preset-viewer-pill-border: rgba(148, 163, 184, 0.32);
  --preset-chat-surface-bg: rgba(15, 23, 42, 0.65);
  --preset-chat-surface-border: rgba(148, 163, 184, 0.16);
  --preset-chat-surface-divider: rgba(148, 163, 184, 0.14);
  --preset-chat-surface-bg-gradient-end: color-mix(in srgb, var(--preset-chat-surface-bg) 88%, #000 12%);
  --preset-chat-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 28px rgba(0, 0, 0, 0.25);
  --preset-section-title: #cdd6e5;
  --preset-count-badge-bg: #1a2438;
  --preset-count-badge-text: #8494ad;
  --preset-search-bg: #1e2c42;
  --preset-search-border: #2e4060;
  --preset-search-focus-bg: #1e2c42;
  --preset-search-focus-border: #3b82f6;
  --preset-search-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
  --preset-search-icon: #566880;
  --preset-search-text: #e2e8f0;
  --preset-search-placeholder: rgba(148, 163, 184, 0.75);
  --preset-list-scrollbar: #253550;
  --preset-audience-hover-bg: rgba(30, 44, 66, 0.70);
  --preset-audience-name: #cdd6e5;
  --preset-online-dot-border: #151e32;
  --preset-role-host-text: #6ea8fe;
  --preset-role-host-bg: rgba(59, 130, 246, 0.18);
  --preset-role-self-text: #93c5fd;
  --preset-role-self-bg: rgba(59, 130, 246, 0.2);
  --preset-list-empty: #566880;
  --preset-tab-bar-bg: rgba(15, 23, 42, 0.7);
  --preset-tab-track-bg: rgba(255, 255, 255, 0.03);
  --preset-tab-track-border: rgba(255, 255, 255, 0.05);
  --preset-tab-slider-bg: rgba(59, 130, 246, 0.18);
  --preset-tab-btn-text: rgba(148, 163, 184, 0.55);
  --preset-tab-btn-hover-text: rgba(203, 213, 225, 0.72);
  --preset-tab-btn-active-text: #edf1f8;
  --preset-tab-btn-hover-bg: rgba(255, 255, 255, 0.04);
  --preset-tab-indicator-bg: #3b82f6;
  --preset-tab-indicator-shadow: 0 0 8px rgba(59, 130, 246, 0.45);
  --preset-tab-badge-bg: rgba(59, 130, 246, 0.1);
  --preset-tab-badge-text: rgba(148, 163, 184, 0.45);
  --preset-tab-badge-active-bg: rgba(59, 130, 246, 0.2);
  --preset-tab-badge-active-text: #93c5fd;
  --preset-role-admin-text: #fbbf24;
  --preset-role-admin-bg: rgba(251, 191, 36, 0.14);
  --preset-role-admin-border: rgba(251, 191, 36, 0.25);
  --preset-system-msg-text: #8494ad;
  --preset-system-msg-icon: #566880;
  --preset-system-msg-line: rgba(59, 130, 246, 0.12);
  --preset-audience-group-title: #566880;
  --preset-audience-group-line: rgba(148, 163, 184, 0.12);
  --preset-audience-role-badge-bg: rgba(59, 130, 246, 0.12);
  --preset-audience-role-badge-text: #6ea8fe;
  --preset-chat-scrollbar: #253550;
  --preset-msg-name: #cdd6e5;
  --preset-msg-time: #566880;
  --preset-msg-content-bg: #1a2438;
  --preset-msg-content-border: rgba(59, 130, 246, 0.2);
  --preset-msg-content-text: #bcc8dc;
  --preset-msg-self-bg: rgba(59, 130, 246, 0.14);
  --preset-msg-self-border: rgba(59, 130, 246, 0.24);
  --preset-msg-host-name: #6ea8fe;
  --preset-msg-host-tag-bg: rgba(59, 130, 246, 0.18);
  --preset-msg-host-bubble-bg: rgba(59, 130, 246, 0.14);
  --preset-msg-host-bubble-border: rgba(59, 130, 246, 0.24);
  --preset-input-bar-bg: #111828;
  --preset-input-shell-bg: rgba(30, 41, 59, 0.72);
  --preset-input-wrapper-bg: #1e2c42;
  --preset-input-wrapper-border: #2e4060;
  --preset-input-wrapper-focus-bg: #1e2c42;
  --preset-input-wrapper-focus-border: #3b82f6;
  --preset-input-wrapper-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
  --preset-emoji-btn-color: #8494ad;
  --preset-emoji-btn-active: #60a5fa;
  --preset-emoji-btn-hover-bg: rgba(255, 255, 255, 0.06);
  --preset-emoji-panel-bg: #1e2c42;
  --preset-emoji-panel-border: #2e4060;
  --preset-emoji-panel-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.18);
  --preset-emoji-hover-bg: #2e4060;
  --preset-emoji-hover-ring: rgba(59, 130, 246, 0.28);
  --preset-send-btn-inactive: #2e4060;
  --preset-send-btn-hover: #566880;
  --preset-send-btn-active-bg: #3b82f6;
  --preset-send-btn-active-text: #ffffff;
  --preset-send-btn-active-ring: rgba(59, 130, 246, 0.18);
  --preset-send-btn-sending-bg: rgba(14, 165, 233, 0.75);
  --preset-chat-input-text: #e2e8f0;
  --preset-chat-input-placeholder: rgba(148, 163, 184, 0.75);
  --preset-handle-border: #2e4060;
  --preset-handle-hover-bg: #1e2c42;
  --preset-handle-indicator: #3a506e;
  --preset-handle-indicator-hover: #566880;
  --preset-handle-glow: rgba(59, 130, 246, 0.35);
  --preset-chat-section-shadow: none;
  --preset-chat-msg-hover-bg: rgba(30, 44, 66, 0.55);
  --preset-chat-header-bg: rgba(15, 23, 42, 0.7);
  --preset-viewer-stack-row-bg: rgba(15, 23, 42, 0.55);
  --preset-viewer-stack-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  --preset-chat-grid-opacity: 0.22;
  --preset-time-divider-bg: color-mix(in srgb, var(--preset-chat-surface-bg) 85%, #000 15%);
  --preset-audience-hover-ring: rgba(59, 130, 246, 0.22);
  --preset-presenter-hover-shadow: rgba(0, 0, 0, 0.30);
  --preset-header-shadow: 0 1px 4px rgba(0, 0, 0, 0.22), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-card-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-header-gradient: linear-gradient(90deg, #3b82f6, #60a5fa, #93c5fd);
  --preset-avatar-0-bg: #182846;
  --preset-avatar-0-text: #7ab3ff;
  --preset-avatar-1-bg: #112c2c;
  --preset-avatar-1-text: #64f0da;
  --preset-avatar-2-bg: #2c2412;
  --preset-avatar-2-text: #fcc02a;
  --preset-avatar-3-bg: #2c1722;
  --preset-avatar-3-text: #fc7c90;
  --preset-avatar-4-bg: #112238;
  --preset-avatar-4-text: #82d8fe;
  --preset-avatar-5-bg: #1c2238;
  --preset-avatar-5-text: #9aadbe;
  --preset-avatar-6-bg: #112c1c;
  --preset-avatar-6-text: #74edc0;
  --preset-avatar-7-bg: #2c1c12;
  --preset-avatar-7-text: #fc9842;
  --preset-live-green: #34d399;
  --preset-live-green-pulse: rgba(52, 211, 153, 0.4);
  --preset-live-red: #fb7185;
  --preset-stage-border: rgba(255, 255, 255, 0.07);
  --preset-bar-bg: #0e1525;
  --preset-bar-border: #253550;
  --preset-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-bar-divider: #253550;
  --preset-bg-primary: #0e1525;
  --preset-bg-secondary: #151e32;
  --preset-bg-tertiary: #1a2438;
  --preset-live-ended-bg: rgba(14, 21, 37, 0.92);
  --preset-live-ended-icon: rgba(148, 163, 184, 0.4);
  --preset-live-ended-title: #edf1f8;
  --preset-live-ended-subtitle: rgba(205, 214, 229, 0.6);
}
.style-preset-business,
.style-preset-business.tui-theme-light {
  --uikit-color-gray-1: #f2f4f8;
  --uikit-color-gray-2: #f6f8fb;
  --uikit-color-gray-3: #ffffff;
  --uikit-color-gray-4: #ffffff;
  --uikit-color-gray-5: #f9fafc;
  --uikit-color-gray-6: #eef1f6;
  --uikit-color-gray-7: #e4e8f0;
  --uikit-color-theme-1: #eff6ff;
  --uikit-color-theme-2: #dbeafe;
  --uikit-color-theme-3: #bfdbfe;
  --uikit-color-theme-4: #93c5fd;
  --uikit-color-theme-5: #3b82f6;
  --uikit-color-theme-6: #1c66e5;
  --uikit-color-theme-7: #1c66e5;
  --uikit-color-theme-8: #1c66e5;
  --uikit-color-theme-9: #1e40af;
  --uikit-color-theme-10: #1e3a5f;
  --text-color-primary: #1a2742;
  --text-color-secondary: #3a4560;
  --text-color-tertiary: #8892aa;
  --bg-color-topbar: #ffffff;
  --bg-color-input: #ffffff;
  --bg-color-bubble-reciprocal: #f6f8fb;
  --stroke-color-primary: #e4e8f0;
  --stroke-color-secondary: #eef1f6;
  --button-color-primary-default: #1c66e5;
  --button-color-primary-hover: #1a5cd0;
  --button-color-primary-active: #174fb8;
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 18%, transparent);
  --biz-border-lightest: #e4e8f0;
  --biz-border-hover: #c2cad8;
  --biz-blue-glow: rgba(28, 102, 229, 0.5);
  --biz-blue-glow-shadow: rgba(28, 102, 229, 0.06);
  --biz-green-online: #10b981;
  --preset-primary: #1c66e5;
  --preset-primary-hover: #1a5cd0;
  --preset-primary-active: #174fb8;
  --preset-danger: #ef4444;
  --preset-bg-base: #f2f4f8;
  --preset-bg-panel: #ffffff;
  --preset-bg-input: #ffffff;
  --preset-bg-elevated: #ffffff;
  --preset-bg-inset: #f6f8fb;
  --preset-bg-hover: #f9fafc;
  --preset-border: #eaecf2;
  --preset-border-strong: #dde2ea;
  --preset-text-heading: #1a2440;
  --preset-text-primary: #1a2742;
  --preset-text-secondary: #3a4560;
  --preset-text-body: #475068;
  --preset-text-tertiary: #8892aa;
  --preset-text-weak: #aeb6c8;
  --preset-text-disabled: #d5dae4;
  --preset-icon-default: #8892aa;
  --preset-icon-hover: #3a4560;
  --preset-chat-bubble-bg: #f6f8fb;
  --preset-chat-bubble-text: #475068;
  --preset-chat-bubble-host-bg: rgba(59, 130, 246, 0.06);
  --preset-chat-bubble-host-border: rgba(59, 130, 246, 0.12);
  --preset-input-bg: #ffffff;
  --preset-input-border: #dde2ea;
  --preset-input-placeholder: #bfc6d4;
  --preset-info-bar-bg: #ffffff;
  --preset-info-bar-border: #e6e9f0;
  --preset-info-bar-divider: #e4e8f0;
  --preset-info-bar-brand-text: inherit;
  --preset-info-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.05), 0 0 1px rgba(28, 102, 229, 0.04);
  --preset-presenter-hover-bg: #f0f2f6;
  --preset-presenter-hover-border: #dde2ea;
  --preset-presenter-name: #1a2742;
  --preset-presenter-speaking-name: #0e1930;
  --preset-presenter-avatar-ring: 0 0 0 1.5px #fff, 0 1px 3px rgba(0, 0, 0, 0.08);
  --preset-presenter-status-border: #f8f9fb;
  --preset-btn-primary-bg: #1c66e5;
  --preset-btn-primary-hover: #1a5cd0;
  --preset-btn-primary-active: #1750b8;
  --preset-btn-primary-soft-bg: rgba(28, 102, 229, 0.08);
  --preset-btn-primary-soft-text: #1d4ed8;
  --preset-btn-primary-soft-border: rgba(28, 102, 229, 0.42);
  --preset-btn-primary-soft-hover-bg: rgba(28, 102, 229, 0.14);
  --preset-btn-primary-soft-hover-border: rgba(28, 102, 229, 0.58);
  --preset-btn-primary-soft-hover-text: #1e40af;
  --preset-btn-primary-soft-active-bg: rgba(28, 102, 229, 0.20);
  --preset-btn-primary-soft-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 6px rgba(28, 102, 229, 0.08);
  --preset-btn-primary-soft-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 10px rgba(28, 102, 229, 0.14);
  --preset-btn-danger-bg: rgba(220, 38, 38, 0.06);
  --preset-btn-danger-text: #dc2626;
  --preset-btn-danger-border: rgba(220, 38, 38, 0.38);
  --preset-btn-danger-hover-bg: rgba(220, 38, 38, 0.12);
  --preset-btn-danger-hover-border: rgba(220, 38, 38, 0.52);
  --preset-btn-danger-hover-text: #b91c1c;
  --preset-btn-danger-active-bg: rgba(220, 38, 38, 0.18);
  --preset-btn-danger-active-text: #991b1b;
  --preset-btn-danger-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 6px rgba(220, 38, 38, 0.06);
  --preset-btn-danger-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 10px rgba(220, 38, 38, 0.10);
  --preset-video-bg: #0f1219;
  --preset-video-border: #dde2ea;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.04);
  --preset-stage-edge-spacing: 16px;
  --preset-stage-edge-spacing-mobile: 12px;
  --preset-pause-backdrop: rgba(0, 0, 0, 0.45);
  --preset-stage-divider: rgba(148, 163, 184, 0.32);
  --preset-glass-bg: rgba(15, 23, 42, 0.42);
  --preset-glass-border: rgba(255, 255, 255, 0.24);
  --preset-glass-shadow: 0 10px 24px rgba(15, 23, 42, 0.22);
  --preset-video-top-gradient-start: rgba(248, 250, 252, 0.92);
  --preset-video-top-gradient-mid: rgba(248, 250, 252, 0.18);
  --preset-video-top-gradient-end: rgba(248, 250, 252, 0);
  --preset-top-overlay-gradient-start: color-mix(in srgb, var(--uikit-color-black-2) 70%, transparent);
  --preset-top-overlay-gradient-mid: color-mix(in srgb, var(--uikit-color-black-2) 24%, transparent);
  --preset-top-overlay-gradient-end: transparent;
  --preset-top-overlay-text-color: var(--uikit-color-white-1);
  --preset-top-overlay-text-shadow: 0 1px 2px color-mix(in srgb, var(--uikit-color-black-2) 52%, transparent);
  --preset-top-overlay-avatar-shadow: 0 0 0 1px color-mix(in srgb, var(--uikit-color-white-1) 36%, transparent);
  --preset-stream-glass-bg: rgba(255, 255, 255, 0.72);
  --preset-live-badge-bg: rgba(16, 185, 129, 0.14);
  --preset-live-badge-border: rgba(16, 185, 129, 0.36);
  --preset-live-badge-text: #047857;
  --preset-live-badge-dot: #10b981;
  --preset-live-badge-dot-shadow: rgba(16, 185, 129, 0.45);
  --preset-live-indicator-dot: var(--uikit-color-red-6);
  --preset-live-indicator-dot-glow: color-mix(in srgb, var(--uikit-color-red-6) 58%, transparent);
  --preset-live-indicator-ring: color-mix(in srgb, var(--uikit-color-red-6) 44%, transparent);
  --preset-live-indicator-text: var(--uikit-color-red-6);
  --preset-stream-title: #1a2440;
  --preset-stream-subtitle: #475068;
  --preset-stream-subtitle-host: #1e2c40;
  --preset-stream-subtitle-sep: #98a2b4;
  --preset-stream-subtitle-room: #64748b;
  --preset-top-action-text: #344054;
  --preset-top-action-icon-color: var(--uikit-color-white-1);
  --preset-top-action-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-action-icon-hover-color: var(--uikit-color-white-1);
  --preset-top-action-icon-hover-bg: color-mix(in srgb, var(--uikit-color-white-1) 14%, transparent);
  --preset-top-action-leave-icon-color: color-mix(in srgb, var(--uikit-color-red-4) 82%, var(--uikit-color-white-1));
  --preset-top-action-leave-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-action-bg: rgba(255, 255, 255, 0.5);
  --preset-top-action-hover-shadow: 0 8px 20px rgba(15, 23, 42, 0.16);
  --preset-top-action-share-border: rgba(28, 102, 229, 0.42);
  --preset-top-action-share-bg: linear-gradient(135deg, rgba(219, 234, 254, 0.95), rgba(191, 219, 254, 0.95));
  --preset-top-action-share-text: #1e40af;
  --preset-top-action-share-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 4px 12px rgba(28, 102, 229, 0.18);
  --preset-top-action-share-hover-border: rgba(28, 102, 229, 0.58);
  --preset-top-action-share-hover-bg: linear-gradient(135deg, rgba(191, 219, 254, 0.98), rgba(147, 197, 253, 0.98));
  --preset-top-action-share-hover-text: #1e3a8a;
  --preset-top-action-share-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(28, 102, 229, 0.24);
  --preset-top-action-leave-border: rgba(220, 38, 38, 0.42);
  --preset-top-action-leave-bg: linear-gradient(135deg, rgba(254, 226, 226, 0.95), rgba(254, 202, 202, 0.95));
  --preset-top-action-leave-text: #b91c1c;
  --preset-top-action-leave-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 4px 12px rgba(220, 38, 38, 0.16);
  --preset-top-action-leave-hover-border: rgba(220, 38, 38, 0.58);
  --preset-top-action-leave-hover-bg: linear-gradient(135deg, rgba(254, 202, 202, 0.98), rgba(252, 165, 165, 0.98));
  --preset-top-action-leave-hover-text: #991b1b;
  --preset-top-action-leave-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(220, 38, 38, 0.2);
  --preset-progress-track-bg: rgba(15, 23, 42, 0.22);
  --preset-progress-fill-start: #e51c1c;
  --preset-progress-fill-end: #f63b3b;
  --preset-progress-thumb-bg: #e51c1c;
  --preset-progress-thumb-shadow: rgba(229, 28, 28, 0.35);
  --preset-control-pill-bg: rgba(15, 23, 42, 0.58);
  --preset-control-pill-shadow: 0 4px 16px rgba(2, 6, 23, 0.22);
  --preset-control-btn-color: #ffffff;
  --preset-control-btn-hover-bg: rgba(255, 255, 255, 0.14);
  --preset-control-tooltip-text: #eef2ff;
  --preset-control-tooltip-bg: rgba(30, 41, 59, 0.92);
  --preset-control-tooltip-border: rgba(148, 163, 184, 0.32);
  --preset-control-tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --preset-resolution-popup-bg: rgba(15, 23, 42, 0.78);
  --preset-resolution-popup-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  --preset-resolution-option-text: rgba(255, 255, 255, 0.76);
  --preset-resolution-option-hover-bg: rgba(255, 255, 255, 0.12);
  --preset-resolution-option-hover-text: #ffffff;
  --preset-resolution-option-active-bg: rgba(255, 255, 255, 0.2);
  --preset-resolution-option-active-text: #ffffff;
  --preset-volume-track-bg: rgba(255, 255, 255, 0.3);
  --preset-volume-fill-bg: #ffffff;
  --preset-volume-thumb-bg: #ffffff;
  --preset-volume-thumb-shadow: rgba(2, 6, 23, 0.32);
  --preset-pause-overlay-start: rgba(0, 0, 0, 0.4);
  --preset-pause-overlay-mid: rgba(0, 0, 0, 0.4);
  --preset-pause-overlay-end: rgba(0, 0, 0, 0);
  --preset-pause-btn-border: rgba(148, 163, 184, 0.36);
  --preset-pause-btn-grad-start: rgba(219, 234, 254, 0.96);
  --preset-pause-btn-grad-end: rgba(226, 232, 240, 0.92);
  --preset-pause-btn-bg: rgba(255, 255, 255, 0.88);
  --preset-pause-btn-shadow: rgba(15, 23, 42, 0.2);
  --preset-pause-btn-inset: rgba(255, 255, 255, 0.75);
  --preset-pause-btn-icon-shadow: rgba(28, 102, 229, 0.18);
  --preset-pause-btn-icon-color: #1c66e5;
  --preset-pause-btn-hover-border: rgba(96, 165, 250, 0.75);
  --preset-pause-btn-hover-shadow: rgba(28, 102, 229, 0.24);
  --preset-pause-btn-hover-inset: rgba(255, 255, 255, 0.88);
  --preset-panel-toggle-bg: #ffffff;
  --preset-panel-toggle-border: #e4e8f0;
  --preset-panel-toggle-color: #aeb6c8;
  --preset-panel-toggle-hover-color: #1c66e5;
  --preset-panel-toggle-hover-bg: #f0f4ff;
  --preset-panel-toggle-shadow: -2px 0 6px rgba(0, 0, 0, 0.04);
  --preset-panel-bg: #ffffff;
  --preset-panel-border: #e6e9f0;
  --preset-panel-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.03);
  --preset-viewer-stack-bg: #f8fafc;
  --preset-viewer-stack-border: #e2e8f0;
  --preset-viewer-stack-ring: #ffffff;
  --preset-viewer-pill-bg: #eef2ff;
  --preset-viewer-pill-text: #334155;
  --preset-viewer-pill-border: #dbeafe;
  --preset-chat-surface-bg: #ffffff;
  --preset-chat-surface-border: #e2e8f0;
  --preset-chat-surface-divider: #edf2f7;
  --preset-chat-surface-bg-gradient-end: #f8fafc;
  --preset-chat-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 10px 24px rgba(15, 23, 42, 0.08);
  --preset-section-title: #1e2c40;
  --preset-count-badge-bg: #f2f4f6;
  --preset-count-badge-text: #68738a;
  --preset-search-bg: #f8f9fb;
  --preset-search-border: #d4d9e2;
  --preset-search-focus-bg: #ffffff;
  --preset-search-focus-border: #3b82f6;
  --preset-search-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
  --preset-search-icon: #98a2b4;
  --preset-search-text: #344054;
  --preset-search-placeholder: #98a2b4;
  --preset-list-scrollbar: #e2e6ec;
  --preset-audience-hover-bg: #f8f9fb;
  --preset-audience-name: #344054;
  --preset-online-dot-border: #ffffff;
  --preset-role-host-text: #3b82f6;
  --preset-role-host-bg: rgba(59, 130, 246, 0.08);
  --preset-role-self-text: #1c66e5;
  --preset-role-self-bg: rgba(28, 102, 229, 0.1);
  --preset-list-empty: #98a2b4;
  --preset-tab-bar-bg: #f8fafc;
  --preset-tab-track-bg: rgba(0, 0, 0, 0.03);
  --preset-tab-track-border: rgba(0, 0, 0, 0.05);
  --preset-tab-slider-bg: #ffffff;
  --preset-tab-btn-text: rgba(58, 69, 96, 0.52);
  --preset-tab-btn-hover-text: rgba(26, 39, 66, 0.72);
  --preset-tab-btn-active-text: #1a2742;
  --preset-tab-btn-hover-bg: rgba(28, 102, 229, 0.04);
  --preset-tab-indicator-bg: #1c66e5;
  --preset-tab-indicator-shadow: 0 0 6px rgba(28, 102, 229, 0.3);
  --preset-tab-badge-bg: rgba(28, 102, 229, 0.06);
  --preset-tab-badge-text: rgba(58, 69, 96, 0.42);
  --preset-tab-badge-active-bg: rgba(28, 102, 229, 0.1);
  --preset-tab-badge-active-text: #1c66e5;
  --preset-role-admin-text: #d97706;
  --preset-role-admin-bg: rgba(217, 119, 6, 0.08);
  --preset-role-admin-border: rgba(217, 119, 6, 0.2);
  --preset-system-msg-text: #8892aa;
  --preset-system-msg-icon: #aeb6c8;
  --preset-system-msg-line: rgba(28, 102, 229, 0.08);
  --preset-audience-group-title: #8892aa;
  --preset-audience-group-line: rgba(0, 0, 0, 0.06);
  --preset-audience-role-badge-bg: rgba(28, 102, 229, 0.06);
  --preset-audience-role-badge-text: #1c66e5;
  --preset-chat-scrollbar: #e0e4ea;
  --preset-msg-name: #344054;
  --preset-msg-time: #c2c8d2;
  --preset-msg-content-bg: #f2f4f6;
  --preset-msg-content-border: rgba(28, 102, 229, 0.18);
  --preset-msg-content-text: #475068;
  --preset-msg-self-bg: #eef4ff;
  --preset-msg-self-border: #dde8fc;
  --preset-msg-host-name: #3b82f6;
  --preset-msg-host-tag-bg: rgba(59, 130, 246, 0.07);
  --preset-msg-host-bubble-bg: rgba(59, 130, 246, 0.06);
  --preset-msg-host-bubble-border: rgba(59, 130, 246, 0.12);
  --preset-input-bar-bg: transparent;
  --preset-input-shell-bg: #f8fafc;
  --preset-input-wrapper-bg: #f8f9fb;
  --preset-input-wrapper-border: #d4d9e2;
  --preset-input-wrapper-focus-bg: #ffffff;
  --preset-input-wrapper-focus-border: #3b82f6;
  --preset-input-wrapper-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
  --preset-emoji-btn-color: #98a2b4;
  --preset-emoji-btn-active: #3b82f6;
  --preset-emoji-btn-hover-bg: rgba(28, 102, 229, 0.08);
  --preset-emoji-panel-bg: #ffffff;
  --preset-emoji-panel-border: #e2e6ec;
  --preset-emoji-panel-shadow: 0 8px 22px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.03);
  --preset-emoji-hover-bg: #f2f4f6;
  --preset-emoji-hover-ring: rgba(59, 130, 246, 0.15);
  --preset-send-btn-inactive: #d4d9e2;
  --preset-send-btn-hover: #98a2b4;
  --preset-send-btn-active-bg: #3b82f6;
  --preset-send-btn-active-text: #ffffff;
  --preset-send-btn-active-ring: rgba(59, 130, 246, 0.2);
  --preset-send-btn-sending-bg: rgba(28, 102, 229, 0.72);
  --preset-chat-input-text: #344054;
  --preset-chat-input-placeholder: #98a2b4;
  --preset-handle-border: #e2e8f0;
  --preset-handle-hover-bg: #f8f9fb;
  --preset-handle-indicator: #c8d2de;
  --preset-handle-indicator-hover: #90a0b6;
  --preset-handle-glow: rgba(59, 130, 246, 0.15);
  --preset-chat-section-shadow: none;
  --preset-chat-msg-hover-bg: rgba(242, 244, 246, 0.72);
  --preset-chat-header-bg: #f8fafc;
  --preset-viewer-stack-row-bg: #f8fafc;
  --preset-viewer-stack-shadow: 0 3px 8px rgba(15, 23, 42, 0.12);
  --preset-chat-grid-opacity: 0.15;
  --preset-time-divider-bg: rgba(241, 245, 249, 0.9);
  --preset-audience-hover-ring: rgba(59, 130, 246, 0.12);
  --preset-presenter-hover-shadow: rgba(0, 0, 0, 0.06);
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.02);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.04);
  --preset-header-gradient: transparent;
  --preset-avatar-0-bg: #eff6ff;
  --preset-avatar-0-text: #2563eb;
  --preset-avatar-1-bg: #f0fdfa;
  --preset-avatar-1-text: #0d9488;
  --preset-avatar-2-bg: #fffbeb;
  --preset-avatar-2-text: #d97706;
  --preset-avatar-3-bg: #fff1f2;
  --preset-avatar-3-text: #f43f5e;
  --preset-avatar-4-bg: #f0f9ff;
  --preset-avatar-4-text: #0284c7;
  --preset-avatar-5-bg: #f1f5f9;
  --preset-avatar-5-text: #475569;
  --preset-avatar-6-bg: #ecfdf5;
  --preset-avatar-6-text: #059669;
  --preset-avatar-7-bg: #fff7ed;
  --preset-avatar-7-text: #ea580c;
  --preset-live-green: #10b981;
  --preset-live-green-pulse: rgba(16, 185, 129, 0.4);
  --preset-live-red: #f43f5e;
  --preset-stage-border: rgba(0, 0, 0, 0.06);
  --preset-bar-bg: #ffffff;
  --preset-bar-border: #e6e9f0;
  --preset-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.02);
  --preset-bar-divider: #e4e8f0;
  --preset-bg-primary: #f2f4f8;
  --preset-bg-secondary: #ffffff;
  --preset-bg-tertiary: #f6f8fb;
  --preset-live-ended-bg: rgba(242, 244, 248, 0.92);
  --preset-live-ended-icon: rgba(136, 146, 170, 0.4);
  --preset-live-ended-title: #1a2440;
  --preset-live-ended-subtitle: rgba(71, 80, 104, 0.7);
}
html[tui-theme-mode=dark] .style-preset-education,
.style-preset-education.tui-theme-dark {
  --uikit-color-gray-1: #111318;
  --uikit-color-gray-2: #16181f;
  --uikit-color-gray-3: #1c1f28;
  --uikit-color-gray-4: #252830;
  --uikit-color-gray-5: #1e2128;
  --uikit-color-gray-6: #282c36;
  --uikit-color-gray-7: #2e323c;
  --uikit-color-theme-1: rgba(16, 185, 129, 0.06);
  --uikit-color-theme-2: rgba(16, 185, 129, 0.1);
  --uikit-color-theme-3: rgba(16, 185, 129, 0.16);
  --uikit-color-theme-4: #6ee7b7;
  --uikit-color-theme-5: #34d399;
  --uikit-color-theme-6: #10b981;
  --uikit-color-theme-7: #34d399;
  --uikit-color-theme-8: #34d399;
  --uikit-color-theme-9: #10b981;
  --uikit-color-theme-10: #059669;
  --text-color-primary: #e8ecf2;
  --text-color-secondary: #b0b8c8;
  --text-color-tertiary: #6b7280;
  --bg-color-topbar: #16181f;
  --bg-color-dialog: #16181f;
  --bg-color-dialog-module: #1c1f28;
  --bg-color-input: #1c1f28;
  --bg-color-bubble-reciprocal: #1c1f28;
  --stroke-color-primary: #252830;
  --stroke-color-secondary: #282c36;
  --stroke-color-module: #2e323c;
  --button-color-primary-default: #10b981;
  --button-color-primary-hover: #34d399;
  --button-color-primary-active: #059669;
  --button-color-primary-disabled: rgba(16, 185, 129, 0.22);
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 32%, transparent);
  --list-color-hover: rgba(255, 255, 255, 0.06);
  --list-color-focused: rgba(16, 185, 129, 0.12);
  --preset-primary: #34d399;
  --preset-primary-hover: #6ee7b7;
  --preset-primary-active: #10b981;
  --preset-danger: #f87171;
  --preset-bg-base: #111318;
  --preset-bg-panel: #16181f;
  --preset-bg-input: #1c1f28;
  --preset-bg-elevated: #1c1f28;
  --preset-bg-inset: #1c1f28;
  --preset-bg-hover: #1e2128;
  --preset-border: #252830;
  --preset-border-strong: #2e323c;
  --preset-text-heading: #e8ecf2;
  --preset-text-primary: #e8ecf2;
  --preset-text-secondary: #b0b8c8;
  --preset-text-body: #b0b8c8;
  --preset-text-tertiary: #6b7280;
  --preset-text-weak: #4b5563;
  --preset-text-disabled: #374151;
  --preset-text-on-primary: #ffffff;
  --preset-icon-default: #6b7280;
  --preset-icon-hover: #b0b8c8;
  --preset-live-badge-bg: rgba(16, 185, 129, 0.16);
  --preset-live-badge-border: rgba(52, 211, 153, 0.32);
  --preset-live-badge-text: #34d399;
  --preset-live-badge-dot: #34d399;
  --preset-live-badge-dot-shadow: rgba(52, 211, 153, 0.45);
  --preset-live-indicator-dot: #f87171;
  --preset-live-indicator-dot-glow: rgba(248, 113, 113, 0.55);
  --preset-live-indicator-ring: rgba(248, 113, 113, 0.38);
  --preset-live-indicator-text: #f87171;
  --preset-btn-primary-bg: #10b981;
  --preset-btn-primary-hover: #34d399;
  --preset-btn-primary-active: #059669;
  --preset-btn-primary-soft-bg: rgba(16, 185, 129, 0.12);
  --preset-btn-primary-soft-text: #34d399;
  --preset-btn-primary-soft-border: rgba(52, 211, 153, 0.32);
  --preset-btn-danger-bg: rgba(248, 113, 113, 0.1);
  --preset-btn-danger-text: #f87171;
  --preset-btn-danger-border: rgba(248, 113, 113, 0.32);
  --preset-panel-bg: #16181f;
  --preset-panel-border: #252830;
  --preset-panel-shadow: 0 10px 26px color-mix(in srgb, var(--uikit-color-black-2) 42%, transparent);
  --preset-video-bg: #0a0c10;
  --preset-video-border: #252830;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
  --preset-glass-bg: rgba(0, 0, 0, 0.52);
  --preset-glass-border: rgba(255, 255, 255, 0.12);
  --preset-tab-bar-bg: #1c1f28;
  --preset-tab-btn-text: rgba(176, 184, 200, 0.52);
  --preset-tab-btn-hover-text: rgba(232, 236, 242, 0.72);
  --preset-tab-btn-active-text: #e8ecf2;
  --preset-tab-indicator-bg: #34d399;
  --preset-chat-bubble-bg: #1c1f28;
  --preset-chat-bubble-text: #b0b8c8;
  --preset-input-bg: #1c1f28;
  --preset-input-border: #2e323c;
  --preset-input-placeholder: #4b5563;
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
}
.style-preset-education,
.style-preset-education.tui-theme-light {
  --uikit-color-gray-1: #f3f5f7;
  --uikit-color-gray-2: #f7f8fa;
  --uikit-color-gray-3: #ebeef2;
  --uikit-color-gray-4: #e2e6ec;
  --uikit-color-gray-5: #f9fafb;
  --uikit-color-gray-6: #eef0f4;
  --uikit-color-gray-7: #dfe3ea;
  --uikit-color-theme-1: #ecfdf5;
  --uikit-color-theme-2: #d1fae5;
  --uikit-color-theme-3: #a7f3d0;
  --uikit-color-theme-4: #6ee7b7;
  --uikit-color-theme-5: #34d399;
  --uikit-color-theme-6: #10b981;
  --uikit-color-theme-7: #059669;
  --uikit-color-theme-8: #047857;
  --uikit-color-theme-9: #065f46;
  --uikit-color-theme-10: #064e3b;
  --text-color-primary: #1a2332;
  --text-color-secondary: #4b5563;
  --text-color-tertiary: #9ca3af;
  --bg-color-topbar: #ffffff;
  --bg-color-dialog: #ffffff;
  --bg-color-dialog-module: #f7f8fa;
  --bg-color-input: #ffffff;
  --bg-color-bubble-reciprocal: #f7f8fa;
  --stroke-color-primary: #e2e6ec;
  --stroke-color-secondary: #eef0f4;
  --stroke-color-module: #dfe3ea;
  --button-color-primary-default: #10b981;
  --button-color-primary-hover: #059669;
  --button-color-primary-active: #047857;
  --button-color-primary-disabled: rgba(16, 185, 129, 0.2);
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 14%, transparent);
  --list-color-hover: rgba(15, 23, 42, 0.04);
  --list-color-focused: rgba(16, 185, 129, 0.08);
  --preset-primary: #10b981;
  --preset-primary-hover: #059669;
  --preset-primary-active: #047857;
  --preset-danger: #ef4444;
  --preset-bg-base: #f3f5f7;
  --preset-bg-panel: #ffffff;
  --preset-bg-input: #ffffff;
  --preset-bg-elevated: #ffffff;
  --preset-bg-inset: #f7f8fa;
  --preset-bg-hover: #f9fafb;
  --preset-border: #ebeef2;
  --preset-border-strong: #dfe3ea;
  --preset-text-heading: #1a2332;
  --preset-text-primary: #1a2332;
  --preset-text-secondary: #4b5563;
  --preset-text-body: #4b5563;
  --preset-text-tertiary: #9ca3af;
  --preset-text-weak: #c4c9d2;
  --preset-text-disabled: #d5dae4;
  --preset-text-on-primary: #ffffff;
  --preset-icon-default: #9ca3af;
  --preset-icon-hover: #4b5563;
  --preset-live-badge-bg: rgba(16, 185, 129, 0.1);
  --preset-live-badge-border: rgba(16, 185, 129, 0.3);
  --preset-live-badge-text: #047857;
  --preset-live-badge-dot: #10b981;
  --preset-live-badge-dot-shadow: rgba(16, 185, 129, 0.45);
  --preset-live-indicator-dot: #ef4444;
  --preset-live-indicator-dot-glow: rgba(239, 68, 68, 0.55);
  --preset-live-indicator-ring: rgba(239, 68, 68, 0.38);
  --preset-live-indicator-text: #ef4444;
  --preset-btn-primary-bg: #10b981;
  --preset-btn-primary-hover: #059669;
  --preset-btn-primary-active: #047857;
  --preset-btn-primary-soft-bg: rgba(16, 185, 129, 0.08);
  --preset-btn-primary-soft-text: #047857;
  --preset-btn-primary-soft-border: rgba(16, 185, 129, 0.38);
  --preset-btn-danger-bg: rgba(239, 68, 68, 0.06);
  --preset-btn-danger-text: #dc2626;
  --preset-btn-danger-border: rgba(239, 68, 68, 0.38);
  --preset-panel-bg: #ffffff;
  --preset-panel-border: #ebeef2;
  --preset-panel-shadow: 0 8px 24px color-mix(in srgb, var(--uikit-color-black-3) 10%, transparent);
  --preset-video-bg: #0f1219;
  --preset-video-border: #dfe3ea;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.07);
  --preset-glass-bg: rgba(15, 23, 42, 0.42);
  --preset-glass-border: rgba(255, 255, 255, 0.24);
  --preset-tab-bar-bg: #f9fafb;
  --preset-tab-btn-text: rgba(75, 85, 99, 0.52);
  --preset-tab-btn-hover-text: rgba(26, 35, 50, 0.72);
  --preset-tab-btn-active-text: #1a2332;
  --preset-tab-indicator-bg: #10b981;
  --preset-chat-bubble-bg: #f7f8fa;
  --preset-chat-bubble-text: #4b5563;
  --preset-input-bg: #ffffff;
  --preset-input-border: #dfe3ea;
  --preset-input-placeholder: #c4c9d2;
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}
:root {
  --tui-button-round-radius: 999px;
  --tui-button-rect-radius: 3px;
  --tui-button-circle-radius: 50%;
  --tui-button-small-width: 48px;
  --tui-button-small-height: 24px;
  --tui-button-medium-width: 64px;
  --tui-button-medium-height: 32px;
  --tui-button-big-width: 80px;
  --tui-button-big-height: 40px;
  --tui-button-large-width: 96px;
  --tui-button-large-height: 48px;
  --tui-icon-default-width: 16px;
  --tui-icon-default-height: 16px;
  --tui-toast-round-radius: 8px;
  --tui-dialog-round-radius: 20px;
}
.tui-badge {
  position: relative;
  vertical-align: middle;
  display: flex;
}
.tui-badge .tui-badge-content {
  background-color: var(--uikit-color-red-6);
  border-radius: 10px;
  color: var(--text-color-button);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  height: 18px;
  padding: 0 6px;
  white-space: nowrap;
  border: 1px solid var(--uikit-color-white-1);
}
.tui-badge .tui-badge-content.is-fixed {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.tui-badge .tui-badge-content.is-dot {
  height: 8px;
  width: 8px;
  padding: 0;
  right: 5px;
  border-radius: 50%;
}
.tui-badge .tui-badge-content.tui-badge-primary {
  background-color: var(--uikit-color-theme-6);
}
.tui-badge .tui-badge-content.tui-badge-success {
  background-color: var(--uikit-color-green-6);
}
.tui-badge .tui-badge-content.tui-badge-warning {
  background-color: var(--uikit-color-orange-6);
}
.tui-badge .tui-badge-content.tui-badge-danger {
  background-color: var(--uikit-color-red-6);
}
.tui-badge .tui-badge-content.tui-badge-info {
  background-color: var(--uikit-color-gray-6);
}.tui-input {
  position: relative;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.tui-input--mobile {
  display: block;
}
.tui-input--mobile.tui-input--with-label {
  display: flex;
  align-items: center;
  height: auto;
  background-color: var(--bg-color-dialog);
  border-radius: 0;
  border: none;
}
.tui-input__label {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-right: 12px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--text-color-primary);
}
.tui-input__label-text {
  white-space: nowrap;
}
.tui-input__label-required {
  color: var(--text-color-error);
  margin-left: 2px;
  font-size: 16px;
  line-height: 22px;
}
.tui-input__content {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  min-height: 22px;
}
.tui-input--mobile .tui-input__content {
  width: 100%;
}
.tui-input--mobile.tui-input--with-label .tui-input__content {
  flex: 1;
  min-width: 0;
}
.tui-input--mobile.tui-input--with-label .tui-input__native-input {
  height: 22px;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}
.tui-input--mobile.tui-input--with-label .tui-input__native-input:focus {
  border: none;
  outline: none;
}
.tui-input--mobile.tui-input--with-label .tui-input__native-input::placeholder {
  color: var(--text-color-secondary);
  font-size: 16px;
  line-height: 22px;
}
.tui-input--mobile.tui-input--with-label.tui-input--small, .tui-input--mobile.tui-input--with-label.tui-input--medium, .tui-input--mobile.tui-input--with-label.tui-input--large {
  height: auto;
}
.tui-input--mobile.tui-input--with-label.tui-input--small .tui-input__native-input, .tui-input--mobile.tui-input--with-label.tui-input--medium .tui-input__native-input, .tui-input--mobile.tui-input--with-label.tui-input--large .tui-input__native-input {
  height: 22px;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}
.tui-input--mobile.tui-input--with-label.tui-input--small .tui-input__native-input::placeholder, .tui-input--mobile.tui-input--with-label.tui-input--medium .tui-input__native-input::placeholder, .tui-input--mobile.tui-input--with-label.tui-input--large .tui-input__native-input::placeholder {
  color: var(--text-color-secondary);
  font-size: 16px;
  line-height: 22px;
}
.tui-input--mobile.tui-input--with-label.tui-input--small .tui-input__native-input:focus, .tui-input--mobile.tui-input--with-label.tui-input--medium .tui-input__native-input:focus, .tui-input--mobile.tui-input--with-label.tui-input--large .tui-input__native-input:focus {
  border: none;
  outline: none;
}
.tui-input--small {
  height: 32px;
}
.tui-input--small .tui-input__native-input {
  height: 32px;
  line-height: 20px;
  padding: 6px 12px;
  font-size: 12px;
}
.tui-input--small .tui-input__prefix-icon {
  left: 8px;
}
.tui-input--small .tui-input__suffix-icon,
.tui-input--small .tui-input__clear-icon,
.tui-input--small .tui-input__password-toggle {
  right: 8px;
}
.tui-input--small .tui-input__prefix-icon + .tui-input__native-input {
  padding-left: 32px;
}
.tui-input--small .tui-input__suffix-icon ~ .tui-input__native-input {
  padding-right: 32px;
}
.tui-input--small:has(.tui-input__suffix-icon) .tui-input__native-input {
  padding-right: 32px;
}
.tui-input--small:has(.tui-input__clear-icon) .tui-input__native-input {
  padding-right: 32px;
}
.tui-input--small:has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 32px;
}
.tui-input--small:has(.tui-input__suffix-icon):has(.tui-input__clear-icon) .tui-input__native-input, .tui-input--small:has(.tui-input__suffix-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 48px;
}
.tui-input--small:has(.tui-input__clear-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 48px;
}
.tui-input--small:has(.tui-input__suffix-icon):has(.tui-input__clear-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 64px;
}
.tui-input--medium {
  height: 40px;
}
.tui-input--medium .tui-input__native-input {
  height: 40px;
  line-height: 20px;
  padding: 10px 16px;
  font-size: 14px;
}
.tui-input--medium .tui-input__prefix-icon {
  left: 12px;
}
.tui-input--medium .tui-input__suffix-icon,
.tui-input--medium .tui-input__clear-icon,
.tui-input--medium .tui-input__password-toggle {
  right: 12px;
}
.tui-input--medium .tui-input__prefix-icon + .tui-input__native-input {
  padding-left: 40px;
}
.tui-input--medium .tui-input__suffix-icon ~ .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--medium:has(.tui-input__suffix-icon) .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--medium:has(.tui-input__clear-icon) .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--medium:has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--medium:has(.tui-input__suffix-icon):has(.tui-input__clear-icon) .tui-input__native-input, .tui-input--medium:has(.tui-input__suffix-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 60px;
}
.tui-input--medium:has(.tui-input__clear-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 60px;
}
.tui-input--medium:has(.tui-input__suffix-icon):has(.tui-input__clear-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 80px;
}
.tui-input--large {
  height: 42px;
}
.tui-input--large .tui-input__native-input {
  height: 42px;
  line-height: 20px;
  padding: 11px 16px;
  font-size: 14px;
}
.tui-input--large .tui-input__prefix-icon {
  left: 12px;
}
.tui-input--large .tui-input__suffix-icon,
.tui-input--large .tui-input__clear-icon,
.tui-input--large .tui-input__password-toggle {
  right: 12px;
}
.tui-input--large .tui-input__prefix-icon + .tui-input__native-input {
  padding-left: 40px;
}
.tui-input--large .tui-input__suffix-icon ~ .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--large:has(.tui-input__suffix-icon) .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--large:has(.tui-input__clear-icon) .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--large:has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--large:has(.tui-input__suffix-icon):has(.tui-input__clear-icon) .tui-input__native-input, .tui-input--large:has(.tui-input__suffix-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 60px;
}
.tui-input--large:has(.tui-input__clear-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 60px;
}
.tui-input--large:has(.tui-input__suffix-icon):has(.tui-input__clear-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 80px;
}
.tui-input--disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.tui-input__native-input {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: var(--bg-color-operate);
  color: var(--text-color-primary);
  border: 1px solid var(--stroke-color-primary);
}
.tui-input__native-input::placeholder {
  color: var(--text-color-secondary);
}
.tui-input__native-input:focus {
  outline: 0;
  border-color: var(--text-color-link);
}
.tui-input__native-input:disabled {
  background-color: var(--bg-color-bubble-reciprocal);
  color: var(--text-color-disabled);
  border-color: var(--stroke-color-primary);
  cursor: not-allowed;
}
.tui-input__native-input:disabled::placeholder {
  color: var(--bg-color-bubble-reciprocal);
}
.tui-input__native-input:disabled:focus {
  border-color: var(--bg-color-bubble-reciprocal);
  box-shadow: none;
}
.tui-input--no-border .tui-input__native-input {
  padding: 0;
  background-color: transparent;
  border: none;
}
.tui-input--no-border .tui-input__native-input:disabled {
  background-color: transparent;
  color: var(--text-color-disabled);
  border: none;
}
.tui-input__prefix-icon, .tui-input__suffix-icon, .tui-input__clear-icon, .tui-input__password-toggle {
  position: absolute;
  top: 50%;
  left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--text-color-secondary);
}
.tui-input__prefix-icon :deep(svg), .tui-input__suffix-icon :deep(svg), .tui-input__clear-icon :deep(svg), .tui-input__password-toggle :deep(svg) {
  max-width: 100%;
  max-height: 100%;
}
.tui-input__suffix-icon, .tui-input__clear-icon, .tui-input__password-toggle {
  cursor: pointer;
  color: var(--text-color-primary);
}
.tui-input__suffix-icon, .tui-input__clear-icon, .tui-input__password-toggle {
  left: auto;
  right: 8px;
}
.tui-input:has(.tui-input__suffix-icon) .tui-input__clear-icon,
.tui-input:has(.tui-input__suffix-icon) .tui-input__password-toggle {
  right: 36px;
}
.tui-input:has(.tui-input__clear-icon) .tui-input__password-toggle {
  right: 36px;
}
.tui-input:has(.tui-input__suffix-icon):has(.tui-input__clear-icon) .tui-input__password-toggle, .tui-input:has(.tui-input__suffix-icon):has(.tui-input__password-toggle) .tui-input__clear-icon {
  right: 64px;
}
.tui-input--small:has(.tui-input__suffix-icon) .tui-input__clear-icon,
.tui-input--small:has(.tui-input__suffix-icon) .tui-input__password-toggle {
  right: 32px;
}
.tui-input--small:has(.tui-input__clear-icon) .tui-input__password-toggle {
  right: 32px;
}
.tui-input--small:has(.tui-input__suffix-icon):has(.tui-input__clear-icon) .tui-input__password-toggle, .tui-input--small:has(.tui-input__suffix-icon):has(.tui-input__password-toggle) .tui-input__clear-icon {
  right: 48px;
}
.tui-input--medium:has(.tui-input__suffix-icon) .tui-input__clear-icon,
.tui-input--medium:has(.tui-input__suffix-icon) .tui-input__password-toggle, .tui-input--large:has(.tui-input__suffix-icon) .tui-input__clear-icon,
.tui-input--large:has(.tui-input__suffix-icon) .tui-input__password-toggle {
  right: 40px;
}
.tui-input--medium:has(.tui-input__clear-icon) .tui-input__password-toggle, .tui-input--large:has(.tui-input__clear-icon) .tui-input__password-toggle {
  right: 40px;
}
.tui-input--medium:has(.tui-input__suffix-icon):has(.tui-input__clear-icon) .tui-input__password-toggle, .tui-input--medium:has(.tui-input__suffix-icon):has(.tui-input__password-toggle) .tui-input__clear-icon, .tui-input--large:has(.tui-input__suffix-icon):has(.tui-input__clear-icon) .tui-input__password-toggle, .tui-input--large:has(.tui-input__suffix-icon):has(.tui-input__password-toggle) .tui-input__clear-icon {
  right: 64px;
}
.tui-input__results {
  position: fixed;
  z-index: 9999;
  max-height: 254px;
  padding: 7px 0;
  overflow: auto;
  border-radius: 8px;
  background-color: var(--bg-color-dialog);
  box-shadow: 0px 8px 24px 0px var(--uikit-color-black-8), 0px 2px 6px 0px var(--uikit-color-black-8);
  scrollbar-width: thin;
  scrollbar-color: var(--uikit-color-gray-4) transparent;
}
.tui-input__results.down {
  transform-origin: 50% 0;
}
.tui-input__results.up {
  transform-origin: 50% 100%;
}
.tui-input__results::-webkit-scrollbar {
  width: 6px;
}
.tui-input__results::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 3px;
}
.tui-input__results::-webkit-scrollbar-thumb {
  background-color: var(--uikit-color-gray-4);
  border-radius: 3px;
  transition: background-color 0.2s ease;
}
.tui-input__results::-webkit-scrollbar-thumb:hover {
  background-color: var(--uikit-color-gray-5);
}
.tui-input__results-item {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.tui-input__results-item:hover {
  background-color: var(--bg-color-operate);
}
.tui-input__results-item:active {
  background-color: var(--stroke-color-secondary);
}
.tui-input__results-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  font-size: 14px;
  color: var(--text-color-secondary);
  text-align: center;
}
.tui-input--disabled .tui-input__prefix-icon,
.tui-input--disabled .tui-input__suffix-icon,
.tui-input--disabled .tui-input__clear-icon,
.tui-input--disabled .tui-input__password-toggle {
  color: var(--text-color-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

.tui-input-results-enter-active,
.tui-input-results-leave-active {
  transition: all 0.2s ease;
}

.tui-input-results-enter-from,
.tui-input-results-leave-to {
  opacity: 0;
  transform: scaleY(0.8);
}

.tui-input-results-enter-to,
.tui-input-results-leave-from {
  opacity: 1;
  transform: scaleY(1);
}.tui-input {
  position: relative;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.tui-input--mobile {
  display: block;
}
.tui-input--mobile.tui-input--with-label {
  display: flex;
  align-items: center;
  height: auto;
  background-color: var(--bg-color-dialog);
  border-radius: 0;
  border: none;
}
.tui-input__label {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-right: 12px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--text-color-primary);
}
.tui-input__label-text {
  white-space: nowrap;
}
.tui-input__label-required {
  color: var(--text-color-error);
  margin-left: 2px;
  font-size: 16px;
  line-height: 22px;
}
.tui-input__content {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  min-height: 22px;
}
.tui-input--mobile .tui-input__content {
  width: 100%;
}
.tui-input--mobile.tui-input--with-label .tui-input__content {
  flex: 1;
  min-width: 0;
}
.tui-input--mobile.tui-input--with-label .tui-input__native-input {
  height: 22px;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}
.tui-input--mobile.tui-input--with-label .tui-input__native-input:focus {
  border: none;
  outline: none;
}
.tui-input--mobile.tui-input--with-label .tui-input__native-input::placeholder {
  color: var(--text-color-secondary);
  font-size: 16px;
  line-height: 22px;
}
.tui-input--mobile.tui-input--with-label.tui-input--small, .tui-input--mobile.tui-input--with-label.tui-input--medium, .tui-input--mobile.tui-input--with-label.tui-input--large {
  height: auto;
}
.tui-input--mobile.tui-input--with-label.tui-input--small .tui-input__native-input, .tui-input--mobile.tui-input--with-label.tui-input--medium .tui-input__native-input, .tui-input--mobile.tui-input--with-label.tui-input--large .tui-input__native-input {
  height: 22px;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}
.tui-input--mobile.tui-input--with-label.tui-input--small .tui-input__native-input::placeholder, .tui-input--mobile.tui-input--with-label.tui-input--medium .tui-input__native-input::placeholder, .tui-input--mobile.tui-input--with-label.tui-input--large .tui-input__native-input::placeholder {
  color: var(--text-color-secondary);
  font-size: 16px;
  line-height: 22px;
}
.tui-input--mobile.tui-input--with-label.tui-input--small .tui-input__native-input:focus, .tui-input--mobile.tui-input--with-label.tui-input--medium .tui-input__native-input:focus, .tui-input--mobile.tui-input--with-label.tui-input--large .tui-input__native-input:focus {
  border: none;
  outline: none;
}
.tui-input--small {
  height: 32px;
}
.tui-input--small .tui-input__native-input {
  height: 32px;
  line-height: 20px;
  padding: 6px 12px;
  font-size: 12px;
}
.tui-input--small .tui-input__prefix-icon {
  left: 8px;
}
.tui-input--small .tui-input__suffix-icon,
.tui-input--small .tui-input__clear-icon,
.tui-input--small .tui-input__password-toggle {
  right: 8px;
}
.tui-input--small .tui-input__prefix-icon + .tui-input__native-input {
  padding-left: 32px;
}
.tui-input--small .tui-input__suffix-icon ~ .tui-input__native-input {
  padding-right: 32px;
}
.tui-input--small:has(.tui-input__suffix-icon) .tui-input__native-input {
  padding-right: 32px;
}
.tui-input--small:has(.tui-input__clear-icon) .tui-input__native-input {
  padding-right: 32px;
}
.tui-input--small:has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 32px;
}
.tui-input--small:has(.tui-input__suffix-icon):has(.tui-input__clear-icon) .tui-input__native-input, .tui-input--small:has(.tui-input__suffix-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 48px;
}
.tui-input--small:has(.tui-input__clear-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 48px;
}
.tui-input--small:has(.tui-input__suffix-icon):has(.tui-input__clear-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 64px;
}
.tui-input--medium {
  height: 40px;
}
.tui-input--medium .tui-input__native-input {
  height: 40px;
  line-height: 20px;
  padding: 10px 16px;
  font-size: 14px;
}
.tui-input--medium .tui-input__prefix-icon {
  left: 12px;
}
.tui-input--medium .tui-input__suffix-icon,
.tui-input--medium .tui-input__clear-icon,
.tui-input--medium .tui-input__password-toggle {
  right: 12px;
}
.tui-input--medium .tui-input__prefix-icon + .tui-input__native-input {
  padding-left: 40px;
}
.tui-input--medium .tui-input__suffix-icon ~ .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--medium:has(.tui-input__suffix-icon) .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--medium:has(.tui-input__clear-icon) .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--medium:has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--medium:has(.tui-input__suffix-icon):has(.tui-input__clear-icon) .tui-input__native-input, .tui-input--medium:has(.tui-input__suffix-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 60px;
}
.tui-input--medium:has(.tui-input__clear-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 60px;
}
.tui-input--medium:has(.tui-input__suffix-icon):has(.tui-input__clear-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 80px;
}
.tui-input--large {
  height: 42px;
}
.tui-input--large .tui-input__native-input {
  height: 42px;
  line-height: 20px;
  padding: 11px 16px;
  font-size: 14px;
}
.tui-input--large .tui-input__prefix-icon {
  left: 12px;
}
.tui-input--large .tui-input__suffix-icon,
.tui-input--large .tui-input__clear-icon,
.tui-input--large .tui-input__password-toggle {
  right: 12px;
}
.tui-input--large .tui-input__prefix-icon + .tui-input__native-input {
  padding-left: 40px;
}
.tui-input--large .tui-input__suffix-icon ~ .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--large:has(.tui-input__suffix-icon) .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--large:has(.tui-input__clear-icon) .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--large:has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 40px;
}
.tui-input--large:has(.tui-input__suffix-icon):has(.tui-input__clear-icon) .tui-input__native-input, .tui-input--large:has(.tui-input__suffix-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 60px;
}
.tui-input--large:has(.tui-input__clear-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 60px;
}
.tui-input--large:has(.tui-input__suffix-icon):has(.tui-input__clear-icon):has(.tui-input__password-toggle) .tui-input__native-input {
  padding-right: 80px;
}
.tui-input--disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.tui-input__native-input {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: var(--bg-color-operate);
  color: var(--text-color-primary);
  border: 1px solid var(--stroke-color-primary);
}
.tui-input__native-input::placeholder {
  color: var(--text-color-secondary);
}
.tui-input__native-input:focus {
  outline: 0;
  border-color: var(--text-color-link);
}
.tui-input__native-input:disabled {
  background-color: var(--bg-color-bubble-reciprocal);
  color: var(--text-color-disabled);
  border-color: var(--stroke-color-primary);
  cursor: not-allowed;
}
.tui-input__native-input:disabled::placeholder {
  color: var(--bg-color-bubble-reciprocal);
}
.tui-input__native-input:disabled:focus {
  border-color: var(--bg-color-bubble-reciprocal);
  box-shadow: none;
}
.tui-input--no-border .tui-input__native-input {
  padding: 0;
  background-color: transparent;
  border: none;
}
.tui-input--no-border .tui-input__native-input:disabled {
  background-color: transparent;
  color: var(--text-color-disabled);
  border: none;
}
.tui-input__prefix-icon, .tui-input__suffix-icon, .tui-input__clear-icon, .tui-input__password-toggle {
  position: absolute;
  top: 50%;
  left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--text-color-secondary);
}
.tui-input__prefix-icon :deep(svg), .tui-input__suffix-icon :deep(svg), .tui-input__clear-icon :deep(svg), .tui-input__password-toggle :deep(svg) {
  max-width: 100%;
  max-height: 100%;
}
.tui-input__suffix-icon, .tui-input__clear-icon, .tui-input__password-toggle {
  cursor: pointer;
  color: var(--text-color-primary);
}
.tui-input__suffix-icon, .tui-input__clear-icon, .tui-input__password-toggle {
  left: auto;
  right: 8px;
}
.tui-input:has(.tui-input__suffix-icon) .tui-input__clear-icon,
.tui-input:has(.tui-input__suffix-icon) .tui-input__password-toggle {
  right: 36px;
}
.tui-input:has(.tui-input__clear-icon) .tui-input__password-toggle {
  right: 36px;
}
.tui-input:has(.tui-input__suffix-icon):has(.tui-input__clear-icon) .tui-input__password-toggle, .tui-input:has(.tui-input__suffix-icon):has(.tui-input__password-toggle) .tui-input__clear-icon {
  right: 64px;
}
.tui-input--small:has(.tui-input__suffix-icon) .tui-input__clear-icon,
.tui-input--small:has(.tui-input__suffix-icon) .tui-input__password-toggle {
  right: 32px;
}
.tui-input--small:has(.tui-input__clear-icon) .tui-input__password-toggle {
  right: 32px;
}
.tui-input--small:has(.tui-input__suffix-icon):has(.tui-input__clear-icon) .tui-input__password-toggle, .tui-input--small:has(.tui-input__suffix-icon):has(.tui-input__password-toggle) .tui-input__clear-icon {
  right: 48px;
}
.tui-input--medium:has(.tui-input__suffix-icon) .tui-input__clear-icon,
.tui-input--medium:has(.tui-input__suffix-icon) .tui-input__password-toggle, .tui-input--large:has(.tui-input__suffix-icon) .tui-input__clear-icon,
.tui-input--large:has(.tui-input__suffix-icon) .tui-input__password-toggle {
  right: 40px;
}
.tui-input--medium:has(.tui-input__clear-icon) .tui-input__password-toggle, .tui-input--large:has(.tui-input__clear-icon) .tui-input__password-toggle {
  right: 40px;
}
.tui-input--medium:has(.tui-input__suffix-icon):has(.tui-input__clear-icon) .tui-input__password-toggle, .tui-input--medium:has(.tui-input__suffix-icon):has(.tui-input__password-toggle) .tui-input__clear-icon, .tui-input--large:has(.tui-input__suffix-icon):has(.tui-input__clear-icon) .tui-input__password-toggle, .tui-input--large:has(.tui-input__suffix-icon):has(.tui-input__password-toggle) .tui-input__clear-icon {
  right: 64px;
}
.tui-input__results {
  position: fixed;
  z-index: 9999;
  max-height: 254px;
  padding: 7px 0;
  overflow: auto;
  border-radius: 8px;
  background-color: var(--bg-color-dialog);
  box-shadow: 0px 8px 24px 0px var(--uikit-color-black-8), 0px 2px 6px 0px var(--uikit-color-black-8);
  scrollbar-width: thin;
  scrollbar-color: var(--uikit-color-gray-4) transparent;
}
.tui-input__results.down {
  transform-origin: 50% 0;
}
.tui-input__results.up {
  transform-origin: 50% 100%;
}
.tui-input__results::-webkit-scrollbar {
  width: 6px;
}
.tui-input__results::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 3px;
}
.tui-input__results::-webkit-scrollbar-thumb {
  background-color: var(--uikit-color-gray-4);
  border-radius: 3px;
  transition: background-color 0.2s ease;
}
.tui-input__results::-webkit-scrollbar-thumb:hover {
  background-color: var(--uikit-color-gray-5);
}
.tui-input__results-item {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.tui-input__results-item:hover {
  background-color: var(--bg-color-operate);
}
.tui-input__results-item:active {
  background-color: var(--stroke-color-secondary);
}
.tui-input__results-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  font-size: 14px;
  color: var(--text-color-secondary);
  text-align: center;
}
.tui-input--disabled .tui-input__prefix-icon,
.tui-input--disabled .tui-input__suffix-icon,
.tui-input--disabled .tui-input__clear-icon,
.tui-input--disabled .tui-input__password-toggle {
  color: var(--text-color-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.tui-input-results-enter-active,
.tui-input-results-leave-active {
  transition: all 0.2s ease;
}
.tui-input-results-enter-from,
.tui-input-results-leave-to {
  opacity: 0;
  transform: scaleY(0.8);
}
.tui-input-results-enter-to,
.tui-input-results-leave-from {
  opacity: 1;
  transform: scaleY(1);
}.select-container {
  position: relative;
  height: 100%;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}
.select-container .select-content {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 42px;
  padding: 0 16px;
  cursor: pointer;
  border-radius: 8px;
  background-color: var(--bg-color-operate);
  color: var(--text-color-secondary);
  border: 1px solid var(--stroke-color-primary);
  transition: all 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}
.select-container .select-content.small, .select-container .select-content.s {
  height: 32px;
  padding: 0 12px;
  font-size: 12px;
}
.select-container .select-content.small .select-text, .select-container .select-content.s .select-text {
  font-size: 12px;
  line-height: 18px;
}
.select-container .select-content.medium, .select-container .select-content.m {
  height: 40px;
  padding: 0 14px;
  font-size: 14px;
}
.select-container .select-content.medium .select-text, .select-container .select-content.m .select-text {
  font-size: 14px;
  line-height: 22px;
}
.select-container .select-content.large, .select-container .select-content.l {
  height: 48px;
  padding: 0 16px;
  font-size: 16px;
}
.select-container .select-content.large .select-text, .select-container .select-content.l .select-text {
  font-size: 16px;
  line-height: 24px;
}
.select-container .select-content:hover {
  border-color: var(--stroke-color-module);
}
.select-container .select-content:focus {
  outline: none;
  border-color: var(--text-color-link);
}
.select-container .select-content.disabled {
  cursor: not-allowed;
  border: 1px solid var(--stroke-color-primary);
  background-color: var(--bg-color-operate);
  color: var(--stroke-color-primary);
}
.select-container .select-content.disabled:hover {
  border-color: var(--stroke-color-module);
}
.select-container .select-content.disabled .select-text {
  color: var(--text-color-disabled);
}
.select-container .select-content.disabled .select-text.placeholder {
  color: var(--text-color-disabled);
}
.select-container .select-content .select-text {
  flex: 1;
  width: 0;
  overflow: hidden;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--text-color-primary);
}
.select-container .select-content .select-text.placeholder {
  color: var(--text-color-secondary);
}
.select-container .select-content .arrow-icon {
  margin-left: 10px;
  transition: transform 0.2s;
  transform: rotate(0deg);
  flex-shrink: 0;
}
.select-container .select-content .arrow-icon.reverse {
  transform: rotate(-180deg);
}
.select-container .select-content .clear-icon {
  margin-left: 10px;
  font-size: 16px;
  line-height: 1;
  color: var(--text-color-secondary);
  cursor: pointer;
  transition: color 0.2s;
}
.select-container .select-content .clear-icon:hover {
  color: var(--text-color-primary);
}
.select-container .select-dropdown-container {
  position: fixed;
  max-height: 254px;
  padding: 7px 0;
  overflow: auto;
  border-radius: 8px;
  background-color: var(--bg-color-dialog);
  color: var(--text-color-primary);
  box-shadow: 0px 8px 24px 0px var(--uikit-color-black-8), 0px 2px 6px 0px var(--uikit-color-black-8);
  z-index: 9999;
  scrollbar-width: thin;
  scrollbar-color: var(--uikit-color-gray-4) transparent;
}
.select-container .select-dropdown-container.down {
  transform-origin: 50% 0;
}
.select-container .select-dropdown-container.up {
  transform-origin: 50% 100%;
}
.select-container .select-dropdown-container::-webkit-scrollbar {
  width: 6px;
}
.select-container .select-dropdown-container::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 3px;
}
.select-container .select-dropdown-container::-webkit-scrollbar-thumb {
  background-color: var(--uikit-color-gray-4);
  border-radius: 3px;
  transition: background-color 0.2s ease;
}
.select-container .select-dropdown-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--uikit-color-gray-5);
}
.select-fade-enter-active,
.select-fade-leave-active {
  transition: all 0.2s ease;
}
.select-fade-enter-from,
.select-fade-leave-to {
  opacity: 0;
  transform: scaleY(0);
}
.select-fade-enter-to,
.select-fade-leave-from {
  opacity: 1;
  transform: scaleY(1);
}.option-container {
  padding: 6px 15px;
  overflow: hidden;
  color: var(--text-color-primary);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}
.option-container.active {
  color: var(--text-color-link);
  background-color: var(--bg-color-input);
}
.option-container.disabled {
  cursor: not-allowed;
  color: var(--stroke-color-primary);
}
.option-container.disabled:hover {
  background-color: transparent;
}
.option-container:hover:not(.disabled) {
  background-color: var(--bg-color-topbar);
}
.option-container .option-content {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}.switch-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 20px;
  transition: all 0.3s ease;
  background-color: var(--switch-color-off);
  -webkit-tap-highlight-color: transparent;
}
.switch-container.switch-disabled {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: var(--uikit-color-gray-3);
}
.switch-container.switch-loading {
  cursor: not-allowed;
}
.switch-container.switch-loading .switch-loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  color: var(--text-color-link);
}
.switch-container.switch-loading .switch-loading-icon .loading-spinner {
  width: 100%;
  height: 100%;
}
.switch-container.switch-active {
  background-color: var(--switch-color-on);
}
.switch-container.switch-active .switch-core {
  left: calc(100% - var(--core-width) - 2px);
}
.switch-container.switch-active.switch-disabled {
  background-color: var(--uikit-color-gray-3);
}
.switch-container .switch-core {
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  transition: all 0.3s ease;
  background-color: var(--switch-color-button);
  box-shadow: 0 1px 3px var(--uikit-color-black-7);
  width: var(--core-width);
  height: var(--core-height);
}
.switch-size-small {
  --core-width: 12px;
  --core-height: 12px;
  width: 28px;
  height: 16px;
}
.switch-size-small .switch-loading-icon {
  width: 8px;
  height: 8px;
}
.switch-size-default, .switch-size- {
  --core-width: 16px;
  --core-height: 16px;
  width: 40px;
  height: 20px;
}
.switch-size-default .switch-loading-icon, .switch-size- .switch-loading-icon {
  width: 12px;
  height: 12px;
}
.switch-size-large {
  --core-width: 24px;
  --core-height: 24px;
  width: 56px;
  height: 28px;
}
.switch-size-large .switch-loading-icon {
  width: 16px;
  height: 16px;
}.tui-slider {
  position: relative;
  width: 160px;
  height: 3px;
  background-color: var(--slider-color-empty);
  cursor: pointer;
  border-radius: 1.5px;
  -webkit-tap-highlight-color: transparent;
}
.tui-slider:hover .tui-slider-thumb {
  box-shadow: 0 2px 6px var(--uikit-color-black-4);
}
.tui-slider.tui-slider-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.tui-slider.tui-slider-disabled .tui-slider-track {
  background-color: var(--slider-color-filled);
}
.tui-slider.tui-slider-disabled .tui-slider-thumb {
  background-color: var(--slider-color-empty);
  cursor: not-allowed;
}
.tui-slider.tui-slider-disabled .tui-slider-thumb:hover {
  box-shadow: none;
}
.tui-slider-track {
  position: absolute;
  height: 100%;
  background-color: var(--slider-color-filled);
  border-radius: 1.5px;
  transition: background-color 0.2s ease;
}
.tui-slider-thumb {
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transform: translate(0%, -50%);
  transition: all 0.2s ease;
  cursor: grab;
  background-color: var(--slider-color-button);
  border: 2px solid var(--slider-color-filled);
  -webkit-tap-highlight-color: transparent;
}
.tui-slider-thumb:hover {
  transform: translate(0%, -50%) scale(1.1);
}
.tui-slider-thumb:active, .tui-slider-thumb.tui-slider-thumb-active {
  cursor: grabbing;
  transform: translate(0%, -50%) scale(1.2);
  box-shadow: 0 4px 12px var(--uikit-color-black-5);
}
.tui-slider-thumb.tui-slider-thumb-disabled {
  background-color: var(--uikit-color-gray-3);
  border-color: var(--uikit-color-gray-3);
  cursor: not-allowed;
  transform: translate(0%, -50%);
}
.tui-slider-thumb.tui-slider-thumb-disabled:hover, .tui-slider-thumb.tui-slider-thumb-disabled:active {
  transform: translate(0%, -50%);
  box-shadow: none;
}
.tui-slider-thumb-wrapper {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.tui-slider-bubble {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  color: var(--text-color-primary);
  background-color: var(--bg-color-operate);
  box-shadow: 0 2px 8px var(--shadow-color);
  pointer-events: none;
}
.tui-slider-bubble::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: var(--bg-color-operate);
}
.tui-slider-thumb-wrapper.tui-slider-thumb-active .tui-slider-thumb {
  transform: translate(-50%, -50%) scale(1.2);
  box-shadow: 0 4px 12px var(--uikit-color-black-5);
}.tui-swiper {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 200px;
  overflow: hidden;
}
.tui-swiper .tui-swiper-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}
.tui-swiper .tui-swiper-wrapper--horizontal {
  flex-direction: row;
}
.tui-swiper .tui-swiper-wrapper--vertical {
  flex-direction: column;
}
.tui-swiper .tui-swiper-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: var(--bg-color-element-mask);
  color: var(--text-color-button);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 10;
  -webkit-tap-highlight-color: transparent;
}
.tui-swiper .tui-swiper-nav:hover {
  background: var(--bg-color-mask);
}
.tui-swiper .tui-swiper-nav--prev {
  left: 12px;
}
.tui-swiper .tui-swiper-nav--next {
  right: 12px;
}
.tui-swiper .tui-swiper-nav--next .icon-flipped {
  transform: rotate(180deg);
}
.tui-swiper .tui-swiper-nav--disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.tui-swiper .tui-swiper-nav--disabled:hover {
  background: var(--bg-color-element-mask);
}
.tui-swiper .tui-swiper-indicators {
  position: absolute;
  display: flex;
  z-index: 10;
}
.tui-swiper .tui-swiper-indicators--bottom {
  left: 50%;
  transform: translateX(-50%);
  flex-direction: row;
}
.tui-swiper .tui-swiper-indicators--top {
  left: 50%;
  transform: translateX(-50%);
  flex-direction: row;
}
.tui-swiper .tui-swiper-indicators--left {
  top: 50%;
  transform: translateY(-50%);
  flex-direction: column;
}
.tui-swiper .tui-swiper-indicators--right {
  top: 50%;
  transform: translateY(-50%);
  flex-direction: column;
}
.tui-swiper .tui-swiper-indicator {
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: transparent;
}
.tui-swiper .tui-swiper-indicator:hover {
  opacity: 0.8;
}.tui-swiper-item {
  flex-shrink: 0;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}:root[tui-theme-mode=dark],
.tui-theme-dark {
  --uikit-color-theme-1: #1C2333;
  --uikit-color-theme-2: #243047;
  --uikit-color-theme-3: #2F4875;
  --uikit-color-theme-4: #305BA6;
  --uikit-color-theme-5: #2B6AD6;
  --uikit-color-theme-6: #4086FF;
  --uikit-color-theme-7: #5C9DFF;
  --uikit-color-theme-8: #78B0FF;
  --uikit-color-theme-9: #9CC7FF;
  --uikit-color-theme-10: #C2DEFF;
  --uikit-color-black-1: rgba(0, 0, 0, 100%);
  --uikit-color-black-2: rgba(0, 0, 0, 90%);
  --uikit-color-black-3: rgba(0, 0, 0, 72%);
  --uikit-color-black-4: rgba(0, 0, 0, 55%);
  --uikit-color-black-5: rgba(0, 0, 0, 40%);
  --uikit-color-black-6: rgba(0, 0, 0, 25%);
  --uikit-color-black-7: rgba(0, 0, 0, 12%);
  --uikit-color-black-8: rgba(0, 0, 0, 6%);
  --uikit-color-white-1: rgba(255, 255, 255, 100%);
  --uikit-color-white-2: rgba(255, 255, 255, 93%);
  --uikit-color-white-3: rgba(255, 255, 255, 75%);
  --uikit-color-white-4: rgba(255, 255, 255, 55%);
  --uikit-color-white-5: rgba(255, 255, 255, 42%);
  --uikit-color-white-6: rgba(255, 255, 255, 30%);
  --uikit-color-white-7: rgba(255, 255, 255, 14%);
  --uikit-color-gray-1: #131417;
  --uikit-color-gray-2: #1F2024;
  --uikit-color-gray-3: #2B2C30;
  --uikit-color-gray-4: #3A3C42;
  --uikit-color-gray-5: #48494F;
  --uikit-color-gray-6: #54565C;
  --uikit-color-gray-7: #676A70;
  --uikit-color-green-1: #1A2620;
  --uikit-color-green-2: #22352C;
  --uikit-color-green-3: #2F4F3F;
  --uikit-color-green-4: #377355;
  --uikit-color-green-5: #368F65;
  --uikit-color-green-6: #38A673;
  --uikit-color-green-7: #62B58B;
  --uikit-color-green-8: #8BC7A9;
  --uikit-color-green-9: #A9D4BD;
  --uikit-color-green-10: #C8E5D5;
  --uikit-color-red-1: #2B1C1F;
  --uikit-color-red-2: #422324;
  --uikit-color-red-3: #613234;
  --uikit-color-red-4: #8A4242;
  --uikit-color-red-5: #C2544E;
  --uikit-color-red-6: #E6594C;
  --uikit-color-red-7: #E57A6E;
  --uikit-color-red-8: #F3A599;
  --uikit-color-red-9: #FACBC3;
  --uikit-color-red-10: #FAE4DE;
  --uikit-color-orange-1: #211A19;
  --uikit-color-orange-2: #35231A;
  --uikit-color-orange-3: #462E1F;
  --uikit-color-orange-4: #653C21;
  --uikit-color-orange-5: #96562A;
  --uikit-color-orange-6: #E37F32;
  --uikit-color-orange-7: #E39552;
  --uikit-color-orange-8: #EEAD72;
  --uikit-color-orange-9: #F7CFA4;
  --uikit-color-orange-10: #F9E9D1;
  --uikit-color-transparent: rgba(255, 255, 255, 0%);
  --text-color-primary: var(--uikit-color-white-2);
  --text-color-secondary: var(--uikit-color-white-4);
  --text-color-tertiary: var(--uikit-color-white-6);
  --text-color-disabled: var(--uikit-color-white-6);
  --text-color-button: var(--uikit-color-white-1);
  --text-color-button-disabled: var(--uikit-color-white-5);
  --text-color-link: var(--uikit-color-theme-6);
  --text-color-link-hover: var(--uikit-color-theme-5);
  --text-color-link-active: var(--uikit-color-theme-7);
  --text-color-link-disabled: var(--uikit-color-theme-2);
  --text-color-anti-primary: var(--uikit-color-black-2);
  --text-color-anti-secondary: var(--uikit-color-black-4);
  --text-color-warning: var(--uikit-color-orange-6);
  --text-color-success: var(--uikit-color-green-6);
  --text-color-error: var(--uikit-color-red-6);
  --bg-color-topbar: var(--uikit-color-gray-1);
  --bg-color-operate: var(--uikit-color-gray-2);
  --bg-color-dialog: var(--uikit-color-gray-2);
  --bg-color-dialog-module: var(--uikit-color-gray-3);
  --bg-color-entrycard: var(--uikit-color-gray-3);
  --bg-color-function: var(--uikit-color-gray-4);
  --bg-color-bottombar: var(--uikit-color-gray-3);
  --bg-color-input: var(--uikit-color-gray-3);
  --bg-color-bubble-reciprocal: var(--uikit-color-gray-3);
  --bg-color-bubble-own: var(--uikit-color-theme-7);
  --bg-color-default: var(--uikit-color-gray-1);
  --bg-color-tag-mask: var(--uikit-color-black-4);
  --bg-color-element-mask: var(--uikit-color-black-6);
  --bg-color-mask: var(--uikit-color-black-4);
  --bg-color-mask-disappeared: var(--uikit-color-black-8);
  --bg-color-mask-begin: var(--uikit-color-black-2);
  --stroke-color-primary: var(--uikit-color-gray-4);
  --stroke-color-secondary: var(--uikit-color-gray-3);
  --stroke-color-module: var(--uikit-color-gray-5);
  --shadow-color: var(--uikit-color-black-8);
  --list-color-default: var(--uikit-color-gray-2);
  --list-color-hover: var(--uikit-color-gray-3);
  --list-color-focused: var(--uikit-color-theme-2);
  --button-color-primary-default: var(--uikit-color-theme-6);
  --button-color-primary-hover: var(--uikit-color-theme-5);
  --button-color-primary-active: var(--uikit-color-theme-7);
  --button-color-primary-disabled: var(--uikit-color-theme-2);
  --button-color-secondary-default: var(--uikit-color-gray-4);
  --button-color-secondary-hover: var(--uikit-color-gray-3);
  --button-color-secondary-active: var(--uikit-color-gray-5);
  --button-color-secondary-disabled: var(--uikit-color-gray-3);
  --button-color-accept: var(--uikit-color-green-6);
  --button-color-hangup: var(--uikit-color-red-6);
  --button-color-on: var(--uikit-color-white-1);
  --button-color-off: var(--uikit-color-black-5);
  --dropdown-color-default: var(--uikit-color-gray-3);
  --dropdown-color-hover: var(--uikit-color-gray-4);
  --dropdown-color-active: var(--uikit-color-gray-2);
  --scroll-bar-color-default: var(--uikit-color-white-7);
  --scroll-bar-color-hover: var(--uikit-color-white-6);
  --floating-color-default: var(--uikit-color-gray-3);
  --floating-color-operate: var(--uikit-color-gray-4);
  --checkbox-color-selected: var(--uikit-color-theme-5);
  --toast-color-warning: var(--uikit-color-orange-2);
  --toast-color-success: var(--uikit-color-green-2);
  --toast-color-error: var(--uikit-color-red-2);
  --toast-color-default: var(--uikit-color-theme-2);
  --switch-color-off: var(--uikit-color-gray-4);
  --switch-color-on: var(--uikit-color-theme-5);
  --switch-color-button: var(--uikit-color-white-1);
  --slider-color-filled: var(--uikit-color-theme-5);
  --slider-color-empty: var(--uikit-color-gray-5);
  --slider-color-button: var(--uikit-color-white-1);
  --tab-color-selected: var(--uikit-color-gray-5);
  --tab-color-unselected: var(--uikit-color-gray-4);
  --tab-color-option: var(--uikit-color-gray-4);
  --icon-color-primary: var(--uikit-color-white-2);
}
:root[tui-theme-mode=light],
.tui-theme-light {
  --uikit-color-theme-1: #EBF3FF;
  --uikit-color-theme-2: #CCE2FF;
  --uikit-color-theme-3: #ADCFFF;
  --uikit-color-theme-4: #7AAFFF;
  --uikit-color-theme-5: #4588F5;
  --uikit-color-theme-6: #1C66E5;
  --uikit-color-theme-7: #0D49BF;
  --uikit-color-theme-8: #033099;
  --uikit-color-theme-9: #001F73;
  --uikit-color-theme-10: #00124D;
  --uikit-color-black-1: rgba(0, 0, 0, 100%);
  --uikit-color-black-2: rgba(0, 0, 0, 90%);
  --uikit-color-black-3: rgba(0, 0, 0, 72%);
  --uikit-color-black-4: rgba(0, 0, 0, 55%);
  --uikit-color-black-5: rgba(0, 0, 0, 40%);
  --uikit-color-black-6: rgba(0, 0, 0, 25%);
  --uikit-color-black-7: rgba(0, 0, 0, 12%);
  --uikit-color-black-8: rgba(0, 0, 0, 6%);
  --uikit-color-white-1: rgba(255, 255, 255, 100%);
  --uikit-color-white-2: rgba(255, 255, 255, 93%);
  --uikit-color-white-3: rgba(255, 255, 255, 75%);
  --uikit-color-white-4: rgba(255, 255, 255, 55%);
  --uikit-color-white-5: rgba(255, 255, 255, 42%);
  --uikit-color-white-6: rgba(255, 255, 255, 30%);
  --uikit-color-white-7: rgba(255, 255, 255, 14%);
  --uikit-color-gray-1: #F9FAFC;
  --uikit-color-gray-2: #F0F2F7;
  --uikit-color-gray-3: #E6E9F0;
  --uikit-color-gray-4: #D1D4DE;
  --uikit-color-gray-5: #C0C3CC;
  --uikit-color-gray-6: #B3B6BE;
  --uikit-color-gray-7: #A5A9B0;
  --uikit-color-green-1: #DCFAE9;
  --uikit-color-green-2: #B6F0D1;
  --uikit-color-green-3: #84E3B5;
  --uikit-color-green-4: #5AD69E;
  --uikit-color-green-5: #3CC98C;
  --uikit-color-green-6: #0ABF77;
  --uikit-color-green-7: #09A768;
  --uikit-color-green-8: #078F59;
  --uikit-color-green-9: #067049;
  --uikit-color-green-10: #044D37;
  --uikit-color-red-1: #FFE7E6;
  --uikit-color-red-2: #FCC9C7;
  --uikit-color-red-3: #FAAEAC;
  --uikit-color-red-4: #F58989;
  --uikit-color-red-5: #E86666;
  --uikit-color-red-6: #E54545;
  --uikit-color-red-7: #C93439;
  --uikit-color-red-8: #AD2934;
  --uikit-color-red-9: #8F222D;
  --uikit-color-red-10: #6B1A27;
  --uikit-color-orange-1: #FFEEDB;
  --uikit-color-orange-2: #FFD6B2;
  --uikit-color-orange-3: #FFBE85;
  --uikit-color-orange-4: #FFA455;
  --uikit-color-orange-5: #FF8B2B;
  --uikit-color-orange-6: #FF7200;
  --uikit-color-orange-7: #E05D00;
  --uikit-color-orange-8: #BF4900;
  --uikit-color-orange-9: #8F370B;
  --uikit-color-orange-10: #662200;
  --uikit-color-transparent: rgba(255, 255, 255, 0%);
  --text-color-primary: var(--uikit-color-black-2);
  --text-color-secondary: var(--uikit-color-black-4);
  --text-color-tertiary: var(--uikit-color-black-5);
  --text-color-disabled: var(--uikit-color-black-6);
  --text-color-button: var(--uikit-color-white-1);
  --text-color-button-disabled: var(--uikit-color-white-1);
  --text-color-link: var(--uikit-color-theme-6);
  --text-color-link-hover: var(--uikit-color-theme-5);
  --text-color-link-active: var(--uikit-color-theme-7);
  --text-color-link-disabled: var(--uikit-color-theme-2);
  --text-color-anti-primary: var(--uikit-color-black-2);
  --text-color-anti-secondary: var(--uikit-color-black-4);
  --text-color-warning: var(--uikit-color-orange-6);
  --text-color-success: var(--uikit-color-green-6);
  --text-color-error: var(--uikit-color-red-6);
  --bg-color-topbar: var(--uikit-color-gray-1);
  --bg-color-operate: var(--uikit-color-white-1);
  --bg-color-dialog: var(--uikit-color-white-1);
  --bg-color-dialog-module: var(--uikit-color-gray-2);
  --bg-color-entrycard: var(--uikit-color-gray-2);
  --bg-color-function: var(--uikit-color-gray-2);
  --bg-color-bottombar: var(--uikit-color-white-1);
  --bg-color-input: var(--uikit-color-gray-2);
  --bg-color-bubble-reciprocal: var(--uikit-color-gray-2);
  --bg-color-bubble-own: var(--uikit-color-theme-2);
  --bg-color-default: var(--uikit-color-gray-2);
  --bg-color-tag-mask: var(--uikit-color-white-4);
  --bg-color-element-mask: var(--uikit-color-black-6);
  --bg-color-mask: var(--uikit-color-black-4);
  --bg-color-mask-disappeared: var(--uikit-color-white-7);
  --bg-color-mask-begin: var(--uikit-color-white-1);
  --stroke-color-primary: var(--uikit-color-gray-3);
  --stroke-color-secondary: var(--uikit-color-gray-2);
  --stroke-color-module: var(--uikit-color-gray-3);
  --shadow-color: var(--uikit-color-black-8);
  --list-color-default: var(--uikit-color-white-1);
  --list-color-hover: var(--uikit-color-gray-1);
  --list-color-focused: var(--uikit-color-theme-1);
  --button-color-primary-default: var(--uikit-color-theme-6);
  --button-color-primary-hover: var(--uikit-color-theme-5);
  --button-color-primary-active: var(--uikit-color-theme-7);
  --button-color-primary-disabled: var(--uikit-color-theme-2);
  --button-color-secondary-default: var(--uikit-color-gray-2);
  --button-color-secondary-hover: var(--uikit-color-gray-1);
  --button-color-secondary-active: var(--uikit-color-gray-3);
  --button-color-secondary-disabled: var(--uikit-color-gray-1);
  --button-color-accept: var(--uikit-color-green-6);
  --button-color-hangup: var(--uikit-color-red-6);
  --button-color-on: var(--uikit-color-white-1);
  --button-color-off: var(--uikit-color-black-5);
  --dropdown-color-default: var(--uikit-color-white-1);
  --dropdown-color-hover: var(--uikit-color-gray-1);
  --dropdown-color-active: var(--uikit-color-theme-2);
  --scroll-bar-color-default: var(--uikit-color-black-7);
  --scroll-bar-color-hover: var(--uikit-color-black-6);
  --floating-color-default: var(--uikit-color-white-1);
  --floating-color-operate: var(--uikit-color-gray-2);
  --checkbox-color-selected: var(--uikit-color-theme-6);
  --toast-color-warning: var(--uikit-color-orange-1);
  --toast-color-success: var(--uikit-color-green-1);
  --toast-color-error: var(--uikit-color-red-1);
  --toast-color-default: var(--uikit-color-theme-1);
  --switch-color-off: var(--uikit-color-gray-4);
  --switch-color-on: var(--uikit-color-theme-6);
  --switch-color-button: var(--uikit-color-white-1);
  --slider-color-filled: var(--uikit-color-theme-6);
  --slider-color-empty: var(--uikit-color-gray-3);
  --slider-color-button: var(--uikit-color-white-1);
  --tab-color-selected: var(--uikit-color-theme-2);
  --tab-color-unselected: var(--uikit-color-gray-2);
  --tab-color-option: var(--uikit-color-gray-3);
  --icon-color-primary: var(--uikit-color-black-2);
}
html[tui-theme-mode=dark] .style-preset-business,
.style-preset-business.tui-theme-dark {
  --uikit-color-gray-1: #0e1525;
  --uikit-color-gray-2: #111828;
  --uikit-color-gray-3: #151e32;
  --uikit-color-gray-4: #151e32;
  --uikit-color-gray-5: #1a2438;
  --uikit-color-gray-6: #202d45;
  --uikit-color-gray-7: #202d45;
  --uikit-color-theme-1: rgba(59, 130, 246, 0.08);
  --uikit-color-theme-2: rgba(59, 130, 246, 0.12);
  --uikit-color-theme-3: rgba(59, 130, 246, 0.18);
  --uikit-color-theme-4: #60a5fa;
  --uikit-color-theme-5: #3b82f6;
  --uikit-color-theme-6: #3b82f6;
  --uikit-color-theme-7: #3b82f6;
  --uikit-color-theme-8: #3b82f6;
  --uikit-color-theme-9: #2563eb;
  --uikit-color-theme-10: #1d4ed8;
  --text-color-primary: #edf1f8;
  --text-color-secondary: #cdd6e5;
  --text-color-tertiary: #8494ad;
  --bg-color-topbar: #151e32;
  --bg-color-input: #1a2438;
  --bg-color-bubble-reciprocal: #1a2438;
  --stroke-color-primary: #202d45;
  --stroke-color-secondary: #202d45;
  --button-color-primary-default: #3b82f6;
  --button-color-primary-hover: #2563eb;
  --button-color-primary-active: #1d4ed8;
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --biz-border-lightest: #253550;
  --biz-border-hover: #304060;
  --biz-blue-glow: rgba(59, 130, 246, 0.55);
  --biz-blue-glow-shadow: rgba(59, 130, 246, 0.12);
  --biz-green-online: #34d399;
  --preset-primary: #3b82f6;
  --preset-primary-hover: #2563eb;
  --preset-primary-active: #1d4ed8;
  --preset-danger: #f87171;
  --preset-bg-base: #0e1525;
  --preset-bg-panel: #151e32;
  --preset-bg-input: #1a2438;
  --preset-bg-elevated: #1a2438;
  --preset-bg-inset: #0e1525;
  --preset-bg-hover: #1a2438;
  --preset-border: #253550;
  --preset-border-strong: #2a3c58;
  --preset-text-heading: #edf1f8;
  --preset-text-primary: #edf1f8;
  --preset-text-secondary: #cdd6e5;
  --preset-text-body: #bcc8dc;
  --preset-text-tertiary: #8494ad;
  --preset-text-weak: #566880;
  --preset-text-disabled: #303e56;
  --preset-icon-default: #566880;
  --preset-icon-hover: #8494ad;
  --preset-chat-bubble-bg: #1a2438;
  --preset-chat-bubble-text: #bcc8dc;
  --preset-chat-bubble-host-bg: rgba(59, 130, 246, 0.14);
  --preset-chat-bubble-host-border: rgba(59, 130, 246, 0.24);
  --preset-input-bg: #1a2438;
  --preset-input-border: #253550;
  --preset-input-placeholder: #566880;
  --preset-info-bar-bg: #151e32;
  --preset-info-bar-border: #253550;
  --preset-info-bar-divider: #253550;
  --preset-info-bar-brand-text: #edf1f8;
  --preset-info-bar-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), 0 0 1px rgba(59, 130, 246, 0.08);
  --preset-presenter-hover-bg: #1a2438;
  --preset-presenter-hover-border: #253550;
  --preset-presenter-name: #edf1f8;
  --preset-presenter-speaking-name: #edf1f8;
  --preset-presenter-avatar-ring: 0 0 0 2px rgba(59, 130, 246, 0.35), 0 0 0 4px #151e32;
  --preset-presenter-status-border: #151e32;
  --preset-btn-primary-bg: #3b82f6;
  --preset-btn-primary-hover: #2563eb;
  --preset-btn-primary-active: #1d4ed8;
  --preset-btn-primary-soft-bg: rgba(148, 197, 253, 0.12);
  --preset-btn-primary-soft-text: #93c5fd;
  --preset-btn-primary-soft-border: rgba(59, 130, 246, 0.50);
  --preset-btn-primary-soft-hover-bg: rgba(148, 197, 253, 0.20);
  --preset-btn-primary-soft-hover-border: rgba(59, 130, 246, 0.65);
  --preset-btn-primary-soft-hover-text: #bfdbfe;
  --preset-btn-primary-soft-active-bg: rgba(148, 197, 253, 0.28);
  --preset-btn-primary-soft-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 6px rgba(59, 130, 246, 0.10);
  --preset-btn-primary-soft-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 10px rgba(59, 130, 246, 0.18);
  --preset-btn-danger-bg: rgba(220, 38, 38, 0.14);
  --preset-btn-danger-text: #fca5a5;
  --preset-btn-danger-border: rgba(220, 38, 38, 0.45);
  --preset-btn-danger-hover-bg: rgba(220, 38, 38, 0.24);
  --preset-btn-danger-hover-border: rgba(220, 38, 38, 0.60);
  --preset-btn-danger-hover-text: #fecaca;
  --preset-btn-danger-active-bg: rgba(220, 38, 38, 0.32);
  --preset-btn-danger-active-text: #fecaca;
  --preset-btn-danger-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 6px rgba(220, 38, 38, 0.08);
  --preset-btn-danger-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 10px rgba(220, 38, 38, 0.15);
  --preset-video-bg: #0a1018;
  --preset-video-border: #253550;
  --preset-video-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-stage-edge-spacing: 16px;
  --preset-stage-edge-spacing-mobile: 12px;
  --preset-pause-backdrop: rgba(0, 0, 0, 0.55);
  --preset-stage-divider: rgba(255, 255, 255, 0.08);
  --preset-glass-bg: rgba(2, 6, 23, 0.45);
  --preset-glass-border: rgba(255, 255, 255, 0.12);
  --preset-glass-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  --preset-video-top-gradient-start: rgba(2, 6, 23, 0.85);
  --preset-video-top-gradient-mid: rgba(2, 6, 23, 0.15);
  --preset-video-top-gradient-end: rgba(2, 6, 23, 0);
  --preset-top-overlay-gradient-start: color-mix(in srgb, var(--uikit-color-black-2) 78%, transparent);
  --preset-top-overlay-gradient-mid: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-overlay-gradient-end: transparent;
  --preset-top-overlay-text-color: var(--uikit-color-white-1);
  --preset-top-overlay-text-shadow: 0 1px 2px color-mix(in srgb, var(--uikit-color-black-2) 56%, transparent);
  --preset-top-overlay-avatar-shadow: 0 0 0 1px color-mix(in srgb, var(--uikit-color-white-1) 26%, transparent);
  --preset-stream-glass-bg: rgba(9, 17, 35, 0.62);
  --preset-live-badge-bg: rgba(22, 163, 74, 0.28);
  --preset-live-badge-border: rgba(74, 222, 128, 0.52);
  --preset-live-badge-text: #dcfce7;
  --preset-live-badge-dot: #86efac;
  --preset-live-badge-dot-shadow: rgba(134, 239, 172, 0.65);
  --preset-live-indicator-dot: var(--uikit-color-red-6);
  --preset-live-indicator-dot-glow: color-mix(in srgb, var(--uikit-color-red-6) 62%, transparent);
  --preset-live-indicator-ring: color-mix(in srgb, var(--uikit-color-red-6) 48%, transparent);
  --preset-live-indicator-text: var(--uikit-color-red-5);
  --preset-stream-title: #ffffff;
  --preset-stream-subtitle: rgba(226, 232, 240, 0.86);
  --preset-stream-subtitle-host: #cbd5e1;
  --preset-stream-subtitle-sep: rgba(148, 163, 184, 0.7);
  --preset-stream-subtitle-room: rgba(148, 163, 184, 0.88);
  --preset-top-action-text: #f8fafc;
  --preset-top-action-icon-color: var(--uikit-color-white-1);
  --preset-top-action-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --preset-top-action-icon-hover-color: var(--uikit-color-white-1);
  --preset-top-action-icon-hover-bg: color-mix(in srgb, var(--uikit-color-white-1) 16%, transparent);
  --preset-top-action-leave-icon-color: var(--uikit-color-red-5);
  --preset-top-action-leave-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --preset-top-action-bg: rgba(15, 23, 42, 0.25);
  --preset-top-action-hover-shadow: 0 6px 18px rgba(15, 23, 42, 0.28);
  --preset-top-action-share-border: rgba(125, 211, 252, 0.65);
  --preset-top-action-share-bg: linear-gradient(135deg, rgba(14, 116, 144, 0.72), rgba(37, 99, 235, 0.78));
  --preset-top-action-share-text: #f8fafc;
  --preset-top-action-share-shadow: none;
  --preset-top-action-share-hover-border: rgba(186, 230, 253, 0.95);
  --preset-top-action-share-hover-bg: linear-gradient(135deg, rgba(2, 132, 199, 0.88), rgba(59, 130, 246, 0.92));
  --preset-top-action-share-hover-text: #f8fafc;
  --preset-top-action-share-hover-shadow: none;
  --preset-top-action-leave-border: rgba(251, 146, 146, 0.74);
  --preset-top-action-leave-bg: linear-gradient(135deg, rgba(190, 24, 93, 0.72), rgba(220, 38, 38, 0.82));
  --preset-top-action-leave-text: #f8fafc;
  --preset-top-action-leave-shadow: none;
  --preset-top-action-leave-hover-border: rgba(254, 202, 202, 0.95);
  --preset-top-action-leave-hover-bg: linear-gradient(135deg, rgba(219, 39, 119, 0.88), rgba(239, 68, 68, 0.92));
  --preset-top-action-leave-hover-text: #f8fafc;
  --preset-top-action-leave-hover-shadow: none;
  --preset-progress-track-bg: rgba(255, 255, 255, 0.2);
  --preset-progress-fill-start: #e51c1c;
  --preset-progress-fill-end: #f63b3b;
  --preset-progress-thumb-bg: #e51c1c;
  --preset-progress-thumb-shadow: rgba(229, 28, 28, 0.4);
  --preset-control-pill-bg: rgba(0, 0, 0, 0.45);
  --preset-control-pill-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  --preset-control-btn-color: #ffffff;
  --preset-control-btn-hover-bg: rgba(255, 255, 255, 0.1);
  --preset-control-tooltip-text: #eef2ff;
  --preset-control-tooltip-bg: rgba(30, 41, 59, 0.92);
  --preset-control-tooltip-border: rgba(148, 163, 184, 0.32);
  --preset-control-tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --preset-resolution-popup-bg: rgba(0, 0, 0, 0.55);
  --preset-resolution-popup-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  --preset-resolution-option-text: rgba(255, 255, 255, 0.7);
  --preset-resolution-option-hover-bg: rgba(255, 255, 255, 0.1);
  --preset-resolution-option-hover-text: #ffffff;
  --preset-resolution-option-active-bg: rgba(255, 255, 255, 0.18);
  --preset-resolution-option-active-text: #ffffff;
  --preset-volume-track-bg: rgba(255, 255, 255, 0.2);
  --preset-volume-fill-bg: #ffffff;
  --preset-volume-thumb-bg: #ffffff;
  --preset-volume-thumb-shadow: rgba(0, 0, 0, 0.3);
  --preset-pause-overlay-start: rgba(0, 0, 0, 0.5);
  --preset-pause-overlay-mid: rgba(0, 0, 0, 0.5);
  --preset-pause-overlay-end: rgba(0, 0, 0, 0);
  --preset-pause-btn-border: rgba(148, 163, 184, 0.42);
  --preset-pause-btn-grad-start: rgba(59, 130, 246, 0.28);
  --preset-pause-btn-grad-end: rgba(15, 23, 42, 0.88);
  --preset-pause-btn-bg: rgba(15, 23, 42, 0.86);
  --preset-pause-btn-shadow: rgba(15, 23, 42, 0.46);
  --preset-pause-btn-inset: rgba(255, 255, 255, 0.08);
  --preset-pause-btn-icon-shadow: rgba(59, 130, 246, 0.32);
  --preset-pause-btn-hover-border: rgba(125, 211, 252, 0.7);
  --preset-pause-btn-hover-shadow: rgba(30, 64, 175, 0.35);
  --preset-pause-btn-hover-inset: rgba(255, 255, 255, 0.12);
  --preset-panel-toggle-bg: #151e32;
  --preset-panel-toggle-border: #253550;
  --preset-panel-toggle-color: #566880;
  --preset-panel-toggle-hover-color: #6ea8fe;
  --preset-panel-toggle-hover-bg: rgba(59, 130, 246, 0.10);
  --preset-panel-toggle-shadow: -2px 0 8px rgba(0, 0, 0, 0.25);
  --preset-panel-bg: #151e32;
  --preset-panel-border: #253550;
  --preset-panel-shadow: 0 2px 10px rgba(0, 0, 0, 0.22), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-viewer-stack-bg: rgba(30, 41, 59, 0.75);
  --preset-viewer-stack-border: rgba(148, 163, 184, 0.24);
  --preset-viewer-stack-ring: #0f172a;
  --preset-viewer-pill-bg: rgba(30, 41, 59, 0.88);
  --preset-viewer-pill-text: #cbd5e1;
  --preset-viewer-pill-border: rgba(148, 163, 184, 0.32);
  --preset-chat-surface-bg: rgba(15, 23, 42, 0.65);
  --preset-chat-surface-border: rgba(148, 163, 184, 0.16);
  --preset-chat-surface-divider: rgba(148, 163, 184, 0.14);
  --preset-chat-surface-bg-gradient-end: color-mix(in srgb, var(--preset-chat-surface-bg) 88%, #000 12%);
  --preset-chat-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 28px rgba(0, 0, 0, 0.25);
  --preset-section-title: #cdd6e5;
  --preset-count-badge-bg: #1a2438;
  --preset-count-badge-text: #8494ad;
  --preset-search-bg: #1e2c42;
  --preset-search-border: #2e4060;
  --preset-search-focus-bg: #1e2c42;
  --preset-search-focus-border: #3b82f6;
  --preset-search-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
  --preset-search-icon: #566880;
  --preset-search-text: #e2e8f0;
  --preset-search-placeholder: rgba(148, 163, 184, 0.75);
  --preset-list-scrollbar: #253550;
  --preset-audience-hover-bg: rgba(30, 44, 66, 0.70);
  --preset-audience-name: #cdd6e5;
  --preset-online-dot-border: #151e32;
  --preset-role-host-text: #6ea8fe;
  --preset-role-host-bg: rgba(59, 130, 246, 0.18);
  --preset-role-self-text: #93c5fd;
  --preset-role-self-bg: rgba(59, 130, 246, 0.2);
  --preset-list-empty: #566880;
  --preset-tab-bar-bg: rgba(15, 23, 42, 0.7);
  --preset-tab-track-bg: rgba(255, 255, 255, 0.03);
  --preset-tab-track-border: rgba(255, 255, 255, 0.05);
  --preset-tab-slider-bg: rgba(59, 130, 246, 0.18);
  --preset-tab-btn-text: rgba(148, 163, 184, 0.55);
  --preset-tab-btn-hover-text: rgba(203, 213, 225, 0.72);
  --preset-tab-btn-active-text: #edf1f8;
  --preset-tab-btn-hover-bg: rgba(255, 255, 255, 0.04);
  --preset-tab-indicator-bg: #3b82f6;
  --preset-tab-indicator-shadow: 0 0 8px rgba(59, 130, 246, 0.45);
  --preset-tab-badge-bg: rgba(59, 130, 246, 0.1);
  --preset-tab-badge-text: rgba(148, 163, 184, 0.45);
  --preset-tab-badge-active-bg: rgba(59, 130, 246, 0.2);
  --preset-tab-badge-active-text: #93c5fd;
  --preset-role-admin-text: #fbbf24;
  --preset-role-admin-bg: rgba(251, 191, 36, 0.14);
  --preset-role-admin-border: rgba(251, 191, 36, 0.25);
  --preset-system-msg-text: #8494ad;
  --preset-system-msg-icon: #566880;
  --preset-system-msg-line: rgba(59, 130, 246, 0.12);
  --preset-audience-group-title: #566880;
  --preset-audience-group-line: rgba(148, 163, 184, 0.12);
  --preset-audience-role-badge-bg: rgba(59, 130, 246, 0.12);
  --preset-audience-role-badge-text: #6ea8fe;
  --preset-chat-scrollbar: #253550;
  --preset-msg-name: #cdd6e5;
  --preset-msg-time: #566880;
  --preset-msg-content-bg: #1a2438;
  --preset-msg-content-border: rgba(59, 130, 246, 0.2);
  --preset-msg-content-text: #bcc8dc;
  --preset-msg-self-bg: rgba(59, 130, 246, 0.14);
  --preset-msg-self-border: rgba(59, 130, 246, 0.24);
  --preset-msg-host-name: #6ea8fe;
  --preset-msg-host-tag-bg: rgba(59, 130, 246, 0.18);
  --preset-msg-host-bubble-bg: rgba(59, 130, 246, 0.14);
  --preset-msg-host-bubble-border: rgba(59, 130, 246, 0.24);
  --preset-input-bar-bg: #111828;
  --preset-input-shell-bg: rgba(30, 41, 59, 0.72);
  --preset-input-wrapper-bg: #1e2c42;
  --preset-input-wrapper-border: #2e4060;
  --preset-input-wrapper-focus-bg: #1e2c42;
  --preset-input-wrapper-focus-border: #3b82f6;
  --preset-input-wrapper-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
  --preset-emoji-btn-color: #8494ad;
  --preset-emoji-btn-active: #60a5fa;
  --preset-emoji-btn-hover-bg: rgba(255, 255, 255, 0.06);
  --preset-emoji-panel-bg: #1e2c42;
  --preset-emoji-panel-border: #2e4060;
  --preset-emoji-panel-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.18);
  --preset-emoji-hover-bg: #2e4060;
  --preset-emoji-hover-ring: rgba(59, 130, 246, 0.28);
  --preset-send-btn-inactive: #2e4060;
  --preset-send-btn-hover: #566880;
  --preset-send-btn-active-bg: #3b82f6;
  --preset-send-btn-active-text: #ffffff;
  --preset-send-btn-active-ring: rgba(59, 130, 246, 0.18);
  --preset-send-btn-sending-bg: rgba(14, 165, 233, 0.75);
  --preset-chat-input-text: #e2e8f0;
  --preset-chat-input-placeholder: rgba(148, 163, 184, 0.75);
  --preset-handle-border: #2e4060;
  --preset-handle-hover-bg: #1e2c42;
  --preset-handle-indicator: #3a506e;
  --preset-handle-indicator-hover: #566880;
  --preset-handle-glow: rgba(59, 130, 246, 0.35);
  --preset-chat-section-shadow: none;
  --preset-chat-msg-hover-bg: rgba(30, 44, 66, 0.55);
  --preset-chat-header-bg: rgba(15, 23, 42, 0.7);
  --preset-viewer-stack-row-bg: rgba(15, 23, 42, 0.55);
  --preset-viewer-stack-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  --preset-chat-grid-opacity: 0.22;
  --preset-time-divider-bg: color-mix(in srgb, var(--preset-chat-surface-bg) 85%, #000 15%);
  --preset-audience-hover-ring: rgba(59, 130, 246, 0.22);
  --preset-presenter-hover-shadow: rgba(0, 0, 0, 0.30);
  --preset-header-shadow: 0 1px 4px rgba(0, 0, 0, 0.22), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-card-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-header-gradient: linear-gradient(90deg, #3b82f6, #60a5fa, #93c5fd);
  --preset-avatar-0-bg: #182846;
  --preset-avatar-0-text: #7ab3ff;
  --preset-avatar-1-bg: #112c2c;
  --preset-avatar-1-text: #64f0da;
  --preset-avatar-2-bg: #2c2412;
  --preset-avatar-2-text: #fcc02a;
  --preset-avatar-3-bg: #2c1722;
  --preset-avatar-3-text: #fc7c90;
  --preset-avatar-4-bg: #112238;
  --preset-avatar-4-text: #82d8fe;
  --preset-avatar-5-bg: #1c2238;
  --preset-avatar-5-text: #9aadbe;
  --preset-avatar-6-bg: #112c1c;
  --preset-avatar-6-text: #74edc0;
  --preset-avatar-7-bg: #2c1c12;
  --preset-avatar-7-text: #fc9842;
  --preset-live-green: #34d399;
  --preset-live-green-pulse: rgba(52, 211, 153, 0.4);
  --preset-live-red: #fb7185;
  --preset-stage-border: rgba(255, 255, 255, 0.07);
  --preset-bar-bg: #0e1525;
  --preset-bar-border: #253550;
  --preset-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-bar-divider: #253550;
  --preset-bg-primary: #0e1525;
  --preset-bg-secondary: #151e32;
  --preset-bg-tertiary: #1a2438;
  --preset-live-ended-bg: rgba(14, 21, 37, 0.92);
  --preset-live-ended-icon: rgba(148, 163, 184, 0.4);
  --preset-live-ended-title: #edf1f8;
  --preset-live-ended-subtitle: rgba(205, 214, 229, 0.6);
}
.style-preset-business,
.style-preset-business.tui-theme-light {
  --uikit-color-gray-1: #f2f4f8;
  --uikit-color-gray-2: #f6f8fb;
  --uikit-color-gray-3: #ffffff;
  --uikit-color-gray-4: #ffffff;
  --uikit-color-gray-5: #f9fafc;
  --uikit-color-gray-6: #eef1f6;
  --uikit-color-gray-7: #e4e8f0;
  --uikit-color-theme-1: #eff6ff;
  --uikit-color-theme-2: #dbeafe;
  --uikit-color-theme-3: #bfdbfe;
  --uikit-color-theme-4: #93c5fd;
  --uikit-color-theme-5: #3b82f6;
  --uikit-color-theme-6: #1c66e5;
  --uikit-color-theme-7: #1c66e5;
  --uikit-color-theme-8: #1c66e5;
  --uikit-color-theme-9: #1e40af;
  --uikit-color-theme-10: #1e3a5f;
  --text-color-primary: #1a2742;
  --text-color-secondary: #3a4560;
  --text-color-tertiary: #8892aa;
  --bg-color-topbar: #ffffff;
  --bg-color-input: #ffffff;
  --bg-color-bubble-reciprocal: #f6f8fb;
  --stroke-color-primary: #e4e8f0;
  --stroke-color-secondary: #eef1f6;
  --button-color-primary-default: #1c66e5;
  --button-color-primary-hover: #1a5cd0;
  --button-color-primary-active: #174fb8;
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 18%, transparent);
  --biz-border-lightest: #e4e8f0;
  --biz-border-hover: #c2cad8;
  --biz-blue-glow: rgba(28, 102, 229, 0.5);
  --biz-blue-glow-shadow: rgba(28, 102, 229, 0.06);
  --biz-green-online: #10b981;
  --preset-primary: #1c66e5;
  --preset-primary-hover: #1a5cd0;
  --preset-primary-active: #174fb8;
  --preset-danger: #ef4444;
  --preset-bg-base: #f2f4f8;
  --preset-bg-panel: #ffffff;
  --preset-bg-input: #ffffff;
  --preset-bg-elevated: #ffffff;
  --preset-bg-inset: #f6f8fb;
  --preset-bg-hover: #f9fafc;
  --preset-border: #eaecf2;
  --preset-border-strong: #dde2ea;
  --preset-text-heading: #1a2440;
  --preset-text-primary: #1a2742;
  --preset-text-secondary: #3a4560;
  --preset-text-body: #475068;
  --preset-text-tertiary: #8892aa;
  --preset-text-weak: #aeb6c8;
  --preset-text-disabled: #d5dae4;
  --preset-icon-default: #8892aa;
  --preset-icon-hover: #3a4560;
  --preset-chat-bubble-bg: #f6f8fb;
  --preset-chat-bubble-text: #475068;
  --preset-chat-bubble-host-bg: rgba(59, 130, 246, 0.06);
  --preset-chat-bubble-host-border: rgba(59, 130, 246, 0.12);
  --preset-input-bg: #ffffff;
  --preset-input-border: #dde2ea;
  --preset-input-placeholder: #bfc6d4;
  --preset-info-bar-bg: #ffffff;
  --preset-info-bar-border: #e6e9f0;
  --preset-info-bar-divider: #e4e8f0;
  --preset-info-bar-brand-text: inherit;
  --preset-info-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.05), 0 0 1px rgba(28, 102, 229, 0.04);
  --preset-presenter-hover-bg: #f0f2f6;
  --preset-presenter-hover-border: #dde2ea;
  --preset-presenter-name: #1a2742;
  --preset-presenter-speaking-name: #0e1930;
  --preset-presenter-avatar-ring: 0 0 0 1.5px #fff, 0 1px 3px rgba(0, 0, 0, 0.08);
  --preset-presenter-status-border: #f8f9fb;
  --preset-btn-primary-bg: #1c66e5;
  --preset-btn-primary-hover: #1a5cd0;
  --preset-btn-primary-active: #1750b8;
  --preset-btn-primary-soft-bg: rgba(28, 102, 229, 0.08);
  --preset-btn-primary-soft-text: #1d4ed8;
  --preset-btn-primary-soft-border: rgba(28, 102, 229, 0.42);
  --preset-btn-primary-soft-hover-bg: rgba(28, 102, 229, 0.14);
  --preset-btn-primary-soft-hover-border: rgba(28, 102, 229, 0.58);
  --preset-btn-primary-soft-hover-text: #1e40af;
  --preset-btn-primary-soft-active-bg: rgba(28, 102, 229, 0.20);
  --preset-btn-primary-soft-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 6px rgba(28, 102, 229, 0.08);
  --preset-btn-primary-soft-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 10px rgba(28, 102, 229, 0.14);
  --preset-btn-danger-bg: rgba(220, 38, 38, 0.06);
  --preset-btn-danger-text: #dc2626;
  --preset-btn-danger-border: rgba(220, 38, 38, 0.38);
  --preset-btn-danger-hover-bg: rgba(220, 38, 38, 0.12);
  --preset-btn-danger-hover-border: rgba(220, 38, 38, 0.52);
  --preset-btn-danger-hover-text: #b91c1c;
  --preset-btn-danger-active-bg: rgba(220, 38, 38, 0.18);
  --preset-btn-danger-active-text: #991b1b;
  --preset-btn-danger-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 6px rgba(220, 38, 38, 0.06);
  --preset-btn-danger-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 10px rgba(220, 38, 38, 0.10);
  --preset-video-bg: #0f1219;
  --preset-video-border: #dde2ea;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.04);
  --preset-stage-edge-spacing: 16px;
  --preset-stage-edge-spacing-mobile: 12px;
  --preset-pause-backdrop: rgba(0, 0, 0, 0.45);
  --preset-stage-divider: rgba(148, 163, 184, 0.32);
  --preset-glass-bg: rgba(15, 23, 42, 0.42);
  --preset-glass-border: rgba(255, 255, 255, 0.24);
  --preset-glass-shadow: 0 10px 24px rgba(15, 23, 42, 0.22);
  --preset-video-top-gradient-start: rgba(248, 250, 252, 0.92);
  --preset-video-top-gradient-mid: rgba(248, 250, 252, 0.18);
  --preset-video-top-gradient-end: rgba(248, 250, 252, 0);
  --preset-top-overlay-gradient-start: color-mix(in srgb, var(--uikit-color-black-2) 70%, transparent);
  --preset-top-overlay-gradient-mid: color-mix(in srgb, var(--uikit-color-black-2) 24%, transparent);
  --preset-top-overlay-gradient-end: transparent;
  --preset-top-overlay-text-color: var(--uikit-color-white-1);
  --preset-top-overlay-text-shadow: 0 1px 2px color-mix(in srgb, var(--uikit-color-black-2) 52%, transparent);
  --preset-top-overlay-avatar-shadow: 0 0 0 1px color-mix(in srgb, var(--uikit-color-white-1) 36%, transparent);
  --preset-stream-glass-bg: rgba(255, 255, 255, 0.72);
  --preset-live-badge-bg: rgba(16, 185, 129, 0.14);
  --preset-live-badge-border: rgba(16, 185, 129, 0.36);
  --preset-live-badge-text: #047857;
  --preset-live-badge-dot: #10b981;
  --preset-live-badge-dot-shadow: rgba(16, 185, 129, 0.45);
  --preset-live-indicator-dot: var(--uikit-color-red-6);
  --preset-live-indicator-dot-glow: color-mix(in srgb, var(--uikit-color-red-6) 58%, transparent);
  --preset-live-indicator-ring: color-mix(in srgb, var(--uikit-color-red-6) 44%, transparent);
  --preset-live-indicator-text: var(--uikit-color-red-6);
  --preset-stream-title: #1a2440;
  --preset-stream-subtitle: #475068;
  --preset-stream-subtitle-host: #1e2c40;
  --preset-stream-subtitle-sep: #98a2b4;
  --preset-stream-subtitle-room: #64748b;
  --preset-top-action-text: #344054;
  --preset-top-action-icon-color: var(--uikit-color-white-1);
  --preset-top-action-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-action-icon-hover-color: var(--uikit-color-white-1);
  --preset-top-action-icon-hover-bg: color-mix(in srgb, var(--uikit-color-white-1) 14%, transparent);
  --preset-top-action-leave-icon-color: color-mix(in srgb, var(--uikit-color-red-4) 82%, var(--uikit-color-white-1));
  --preset-top-action-leave-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-action-bg: rgba(255, 255, 255, 0.5);
  --preset-top-action-hover-shadow: 0 8px 20px rgba(15, 23, 42, 0.16);
  --preset-top-action-share-border: rgba(28, 102, 229, 0.42);
  --preset-top-action-share-bg: linear-gradient(135deg, rgba(219, 234, 254, 0.95), rgba(191, 219, 254, 0.95));
  --preset-top-action-share-text: #1e40af;
  --preset-top-action-share-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 4px 12px rgba(28, 102, 229, 0.18);
  --preset-top-action-share-hover-border: rgba(28, 102, 229, 0.58);
  --preset-top-action-share-hover-bg: linear-gradient(135deg, rgba(191, 219, 254, 0.98), rgba(147, 197, 253, 0.98));
  --preset-top-action-share-hover-text: #1e3a8a;
  --preset-top-action-share-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(28, 102, 229, 0.24);
  --preset-top-action-leave-border: rgba(220, 38, 38, 0.42);
  --preset-top-action-leave-bg: linear-gradient(135deg, rgba(254, 226, 226, 0.95), rgba(254, 202, 202, 0.95));
  --preset-top-action-leave-text: #b91c1c;
  --preset-top-action-leave-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 4px 12px rgba(220, 38, 38, 0.16);
  --preset-top-action-leave-hover-border: rgba(220, 38, 38, 0.58);
  --preset-top-action-leave-hover-bg: linear-gradient(135deg, rgba(254, 202, 202, 0.98), rgba(252, 165, 165, 0.98));
  --preset-top-action-leave-hover-text: #991b1b;
  --preset-top-action-leave-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(220, 38, 38, 0.2);
  --preset-progress-track-bg: rgba(15, 23, 42, 0.22);
  --preset-progress-fill-start: #e51c1c;
  --preset-progress-fill-end: #f63b3b;
  --preset-progress-thumb-bg: #e51c1c;
  --preset-progress-thumb-shadow: rgba(229, 28, 28, 0.35);
  --preset-control-pill-bg: rgba(15, 23, 42, 0.58);
  --preset-control-pill-shadow: 0 4px 16px rgba(2, 6, 23, 0.22);
  --preset-control-btn-color: #ffffff;
  --preset-control-btn-hover-bg: rgba(255, 255, 255, 0.14);
  --preset-control-tooltip-text: #eef2ff;
  --preset-control-tooltip-bg: rgba(30, 41, 59, 0.92);
  --preset-control-tooltip-border: rgba(148, 163, 184, 0.32);
  --preset-control-tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --preset-resolution-popup-bg: rgba(15, 23, 42, 0.78);
  --preset-resolution-popup-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  --preset-resolution-option-text: rgba(255, 255, 255, 0.76);
  --preset-resolution-option-hover-bg: rgba(255, 255, 255, 0.12);
  --preset-resolution-option-hover-text: #ffffff;
  --preset-resolution-option-active-bg: rgba(255, 255, 255, 0.2);
  --preset-resolution-option-active-text: #ffffff;
  --preset-volume-track-bg: rgba(255, 255, 255, 0.3);
  --preset-volume-fill-bg: #ffffff;
  --preset-volume-thumb-bg: #ffffff;
  --preset-volume-thumb-shadow: rgba(2, 6, 23, 0.32);
  --preset-pause-overlay-start: rgba(0, 0, 0, 0.4);
  --preset-pause-overlay-mid: rgba(0, 0, 0, 0.4);
  --preset-pause-overlay-end: rgba(0, 0, 0, 0);
  --preset-pause-btn-border: rgba(148, 163, 184, 0.36);
  --preset-pause-btn-grad-start: rgba(219, 234, 254, 0.96);
  --preset-pause-btn-grad-end: rgba(226, 232, 240, 0.92);
  --preset-pause-btn-bg: rgba(255, 255, 255, 0.88);
  --preset-pause-btn-shadow: rgba(15, 23, 42, 0.2);
  --preset-pause-btn-inset: rgba(255, 255, 255, 0.75);
  --preset-pause-btn-icon-shadow: rgba(28, 102, 229, 0.18);
  --preset-pause-btn-icon-color: #1c66e5;
  --preset-pause-btn-hover-border: rgba(96, 165, 250, 0.75);
  --preset-pause-btn-hover-shadow: rgba(28, 102, 229, 0.24);
  --preset-pause-btn-hover-inset: rgba(255, 255, 255, 0.88);
  --preset-panel-toggle-bg: #ffffff;
  --preset-panel-toggle-border: #e4e8f0;
  --preset-panel-toggle-color: #aeb6c8;
  --preset-panel-toggle-hover-color: #1c66e5;
  --preset-panel-toggle-hover-bg: #f0f4ff;
  --preset-panel-toggle-shadow: -2px 0 6px rgba(0, 0, 0, 0.04);
  --preset-panel-bg: #ffffff;
  --preset-panel-border: #e6e9f0;
  --preset-panel-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.03);
  --preset-viewer-stack-bg: #f8fafc;
  --preset-viewer-stack-border: #e2e8f0;
  --preset-viewer-stack-ring: #ffffff;
  --preset-viewer-pill-bg: #eef2ff;
  --preset-viewer-pill-text: #334155;
  --preset-viewer-pill-border: #dbeafe;
  --preset-chat-surface-bg: #ffffff;
  --preset-chat-surface-border: #e2e8f0;
  --preset-chat-surface-divider: #edf2f7;
  --preset-chat-surface-bg-gradient-end: #f8fafc;
  --preset-chat-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 10px 24px rgba(15, 23, 42, 0.08);
  --preset-section-title: #1e2c40;
  --preset-count-badge-bg: #f2f4f6;
  --preset-count-badge-text: #68738a;
  --preset-search-bg: #f8f9fb;
  --preset-search-border: #d4d9e2;
  --preset-search-focus-bg: #ffffff;
  --preset-search-focus-border: #3b82f6;
  --preset-search-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
  --preset-search-icon: #98a2b4;
  --preset-search-text: #344054;
  --preset-search-placeholder: #98a2b4;
  --preset-list-scrollbar: #e2e6ec;
  --preset-audience-hover-bg: #f8f9fb;
  --preset-audience-name: #344054;
  --preset-online-dot-border: #ffffff;
  --preset-role-host-text: #3b82f6;
  --preset-role-host-bg: rgba(59, 130, 246, 0.08);
  --preset-role-self-text: #1c66e5;
  --preset-role-self-bg: rgba(28, 102, 229, 0.1);
  --preset-list-empty: #98a2b4;
  --preset-tab-bar-bg: #f8fafc;
  --preset-tab-track-bg: rgba(0, 0, 0, 0.03);
  --preset-tab-track-border: rgba(0, 0, 0, 0.05);
  --preset-tab-slider-bg: #ffffff;
  --preset-tab-btn-text: rgba(58, 69, 96, 0.52);
  --preset-tab-btn-hover-text: rgba(26, 39, 66, 0.72);
  --preset-tab-btn-active-text: #1a2742;
  --preset-tab-btn-hover-bg: rgba(28, 102, 229, 0.04);
  --preset-tab-indicator-bg: #1c66e5;
  --preset-tab-indicator-shadow: 0 0 6px rgba(28, 102, 229, 0.3);
  --preset-tab-badge-bg: rgba(28, 102, 229, 0.06);
  --preset-tab-badge-text: rgba(58, 69, 96, 0.42);
  --preset-tab-badge-active-bg: rgba(28, 102, 229, 0.1);
  --preset-tab-badge-active-text: #1c66e5;
  --preset-role-admin-text: #d97706;
  --preset-role-admin-bg: rgba(217, 119, 6, 0.08);
  --preset-role-admin-border: rgba(217, 119, 6, 0.2);
  --preset-system-msg-text: #8892aa;
  --preset-system-msg-icon: #aeb6c8;
  --preset-system-msg-line: rgba(28, 102, 229, 0.08);
  --preset-audience-group-title: #8892aa;
  --preset-audience-group-line: rgba(0, 0, 0, 0.06);
  --preset-audience-role-badge-bg: rgba(28, 102, 229, 0.06);
  --preset-audience-role-badge-text: #1c66e5;
  --preset-chat-scrollbar: #e0e4ea;
  --preset-msg-name: #344054;
  --preset-msg-time: #c2c8d2;
  --preset-msg-content-bg: #f2f4f6;
  --preset-msg-content-border: rgba(28, 102, 229, 0.18);
  --preset-msg-content-text: #475068;
  --preset-msg-self-bg: #eef4ff;
  --preset-msg-self-border: #dde8fc;
  --preset-msg-host-name: #3b82f6;
  --preset-msg-host-tag-bg: rgba(59, 130, 246, 0.07);
  --preset-msg-host-bubble-bg: rgba(59, 130, 246, 0.06);
  --preset-msg-host-bubble-border: rgba(59, 130, 246, 0.12);
  --preset-input-bar-bg: transparent;
  --preset-input-shell-bg: #f8fafc;
  --preset-input-wrapper-bg: #f8f9fb;
  --preset-input-wrapper-border: #d4d9e2;
  --preset-input-wrapper-focus-bg: #ffffff;
  --preset-input-wrapper-focus-border: #3b82f6;
  --preset-input-wrapper-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
  --preset-emoji-btn-color: #98a2b4;
  --preset-emoji-btn-active: #3b82f6;
  --preset-emoji-btn-hover-bg: rgba(28, 102, 229, 0.08);
  --preset-emoji-panel-bg: #ffffff;
  --preset-emoji-panel-border: #e2e6ec;
  --preset-emoji-panel-shadow: 0 8px 22px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.03);
  --preset-emoji-hover-bg: #f2f4f6;
  --preset-emoji-hover-ring: rgba(59, 130, 246, 0.15);
  --preset-send-btn-inactive: #d4d9e2;
  --preset-send-btn-hover: #98a2b4;
  --preset-send-btn-active-bg: #3b82f6;
  --preset-send-btn-active-text: #ffffff;
  --preset-send-btn-active-ring: rgba(59, 130, 246, 0.2);
  --preset-send-btn-sending-bg: rgba(28, 102, 229, 0.72);
  --preset-chat-input-text: #344054;
  --preset-chat-input-placeholder: #98a2b4;
  --preset-handle-border: #e2e8f0;
  --preset-handle-hover-bg: #f8f9fb;
  --preset-handle-indicator: #c8d2de;
  --preset-handle-indicator-hover: #90a0b6;
  --preset-handle-glow: rgba(59, 130, 246, 0.15);
  --preset-chat-section-shadow: none;
  --preset-chat-msg-hover-bg: rgba(242, 244, 246, 0.72);
  --preset-chat-header-bg: #f8fafc;
  --preset-viewer-stack-row-bg: #f8fafc;
  --preset-viewer-stack-shadow: 0 3px 8px rgba(15, 23, 42, 0.12);
  --preset-chat-grid-opacity: 0.15;
  --preset-time-divider-bg: rgba(241, 245, 249, 0.9);
  --preset-audience-hover-ring: rgba(59, 130, 246, 0.12);
  --preset-presenter-hover-shadow: rgba(0, 0, 0, 0.06);
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.02);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.04);
  --preset-header-gradient: transparent;
  --preset-avatar-0-bg: #eff6ff;
  --preset-avatar-0-text: #2563eb;
  --preset-avatar-1-bg: #f0fdfa;
  --preset-avatar-1-text: #0d9488;
  --preset-avatar-2-bg: #fffbeb;
  --preset-avatar-2-text: #d97706;
  --preset-avatar-3-bg: #fff1f2;
  --preset-avatar-3-text: #f43f5e;
  --preset-avatar-4-bg: #f0f9ff;
  --preset-avatar-4-text: #0284c7;
  --preset-avatar-5-bg: #f1f5f9;
  --preset-avatar-5-text: #475569;
  --preset-avatar-6-bg: #ecfdf5;
  --preset-avatar-6-text: #059669;
  --preset-avatar-7-bg: #fff7ed;
  --preset-avatar-7-text: #ea580c;
  --preset-live-green: #10b981;
  --preset-live-green-pulse: rgba(16, 185, 129, 0.4);
  --preset-live-red: #f43f5e;
  --preset-stage-border: rgba(0, 0, 0, 0.06);
  --preset-bar-bg: #ffffff;
  --preset-bar-border: #e6e9f0;
  --preset-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.02);
  --preset-bar-divider: #e4e8f0;
  --preset-bg-primary: #f2f4f8;
  --preset-bg-secondary: #ffffff;
  --preset-bg-tertiary: #f6f8fb;
  --preset-live-ended-bg: rgba(242, 244, 248, 0.92);
  --preset-live-ended-icon: rgba(136, 146, 170, 0.4);
  --preset-live-ended-title: #1a2440;
  --preset-live-ended-subtitle: rgba(71, 80, 104, 0.7);
}
html[tui-theme-mode=dark] .style-preset-education,
.style-preset-education.tui-theme-dark {
  --uikit-color-gray-1: #111318;
  --uikit-color-gray-2: #16181f;
  --uikit-color-gray-3: #1c1f28;
  --uikit-color-gray-4: #252830;
  --uikit-color-gray-5: #1e2128;
  --uikit-color-gray-6: #282c36;
  --uikit-color-gray-7: #2e323c;
  --uikit-color-theme-1: rgba(16, 185, 129, 0.06);
  --uikit-color-theme-2: rgba(16, 185, 129, 0.1);
  --uikit-color-theme-3: rgba(16, 185, 129, 0.16);
  --uikit-color-theme-4: #6ee7b7;
  --uikit-color-theme-5: #34d399;
  --uikit-color-theme-6: #10b981;
  --uikit-color-theme-7: #34d399;
  --uikit-color-theme-8: #34d399;
  --uikit-color-theme-9: #10b981;
  --uikit-color-theme-10: #059669;
  --text-color-primary: #e8ecf2;
  --text-color-secondary: #b0b8c8;
  --text-color-tertiary: #6b7280;
  --bg-color-topbar: #16181f;
  --bg-color-dialog: #16181f;
  --bg-color-dialog-module: #1c1f28;
  --bg-color-input: #1c1f28;
  --bg-color-bubble-reciprocal: #1c1f28;
  --stroke-color-primary: #252830;
  --stroke-color-secondary: #282c36;
  --stroke-color-module: #2e323c;
  --button-color-primary-default: #10b981;
  --button-color-primary-hover: #34d399;
  --button-color-primary-active: #059669;
  --button-color-primary-disabled: rgba(16, 185, 129, 0.22);
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 32%, transparent);
  --list-color-hover: rgba(255, 255, 255, 0.06);
  --list-color-focused: rgba(16, 185, 129, 0.12);
  --preset-primary: #34d399;
  --preset-primary-hover: #6ee7b7;
  --preset-primary-active: #10b981;
  --preset-danger: #f87171;
  --preset-bg-base: #111318;
  --preset-bg-panel: #16181f;
  --preset-bg-input: #1c1f28;
  --preset-bg-elevated: #1c1f28;
  --preset-bg-inset: #1c1f28;
  --preset-bg-hover: #1e2128;
  --preset-border: #252830;
  --preset-border-strong: #2e323c;
  --preset-text-heading: #e8ecf2;
  --preset-text-primary: #e8ecf2;
  --preset-text-secondary: #b0b8c8;
  --preset-text-body: #b0b8c8;
  --preset-text-tertiary: #6b7280;
  --preset-text-weak: #4b5563;
  --preset-text-disabled: #374151;
  --preset-text-on-primary: #ffffff;
  --preset-icon-default: #6b7280;
  --preset-icon-hover: #b0b8c8;
  --preset-live-badge-bg: rgba(16, 185, 129, 0.16);
  --preset-live-badge-border: rgba(52, 211, 153, 0.32);
  --preset-live-badge-text: #34d399;
  --preset-live-badge-dot: #34d399;
  --preset-live-badge-dot-shadow: rgba(52, 211, 153, 0.45);
  --preset-live-indicator-dot: #f87171;
  --preset-live-indicator-dot-glow: rgba(248, 113, 113, 0.55);
  --preset-live-indicator-ring: rgba(248, 113, 113, 0.38);
  --preset-live-indicator-text: #f87171;
  --preset-btn-primary-bg: #10b981;
  --preset-btn-primary-hover: #34d399;
  --preset-btn-primary-active: #059669;
  --preset-btn-primary-soft-bg: rgba(16, 185, 129, 0.12);
  --preset-btn-primary-soft-text: #34d399;
  --preset-btn-primary-soft-border: rgba(52, 211, 153, 0.32);
  --preset-btn-danger-bg: rgba(248, 113, 113, 0.1);
  --preset-btn-danger-text: #f87171;
  --preset-btn-danger-border: rgba(248, 113, 113, 0.32);
  --preset-panel-bg: #16181f;
  --preset-panel-border: #252830;
  --preset-panel-shadow: 0 10px 26px color-mix(in srgb, var(--uikit-color-black-2) 42%, transparent);
  --preset-video-bg: #0a0c10;
  --preset-video-border: #252830;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
  --preset-glass-bg: rgba(0, 0, 0, 0.52);
  --preset-glass-border: rgba(255, 255, 255, 0.12);
  --preset-tab-bar-bg: #1c1f28;
  --preset-tab-btn-text: rgba(176, 184, 200, 0.52);
  --preset-tab-btn-hover-text: rgba(232, 236, 242, 0.72);
  --preset-tab-btn-active-text: #e8ecf2;
  --preset-tab-indicator-bg: #34d399;
  --preset-chat-bubble-bg: #1c1f28;
  --preset-chat-bubble-text: #b0b8c8;
  --preset-input-bg: #1c1f28;
  --preset-input-border: #2e323c;
  --preset-input-placeholder: #4b5563;
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
}
.style-preset-education,
.style-preset-education.tui-theme-light {
  --uikit-color-gray-1: #f3f5f7;
  --uikit-color-gray-2: #f7f8fa;
  --uikit-color-gray-3: #ebeef2;
  --uikit-color-gray-4: #e2e6ec;
  --uikit-color-gray-5: #f9fafb;
  --uikit-color-gray-6: #eef0f4;
  --uikit-color-gray-7: #dfe3ea;
  --uikit-color-theme-1: #ecfdf5;
  --uikit-color-theme-2: #d1fae5;
  --uikit-color-theme-3: #a7f3d0;
  --uikit-color-theme-4: #6ee7b7;
  --uikit-color-theme-5: #34d399;
  --uikit-color-theme-6: #10b981;
  --uikit-color-theme-7: #059669;
  --uikit-color-theme-8: #047857;
  --uikit-color-theme-9: #065f46;
  --uikit-color-theme-10: #064e3b;
  --text-color-primary: #1a2332;
  --text-color-secondary: #4b5563;
  --text-color-tertiary: #9ca3af;
  --bg-color-topbar: #ffffff;
  --bg-color-dialog: #ffffff;
  --bg-color-dialog-module: #f7f8fa;
  --bg-color-input: #ffffff;
  --bg-color-bubble-reciprocal: #f7f8fa;
  --stroke-color-primary: #e2e6ec;
  --stroke-color-secondary: #eef0f4;
  --stroke-color-module: #dfe3ea;
  --button-color-primary-default: #10b981;
  --button-color-primary-hover: #059669;
  --button-color-primary-active: #047857;
  --button-color-primary-disabled: rgba(16, 185, 129, 0.2);
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 14%, transparent);
  --list-color-hover: rgba(15, 23, 42, 0.04);
  --list-color-focused: rgba(16, 185, 129, 0.08);
  --preset-primary: #10b981;
  --preset-primary-hover: #059669;
  --preset-primary-active: #047857;
  --preset-danger: #ef4444;
  --preset-bg-base: #f3f5f7;
  --preset-bg-panel: #ffffff;
  --preset-bg-input: #ffffff;
  --preset-bg-elevated: #ffffff;
  --preset-bg-inset: #f7f8fa;
  --preset-bg-hover: #f9fafb;
  --preset-border: #ebeef2;
  --preset-border-strong: #dfe3ea;
  --preset-text-heading: #1a2332;
  --preset-text-primary: #1a2332;
  --preset-text-secondary: #4b5563;
  --preset-text-body: #4b5563;
  --preset-text-tertiary: #9ca3af;
  --preset-text-weak: #c4c9d2;
  --preset-text-disabled: #d5dae4;
  --preset-text-on-primary: #ffffff;
  --preset-icon-default: #9ca3af;
  --preset-icon-hover: #4b5563;
  --preset-live-badge-bg: rgba(16, 185, 129, 0.1);
  --preset-live-badge-border: rgba(16, 185, 129, 0.3);
  --preset-live-badge-text: #047857;
  --preset-live-badge-dot: #10b981;
  --preset-live-badge-dot-shadow: rgba(16, 185, 129, 0.45);
  --preset-live-indicator-dot: #ef4444;
  --preset-live-indicator-dot-glow: rgba(239, 68, 68, 0.55);
  --preset-live-indicator-ring: rgba(239, 68, 68, 0.38);
  --preset-live-indicator-text: #ef4444;
  --preset-btn-primary-bg: #10b981;
  --preset-btn-primary-hover: #059669;
  --preset-btn-primary-active: #047857;
  --preset-btn-primary-soft-bg: rgba(16, 185, 129, 0.08);
  --preset-btn-primary-soft-text: #047857;
  --preset-btn-primary-soft-border: rgba(16, 185, 129, 0.38);
  --preset-btn-danger-bg: rgba(239, 68, 68, 0.06);
  --preset-btn-danger-text: #dc2626;
  --preset-btn-danger-border: rgba(239, 68, 68, 0.38);
  --preset-panel-bg: #ffffff;
  --preset-panel-border: #ebeef2;
  --preset-panel-shadow: 0 8px 24px color-mix(in srgb, var(--uikit-color-black-3) 10%, transparent);
  --preset-video-bg: #0f1219;
  --preset-video-border: #dfe3ea;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.07);
  --preset-glass-bg: rgba(15, 23, 42, 0.42);
  --preset-glass-border: rgba(255, 255, 255, 0.24);
  --preset-tab-bar-bg: #f9fafb;
  --preset-tab-btn-text: rgba(75, 85, 99, 0.52);
  --preset-tab-btn-hover-text: rgba(26, 35, 50, 0.72);
  --preset-tab-btn-active-text: #1a2332;
  --preset-tab-indicator-bg: #10b981;
  --preset-chat-bubble-bg: #f7f8fa;
  --preset-chat-bubble-text: #4b5563;
  --preset-input-bg: #ffffff;
  --preset-input-border: #dfe3ea;
  --preset-input-placeholder: #c4c9d2;
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}
:root {
  --tui-button-round-radius: 999px;
  --tui-button-rect-radius: 3px;
  --tui-button-circle-radius: 50%;
  --tui-button-small-width: 48px;
  --tui-button-small-height: 24px;
  --tui-button-medium-width: 64px;
  --tui-button-medium-height: 32px;
  --tui-button-big-width: 80px;
  --tui-button-big-height: 40px;
  --tui-button-large-width: 96px;
  --tui-button-large-height: 48px;
  --tui-icon-default-width: 16px;
  --tui-icon-default-height: 16px;
  --tui-toast-round-radius: 8px;
  --tui-dialog-round-radius: 20px;
}
.tui-message-wrap {
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 628px;
  width: fit-content;
  transition: top 0.3s ease;
  transform-origin: center bottom;
}
.tui-message {
  box-sizing: border-box;
  border-radius: var(--tui-toast-round-radius);
  box-shadow: 0 1px 5px var(--shadow-color), 0 8px 12px var(--shadow-color), 0 12px 26px var(--shadow-color);
  padding: 8px 16px;
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
}
.tui-message * {
  padding: 0;
  margin: 0;
}
.tui-message p {
  font-size: 14px;
  line-height: 22px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tui-message-wrap--mobile {
  top: 50%;
  left: 20px;
  right: 20px;
  transform: translateY(-50%);
  max-width: 340px;
}
.tui-message--mobile {
  padding: 9px 16px;
  align-items: flex-start;
}
.tui-message--mobile > svg,
.tui-message--mobile > .tui-icon {
  flex-shrink: 0;
  margin-top: 3px;
}
.tui-message--mobile p {
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: none;
}
.close-icon {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.tui-message-wrap.tui-message-success .tui-message {
  background: var(--bg-color-bottombar);
  color: var(--text-color-primary);
}
.tui-message-wrap.tui-message-error .tui-message {
  background: var(--bg-color-bottombar);
  color: var(--text-color-primary);
}
.tui-message-wrap.tui-message-info .tui-message {
  background: var(--bg-color-bottombar);
  color: var(--text-color-primary);
}
.tui-message-wrap.tui-message-warning .tui-message {
  background: var(--bg-color-bottombar);
  color: var(--text-color-primary);
}
.toast-fade-enter-active,
.toast-fade-leave-active {
  transition: opacity 0.3s ease;
}
.toast-fade-enter-active .tui-message,
.toast-fade-leave-active .tui-message {
  transition: opacity 0.28s ease, transform 0.28s ease;
  transform-origin: center bottom;
  will-change: transform, opacity;
}
.toast-fade-enter-from {
  opacity: 0;
}
.toast-fade-enter-from .tui-message {
  opacity: 0;
  transform: translateY(-8px) scale(0.96);
}
.toast-fade-leave-to {
  opacity: 0;
}
.toast-fade-leave-to .tui-message {
  opacity: 0;
  transform: translateY(-4px) scaleY(0.82);
}
.fade-center-enter-active {
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.fade-center-leave-active {
  transition: all 0.25s ease-in;
}
.fade-center-enter-from {
  opacity: 0;
  transform: translateY(-50%) scale(0.8);
}
.fade-center-leave-to {
  opacity: 0;
  transform: translateY(-50%) scale(0.95);
}
.watermark-container[data-v-cb094971] {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
:root[tui-theme-mode=dark],
.tui-theme-dark {
  --uikit-color-theme-1: #1C2333;
  --uikit-color-theme-2: #243047;
  --uikit-color-theme-3: #2F4875;
  --uikit-color-theme-4: #305BA6;
  --uikit-color-theme-5: #2B6AD6;
  --uikit-color-theme-6: #4086FF;
  --uikit-color-theme-7: #5C9DFF;
  --uikit-color-theme-8: #78B0FF;
  --uikit-color-theme-9: #9CC7FF;
  --uikit-color-theme-10: #C2DEFF;
  --uikit-color-black-1: rgba(0, 0, 0, 100%);
  --uikit-color-black-2: rgba(0, 0, 0, 90%);
  --uikit-color-black-3: rgba(0, 0, 0, 72%);
  --uikit-color-black-4: rgba(0, 0, 0, 55%);
  --uikit-color-black-5: rgba(0, 0, 0, 40%);
  --uikit-color-black-6: rgba(0, 0, 0, 25%);
  --uikit-color-black-7: rgba(0, 0, 0, 12%);
  --uikit-color-black-8: rgba(0, 0, 0, 6%);
  --uikit-color-white-1: rgba(255, 255, 255, 100%);
  --uikit-color-white-2: rgba(255, 255, 255, 93%);
  --uikit-color-white-3: rgba(255, 255, 255, 75%);
  --uikit-color-white-4: rgba(255, 255, 255, 55%);
  --uikit-color-white-5: rgba(255, 255, 255, 42%);
  --uikit-color-white-6: rgba(255, 255, 255, 30%);
  --uikit-color-white-7: rgba(255, 255, 255, 14%);
  --uikit-color-gray-1: #131417;
  --uikit-color-gray-2: #1F2024;
  --uikit-color-gray-3: #2B2C30;
  --uikit-color-gray-4: #3A3C42;
  --uikit-color-gray-5: #48494F;
  --uikit-color-gray-6: #54565C;
  --uikit-color-gray-7: #676A70;
  --uikit-color-green-1: #1A2620;
  --uikit-color-green-2: #22352C;
  --uikit-color-green-3: #2F4F3F;
  --uikit-color-green-4: #377355;
  --uikit-color-green-5: #368F65;
  --uikit-color-green-6: #38A673;
  --uikit-color-green-7: #62B58B;
  --uikit-color-green-8: #8BC7A9;
  --uikit-color-green-9: #A9D4BD;
  --uikit-color-green-10: #C8E5D5;
  --uikit-color-red-1: #2B1C1F;
  --uikit-color-red-2: #422324;
  --uikit-color-red-3: #613234;
  --uikit-color-red-4: #8A4242;
  --uikit-color-red-5: #C2544E;
  --uikit-color-red-6: #E6594C;
  --uikit-color-red-7: #E57A6E;
  --uikit-color-red-8: #F3A599;
  --uikit-color-red-9: #FACBC3;
  --uikit-color-red-10: #FAE4DE;
  --uikit-color-orange-1: #211A19;
  --uikit-color-orange-2: #35231A;
  --uikit-color-orange-3: #462E1F;
  --uikit-color-orange-4: #653C21;
  --uikit-color-orange-5: #96562A;
  --uikit-color-orange-6: #E37F32;
  --uikit-color-orange-7: #E39552;
  --uikit-color-orange-8: #EEAD72;
  --uikit-color-orange-9: #F7CFA4;
  --uikit-color-orange-10: #F9E9D1;
  --uikit-color-transparent: rgba(255, 255, 255, 0%);
  --text-color-primary: var(--uikit-color-white-2);
  --text-color-secondary: var(--uikit-color-white-4);
  --text-color-tertiary: var(--uikit-color-white-6);
  --text-color-disabled: var(--uikit-color-white-6);
  --text-color-button: var(--uikit-color-white-1);
  --text-color-button-disabled: var(--uikit-color-white-5);
  --text-color-link: var(--uikit-color-theme-6);
  --text-color-link-hover: var(--uikit-color-theme-5);
  --text-color-link-active: var(--uikit-color-theme-7);
  --text-color-link-disabled: var(--uikit-color-theme-2);
  --text-color-anti-primary: var(--uikit-color-black-2);
  --text-color-anti-secondary: var(--uikit-color-black-4);
  --text-color-warning: var(--uikit-color-orange-6);
  --text-color-success: var(--uikit-color-green-6);
  --text-color-error: var(--uikit-color-red-6);
  --bg-color-topbar: var(--uikit-color-gray-1);
  --bg-color-operate: var(--uikit-color-gray-2);
  --bg-color-dialog: var(--uikit-color-gray-2);
  --bg-color-dialog-module: var(--uikit-color-gray-3);
  --bg-color-entrycard: var(--uikit-color-gray-3);
  --bg-color-function: var(--uikit-color-gray-4);
  --bg-color-bottombar: var(--uikit-color-gray-3);
  --bg-color-input: var(--uikit-color-gray-3);
  --bg-color-bubble-reciprocal: var(--uikit-color-gray-3);
  --bg-color-bubble-own: var(--uikit-color-theme-7);
  --bg-color-default: var(--uikit-color-gray-1);
  --bg-color-tag-mask: var(--uikit-color-black-4);
  --bg-color-element-mask: var(--uikit-color-black-6);
  --bg-color-mask: var(--uikit-color-black-4);
  --bg-color-mask-disappeared: var(--uikit-color-black-8);
  --bg-color-mask-begin: var(--uikit-color-black-2);
  --stroke-color-primary: var(--uikit-color-gray-4);
  --stroke-color-secondary: var(--uikit-color-gray-3);
  --stroke-color-module: var(--uikit-color-gray-5);
  --shadow-color: var(--uikit-color-black-8);
  --list-color-default: var(--uikit-color-gray-2);
  --list-color-hover: var(--uikit-color-gray-3);
  --list-color-focused: var(--uikit-color-theme-2);
  --button-color-primary-default: var(--uikit-color-theme-6);
  --button-color-primary-hover: var(--uikit-color-theme-5);
  --button-color-primary-active: var(--uikit-color-theme-7);
  --button-color-primary-disabled: var(--uikit-color-theme-2);
  --button-color-secondary-default: var(--uikit-color-gray-4);
  --button-color-secondary-hover: var(--uikit-color-gray-3);
  --button-color-secondary-active: var(--uikit-color-gray-5);
  --button-color-secondary-disabled: var(--uikit-color-gray-3);
  --button-color-accept: var(--uikit-color-green-6);
  --button-color-hangup: var(--uikit-color-red-6);
  --button-color-on: var(--uikit-color-white-1);
  --button-color-off: var(--uikit-color-black-5);
  --dropdown-color-default: var(--uikit-color-gray-3);
  --dropdown-color-hover: var(--uikit-color-gray-4);
  --dropdown-color-active: var(--uikit-color-gray-2);
  --scroll-bar-color-default: var(--uikit-color-white-7);
  --scroll-bar-color-hover: var(--uikit-color-white-6);
  --floating-color-default: var(--uikit-color-gray-3);
  --floating-color-operate: var(--uikit-color-gray-4);
  --checkbox-color-selected: var(--uikit-color-theme-5);
  --toast-color-warning: var(--uikit-color-orange-2);
  --toast-color-success: var(--uikit-color-green-2);
  --toast-color-error: var(--uikit-color-red-2);
  --toast-color-default: var(--uikit-color-theme-2);
  --switch-color-off: var(--uikit-color-gray-4);
  --switch-color-on: var(--uikit-color-theme-5);
  --switch-color-button: var(--uikit-color-white-1);
  --slider-color-filled: var(--uikit-color-theme-5);
  --slider-color-empty: var(--uikit-color-gray-5);
  --slider-color-button: var(--uikit-color-white-1);
  --tab-color-selected: var(--uikit-color-gray-5);
  --tab-color-unselected: var(--uikit-color-gray-4);
  --tab-color-option: var(--uikit-color-gray-4);
  --icon-color-primary: var(--uikit-color-white-2);
}
:root[tui-theme-mode=light],
.tui-theme-light {
  --uikit-color-theme-1: #EBF3FF;
  --uikit-color-theme-2: #CCE2FF;
  --uikit-color-theme-3: #ADCFFF;
  --uikit-color-theme-4: #7AAFFF;
  --uikit-color-theme-5: #4588F5;
  --uikit-color-theme-6: #1C66E5;
  --uikit-color-theme-7: #0D49BF;
  --uikit-color-theme-8: #033099;
  --uikit-color-theme-9: #001F73;
  --uikit-color-theme-10: #00124D;
  --uikit-color-black-1: rgba(0, 0, 0, 100%);
  --uikit-color-black-2: rgba(0, 0, 0, 90%);
  --uikit-color-black-3: rgba(0, 0, 0, 72%);
  --uikit-color-black-4: rgba(0, 0, 0, 55%);
  --uikit-color-black-5: rgba(0, 0, 0, 40%);
  --uikit-color-black-6: rgba(0, 0, 0, 25%);
  --uikit-color-black-7: rgba(0, 0, 0, 12%);
  --uikit-color-black-8: rgba(0, 0, 0, 6%);
  --uikit-color-white-1: rgba(255, 255, 255, 100%);
  --uikit-color-white-2: rgba(255, 255, 255, 93%);
  --uikit-color-white-3: rgba(255, 255, 255, 75%);
  --uikit-color-white-4: rgba(255, 255, 255, 55%);
  --uikit-color-white-5: rgba(255, 255, 255, 42%);
  --uikit-color-white-6: rgba(255, 255, 255, 30%);
  --uikit-color-white-7: rgba(255, 255, 255, 14%);
  --uikit-color-gray-1: #F9FAFC;
  --uikit-color-gray-2: #F0F2F7;
  --uikit-color-gray-3: #E6E9F0;
  --uikit-color-gray-4: #D1D4DE;
  --uikit-color-gray-5: #C0C3CC;
  --uikit-color-gray-6: #B3B6BE;
  --uikit-color-gray-7: #A5A9B0;
  --uikit-color-green-1: #DCFAE9;
  --uikit-color-green-2: #B6F0D1;
  --uikit-color-green-3: #84E3B5;
  --uikit-color-green-4: #5AD69E;
  --uikit-color-green-5: #3CC98C;
  --uikit-color-green-6: #0ABF77;
  --uikit-color-green-7: #09A768;
  --uikit-color-green-8: #078F59;
  --uikit-color-green-9: #067049;
  --uikit-color-green-10: #044D37;
  --uikit-color-red-1: #FFE7E6;
  --uikit-color-red-2: #FCC9C7;
  --uikit-color-red-3: #FAAEAC;
  --uikit-color-red-4: #F58989;
  --uikit-color-red-5: #E86666;
  --uikit-color-red-6: #E54545;
  --uikit-color-red-7: #C93439;
  --uikit-color-red-8: #AD2934;
  --uikit-color-red-9: #8F222D;
  --uikit-color-red-10: #6B1A27;
  --uikit-color-orange-1: #FFEEDB;
  --uikit-color-orange-2: #FFD6B2;
  --uikit-color-orange-3: #FFBE85;
  --uikit-color-orange-4: #FFA455;
  --uikit-color-orange-5: #FF8B2B;
  --uikit-color-orange-6: #FF7200;
  --uikit-color-orange-7: #E05D00;
  --uikit-color-orange-8: #BF4900;
  --uikit-color-orange-9: #8F370B;
  --uikit-color-orange-10: #662200;
  --uikit-color-transparent: rgba(255, 255, 255, 0%);
  --text-color-primary: var(--uikit-color-black-2);
  --text-color-secondary: var(--uikit-color-black-4);
  --text-color-tertiary: var(--uikit-color-black-5);
  --text-color-disabled: var(--uikit-color-black-6);
  --text-color-button: var(--uikit-color-white-1);
  --text-color-button-disabled: var(--uikit-color-white-1);
  --text-color-link: var(--uikit-color-theme-6);
  --text-color-link-hover: var(--uikit-color-theme-5);
  --text-color-link-active: var(--uikit-color-theme-7);
  --text-color-link-disabled: var(--uikit-color-theme-2);
  --text-color-anti-primary: var(--uikit-color-black-2);
  --text-color-anti-secondary: var(--uikit-color-black-4);
  --text-color-warning: var(--uikit-color-orange-6);
  --text-color-success: var(--uikit-color-green-6);
  --text-color-error: var(--uikit-color-red-6);
  --bg-color-topbar: var(--uikit-color-gray-1);
  --bg-color-operate: var(--uikit-color-white-1);
  --bg-color-dialog: var(--uikit-color-white-1);
  --bg-color-dialog-module: var(--uikit-color-gray-2);
  --bg-color-entrycard: var(--uikit-color-gray-2);
  --bg-color-function: var(--uikit-color-gray-2);
  --bg-color-bottombar: var(--uikit-color-white-1);
  --bg-color-input: var(--uikit-color-gray-2);
  --bg-color-bubble-reciprocal: var(--uikit-color-gray-2);
  --bg-color-bubble-own: var(--uikit-color-theme-2);
  --bg-color-default: var(--uikit-color-gray-2);
  --bg-color-tag-mask: var(--uikit-color-white-4);
  --bg-color-element-mask: var(--uikit-color-black-6);
  --bg-color-mask: var(--uikit-color-black-4);
  --bg-color-mask-disappeared: var(--uikit-color-white-7);
  --bg-color-mask-begin: var(--uikit-color-white-1);
  --stroke-color-primary: var(--uikit-color-gray-3);
  --stroke-color-secondary: var(--uikit-color-gray-2);
  --stroke-color-module: var(--uikit-color-gray-3);
  --shadow-color: var(--uikit-color-black-8);
  --list-color-default: var(--uikit-color-white-1);
  --list-color-hover: var(--uikit-color-gray-1);
  --list-color-focused: var(--uikit-color-theme-1);
  --button-color-primary-default: var(--uikit-color-theme-6);
  --button-color-primary-hover: var(--uikit-color-theme-5);
  --button-color-primary-active: var(--uikit-color-theme-7);
  --button-color-primary-disabled: var(--uikit-color-theme-2);
  --button-color-secondary-default: var(--uikit-color-gray-2);
  --button-color-secondary-hover: var(--uikit-color-gray-1);
  --button-color-secondary-active: var(--uikit-color-gray-3);
  --button-color-secondary-disabled: var(--uikit-color-gray-1);
  --button-color-accept: var(--uikit-color-green-6);
  --button-color-hangup: var(--uikit-color-red-6);
  --button-color-on: var(--uikit-color-white-1);
  --button-color-off: var(--uikit-color-black-5);
  --dropdown-color-default: var(--uikit-color-white-1);
  --dropdown-color-hover: var(--uikit-color-gray-1);
  --dropdown-color-active: var(--uikit-color-theme-2);
  --scroll-bar-color-default: var(--uikit-color-black-7);
  --scroll-bar-color-hover: var(--uikit-color-black-6);
  --floating-color-default: var(--uikit-color-white-1);
  --floating-color-operate: var(--uikit-color-gray-2);
  --checkbox-color-selected: var(--uikit-color-theme-6);
  --toast-color-warning: var(--uikit-color-orange-1);
  --toast-color-success: var(--uikit-color-green-1);
  --toast-color-error: var(--uikit-color-red-1);
  --toast-color-default: var(--uikit-color-theme-1);
  --switch-color-off: var(--uikit-color-gray-4);
  --switch-color-on: var(--uikit-color-theme-6);
  --switch-color-button: var(--uikit-color-white-1);
  --slider-color-filled: var(--uikit-color-theme-6);
  --slider-color-empty: var(--uikit-color-gray-3);
  --slider-color-button: var(--uikit-color-white-1);
  --tab-color-selected: var(--uikit-color-theme-2);
  --tab-color-unselected: var(--uikit-color-gray-2);
  --tab-color-option: var(--uikit-color-gray-3);
  --icon-color-primary: var(--uikit-color-black-2);
}
html[tui-theme-mode=dark] .style-preset-business,
.style-preset-business.tui-theme-dark {
  --uikit-color-gray-1: #0e1525;
  --uikit-color-gray-2: #111828;
  --uikit-color-gray-3: #151e32;
  --uikit-color-gray-4: #151e32;
  --uikit-color-gray-5: #1a2438;
  --uikit-color-gray-6: #202d45;
  --uikit-color-gray-7: #202d45;
  --uikit-color-theme-1: rgba(59, 130, 246, 0.08);
  --uikit-color-theme-2: rgba(59, 130, 246, 0.12);
  --uikit-color-theme-3: rgba(59, 130, 246, 0.18);
  --uikit-color-theme-4: #60a5fa;
  --uikit-color-theme-5: #3b82f6;
  --uikit-color-theme-6: #3b82f6;
  --uikit-color-theme-7: #3b82f6;
  --uikit-color-theme-8: #3b82f6;
  --uikit-color-theme-9: #2563eb;
  --uikit-color-theme-10: #1d4ed8;
  --text-color-primary: #edf1f8;
  --text-color-secondary: #cdd6e5;
  --text-color-tertiary: #8494ad;
  --bg-color-topbar: #151e32;
  --bg-color-input: #1a2438;
  --bg-color-bubble-reciprocal: #1a2438;
  --stroke-color-primary: #202d45;
  --stroke-color-secondary: #202d45;
  --button-color-primary-default: #3b82f6;
  --button-color-primary-hover: #2563eb;
  --button-color-primary-active: #1d4ed8;
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --biz-border-lightest: #253550;
  --biz-border-hover: #304060;
  --biz-blue-glow: rgba(59, 130, 246, 0.55);
  --biz-blue-glow-shadow: rgba(59, 130, 246, 0.12);
  --biz-green-online: #34d399;
  --preset-primary: #3b82f6;
  --preset-primary-hover: #2563eb;
  --preset-primary-active: #1d4ed8;
  --preset-danger: #f87171;
  --preset-bg-base: #0e1525;
  --preset-bg-panel: #151e32;
  --preset-bg-input: #1a2438;
  --preset-bg-elevated: #1a2438;
  --preset-bg-inset: #0e1525;
  --preset-bg-hover: #1a2438;
  --preset-border: #253550;
  --preset-border-strong: #2a3c58;
  --preset-text-heading: #edf1f8;
  --preset-text-primary: #edf1f8;
  --preset-text-secondary: #cdd6e5;
  --preset-text-body: #bcc8dc;
  --preset-text-tertiary: #8494ad;
  --preset-text-weak: #566880;
  --preset-text-disabled: #303e56;
  --preset-icon-default: #566880;
  --preset-icon-hover: #8494ad;
  --preset-chat-bubble-bg: #1a2438;
  --preset-chat-bubble-text: #bcc8dc;
  --preset-chat-bubble-host-bg: rgba(59, 130, 246, 0.14);
  --preset-chat-bubble-host-border: rgba(59, 130, 246, 0.24);
  --preset-input-bg: #1a2438;
  --preset-input-border: #253550;
  --preset-input-placeholder: #566880;
  --preset-info-bar-bg: #151e32;
  --preset-info-bar-border: #253550;
  --preset-info-bar-divider: #253550;
  --preset-info-bar-brand-text: #edf1f8;
  --preset-info-bar-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), 0 0 1px rgba(59, 130, 246, 0.08);
  --preset-presenter-hover-bg: #1a2438;
  --preset-presenter-hover-border: #253550;
  --preset-presenter-name: #edf1f8;
  --preset-presenter-speaking-name: #edf1f8;
  --preset-presenter-avatar-ring: 0 0 0 2px rgba(59, 130, 246, 0.35), 0 0 0 4px #151e32;
  --preset-presenter-status-border: #151e32;
  --preset-btn-primary-bg: #3b82f6;
  --preset-btn-primary-hover: #2563eb;
  --preset-btn-primary-active: #1d4ed8;
  --preset-btn-primary-soft-bg: rgba(148, 197, 253, 0.12);
  --preset-btn-primary-soft-text: #93c5fd;
  --preset-btn-primary-soft-border: rgba(59, 130, 246, 0.50);
  --preset-btn-primary-soft-hover-bg: rgba(148, 197, 253, 0.20);
  --preset-btn-primary-soft-hover-border: rgba(59, 130, 246, 0.65);
  --preset-btn-primary-soft-hover-text: #bfdbfe;
  --preset-btn-primary-soft-active-bg: rgba(148, 197, 253, 0.28);
  --preset-btn-primary-soft-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 6px rgba(59, 130, 246, 0.10);
  --preset-btn-primary-soft-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 10px rgba(59, 130, 246, 0.18);
  --preset-btn-danger-bg: rgba(220, 38, 38, 0.14);
  --preset-btn-danger-text: #fca5a5;
  --preset-btn-danger-border: rgba(220, 38, 38, 0.45);
  --preset-btn-danger-hover-bg: rgba(220, 38, 38, 0.24);
  --preset-btn-danger-hover-border: rgba(220, 38, 38, 0.60);
  --preset-btn-danger-hover-text: #fecaca;
  --preset-btn-danger-active-bg: rgba(220, 38, 38, 0.32);
  --preset-btn-danger-active-text: #fecaca;
  --preset-btn-danger-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 6px rgba(220, 38, 38, 0.08);
  --preset-btn-danger-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 10px rgba(220, 38, 38, 0.15);
  --preset-video-bg: #0a1018;
  --preset-video-border: #253550;
  --preset-video-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-stage-edge-spacing: 16px;
  --preset-stage-edge-spacing-mobile: 12px;
  --preset-pause-backdrop: rgba(0, 0, 0, 0.55);
  --preset-stage-divider: rgba(255, 255, 255, 0.08);
  --preset-glass-bg: rgba(2, 6, 23, 0.45);
  --preset-glass-border: rgba(255, 255, 255, 0.12);
  --preset-glass-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  --preset-video-top-gradient-start: rgba(2, 6, 23, 0.85);
  --preset-video-top-gradient-mid: rgba(2, 6, 23, 0.15);
  --preset-video-top-gradient-end: rgba(2, 6, 23, 0);
  --preset-top-overlay-gradient-start: color-mix(in srgb, var(--uikit-color-black-2) 78%, transparent);
  --preset-top-overlay-gradient-mid: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-overlay-gradient-end: transparent;
  --preset-top-overlay-text-color: var(--uikit-color-white-1);
  --preset-top-overlay-text-shadow: 0 1px 2px color-mix(in srgb, var(--uikit-color-black-2) 56%, transparent);
  --preset-top-overlay-avatar-shadow: 0 0 0 1px color-mix(in srgb, var(--uikit-color-white-1) 26%, transparent);
  --preset-stream-glass-bg: rgba(9, 17, 35, 0.62);
  --preset-live-badge-bg: rgba(22, 163, 74, 0.28);
  --preset-live-badge-border: rgba(74, 222, 128, 0.52);
  --preset-live-badge-text: #dcfce7;
  --preset-live-badge-dot: #86efac;
  --preset-live-badge-dot-shadow: rgba(134, 239, 172, 0.65);
  --preset-live-indicator-dot: var(--uikit-color-red-6);
  --preset-live-indicator-dot-glow: color-mix(in srgb, var(--uikit-color-red-6) 62%, transparent);
  --preset-live-indicator-ring: color-mix(in srgb, var(--uikit-color-red-6) 48%, transparent);
  --preset-live-indicator-text: var(--uikit-color-red-5);
  --preset-stream-title: #ffffff;
  --preset-stream-subtitle: rgba(226, 232, 240, 0.86);
  --preset-stream-subtitle-host: #cbd5e1;
  --preset-stream-subtitle-sep: rgba(148, 163, 184, 0.7);
  --preset-stream-subtitle-room: rgba(148, 163, 184, 0.88);
  --preset-top-action-text: #f8fafc;
  --preset-top-action-icon-color: var(--uikit-color-white-1);
  --preset-top-action-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --preset-top-action-icon-hover-color: var(--uikit-color-white-1);
  --preset-top-action-icon-hover-bg: color-mix(in srgb, var(--uikit-color-white-1) 16%, transparent);
  --preset-top-action-leave-icon-color: var(--uikit-color-red-5);
  --preset-top-action-leave-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --preset-top-action-bg: rgba(15, 23, 42, 0.25);
  --preset-top-action-hover-shadow: 0 6px 18px rgba(15, 23, 42, 0.28);
  --preset-top-action-share-border: rgba(125, 211, 252, 0.65);
  --preset-top-action-share-bg: linear-gradient(135deg, rgba(14, 116, 144, 0.72), rgba(37, 99, 235, 0.78));
  --preset-top-action-share-text: #f8fafc;
  --preset-top-action-share-shadow: none;
  --preset-top-action-share-hover-border: rgba(186, 230, 253, 0.95);
  --preset-top-action-share-hover-bg: linear-gradient(135deg, rgba(2, 132, 199, 0.88), rgba(59, 130, 246, 0.92));
  --preset-top-action-share-hover-text: #f8fafc;
  --preset-top-action-share-hover-shadow: none;
  --preset-top-action-leave-border: rgba(251, 146, 146, 0.74);
  --preset-top-action-leave-bg: linear-gradient(135deg, rgba(190, 24, 93, 0.72), rgba(220, 38, 38, 0.82));
  --preset-top-action-leave-text: #f8fafc;
  --preset-top-action-leave-shadow: none;
  --preset-top-action-leave-hover-border: rgba(254, 202, 202, 0.95);
  --preset-top-action-leave-hover-bg: linear-gradient(135deg, rgba(219, 39, 119, 0.88), rgba(239, 68, 68, 0.92));
  --preset-top-action-leave-hover-text: #f8fafc;
  --preset-top-action-leave-hover-shadow: none;
  --preset-progress-track-bg: rgba(255, 255, 255, 0.2);
  --preset-progress-fill-start: #e51c1c;
  --preset-progress-fill-end: #f63b3b;
  --preset-progress-thumb-bg: #e51c1c;
  --preset-progress-thumb-shadow: rgba(229, 28, 28, 0.4);
  --preset-control-pill-bg: rgba(0, 0, 0, 0.45);
  --preset-control-pill-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  --preset-control-btn-color: #ffffff;
  --preset-control-btn-hover-bg: rgba(255, 255, 255, 0.1);
  --preset-control-tooltip-text: #eef2ff;
  --preset-control-tooltip-bg: rgba(30, 41, 59, 0.92);
  --preset-control-tooltip-border: rgba(148, 163, 184, 0.32);
  --preset-control-tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --preset-resolution-popup-bg: rgba(0, 0, 0, 0.55);
  --preset-resolution-popup-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  --preset-resolution-option-text: rgba(255, 255, 255, 0.7);
  --preset-resolution-option-hover-bg: rgba(255, 255, 255, 0.1);
  --preset-resolution-option-hover-text: #ffffff;
  --preset-resolution-option-active-bg: rgba(255, 255, 255, 0.18);
  --preset-resolution-option-active-text: #ffffff;
  --preset-volume-track-bg: rgba(255, 255, 255, 0.2);
  --preset-volume-fill-bg: #ffffff;
  --preset-volume-thumb-bg: #ffffff;
  --preset-volume-thumb-shadow: rgba(0, 0, 0, 0.3);
  --preset-pause-overlay-start: rgba(0, 0, 0, 0.5);
  --preset-pause-overlay-mid: rgba(0, 0, 0, 0.5);
  --preset-pause-overlay-end: rgba(0, 0, 0, 0);
  --preset-pause-btn-border: rgba(148, 163, 184, 0.42);
  --preset-pause-btn-grad-start: rgba(59, 130, 246, 0.28);
  --preset-pause-btn-grad-end: rgba(15, 23, 42, 0.88);
  --preset-pause-btn-bg: rgba(15, 23, 42, 0.86);
  --preset-pause-btn-shadow: rgba(15, 23, 42, 0.46);
  --preset-pause-btn-inset: rgba(255, 255, 255, 0.08);
  --preset-pause-btn-icon-shadow: rgba(59, 130, 246, 0.32);
  --preset-pause-btn-hover-border: rgba(125, 211, 252, 0.7);
  --preset-pause-btn-hover-shadow: rgba(30, 64, 175, 0.35);
  --preset-pause-btn-hover-inset: rgba(255, 255, 255, 0.12);
  --preset-panel-toggle-bg: #151e32;
  --preset-panel-toggle-border: #253550;
  --preset-panel-toggle-color: #566880;
  --preset-panel-toggle-hover-color: #6ea8fe;
  --preset-panel-toggle-hover-bg: rgba(59, 130, 246, 0.10);
  --preset-panel-toggle-shadow: -2px 0 8px rgba(0, 0, 0, 0.25);
  --preset-panel-bg: #151e32;
  --preset-panel-border: #253550;
  --preset-panel-shadow: 0 2px 10px rgba(0, 0, 0, 0.22), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-viewer-stack-bg: rgba(30, 41, 59, 0.75);
  --preset-viewer-stack-border: rgba(148, 163, 184, 0.24);
  --preset-viewer-stack-ring: #0f172a;
  --preset-viewer-pill-bg: rgba(30, 41, 59, 0.88);
  --preset-viewer-pill-text: #cbd5e1;
  --preset-viewer-pill-border: rgba(148, 163, 184, 0.32);
  --preset-chat-surface-bg: rgba(15, 23, 42, 0.65);
  --preset-chat-surface-border: rgba(148, 163, 184, 0.16);
  --preset-chat-surface-divider: rgba(148, 163, 184, 0.14);
  --preset-chat-surface-bg-gradient-end: color-mix(in srgb, var(--preset-chat-surface-bg) 88%, #000 12%);
  --preset-chat-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 28px rgba(0, 0, 0, 0.25);
  --preset-section-title: #cdd6e5;
  --preset-count-badge-bg: #1a2438;
  --preset-count-badge-text: #8494ad;
  --preset-search-bg: #1e2c42;
  --preset-search-border: #2e4060;
  --preset-search-focus-bg: #1e2c42;
  --preset-search-focus-border: #3b82f6;
  --preset-search-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
  --preset-search-icon: #566880;
  --preset-search-text: #e2e8f0;
  --preset-search-placeholder: rgba(148, 163, 184, 0.75);
  --preset-list-scrollbar: #253550;
  --preset-audience-hover-bg: rgba(30, 44, 66, 0.70);
  --preset-audience-name: #cdd6e5;
  --preset-online-dot-border: #151e32;
  --preset-role-host-text: #6ea8fe;
  --preset-role-host-bg: rgba(59, 130, 246, 0.18);
  --preset-role-self-text: #93c5fd;
  --preset-role-self-bg: rgba(59, 130, 246, 0.2);
  --preset-list-empty: #566880;
  --preset-tab-bar-bg: rgba(15, 23, 42, 0.7);
  --preset-tab-track-bg: rgba(255, 255, 255, 0.03);
  --preset-tab-track-border: rgba(255, 255, 255, 0.05);
  --preset-tab-slider-bg: rgba(59, 130, 246, 0.18);
  --preset-tab-btn-text: rgba(148, 163, 184, 0.55);
  --preset-tab-btn-hover-text: rgba(203, 213, 225, 0.72);
  --preset-tab-btn-active-text: #edf1f8;
  --preset-tab-btn-hover-bg: rgba(255, 255, 255, 0.04);
  --preset-tab-indicator-bg: #3b82f6;
  --preset-tab-indicator-shadow: 0 0 8px rgba(59, 130, 246, 0.45);
  --preset-tab-badge-bg: rgba(59, 130, 246, 0.1);
  --preset-tab-badge-text: rgba(148, 163, 184, 0.45);
  --preset-tab-badge-active-bg: rgba(59, 130, 246, 0.2);
  --preset-tab-badge-active-text: #93c5fd;
  --preset-role-admin-text: #fbbf24;
  --preset-role-admin-bg: rgba(251, 191, 36, 0.14);
  --preset-role-admin-border: rgba(251, 191, 36, 0.25);
  --preset-system-msg-text: #8494ad;
  --preset-system-msg-icon: #566880;
  --preset-system-msg-line: rgba(59, 130, 246, 0.12);
  --preset-audience-group-title: #566880;
  --preset-audience-group-line: rgba(148, 163, 184, 0.12);
  --preset-audience-role-badge-bg: rgba(59, 130, 246, 0.12);
  --preset-audience-role-badge-text: #6ea8fe;
  --preset-chat-scrollbar: #253550;
  --preset-msg-name: #cdd6e5;
  --preset-msg-time: #566880;
  --preset-msg-content-bg: #1a2438;
  --preset-msg-content-border: rgba(59, 130, 246, 0.2);
  --preset-msg-content-text: #bcc8dc;
  --preset-msg-self-bg: rgba(59, 130, 246, 0.14);
  --preset-msg-self-border: rgba(59, 130, 246, 0.24);
  --preset-msg-host-name: #6ea8fe;
  --preset-msg-host-tag-bg: rgba(59, 130, 246, 0.18);
  --preset-msg-host-bubble-bg: rgba(59, 130, 246, 0.14);
  --preset-msg-host-bubble-border: rgba(59, 130, 246, 0.24);
  --preset-input-bar-bg: #111828;
  --preset-input-shell-bg: rgba(30, 41, 59, 0.72);
  --preset-input-wrapper-bg: #1e2c42;
  --preset-input-wrapper-border: #2e4060;
  --preset-input-wrapper-focus-bg: #1e2c42;
  --preset-input-wrapper-focus-border: #3b82f6;
  --preset-input-wrapper-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
  --preset-emoji-btn-color: #8494ad;
  --preset-emoji-btn-active: #60a5fa;
  --preset-emoji-btn-hover-bg: rgba(255, 255, 255, 0.06);
  --preset-emoji-panel-bg: #1e2c42;
  --preset-emoji-panel-border: #2e4060;
  --preset-emoji-panel-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.18);
  --preset-emoji-hover-bg: #2e4060;
  --preset-emoji-hover-ring: rgba(59, 130, 246, 0.28);
  --preset-send-btn-inactive: #2e4060;
  --preset-send-btn-hover: #566880;
  --preset-send-btn-active-bg: #3b82f6;
  --preset-send-btn-active-text: #ffffff;
  --preset-send-btn-active-ring: rgba(59, 130, 246, 0.18);
  --preset-send-btn-sending-bg: rgba(14, 165, 233, 0.75);
  --preset-chat-input-text: #e2e8f0;
  --preset-chat-input-placeholder: rgba(148, 163, 184, 0.75);
  --preset-handle-border: #2e4060;
  --preset-handle-hover-bg: #1e2c42;
  --preset-handle-indicator: #3a506e;
  --preset-handle-indicator-hover: #566880;
  --preset-handle-glow: rgba(59, 130, 246, 0.35);
  --preset-chat-section-shadow: none;
  --preset-chat-msg-hover-bg: rgba(30, 44, 66, 0.55);
  --preset-chat-header-bg: rgba(15, 23, 42, 0.7);
  --preset-viewer-stack-row-bg: rgba(15, 23, 42, 0.55);
  --preset-viewer-stack-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  --preset-chat-grid-opacity: 0.22;
  --preset-time-divider-bg: color-mix(in srgb, var(--preset-chat-surface-bg) 85%, #000 15%);
  --preset-audience-hover-ring: rgba(59, 130, 246, 0.22);
  --preset-presenter-hover-shadow: rgba(0, 0, 0, 0.30);
  --preset-header-shadow: 0 1px 4px rgba(0, 0, 0, 0.22), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-card-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-header-gradient: linear-gradient(90deg, #3b82f6, #60a5fa, #93c5fd);
  --preset-avatar-0-bg: #182846;
  --preset-avatar-0-text: #7ab3ff;
  --preset-avatar-1-bg: #112c2c;
  --preset-avatar-1-text: #64f0da;
  --preset-avatar-2-bg: #2c2412;
  --preset-avatar-2-text: #fcc02a;
  --preset-avatar-3-bg: #2c1722;
  --preset-avatar-3-text: #fc7c90;
  --preset-avatar-4-bg: #112238;
  --preset-avatar-4-text: #82d8fe;
  --preset-avatar-5-bg: #1c2238;
  --preset-avatar-5-text: #9aadbe;
  --preset-avatar-6-bg: #112c1c;
  --preset-avatar-6-text: #74edc0;
  --preset-avatar-7-bg: #2c1c12;
  --preset-avatar-7-text: #fc9842;
  --preset-live-green: #34d399;
  --preset-live-green-pulse: rgba(52, 211, 153, 0.4);
  --preset-live-red: #fb7185;
  --preset-stage-border: rgba(255, 255, 255, 0.07);
  --preset-bar-bg: #0e1525;
  --preset-bar-border: #253550;
  --preset-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-bar-divider: #253550;
  --preset-bg-primary: #0e1525;
  --preset-bg-secondary: #151e32;
  --preset-bg-tertiary: #1a2438;
  --preset-live-ended-bg: rgba(14, 21, 37, 0.92);
  --preset-live-ended-icon: rgba(148, 163, 184, 0.4);
  --preset-live-ended-title: #edf1f8;
  --preset-live-ended-subtitle: rgba(205, 214, 229, 0.6);
}
.style-preset-business,
.style-preset-business.tui-theme-light {
  --uikit-color-gray-1: #f2f4f8;
  --uikit-color-gray-2: #f6f8fb;
  --uikit-color-gray-3: #ffffff;
  --uikit-color-gray-4: #ffffff;
  --uikit-color-gray-5: #f9fafc;
  --uikit-color-gray-6: #eef1f6;
  --uikit-color-gray-7: #e4e8f0;
  --uikit-color-theme-1: #eff6ff;
  --uikit-color-theme-2: #dbeafe;
  --uikit-color-theme-3: #bfdbfe;
  --uikit-color-theme-4: #93c5fd;
  --uikit-color-theme-5: #3b82f6;
  --uikit-color-theme-6: #1c66e5;
  --uikit-color-theme-7: #1c66e5;
  --uikit-color-theme-8: #1c66e5;
  --uikit-color-theme-9: #1e40af;
  --uikit-color-theme-10: #1e3a5f;
  --text-color-primary: #1a2742;
  --text-color-secondary: #3a4560;
  --text-color-tertiary: #8892aa;
  --bg-color-topbar: #ffffff;
  --bg-color-input: #ffffff;
  --bg-color-bubble-reciprocal: #f6f8fb;
  --stroke-color-primary: #e4e8f0;
  --stroke-color-secondary: #eef1f6;
  --button-color-primary-default: #1c66e5;
  --button-color-primary-hover: #1a5cd0;
  --button-color-primary-active: #174fb8;
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 18%, transparent);
  --biz-border-lightest: #e4e8f0;
  --biz-border-hover: #c2cad8;
  --biz-blue-glow: rgba(28, 102, 229, 0.5);
  --biz-blue-glow-shadow: rgba(28, 102, 229, 0.06);
  --biz-green-online: #10b981;
  --preset-primary: #1c66e5;
  --preset-primary-hover: #1a5cd0;
  --preset-primary-active: #174fb8;
  --preset-danger: #ef4444;
  --preset-bg-base: #f2f4f8;
  --preset-bg-panel: #ffffff;
  --preset-bg-input: #ffffff;
  --preset-bg-elevated: #ffffff;
  --preset-bg-inset: #f6f8fb;
  --preset-bg-hover: #f9fafc;
  --preset-border: #eaecf2;
  --preset-border-strong: #dde2ea;
  --preset-text-heading: #1a2440;
  --preset-text-primary: #1a2742;
  --preset-text-secondary: #3a4560;
  --preset-text-body: #475068;
  --preset-text-tertiary: #8892aa;
  --preset-text-weak: #aeb6c8;
  --preset-text-disabled: #d5dae4;
  --preset-icon-default: #8892aa;
  --preset-icon-hover: #3a4560;
  --preset-chat-bubble-bg: #f6f8fb;
  --preset-chat-bubble-text: #475068;
  --preset-chat-bubble-host-bg: rgba(59, 130, 246, 0.06);
  --preset-chat-bubble-host-border: rgba(59, 130, 246, 0.12);
  --preset-input-bg: #ffffff;
  --preset-input-border: #dde2ea;
  --preset-input-placeholder: #bfc6d4;
  --preset-info-bar-bg: #ffffff;
  --preset-info-bar-border: #e6e9f0;
  --preset-info-bar-divider: #e4e8f0;
  --preset-info-bar-brand-text: inherit;
  --preset-info-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.05), 0 0 1px rgba(28, 102, 229, 0.04);
  --preset-presenter-hover-bg: #f0f2f6;
  --preset-presenter-hover-border: #dde2ea;
  --preset-presenter-name: #1a2742;
  --preset-presenter-speaking-name: #0e1930;
  --preset-presenter-avatar-ring: 0 0 0 1.5px #fff, 0 1px 3px rgba(0, 0, 0, 0.08);
  --preset-presenter-status-border: #f8f9fb;
  --preset-btn-primary-bg: #1c66e5;
  --preset-btn-primary-hover: #1a5cd0;
  --preset-btn-primary-active: #1750b8;
  --preset-btn-primary-soft-bg: rgba(28, 102, 229, 0.08);
  --preset-btn-primary-soft-text: #1d4ed8;
  --preset-btn-primary-soft-border: rgba(28, 102, 229, 0.42);
  --preset-btn-primary-soft-hover-bg: rgba(28, 102, 229, 0.14);
  --preset-btn-primary-soft-hover-border: rgba(28, 102, 229, 0.58);
  --preset-btn-primary-soft-hover-text: #1e40af;
  --preset-btn-primary-soft-active-bg: rgba(28, 102, 229, 0.20);
  --preset-btn-primary-soft-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 6px rgba(28, 102, 229, 0.08);
  --preset-btn-primary-soft-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 10px rgba(28, 102, 229, 0.14);
  --preset-btn-danger-bg: rgba(220, 38, 38, 0.06);
  --preset-btn-danger-text: #dc2626;
  --preset-btn-danger-border: rgba(220, 38, 38, 0.38);
  --preset-btn-danger-hover-bg: rgba(220, 38, 38, 0.12);
  --preset-btn-danger-hover-border: rgba(220, 38, 38, 0.52);
  --preset-btn-danger-hover-text: #b91c1c;
  --preset-btn-danger-active-bg: rgba(220, 38, 38, 0.18);
  --preset-btn-danger-active-text: #991b1b;
  --preset-btn-danger-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 6px rgba(220, 38, 38, 0.06);
  --preset-btn-danger-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 10px rgba(220, 38, 38, 0.10);
  --preset-video-bg: #0f1219;
  --preset-video-border: #dde2ea;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.04);
  --preset-stage-edge-spacing: 16px;
  --preset-stage-edge-spacing-mobile: 12px;
  --preset-pause-backdrop: rgba(0, 0, 0, 0.45);
  --preset-stage-divider: rgba(148, 163, 184, 0.32);
  --preset-glass-bg: rgba(15, 23, 42, 0.42);
  --preset-glass-border: rgba(255, 255, 255, 0.24);
  --preset-glass-shadow: 0 10px 24px rgba(15, 23, 42, 0.22);
  --preset-video-top-gradient-start: rgba(248, 250, 252, 0.92);
  --preset-video-top-gradient-mid: rgba(248, 250, 252, 0.18);
  --preset-video-top-gradient-end: rgba(248, 250, 252, 0);
  --preset-top-overlay-gradient-start: color-mix(in srgb, var(--uikit-color-black-2) 70%, transparent);
  --preset-top-overlay-gradient-mid: color-mix(in srgb, var(--uikit-color-black-2) 24%, transparent);
  --preset-top-overlay-gradient-end: transparent;
  --preset-top-overlay-text-color: var(--uikit-color-white-1);
  --preset-top-overlay-text-shadow: 0 1px 2px color-mix(in srgb, var(--uikit-color-black-2) 52%, transparent);
  --preset-top-overlay-avatar-shadow: 0 0 0 1px color-mix(in srgb, var(--uikit-color-white-1) 36%, transparent);
  --preset-stream-glass-bg: rgba(255, 255, 255, 0.72);
  --preset-live-badge-bg: rgba(16, 185, 129, 0.14);
  --preset-live-badge-border: rgba(16, 185, 129, 0.36);
  --preset-live-badge-text: #047857;
  --preset-live-badge-dot: #10b981;
  --preset-live-badge-dot-shadow: rgba(16, 185, 129, 0.45);
  --preset-live-indicator-dot: var(--uikit-color-red-6);
  --preset-live-indicator-dot-glow: color-mix(in srgb, var(--uikit-color-red-6) 58%, transparent);
  --preset-live-indicator-ring: color-mix(in srgb, var(--uikit-color-red-6) 44%, transparent);
  --preset-live-indicator-text: var(--uikit-color-red-6);
  --preset-stream-title: #1a2440;
  --preset-stream-subtitle: #475068;
  --preset-stream-subtitle-host: #1e2c40;
  --preset-stream-subtitle-sep: #98a2b4;
  --preset-stream-subtitle-room: #64748b;
  --preset-top-action-text: #344054;
  --preset-top-action-icon-color: var(--uikit-color-white-1);
  --preset-top-action-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-action-icon-hover-color: var(--uikit-color-white-1);
  --preset-top-action-icon-hover-bg: color-mix(in srgb, var(--uikit-color-white-1) 14%, transparent);
  --preset-top-action-leave-icon-color: color-mix(in srgb, var(--uikit-color-red-4) 82%, var(--uikit-color-white-1));
  --preset-top-action-leave-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-action-bg: rgba(255, 255, 255, 0.5);
  --preset-top-action-hover-shadow: 0 8px 20px rgba(15, 23, 42, 0.16);
  --preset-top-action-share-border: rgba(28, 102, 229, 0.42);
  --preset-top-action-share-bg: linear-gradient(135deg, rgba(219, 234, 254, 0.95), rgba(191, 219, 254, 0.95));
  --preset-top-action-share-text: #1e40af;
  --preset-top-action-share-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 4px 12px rgba(28, 102, 229, 0.18);
  --preset-top-action-share-hover-border: rgba(28, 102, 229, 0.58);
  --preset-top-action-share-hover-bg: linear-gradient(135deg, rgba(191, 219, 254, 0.98), rgba(147, 197, 253, 0.98));
  --preset-top-action-share-hover-text: #1e3a8a;
  --preset-top-action-share-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(28, 102, 229, 0.24);
  --preset-top-action-leave-border: rgba(220, 38, 38, 0.42);
  --preset-top-action-leave-bg: linear-gradient(135deg, rgba(254, 226, 226, 0.95), rgba(254, 202, 202, 0.95));
  --preset-top-action-leave-text: #b91c1c;
  --preset-top-action-leave-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 4px 12px rgba(220, 38, 38, 0.16);
  --preset-top-action-leave-hover-border: rgba(220, 38, 38, 0.58);
  --preset-top-action-leave-hover-bg: linear-gradient(135deg, rgba(254, 202, 202, 0.98), rgba(252, 165, 165, 0.98));
  --preset-top-action-leave-hover-text: #991b1b;
  --preset-top-action-leave-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(220, 38, 38, 0.2);
  --preset-progress-track-bg: rgba(15, 23, 42, 0.22);
  --preset-progress-fill-start: #e51c1c;
  --preset-progress-fill-end: #f63b3b;
  --preset-progress-thumb-bg: #e51c1c;
  --preset-progress-thumb-shadow: rgba(229, 28, 28, 0.35);
  --preset-control-pill-bg: rgba(15, 23, 42, 0.58);
  --preset-control-pill-shadow: 0 4px 16px rgba(2, 6, 23, 0.22);
  --preset-control-btn-color: #ffffff;
  --preset-control-btn-hover-bg: rgba(255, 255, 255, 0.14);
  --preset-control-tooltip-text: #eef2ff;
  --preset-control-tooltip-bg: rgba(30, 41, 59, 0.92);
  --preset-control-tooltip-border: rgba(148, 163, 184, 0.32);
  --preset-control-tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --preset-resolution-popup-bg: rgba(15, 23, 42, 0.78);
  --preset-resolution-popup-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  --preset-resolution-option-text: rgba(255, 255, 255, 0.76);
  --preset-resolution-option-hover-bg: rgba(255, 255, 255, 0.12);
  --preset-resolution-option-hover-text: #ffffff;
  --preset-resolution-option-active-bg: rgba(255, 255, 255, 0.2);
  --preset-resolution-option-active-text: #ffffff;
  --preset-volume-track-bg: rgba(255, 255, 255, 0.3);
  --preset-volume-fill-bg: #ffffff;
  --preset-volume-thumb-bg: #ffffff;
  --preset-volume-thumb-shadow: rgba(2, 6, 23, 0.32);
  --preset-pause-overlay-start: rgba(0, 0, 0, 0.4);
  --preset-pause-overlay-mid: rgba(0, 0, 0, 0.4);
  --preset-pause-overlay-end: rgba(0, 0, 0, 0);
  --preset-pause-btn-border: rgba(148, 163, 184, 0.36);
  --preset-pause-btn-grad-start: rgba(219, 234, 254, 0.96);
  --preset-pause-btn-grad-end: rgba(226, 232, 240, 0.92);
  --preset-pause-btn-bg: rgba(255, 255, 255, 0.88);
  --preset-pause-btn-shadow: rgba(15, 23, 42, 0.2);
  --preset-pause-btn-inset: rgba(255, 255, 255, 0.75);
  --preset-pause-btn-icon-shadow: rgba(28, 102, 229, 0.18);
  --preset-pause-btn-icon-color: #1c66e5;
  --preset-pause-btn-hover-border: rgba(96, 165, 250, 0.75);
  --preset-pause-btn-hover-shadow: rgba(28, 102, 229, 0.24);
  --preset-pause-btn-hover-inset: rgba(255, 255, 255, 0.88);
  --preset-panel-toggle-bg: #ffffff;
  --preset-panel-toggle-border: #e4e8f0;
  --preset-panel-toggle-color: #aeb6c8;
  --preset-panel-toggle-hover-color: #1c66e5;
  --preset-panel-toggle-hover-bg: #f0f4ff;
  --preset-panel-toggle-shadow: -2px 0 6px rgba(0, 0, 0, 0.04);
  --preset-panel-bg: #ffffff;
  --preset-panel-border: #e6e9f0;
  --preset-panel-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.03);
  --preset-viewer-stack-bg: #f8fafc;
  --preset-viewer-stack-border: #e2e8f0;
  --preset-viewer-stack-ring: #ffffff;
  --preset-viewer-pill-bg: #eef2ff;
  --preset-viewer-pill-text: #334155;
  --preset-viewer-pill-border: #dbeafe;
  --preset-chat-surface-bg: #ffffff;
  --preset-chat-surface-border: #e2e8f0;
  --preset-chat-surface-divider: #edf2f7;
  --preset-chat-surface-bg-gradient-end: #f8fafc;
  --preset-chat-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 10px 24px rgba(15, 23, 42, 0.08);
  --preset-section-title: #1e2c40;
  --preset-count-badge-bg: #f2f4f6;
  --preset-count-badge-text: #68738a;
  --preset-search-bg: #f8f9fb;
  --preset-search-border: #d4d9e2;
  --preset-search-focus-bg: #ffffff;
  --preset-search-focus-border: #3b82f6;
  --preset-search-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
  --preset-search-icon: #98a2b4;
  --preset-search-text: #344054;
  --preset-search-placeholder: #98a2b4;
  --preset-list-scrollbar: #e2e6ec;
  --preset-audience-hover-bg: #f8f9fb;
  --preset-audience-name: #344054;
  --preset-online-dot-border: #ffffff;
  --preset-role-host-text: #3b82f6;
  --preset-role-host-bg: rgba(59, 130, 246, 0.08);
  --preset-role-self-text: #1c66e5;
  --preset-role-self-bg: rgba(28, 102, 229, 0.1);
  --preset-list-empty: #98a2b4;
  --preset-tab-bar-bg: #f8fafc;
  --preset-tab-track-bg: rgba(0, 0, 0, 0.03);
  --preset-tab-track-border: rgba(0, 0, 0, 0.05);
  --preset-tab-slider-bg: #ffffff;
  --preset-tab-btn-text: rgba(58, 69, 96, 0.52);
  --preset-tab-btn-hover-text: rgba(26, 39, 66, 0.72);
  --preset-tab-btn-active-text: #1a2742;
  --preset-tab-btn-hover-bg: rgba(28, 102, 229, 0.04);
  --preset-tab-indicator-bg: #1c66e5;
  --preset-tab-indicator-shadow: 0 0 6px rgba(28, 102, 229, 0.3);
  --preset-tab-badge-bg: rgba(28, 102, 229, 0.06);
  --preset-tab-badge-text: rgba(58, 69, 96, 0.42);
  --preset-tab-badge-active-bg: rgba(28, 102, 229, 0.1);
  --preset-tab-badge-active-text: #1c66e5;
  --preset-role-admin-text: #d97706;
  --preset-role-admin-bg: rgba(217, 119, 6, 0.08);
  --preset-role-admin-border: rgba(217, 119, 6, 0.2);
  --preset-system-msg-text: #8892aa;
  --preset-system-msg-icon: #aeb6c8;
  --preset-system-msg-line: rgba(28, 102, 229, 0.08);
  --preset-audience-group-title: #8892aa;
  --preset-audience-group-line: rgba(0, 0, 0, 0.06);
  --preset-audience-role-badge-bg: rgba(28, 102, 229, 0.06);
  --preset-audience-role-badge-text: #1c66e5;
  --preset-chat-scrollbar: #e0e4ea;
  --preset-msg-name: #344054;
  --preset-msg-time: #c2c8d2;
  --preset-msg-content-bg: #f2f4f6;
  --preset-msg-content-border: rgba(28, 102, 229, 0.18);
  --preset-msg-content-text: #475068;
  --preset-msg-self-bg: #eef4ff;
  --preset-msg-self-border: #dde8fc;
  --preset-msg-host-name: #3b82f6;
  --preset-msg-host-tag-bg: rgba(59, 130, 246, 0.07);
  --preset-msg-host-bubble-bg: rgba(59, 130, 246, 0.06);
  --preset-msg-host-bubble-border: rgba(59, 130, 246, 0.12);
  --preset-input-bar-bg: transparent;
  --preset-input-shell-bg: #f8fafc;
  --preset-input-wrapper-bg: #f8f9fb;
  --preset-input-wrapper-border: #d4d9e2;
  --preset-input-wrapper-focus-bg: #ffffff;
  --preset-input-wrapper-focus-border: #3b82f6;
  --preset-input-wrapper-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
  --preset-emoji-btn-color: #98a2b4;
  --preset-emoji-btn-active: #3b82f6;
  --preset-emoji-btn-hover-bg: rgba(28, 102, 229, 0.08);
  --preset-emoji-panel-bg: #ffffff;
  --preset-emoji-panel-border: #e2e6ec;
  --preset-emoji-panel-shadow: 0 8px 22px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.03);
  --preset-emoji-hover-bg: #f2f4f6;
  --preset-emoji-hover-ring: rgba(59, 130, 246, 0.15);
  --preset-send-btn-inactive: #d4d9e2;
  --preset-send-btn-hover: #98a2b4;
  --preset-send-btn-active-bg: #3b82f6;
  --preset-send-btn-active-text: #ffffff;
  --preset-send-btn-active-ring: rgba(59, 130, 246, 0.2);
  --preset-send-btn-sending-bg: rgba(28, 102, 229, 0.72);
  --preset-chat-input-text: #344054;
  --preset-chat-input-placeholder: #98a2b4;
  --preset-handle-border: #e2e8f0;
  --preset-handle-hover-bg: #f8f9fb;
  --preset-handle-indicator: #c8d2de;
  --preset-handle-indicator-hover: #90a0b6;
  --preset-handle-glow: rgba(59, 130, 246, 0.15);
  --preset-chat-section-shadow: none;
  --preset-chat-msg-hover-bg: rgba(242, 244, 246, 0.72);
  --preset-chat-header-bg: #f8fafc;
  --preset-viewer-stack-row-bg: #f8fafc;
  --preset-viewer-stack-shadow: 0 3px 8px rgba(15, 23, 42, 0.12);
  --preset-chat-grid-opacity: 0.15;
  --preset-time-divider-bg: rgba(241, 245, 249, 0.9);
  --preset-audience-hover-ring: rgba(59, 130, 246, 0.12);
  --preset-presenter-hover-shadow: rgba(0, 0, 0, 0.06);
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.02);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.04);
  --preset-header-gradient: transparent;
  --preset-avatar-0-bg: #eff6ff;
  --preset-avatar-0-text: #2563eb;
  --preset-avatar-1-bg: #f0fdfa;
  --preset-avatar-1-text: #0d9488;
  --preset-avatar-2-bg: #fffbeb;
  --preset-avatar-2-text: #d97706;
  --preset-avatar-3-bg: #fff1f2;
  --preset-avatar-3-text: #f43f5e;
  --preset-avatar-4-bg: #f0f9ff;
  --preset-avatar-4-text: #0284c7;
  --preset-avatar-5-bg: #f1f5f9;
  --preset-avatar-5-text: #475569;
  --preset-avatar-6-bg: #ecfdf5;
  --preset-avatar-6-text: #059669;
  --preset-avatar-7-bg: #fff7ed;
  --preset-avatar-7-text: #ea580c;
  --preset-live-green: #10b981;
  --preset-live-green-pulse: rgba(16, 185, 129, 0.4);
  --preset-live-red: #f43f5e;
  --preset-stage-border: rgba(0, 0, 0, 0.06);
  --preset-bar-bg: #ffffff;
  --preset-bar-border: #e6e9f0;
  --preset-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.02);
  --preset-bar-divider: #e4e8f0;
  --preset-bg-primary: #f2f4f8;
  --preset-bg-secondary: #ffffff;
  --preset-bg-tertiary: #f6f8fb;
  --preset-live-ended-bg: rgba(242, 244, 248, 0.92);
  --preset-live-ended-icon: rgba(136, 146, 170, 0.4);
  --preset-live-ended-title: #1a2440;
  --preset-live-ended-subtitle: rgba(71, 80, 104, 0.7);
}
html[tui-theme-mode=dark] .style-preset-education,
.style-preset-education.tui-theme-dark {
  --uikit-color-gray-1: #111318;
  --uikit-color-gray-2: #16181f;
  --uikit-color-gray-3: #1c1f28;
  --uikit-color-gray-4: #252830;
  --uikit-color-gray-5: #1e2128;
  --uikit-color-gray-6: #282c36;
  --uikit-color-gray-7: #2e323c;
  --uikit-color-theme-1: rgba(16, 185, 129, 0.06);
  --uikit-color-theme-2: rgba(16, 185, 129, 0.1);
  --uikit-color-theme-3: rgba(16, 185, 129, 0.16);
  --uikit-color-theme-4: #6ee7b7;
  --uikit-color-theme-5: #34d399;
  --uikit-color-theme-6: #10b981;
  --uikit-color-theme-7: #34d399;
  --uikit-color-theme-8: #34d399;
  --uikit-color-theme-9: #10b981;
  --uikit-color-theme-10: #059669;
  --text-color-primary: #e8ecf2;
  --text-color-secondary: #b0b8c8;
  --text-color-tertiary: #6b7280;
  --bg-color-topbar: #16181f;
  --bg-color-dialog: #16181f;
  --bg-color-dialog-module: #1c1f28;
  --bg-color-input: #1c1f28;
  --bg-color-bubble-reciprocal: #1c1f28;
  --stroke-color-primary: #252830;
  --stroke-color-secondary: #282c36;
  --stroke-color-module: #2e323c;
  --button-color-primary-default: #10b981;
  --button-color-primary-hover: #34d399;
  --button-color-primary-active: #059669;
  --button-color-primary-disabled: rgba(16, 185, 129, 0.22);
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 32%, transparent);
  --list-color-hover: rgba(255, 255, 255, 0.06);
  --list-color-focused: rgba(16, 185, 129, 0.12);
  --preset-primary: #34d399;
  --preset-primary-hover: #6ee7b7;
  --preset-primary-active: #10b981;
  --preset-danger: #f87171;
  --preset-bg-base: #111318;
  --preset-bg-panel: #16181f;
  --preset-bg-input: #1c1f28;
  --preset-bg-elevated: #1c1f28;
  --preset-bg-inset: #1c1f28;
  --preset-bg-hover: #1e2128;
  --preset-border: #252830;
  --preset-border-strong: #2e323c;
  --preset-text-heading: #e8ecf2;
  --preset-text-primary: #e8ecf2;
  --preset-text-secondary: #b0b8c8;
  --preset-text-body: #b0b8c8;
  --preset-text-tertiary: #6b7280;
  --preset-text-weak: #4b5563;
  --preset-text-disabled: #374151;
  --preset-text-on-primary: #ffffff;
  --preset-icon-default: #6b7280;
  --preset-icon-hover: #b0b8c8;
  --preset-live-badge-bg: rgba(16, 185, 129, 0.16);
  --preset-live-badge-border: rgba(52, 211, 153, 0.32);
  --preset-live-badge-text: #34d399;
  --preset-live-badge-dot: #34d399;
  --preset-live-badge-dot-shadow: rgba(52, 211, 153, 0.45);
  --preset-live-indicator-dot: #f87171;
  --preset-live-indicator-dot-glow: rgba(248, 113, 113, 0.55);
  --preset-live-indicator-ring: rgba(248, 113, 113, 0.38);
  --preset-live-indicator-text: #f87171;
  --preset-btn-primary-bg: #10b981;
  --preset-btn-primary-hover: #34d399;
  --preset-btn-primary-active: #059669;
  --preset-btn-primary-soft-bg: rgba(16, 185, 129, 0.12);
  --preset-btn-primary-soft-text: #34d399;
  --preset-btn-primary-soft-border: rgba(52, 211, 153, 0.32);
  --preset-btn-danger-bg: rgba(248, 113, 113, 0.1);
  --preset-btn-danger-text: #f87171;
  --preset-btn-danger-border: rgba(248, 113, 113, 0.32);
  --preset-panel-bg: #16181f;
  --preset-panel-border: #252830;
  --preset-panel-shadow: 0 10px 26px color-mix(in srgb, var(--uikit-color-black-2) 42%, transparent);
  --preset-video-bg: #0a0c10;
  --preset-video-border: #252830;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
  --preset-glass-bg: rgba(0, 0, 0, 0.52);
  --preset-glass-border: rgba(255, 255, 255, 0.12);
  --preset-tab-bar-bg: #1c1f28;
  --preset-tab-btn-text: rgba(176, 184, 200, 0.52);
  --preset-tab-btn-hover-text: rgba(232, 236, 242, 0.72);
  --preset-tab-btn-active-text: #e8ecf2;
  --preset-tab-indicator-bg: #34d399;
  --preset-chat-bubble-bg: #1c1f28;
  --preset-chat-bubble-text: #b0b8c8;
  --preset-input-bg: #1c1f28;
  --preset-input-border: #2e323c;
  --preset-input-placeholder: #4b5563;
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
}
.style-preset-education,
.style-preset-education.tui-theme-light {
  --uikit-color-gray-1: #f3f5f7;
  --uikit-color-gray-2: #f7f8fa;
  --uikit-color-gray-3: #ebeef2;
  --uikit-color-gray-4: #e2e6ec;
  --uikit-color-gray-5: #f9fafb;
  --uikit-color-gray-6: #eef0f4;
  --uikit-color-gray-7: #dfe3ea;
  --uikit-color-theme-1: #ecfdf5;
  --uikit-color-theme-2: #d1fae5;
  --uikit-color-theme-3: #a7f3d0;
  --uikit-color-theme-4: #6ee7b7;
  --uikit-color-theme-5: #34d399;
  --uikit-color-theme-6: #10b981;
  --uikit-color-theme-7: #059669;
  --uikit-color-theme-8: #047857;
  --uikit-color-theme-9: #065f46;
  --uikit-color-theme-10: #064e3b;
  --text-color-primary: #1a2332;
  --text-color-secondary: #4b5563;
  --text-color-tertiary: #9ca3af;
  --bg-color-topbar: #ffffff;
  --bg-color-dialog: #ffffff;
  --bg-color-dialog-module: #f7f8fa;
  --bg-color-input: #ffffff;
  --bg-color-bubble-reciprocal: #f7f8fa;
  --stroke-color-primary: #e2e6ec;
  --stroke-color-secondary: #eef0f4;
  --stroke-color-module: #dfe3ea;
  --button-color-primary-default: #10b981;
  --button-color-primary-hover: #059669;
  --button-color-primary-active: #047857;
  --button-color-primary-disabled: rgba(16, 185, 129, 0.2);
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 14%, transparent);
  --list-color-hover: rgba(15, 23, 42, 0.04);
  --list-color-focused: rgba(16, 185, 129, 0.08);
  --preset-primary: #10b981;
  --preset-primary-hover: #059669;
  --preset-primary-active: #047857;
  --preset-danger: #ef4444;
  --preset-bg-base: #f3f5f7;
  --preset-bg-panel: #ffffff;
  --preset-bg-input: #ffffff;
  --preset-bg-elevated: #ffffff;
  --preset-bg-inset: #f7f8fa;
  --preset-bg-hover: #f9fafb;
  --preset-border: #ebeef2;
  --preset-border-strong: #dfe3ea;
  --preset-text-heading: #1a2332;
  --preset-text-primary: #1a2332;
  --preset-text-secondary: #4b5563;
  --preset-text-body: #4b5563;
  --preset-text-tertiary: #9ca3af;
  --preset-text-weak: #c4c9d2;
  --preset-text-disabled: #d5dae4;
  --preset-text-on-primary: #ffffff;
  --preset-icon-default: #9ca3af;
  --preset-icon-hover: #4b5563;
  --preset-live-badge-bg: rgba(16, 185, 129, 0.1);
  --preset-live-badge-border: rgba(16, 185, 129, 0.3);
  --preset-live-badge-text: #047857;
  --preset-live-badge-dot: #10b981;
  --preset-live-badge-dot-shadow: rgba(16, 185, 129, 0.45);
  --preset-live-indicator-dot: #ef4444;
  --preset-live-indicator-dot-glow: rgba(239, 68, 68, 0.55);
  --preset-live-indicator-ring: rgba(239, 68, 68, 0.38);
  --preset-live-indicator-text: #ef4444;
  --preset-btn-primary-bg: #10b981;
  --preset-btn-primary-hover: #059669;
  --preset-btn-primary-active: #047857;
  --preset-btn-primary-soft-bg: rgba(16, 185, 129, 0.08);
  --preset-btn-primary-soft-text: #047857;
  --preset-btn-primary-soft-border: rgba(16, 185, 129, 0.38);
  --preset-btn-danger-bg: rgba(239, 68, 68, 0.06);
  --preset-btn-danger-text: #dc2626;
  --preset-btn-danger-border: rgba(239, 68, 68, 0.38);
  --preset-panel-bg: #ffffff;
  --preset-panel-border: #ebeef2;
  --preset-panel-shadow: 0 8px 24px color-mix(in srgb, var(--uikit-color-black-3) 10%, transparent);
  --preset-video-bg: #0f1219;
  --preset-video-border: #dfe3ea;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.07);
  --preset-glass-bg: rgba(15, 23, 42, 0.42);
  --preset-glass-border: rgba(255, 255, 255, 0.24);
  --preset-tab-bar-bg: #f9fafb;
  --preset-tab-btn-text: rgba(75, 85, 99, 0.52);
  --preset-tab-btn-hover-text: rgba(26, 35, 50, 0.72);
  --preset-tab-btn-active-text: #1a2332;
  --preset-tab-indicator-bg: #10b981;
  --preset-chat-bubble-bg: #f7f8fa;
  --preset-chat-bubble-text: #4b5563;
  --preset-input-bg: #ffffff;
  --preset-input-border: #dfe3ea;
  --preset-input-placeholder: #c4c9d2;
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}
:root {
  --tui-button-round-radius: 999px;
  --tui-button-rect-radius: 3px;
  --tui-button-circle-radius: 50%;
  --tui-button-small-width: 48px;
  --tui-button-small-height: 24px;
  --tui-button-medium-width: 64px;
  --tui-button-medium-height: 32px;
  --tui-button-big-width: 80px;
  --tui-button-big-height: 40px;
  --tui-button-large-width: 96px;
  --tui-button-large-height: 48px;
  --tui-icon-default-width: 16px;
  --tui-icon-default-height: 16px;
  --tui-toast-round-radius: 8px;
  --tui-dialog-round-radius: 20px;
}
.tui-message-box-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: var(--uikit-color-black-3);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
.tui-message-box-fade-enter-active, .tui-message-box-fade-leave-active {
  transition: opacity 0.3s;
}
.tui-message-box-fade-enter-from, .tui-message-box-fade-leave-to {
  opacity: 0;
}
.tui-message-box-default {
  width: 480px;
  max-width: calc(100% - 40px);
  border-radius: var(--tui-dialog-round-radius);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}
.tui-message-box-container {
  box-sizing: border-box;
  background: var(--bg-color-dialog);
  position: absolute;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 24px;
}
.tui-message-box-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.tui-message-box-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20px;
  padding-right: 32px;
}
.tui-message-box-header .tui-message-type-icon {
  margin-right: 6px;
  flex-shrink: 0;
}
.tui-message-box-close-icon {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  color: var(--text-color-primary);
  z-index: 1;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
}
.tui-message-box-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--text-color-primary);
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tui-message-box-body {
  flex: 1;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--text-color-primary);
}
.tui-message-box-footer {
  padding-top: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.tui-message-box-footer.tui-message-box-footer-center {
  justify-content: center;
}
.tui-message-box-header:not(:has(:not(:empty))),
.tui-message-box-body:not(:has(:not(:empty))),
.tui-message-box-footer:not(:has(:not(:empty))) {
  padding: 0;
}
.tui-message-box-container-mobile {
  padding: 0;
}
.tui-message-box-container-mobile .tui-message-box-header {
  padding: 32px 24px 0;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
}
.tui-message-box-container-mobile .tui-message-box-header .tui-message-type-icon {
  margin-top: 4px;
}
.tui-message-box-container-mobile .tui-message-box-header .tui-message-box-title {
  flex: none;
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  max-width: 100%;
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.tui-message-box-container-mobile .tui-message-box-body {
  font-size: 16px;
  line-height: 24px;
  justify-content: center;
}
.tui-message-box-container-mobile .tui-message-box-body:not(:has(*)) {
  padding: 8px 24px 20px 24px;
}
.tui-message-box-container-mobile .tui-message-box-footer {
  padding: 0;
  border-top: 0.5px solid var(--stroke-color-module);
  gap: 12px;
}
.tui-message-box-container-mobile .tui-message-box-footer .tui-message-box-footer-btn {
  flex: 1;
  border-radius: 0;
  border: 0;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.tui-message-box-container-mobile .tui-message-box-footer .tui-message-box-footer-btn:first-child {
  color: var(--text-color-primary);
}
.tui-message-box-container-mobile .tui-message-box-footer .tui-message-box-footer-btn:last-child {
  color: var(--text-color-link);
}
.tui-message-box-container-mobile .tui-message-box-footer .tui-message-box-footer-btn + .tui-message-box-footer-btn {
  margin: 0;
  border-left: 0.5px solid var(--stroke-color-module);
}:root[tui-theme-mode=dark],
.tui-theme-dark {
  --uikit-color-theme-1: #1C2333;
  --uikit-color-theme-2: #243047;
  --uikit-color-theme-3: #2F4875;
  --uikit-color-theme-4: #305BA6;
  --uikit-color-theme-5: #2B6AD6;
  --uikit-color-theme-6: #4086FF;
  --uikit-color-theme-7: #5C9DFF;
  --uikit-color-theme-8: #78B0FF;
  --uikit-color-theme-9: #9CC7FF;
  --uikit-color-theme-10: #C2DEFF;
  --uikit-color-black-1: rgba(0, 0, 0, 100%);
  --uikit-color-black-2: rgba(0, 0, 0, 90%);
  --uikit-color-black-3: rgba(0, 0, 0, 72%);
  --uikit-color-black-4: rgba(0, 0, 0, 55%);
  --uikit-color-black-5: rgba(0, 0, 0, 40%);
  --uikit-color-black-6: rgba(0, 0, 0, 25%);
  --uikit-color-black-7: rgba(0, 0, 0, 12%);
  --uikit-color-black-8: rgba(0, 0, 0, 6%);
  --uikit-color-white-1: rgba(255, 255, 255, 100%);
  --uikit-color-white-2: rgba(255, 255, 255, 93%);
  --uikit-color-white-3: rgba(255, 255, 255, 75%);
  --uikit-color-white-4: rgba(255, 255, 255, 55%);
  --uikit-color-white-5: rgba(255, 255, 255, 42%);
  --uikit-color-white-6: rgba(255, 255, 255, 30%);
  --uikit-color-white-7: rgba(255, 255, 255, 14%);
  --uikit-color-gray-1: #131417;
  --uikit-color-gray-2: #1F2024;
  --uikit-color-gray-3: #2B2C30;
  --uikit-color-gray-4: #3A3C42;
  --uikit-color-gray-5: #48494F;
  --uikit-color-gray-6: #54565C;
  --uikit-color-gray-7: #676A70;
  --uikit-color-green-1: #1A2620;
  --uikit-color-green-2: #22352C;
  --uikit-color-green-3: #2F4F3F;
  --uikit-color-green-4: #377355;
  --uikit-color-green-5: #368F65;
  --uikit-color-green-6: #38A673;
  --uikit-color-green-7: #62B58B;
  --uikit-color-green-8: #8BC7A9;
  --uikit-color-green-9: #A9D4BD;
  --uikit-color-green-10: #C8E5D5;
  --uikit-color-red-1: #2B1C1F;
  --uikit-color-red-2: #422324;
  --uikit-color-red-3: #613234;
  --uikit-color-red-4: #8A4242;
  --uikit-color-red-5: #C2544E;
  --uikit-color-red-6: #E6594C;
  --uikit-color-red-7: #E57A6E;
  --uikit-color-red-8: #F3A599;
  --uikit-color-red-9: #FACBC3;
  --uikit-color-red-10: #FAE4DE;
  --uikit-color-orange-1: #211A19;
  --uikit-color-orange-2: #35231A;
  --uikit-color-orange-3: #462E1F;
  --uikit-color-orange-4: #653C21;
  --uikit-color-orange-5: #96562A;
  --uikit-color-orange-6: #E37F32;
  --uikit-color-orange-7: #E39552;
  --uikit-color-orange-8: #EEAD72;
  --uikit-color-orange-9: #F7CFA4;
  --uikit-color-orange-10: #F9E9D1;
  --uikit-color-transparent: rgba(255, 255, 255, 0%);
  --text-color-primary: var(--uikit-color-white-2);
  --text-color-secondary: var(--uikit-color-white-4);
  --text-color-tertiary: var(--uikit-color-white-6);
  --text-color-disabled: var(--uikit-color-white-6);
  --text-color-button: var(--uikit-color-white-1);
  --text-color-button-disabled: var(--uikit-color-white-5);
  --text-color-link: var(--uikit-color-theme-6);
  --text-color-link-hover: var(--uikit-color-theme-5);
  --text-color-link-active: var(--uikit-color-theme-7);
  --text-color-link-disabled: var(--uikit-color-theme-2);
  --text-color-anti-primary: var(--uikit-color-black-2);
  --text-color-anti-secondary: var(--uikit-color-black-4);
  --text-color-warning: var(--uikit-color-orange-6);
  --text-color-success: var(--uikit-color-green-6);
  --text-color-error: var(--uikit-color-red-6);
  --bg-color-topbar: var(--uikit-color-gray-1);
  --bg-color-operate: var(--uikit-color-gray-2);
  --bg-color-dialog: var(--uikit-color-gray-2);
  --bg-color-dialog-module: var(--uikit-color-gray-3);
  --bg-color-entrycard: var(--uikit-color-gray-3);
  --bg-color-function: var(--uikit-color-gray-4);
  --bg-color-bottombar: var(--uikit-color-gray-3);
  --bg-color-input: var(--uikit-color-gray-3);
  --bg-color-bubble-reciprocal: var(--uikit-color-gray-3);
  --bg-color-bubble-own: var(--uikit-color-theme-7);
  --bg-color-default: var(--uikit-color-gray-1);
  --bg-color-tag-mask: var(--uikit-color-black-4);
  --bg-color-element-mask: var(--uikit-color-black-6);
  --bg-color-mask: var(--uikit-color-black-4);
  --bg-color-mask-disappeared: var(--uikit-color-black-8);
  --bg-color-mask-begin: var(--uikit-color-black-2);
  --stroke-color-primary: var(--uikit-color-gray-4);
  --stroke-color-secondary: var(--uikit-color-gray-3);
  --stroke-color-module: var(--uikit-color-gray-5);
  --shadow-color: var(--uikit-color-black-8);
  --list-color-default: var(--uikit-color-gray-2);
  --list-color-hover: var(--uikit-color-gray-3);
  --list-color-focused: var(--uikit-color-theme-2);
  --button-color-primary-default: var(--uikit-color-theme-6);
  --button-color-primary-hover: var(--uikit-color-theme-5);
  --button-color-primary-active: var(--uikit-color-theme-7);
  --button-color-primary-disabled: var(--uikit-color-theme-2);
  --button-color-secondary-default: var(--uikit-color-gray-4);
  --button-color-secondary-hover: var(--uikit-color-gray-3);
  --button-color-secondary-active: var(--uikit-color-gray-5);
  --button-color-secondary-disabled: var(--uikit-color-gray-3);
  --button-color-accept: var(--uikit-color-green-6);
  --button-color-hangup: var(--uikit-color-red-6);
  --button-color-on: var(--uikit-color-white-1);
  --button-color-off: var(--uikit-color-black-5);
  --dropdown-color-default: var(--uikit-color-gray-3);
  --dropdown-color-hover: var(--uikit-color-gray-4);
  --dropdown-color-active: var(--uikit-color-gray-2);
  --scroll-bar-color-default: var(--uikit-color-white-7);
  --scroll-bar-color-hover: var(--uikit-color-white-6);
  --floating-color-default: var(--uikit-color-gray-3);
  --floating-color-operate: var(--uikit-color-gray-4);
  --checkbox-color-selected: var(--uikit-color-theme-5);
  --toast-color-warning: var(--uikit-color-orange-2);
  --toast-color-success: var(--uikit-color-green-2);
  --toast-color-error: var(--uikit-color-red-2);
  --toast-color-default: var(--uikit-color-theme-2);
  --switch-color-off: var(--uikit-color-gray-4);
  --switch-color-on: var(--uikit-color-theme-5);
  --switch-color-button: var(--uikit-color-white-1);
  --slider-color-filled: var(--uikit-color-theme-5);
  --slider-color-empty: var(--uikit-color-gray-5);
  --slider-color-button: var(--uikit-color-white-1);
  --tab-color-selected: var(--uikit-color-gray-5);
  --tab-color-unselected: var(--uikit-color-gray-4);
  --tab-color-option: var(--uikit-color-gray-4);
  --icon-color-primary: var(--uikit-color-white-2);
}

:root[tui-theme-mode=light],
.tui-theme-light {
  --uikit-color-theme-1: #EBF3FF;
  --uikit-color-theme-2: #CCE2FF;
  --uikit-color-theme-3: #ADCFFF;
  --uikit-color-theme-4: #7AAFFF;
  --uikit-color-theme-5: #4588F5;
  --uikit-color-theme-6: #1C66E5;
  --uikit-color-theme-7: #0D49BF;
  --uikit-color-theme-8: #033099;
  --uikit-color-theme-9: #001F73;
  --uikit-color-theme-10: #00124D;
  --uikit-color-black-1: rgba(0, 0, 0, 100%);
  --uikit-color-black-2: rgba(0, 0, 0, 90%);
  --uikit-color-black-3: rgba(0, 0, 0, 72%);
  --uikit-color-black-4: rgba(0, 0, 0, 55%);
  --uikit-color-black-5: rgba(0, 0, 0, 40%);
  --uikit-color-black-6: rgba(0, 0, 0, 25%);
  --uikit-color-black-7: rgba(0, 0, 0, 12%);
  --uikit-color-black-8: rgba(0, 0, 0, 6%);
  --uikit-color-white-1: rgba(255, 255, 255, 100%);
  --uikit-color-white-2: rgba(255, 255, 255, 93%);
  --uikit-color-white-3: rgba(255, 255, 255, 75%);
  --uikit-color-white-4: rgba(255, 255, 255, 55%);
  --uikit-color-white-5: rgba(255, 255, 255, 42%);
  --uikit-color-white-6: rgba(255, 255, 255, 30%);
  --uikit-color-white-7: rgba(255, 255, 255, 14%);
  --uikit-color-gray-1: #F9FAFC;
  --uikit-color-gray-2: #F0F2F7;
  --uikit-color-gray-3: #E6E9F0;
  --uikit-color-gray-4: #D1D4DE;
  --uikit-color-gray-5: #C0C3CC;
  --uikit-color-gray-6: #B3B6BE;
  --uikit-color-gray-7: #A5A9B0;
  --uikit-color-green-1: #DCFAE9;
  --uikit-color-green-2: #B6F0D1;
  --uikit-color-green-3: #84E3B5;
  --uikit-color-green-4: #5AD69E;
  --uikit-color-green-5: #3CC98C;
  --uikit-color-green-6: #0ABF77;
  --uikit-color-green-7: #09A768;
  --uikit-color-green-8: #078F59;
  --uikit-color-green-9: #067049;
  --uikit-color-green-10: #044D37;
  --uikit-color-red-1: #FFE7E6;
  --uikit-color-red-2: #FCC9C7;
  --uikit-color-red-3: #FAAEAC;
  --uikit-color-red-4: #F58989;
  --uikit-color-red-5: #E86666;
  --uikit-color-red-6: #E54545;
  --uikit-color-red-7: #C93439;
  --uikit-color-red-8: #AD2934;
  --uikit-color-red-9: #8F222D;
  --uikit-color-red-10: #6B1A27;
  --uikit-color-orange-1: #FFEEDB;
  --uikit-color-orange-2: #FFD6B2;
  --uikit-color-orange-3: #FFBE85;
  --uikit-color-orange-4: #FFA455;
  --uikit-color-orange-5: #FF8B2B;
  --uikit-color-orange-6: #FF7200;
  --uikit-color-orange-7: #E05D00;
  --uikit-color-orange-8: #BF4900;
  --uikit-color-orange-9: #8F370B;
  --uikit-color-orange-10: #662200;
  --uikit-color-transparent: rgba(255, 255, 255, 0%);
  --text-color-primary: var(--uikit-color-black-2);
  --text-color-secondary: var(--uikit-color-black-4);
  --text-color-tertiary: var(--uikit-color-black-5);
  --text-color-disabled: var(--uikit-color-black-6);
  --text-color-button: var(--uikit-color-white-1);
  --text-color-button-disabled: var(--uikit-color-white-1);
  --text-color-link: var(--uikit-color-theme-6);
  --text-color-link-hover: var(--uikit-color-theme-5);
  --text-color-link-active: var(--uikit-color-theme-7);
  --text-color-link-disabled: var(--uikit-color-theme-2);
  --text-color-anti-primary: var(--uikit-color-black-2);
  --text-color-anti-secondary: var(--uikit-color-black-4);
  --text-color-warning: var(--uikit-color-orange-6);
  --text-color-success: var(--uikit-color-green-6);
  --text-color-error: var(--uikit-color-red-6);
  --bg-color-topbar: var(--uikit-color-gray-1);
  --bg-color-operate: var(--uikit-color-white-1);
  --bg-color-dialog: var(--uikit-color-white-1);
  --bg-color-dialog-module: var(--uikit-color-gray-2);
  --bg-color-entrycard: var(--uikit-color-gray-2);
  --bg-color-function: var(--uikit-color-gray-2);
  --bg-color-bottombar: var(--uikit-color-white-1);
  --bg-color-input: var(--uikit-color-gray-2);
  --bg-color-bubble-reciprocal: var(--uikit-color-gray-2);
  --bg-color-bubble-own: var(--uikit-color-theme-2);
  --bg-color-default: var(--uikit-color-gray-2);
  --bg-color-tag-mask: var(--uikit-color-white-4);
  --bg-color-element-mask: var(--uikit-color-black-6);
  --bg-color-mask: var(--uikit-color-black-4);
  --bg-color-mask-disappeared: var(--uikit-color-white-7);
  --bg-color-mask-begin: var(--uikit-color-white-1);
  --stroke-color-primary: var(--uikit-color-gray-3);
  --stroke-color-secondary: var(--uikit-color-gray-2);
  --stroke-color-module: var(--uikit-color-gray-3);
  --shadow-color: var(--uikit-color-black-8);
  --list-color-default: var(--uikit-color-white-1);
  --list-color-hover: var(--uikit-color-gray-1);
  --list-color-focused: var(--uikit-color-theme-1);
  --button-color-primary-default: var(--uikit-color-theme-6);
  --button-color-primary-hover: var(--uikit-color-theme-5);
  --button-color-primary-active: var(--uikit-color-theme-7);
  --button-color-primary-disabled: var(--uikit-color-theme-2);
  --button-color-secondary-default: var(--uikit-color-gray-2);
  --button-color-secondary-hover: var(--uikit-color-gray-1);
  --button-color-secondary-active: var(--uikit-color-gray-3);
  --button-color-secondary-disabled: var(--uikit-color-gray-1);
  --button-color-accept: var(--uikit-color-green-6);
  --button-color-hangup: var(--uikit-color-red-6);
  --button-color-on: var(--uikit-color-white-1);
  --button-color-off: var(--uikit-color-black-5);
  --dropdown-color-default: var(--uikit-color-white-1);
  --dropdown-color-hover: var(--uikit-color-gray-1);
  --dropdown-color-active: var(--uikit-color-theme-2);
  --scroll-bar-color-default: var(--uikit-color-black-7);
  --scroll-bar-color-hover: var(--uikit-color-black-6);
  --floating-color-default: var(--uikit-color-white-1);
  --floating-color-operate: var(--uikit-color-gray-2);
  --checkbox-color-selected: var(--uikit-color-theme-6);
  --toast-color-warning: var(--uikit-color-orange-1);
  --toast-color-success: var(--uikit-color-green-1);
  --toast-color-error: var(--uikit-color-red-1);
  --toast-color-default: var(--uikit-color-theme-1);
  --switch-color-off: var(--uikit-color-gray-4);
  --switch-color-on: var(--uikit-color-theme-6);
  --switch-color-button: var(--uikit-color-white-1);
  --slider-color-filled: var(--uikit-color-theme-6);
  --slider-color-empty: var(--uikit-color-gray-3);
  --slider-color-button: var(--uikit-color-white-1);
  --tab-color-selected: var(--uikit-color-theme-2);
  --tab-color-unselected: var(--uikit-color-gray-2);
  --tab-color-option: var(--uikit-color-gray-3);
  --icon-color-primary: var(--uikit-color-black-2);
}

html[tui-theme-mode=dark] .style-preset-business,
.style-preset-business.tui-theme-dark {
  --uikit-color-gray-1: #0e1525;
  --uikit-color-gray-2: #111828;
  --uikit-color-gray-3: #151e32;
  --uikit-color-gray-4: #151e32;
  --uikit-color-gray-5: #1a2438;
  --uikit-color-gray-6: #202d45;
  --uikit-color-gray-7: #202d45;
  --uikit-color-theme-1: rgba(59, 130, 246, 0.08);
  --uikit-color-theme-2: rgba(59, 130, 246, 0.12);
  --uikit-color-theme-3: rgba(59, 130, 246, 0.18);
  --uikit-color-theme-4: #60a5fa;
  --uikit-color-theme-5: #3b82f6;
  --uikit-color-theme-6: #3b82f6;
  --uikit-color-theme-7: #3b82f6;
  --uikit-color-theme-8: #3b82f6;
  --uikit-color-theme-9: #2563eb;
  --uikit-color-theme-10: #1d4ed8;
  --text-color-primary: #edf1f8;
  --text-color-secondary: #cdd6e5;
  --text-color-tertiary: #8494ad;
  --bg-color-topbar: #151e32;
  --bg-color-input: #1a2438;
  --bg-color-bubble-reciprocal: #1a2438;
  --stroke-color-primary: #202d45;
  --stroke-color-secondary: #202d45;
  --button-color-primary-default: #3b82f6;
  --button-color-primary-hover: #2563eb;
  --button-color-primary-active: #1d4ed8;
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --biz-border-lightest: #253550;
  --biz-border-hover: #304060;
  --biz-blue-glow: rgba(59, 130, 246, 0.55);
  --biz-blue-glow-shadow: rgba(59, 130, 246, 0.12);
  --biz-green-online: #34d399;
  --preset-primary: #3b82f6;
  --preset-primary-hover: #2563eb;
  --preset-primary-active: #1d4ed8;
  --preset-danger: #f87171;
  --preset-bg-base: #0e1525;
  --preset-bg-panel: #151e32;
  --preset-bg-input: #1a2438;
  --preset-bg-elevated: #1a2438;
  --preset-bg-inset: #0e1525;
  --preset-bg-hover: #1a2438;
  --preset-border: #253550;
  --preset-border-strong: #2a3c58;
  --preset-text-heading: #edf1f8;
  --preset-text-primary: #edf1f8;
  --preset-text-secondary: #cdd6e5;
  --preset-text-body: #bcc8dc;
  --preset-text-tertiary: #8494ad;
  --preset-text-weak: #566880;
  --preset-text-disabled: #303e56;
  --preset-icon-default: #566880;
  --preset-icon-hover: #8494ad;
  --preset-chat-bubble-bg: #1a2438;
  --preset-chat-bubble-text: #bcc8dc;
  --preset-chat-bubble-host-bg: rgba(59, 130, 246, 0.14);
  --preset-chat-bubble-host-border: rgba(59, 130, 246, 0.24);
  --preset-input-bg: #1a2438;
  --preset-input-border: #253550;
  --preset-input-placeholder: #566880;
  --preset-info-bar-bg: #151e32;
  --preset-info-bar-border: #253550;
  --preset-info-bar-divider: #253550;
  --preset-info-bar-brand-text: #edf1f8;
  --preset-info-bar-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), 0 0 1px rgba(59, 130, 246, 0.08);
  --preset-presenter-hover-bg: #1a2438;
  --preset-presenter-hover-border: #253550;
  --preset-presenter-name: #edf1f8;
  --preset-presenter-speaking-name: #edf1f8;
  --preset-presenter-avatar-ring: 0 0 0 2px rgba(59, 130, 246, 0.35), 0 0 0 4px #151e32;
  --preset-presenter-status-border: #151e32;
  --preset-btn-primary-bg: #3b82f6;
  --preset-btn-primary-hover: #2563eb;
  --preset-btn-primary-active: #1d4ed8;
  --preset-btn-primary-soft-bg: rgba(148, 197, 253, 0.12);
  --preset-btn-primary-soft-text: #93c5fd;
  --preset-btn-primary-soft-border: rgba(59, 130, 246, 0.50);
  --preset-btn-primary-soft-hover-bg: rgba(148, 197, 253, 0.20);
  --preset-btn-primary-soft-hover-border: rgba(59, 130, 246, 0.65);
  --preset-btn-primary-soft-hover-text: #bfdbfe;
  --preset-btn-primary-soft-active-bg: rgba(148, 197, 253, 0.28);
  --preset-btn-primary-soft-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 6px rgba(59, 130, 246, 0.10);
  --preset-btn-primary-soft-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 10px rgba(59, 130, 246, 0.18);
  --preset-btn-danger-bg: rgba(220, 38, 38, 0.14);
  --preset-btn-danger-text: #fca5a5;
  --preset-btn-danger-border: rgba(220, 38, 38, 0.45);
  --preset-btn-danger-hover-bg: rgba(220, 38, 38, 0.24);
  --preset-btn-danger-hover-border: rgba(220, 38, 38, 0.60);
  --preset-btn-danger-hover-text: #fecaca;
  --preset-btn-danger-active-bg: rgba(220, 38, 38, 0.32);
  --preset-btn-danger-active-text: #fecaca;
  --preset-btn-danger-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 6px rgba(220, 38, 38, 0.08);
  --preset-btn-danger-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 10px rgba(220, 38, 38, 0.15);
  --preset-video-bg: #0a1018;
  --preset-video-border: #253550;
  --preset-video-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-stage-edge-spacing: 16px;
  --preset-stage-edge-spacing-mobile: 12px;
  --preset-pause-backdrop: rgba(0, 0, 0, 0.55);
  --preset-stage-divider: rgba(255, 255, 255, 0.08);
  --preset-glass-bg: rgba(2, 6, 23, 0.45);
  --preset-glass-border: rgba(255, 255, 255, 0.12);
  --preset-glass-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  --preset-video-top-gradient-start: rgba(2, 6, 23, 0.85);
  --preset-video-top-gradient-mid: rgba(2, 6, 23, 0.15);
  --preset-video-top-gradient-end: rgba(2, 6, 23, 0);
  --preset-top-overlay-gradient-start: color-mix(in srgb, var(--uikit-color-black-2) 78%, transparent);
  --preset-top-overlay-gradient-mid: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-overlay-gradient-end: transparent;
  --preset-top-overlay-text-color: var(--uikit-color-white-1);
  --preset-top-overlay-text-shadow: 0 1px 2px color-mix(in srgb, var(--uikit-color-black-2) 56%, transparent);
  --preset-top-overlay-avatar-shadow: 0 0 0 1px color-mix(in srgb, var(--uikit-color-white-1) 26%, transparent);
  --preset-stream-glass-bg: rgba(9, 17, 35, 0.62);
  --preset-live-badge-bg: rgba(22, 163, 74, 0.28);
  --preset-live-badge-border: rgba(74, 222, 128, 0.52);
  --preset-live-badge-text: #dcfce7;
  --preset-live-badge-dot: #86efac;
  --preset-live-badge-dot-shadow: rgba(134, 239, 172, 0.65);
  --preset-live-indicator-dot: var(--uikit-color-red-6);
  --preset-live-indicator-dot-glow: color-mix(in srgb, var(--uikit-color-red-6) 62%, transparent);
  --preset-live-indicator-ring: color-mix(in srgb, var(--uikit-color-red-6) 48%, transparent);
  --preset-live-indicator-text: var(--uikit-color-red-5);
  --preset-stream-title: #ffffff;
  --preset-stream-subtitle: rgba(226, 232, 240, 0.86);
  --preset-stream-subtitle-host: #cbd5e1;
  --preset-stream-subtitle-sep: rgba(148, 163, 184, 0.7);
  --preset-stream-subtitle-room: rgba(148, 163, 184, 0.88);
  --preset-top-action-text: #f8fafc;
  --preset-top-action-icon-color: var(--uikit-color-white-1);
  --preset-top-action-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --preset-top-action-icon-hover-color: var(--uikit-color-white-1);
  --preset-top-action-icon-hover-bg: color-mix(in srgb, var(--uikit-color-white-1) 16%, transparent);
  --preset-top-action-leave-icon-color: var(--uikit-color-red-5);
  --preset-top-action-leave-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 34%, transparent);
  --preset-top-action-bg: rgba(15, 23, 42, 0.25);
  --preset-top-action-hover-shadow: 0 6px 18px rgba(15, 23, 42, 0.28);
  --preset-top-action-share-border: rgba(125, 211, 252, 0.65);
  --preset-top-action-share-bg: linear-gradient(135deg, rgba(14, 116, 144, 0.72), rgba(37, 99, 235, 0.78));
  --preset-top-action-share-text: #f8fafc;
  --preset-top-action-share-shadow: none;
  --preset-top-action-share-hover-border: rgba(186, 230, 253, 0.95);
  --preset-top-action-share-hover-bg: linear-gradient(135deg, rgba(2, 132, 199, 0.88), rgba(59, 130, 246, 0.92));
  --preset-top-action-share-hover-text: #f8fafc;
  --preset-top-action-share-hover-shadow: none;
  --preset-top-action-leave-border: rgba(251, 146, 146, 0.74);
  --preset-top-action-leave-bg: linear-gradient(135deg, rgba(190, 24, 93, 0.72), rgba(220, 38, 38, 0.82));
  --preset-top-action-leave-text: #f8fafc;
  --preset-top-action-leave-shadow: none;
  --preset-top-action-leave-hover-border: rgba(254, 202, 202, 0.95);
  --preset-top-action-leave-hover-bg: linear-gradient(135deg, rgba(219, 39, 119, 0.88), rgba(239, 68, 68, 0.92));
  --preset-top-action-leave-hover-text: #f8fafc;
  --preset-top-action-leave-hover-shadow: none;
  --preset-progress-track-bg: rgba(255, 255, 255, 0.2);
  --preset-progress-fill-start: #e51c1c;
  --preset-progress-fill-end: #f63b3b;
  --preset-progress-thumb-bg: #e51c1c;
  --preset-progress-thumb-shadow: rgba(229, 28, 28, 0.4);
  --preset-control-pill-bg: rgba(0, 0, 0, 0.45);
  --preset-control-pill-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  --preset-control-btn-color: #ffffff;
  --preset-control-btn-hover-bg: rgba(255, 255, 255, 0.1);
  --preset-control-tooltip-text: #eef2ff;
  --preset-control-tooltip-bg: rgba(30, 41, 59, 0.92);
  --preset-control-tooltip-border: rgba(148, 163, 184, 0.32);
  --preset-control-tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --preset-resolution-popup-bg: rgba(0, 0, 0, 0.55);
  --preset-resolution-popup-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  --preset-resolution-option-text: rgba(255, 255, 255, 0.7);
  --preset-resolution-option-hover-bg: rgba(255, 255, 255, 0.1);
  --preset-resolution-option-hover-text: #ffffff;
  --preset-resolution-option-active-bg: rgba(255, 255, 255, 0.18);
  --preset-resolution-option-active-text: #ffffff;
  --preset-volume-track-bg: rgba(255, 255, 255, 0.2);
  --preset-volume-fill-bg: #ffffff;
  --preset-volume-thumb-bg: #ffffff;
  --preset-volume-thumb-shadow: rgba(0, 0, 0, 0.3);
  --preset-pause-overlay-start: rgba(0, 0, 0, 0.5);
  --preset-pause-overlay-mid: rgba(0, 0, 0, 0.5);
  --preset-pause-overlay-end: rgba(0, 0, 0, 0);
  --preset-pause-btn-border: rgba(148, 163, 184, 0.42);
  --preset-pause-btn-grad-start: rgba(59, 130, 246, 0.28);
  --preset-pause-btn-grad-end: rgba(15, 23, 42, 0.88);
  --preset-pause-btn-bg: rgba(15, 23, 42, 0.86);
  --preset-pause-btn-shadow: rgba(15, 23, 42, 0.46);
  --preset-pause-btn-inset: rgba(255, 255, 255, 0.08);
  --preset-pause-btn-icon-shadow: rgba(59, 130, 246, 0.32);
  --preset-pause-btn-hover-border: rgba(125, 211, 252, 0.7);
  --preset-pause-btn-hover-shadow: rgba(30, 64, 175, 0.35);
  --preset-pause-btn-hover-inset: rgba(255, 255, 255, 0.12);
  --preset-panel-toggle-bg: #151e32;
  --preset-panel-toggle-border: #253550;
  --preset-panel-toggle-color: #566880;
  --preset-panel-toggle-hover-color: #6ea8fe;
  --preset-panel-toggle-hover-bg: rgba(59, 130, 246, 0.10);
  --preset-panel-toggle-shadow: -2px 0 8px rgba(0, 0, 0, 0.25);
  --preset-panel-bg: #151e32;
  --preset-panel-border: #253550;
  --preset-panel-shadow: 0 2px 10px rgba(0, 0, 0, 0.22), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-viewer-stack-bg: rgba(30, 41, 59, 0.75);
  --preset-viewer-stack-border: rgba(148, 163, 184, 0.24);
  --preset-viewer-stack-ring: #0f172a;
  --preset-viewer-pill-bg: rgba(30, 41, 59, 0.88);
  --preset-viewer-pill-text: #cbd5e1;
  --preset-viewer-pill-border: rgba(148, 163, 184, 0.32);
  --preset-chat-surface-bg: rgba(15, 23, 42, 0.65);
  --preset-chat-surface-border: rgba(148, 163, 184, 0.16);
  --preset-chat-surface-divider: rgba(148, 163, 184, 0.14);
  --preset-chat-surface-bg-gradient-end: color-mix(in srgb, var(--preset-chat-surface-bg) 88%, #000 12%);
  --preset-chat-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 28px rgba(0, 0, 0, 0.25);
  --preset-section-title: #cdd6e5;
  --preset-count-badge-bg: #1a2438;
  --preset-count-badge-text: #8494ad;
  --preset-search-bg: #1e2c42;
  --preset-search-border: #2e4060;
  --preset-search-focus-bg: #1e2c42;
  --preset-search-focus-border: #3b82f6;
  --preset-search-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
  --preset-search-icon: #566880;
  --preset-search-text: #e2e8f0;
  --preset-search-placeholder: rgba(148, 163, 184, 0.75);
  --preset-list-scrollbar: #253550;
  --preset-audience-hover-bg: rgba(30, 44, 66, 0.70);
  --preset-audience-name: #cdd6e5;
  --preset-online-dot-border: #151e32;
  --preset-role-host-text: #6ea8fe;
  --preset-role-host-bg: rgba(59, 130, 246, 0.18);
  --preset-role-self-text: #93c5fd;
  --preset-role-self-bg: rgba(59, 130, 246, 0.2);
  --preset-list-empty: #566880;
  --preset-tab-bar-bg: rgba(15, 23, 42, 0.7);
  --preset-tab-track-bg: rgba(255, 255, 255, 0.03);
  --preset-tab-track-border: rgba(255, 255, 255, 0.05);
  --preset-tab-slider-bg: rgba(59, 130, 246, 0.18);
  --preset-tab-btn-text: rgba(148, 163, 184, 0.55);
  --preset-tab-btn-hover-text: rgba(203, 213, 225, 0.72);
  --preset-tab-btn-active-text: #edf1f8;
  --preset-tab-btn-hover-bg: rgba(255, 255, 255, 0.04);
  --preset-tab-indicator-bg: #3b82f6;
  --preset-tab-indicator-shadow: 0 0 8px rgba(59, 130, 246, 0.45);
  --preset-tab-badge-bg: rgba(59, 130, 246, 0.1);
  --preset-tab-badge-text: rgba(148, 163, 184, 0.45);
  --preset-tab-badge-active-bg: rgba(59, 130, 246, 0.2);
  --preset-tab-badge-active-text: #93c5fd;
  --preset-role-admin-text: #fbbf24;
  --preset-role-admin-bg: rgba(251, 191, 36, 0.14);
  --preset-role-admin-border: rgba(251, 191, 36, 0.25);
  --preset-system-msg-text: #8494ad;
  --preset-system-msg-icon: #566880;
  --preset-system-msg-line: rgba(59, 130, 246, 0.12);
  --preset-audience-group-title: #566880;
  --preset-audience-group-line: rgba(148, 163, 184, 0.12);
  --preset-audience-role-badge-bg: rgba(59, 130, 246, 0.12);
  --preset-audience-role-badge-text: #6ea8fe;
  --preset-chat-scrollbar: #253550;
  --preset-msg-name: #cdd6e5;
  --preset-msg-time: #566880;
  --preset-msg-content-bg: #1a2438;
  --preset-msg-content-border: rgba(59, 130, 246, 0.2);
  --preset-msg-content-text: #bcc8dc;
  --preset-msg-self-bg: rgba(59, 130, 246, 0.14);
  --preset-msg-self-border: rgba(59, 130, 246, 0.24);
  --preset-msg-host-name: #6ea8fe;
  --preset-msg-host-tag-bg: rgba(59, 130, 246, 0.18);
  --preset-msg-host-bubble-bg: rgba(59, 130, 246, 0.14);
  --preset-msg-host-bubble-border: rgba(59, 130, 246, 0.24);
  --preset-input-bar-bg: #111828;
  --preset-input-shell-bg: rgba(30, 41, 59, 0.72);
  --preset-input-wrapper-bg: #1e2c42;
  --preset-input-wrapper-border: #2e4060;
  --preset-input-wrapper-focus-bg: #1e2c42;
  --preset-input-wrapper-focus-border: #3b82f6;
  --preset-input-wrapper-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
  --preset-emoji-btn-color: #8494ad;
  --preset-emoji-btn-active: #60a5fa;
  --preset-emoji-btn-hover-bg: rgba(255, 255, 255, 0.06);
  --preset-emoji-panel-bg: #1e2c42;
  --preset-emoji-panel-border: #2e4060;
  --preset-emoji-panel-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.18);
  --preset-emoji-hover-bg: #2e4060;
  --preset-emoji-hover-ring: rgba(59, 130, 246, 0.28);
  --preset-send-btn-inactive: #2e4060;
  --preset-send-btn-hover: #566880;
  --preset-send-btn-active-bg: #3b82f6;
  --preset-send-btn-active-text: #ffffff;
  --preset-send-btn-active-ring: rgba(59, 130, 246, 0.18);
  --preset-send-btn-sending-bg: rgba(14, 165, 233, 0.75);
  --preset-chat-input-text: #e2e8f0;
  --preset-chat-input-placeholder: rgba(148, 163, 184, 0.75);
  --preset-handle-border: #2e4060;
  --preset-handle-hover-bg: #1e2c42;
  --preset-handle-indicator: #3a506e;
  --preset-handle-indicator-hover: #566880;
  --preset-handle-glow: rgba(59, 130, 246, 0.35);
  --preset-chat-section-shadow: none;
  --preset-chat-msg-hover-bg: rgba(30, 44, 66, 0.55);
  --preset-chat-header-bg: rgba(15, 23, 42, 0.7);
  --preset-viewer-stack-row-bg: rgba(15, 23, 42, 0.55);
  --preset-viewer-stack-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  --preset-chat-grid-opacity: 0.22;
  --preset-time-divider-bg: color-mix(in srgb, var(--preset-chat-surface-bg) 85%, #000 15%);
  --preset-audience-hover-ring: rgba(59, 130, 246, 0.22);
  --preset-presenter-hover-shadow: rgba(0, 0, 0, 0.30);
  --preset-header-shadow: 0 1px 4px rgba(0, 0, 0, 0.22), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-card-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-header-gradient: linear-gradient(90deg, #3b82f6, #60a5fa, #93c5fd);
  --preset-avatar-0-bg: #182846;
  --preset-avatar-0-text: #7ab3ff;
  --preset-avatar-1-bg: #112c2c;
  --preset-avatar-1-text: #64f0da;
  --preset-avatar-2-bg: #2c2412;
  --preset-avatar-2-text: #fcc02a;
  --preset-avatar-3-bg: #2c1722;
  --preset-avatar-3-text: #fc7c90;
  --preset-avatar-4-bg: #112238;
  --preset-avatar-4-text: #82d8fe;
  --preset-avatar-5-bg: #1c2238;
  --preset-avatar-5-text: #9aadbe;
  --preset-avatar-6-bg: #112c1c;
  --preset-avatar-6-text: #74edc0;
  --preset-avatar-7-bg: #2c1c12;
  --preset-avatar-7-text: #fc9842;
  --preset-live-green: #34d399;
  --preset-live-green-pulse: rgba(52, 211, 153, 0.4);
  --preset-live-red: #fb7185;
  --preset-stage-border: rgba(255, 255, 255, 0.07);
  --preset-bar-bg: #0e1525;
  --preset-bar-border: #253550;
  --preset-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 1px rgba(59, 130, 246, 0.06);
  --preset-bar-divider: #253550;
  --preset-bg-primary: #0e1525;
  --preset-bg-secondary: #151e32;
  --preset-bg-tertiary: #1a2438;
  --preset-live-ended-bg: rgba(14, 21, 37, 0.92);
  --preset-live-ended-icon: rgba(148, 163, 184, 0.4);
  --preset-live-ended-title: #edf1f8;
  --preset-live-ended-subtitle: rgba(205, 214, 229, 0.6);
}

.style-preset-business,
.style-preset-business.tui-theme-light {
  --uikit-color-gray-1: #f2f4f8;
  --uikit-color-gray-2: #f6f8fb;
  --uikit-color-gray-3: #ffffff;
  --uikit-color-gray-4: #ffffff;
  --uikit-color-gray-5: #f9fafc;
  --uikit-color-gray-6: #eef1f6;
  --uikit-color-gray-7: #e4e8f0;
  --uikit-color-theme-1: #eff6ff;
  --uikit-color-theme-2: #dbeafe;
  --uikit-color-theme-3: #bfdbfe;
  --uikit-color-theme-4: #93c5fd;
  --uikit-color-theme-5: #3b82f6;
  --uikit-color-theme-6: #1c66e5;
  --uikit-color-theme-7: #1c66e5;
  --uikit-color-theme-8: #1c66e5;
  --uikit-color-theme-9: #1e40af;
  --uikit-color-theme-10: #1e3a5f;
  --text-color-primary: #1a2742;
  --text-color-secondary: #3a4560;
  --text-color-tertiary: #8892aa;
  --bg-color-topbar: #ffffff;
  --bg-color-input: #ffffff;
  --bg-color-bubble-reciprocal: #f6f8fb;
  --stroke-color-primary: #e4e8f0;
  --stroke-color-secondary: #eef1f6;
  --button-color-primary-default: #1c66e5;
  --button-color-primary-hover: #1a5cd0;
  --button-color-primary-active: #174fb8;
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 18%, transparent);
  --biz-border-lightest: #e4e8f0;
  --biz-border-hover: #c2cad8;
  --biz-blue-glow: rgba(28, 102, 229, 0.5);
  --biz-blue-glow-shadow: rgba(28, 102, 229, 0.06);
  --biz-green-online: #10b981;
  --preset-primary: #1c66e5;
  --preset-primary-hover: #1a5cd0;
  --preset-primary-active: #174fb8;
  --preset-danger: #ef4444;
  --preset-bg-base: #f2f4f8;
  --preset-bg-panel: #ffffff;
  --preset-bg-input: #ffffff;
  --preset-bg-elevated: #ffffff;
  --preset-bg-inset: #f6f8fb;
  --preset-bg-hover: #f9fafc;
  --preset-border: #eaecf2;
  --preset-border-strong: #dde2ea;
  --preset-text-heading: #1a2440;
  --preset-text-primary: #1a2742;
  --preset-text-secondary: #3a4560;
  --preset-text-body: #475068;
  --preset-text-tertiary: #8892aa;
  --preset-text-weak: #aeb6c8;
  --preset-text-disabled: #d5dae4;
  --preset-icon-default: #8892aa;
  --preset-icon-hover: #3a4560;
  --preset-chat-bubble-bg: #f6f8fb;
  --preset-chat-bubble-text: #475068;
  --preset-chat-bubble-host-bg: rgba(59, 130, 246, 0.06);
  --preset-chat-bubble-host-border: rgba(59, 130, 246, 0.12);
  --preset-input-bg: #ffffff;
  --preset-input-border: #dde2ea;
  --preset-input-placeholder: #bfc6d4;
  --preset-info-bar-bg: #ffffff;
  --preset-info-bar-border: #e6e9f0;
  --preset-info-bar-divider: #e4e8f0;
  --preset-info-bar-brand-text: inherit;
  --preset-info-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.05), 0 0 1px rgba(28, 102, 229, 0.04);
  --preset-presenter-hover-bg: #f0f2f6;
  --preset-presenter-hover-border: #dde2ea;
  --preset-presenter-name: #1a2742;
  --preset-presenter-speaking-name: #0e1930;
  --preset-presenter-avatar-ring: 0 0 0 1.5px #fff, 0 1px 3px rgba(0, 0, 0, 0.08);
  --preset-presenter-status-border: #f8f9fb;
  --preset-btn-primary-bg: #1c66e5;
  --preset-btn-primary-hover: #1a5cd0;
  --preset-btn-primary-active: #1750b8;
  --preset-btn-primary-soft-bg: rgba(28, 102, 229, 0.08);
  --preset-btn-primary-soft-text: #1d4ed8;
  --preset-btn-primary-soft-border: rgba(28, 102, 229, 0.42);
  --preset-btn-primary-soft-hover-bg: rgba(28, 102, 229, 0.14);
  --preset-btn-primary-soft-hover-border: rgba(28, 102, 229, 0.58);
  --preset-btn-primary-soft-hover-text: #1e40af;
  --preset-btn-primary-soft-active-bg: rgba(28, 102, 229, 0.20);
  --preset-btn-primary-soft-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 6px rgba(28, 102, 229, 0.08);
  --preset-btn-primary-soft-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 10px rgba(28, 102, 229, 0.14);
  --preset-btn-danger-bg: rgba(220, 38, 38, 0.06);
  --preset-btn-danger-text: #dc2626;
  --preset-btn-danger-border: rgba(220, 38, 38, 0.38);
  --preset-btn-danger-hover-bg: rgba(220, 38, 38, 0.12);
  --preset-btn-danger-hover-border: rgba(220, 38, 38, 0.52);
  --preset-btn-danger-hover-text: #b91c1c;
  --preset-btn-danger-active-bg: rgba(220, 38, 38, 0.18);
  --preset-btn-danger-active-text: #991b1b;
  --preset-btn-danger-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 6px rgba(220, 38, 38, 0.06);
  --preset-btn-danger-hover-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 10px rgba(220, 38, 38, 0.10);
  --preset-video-bg: #0f1219;
  --preset-video-border: #dde2ea;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.04);
  --preset-stage-edge-spacing: 16px;
  --preset-stage-edge-spacing-mobile: 12px;
  --preset-pause-backdrop: rgba(0, 0, 0, 0.45);
  --preset-stage-divider: rgba(148, 163, 184, 0.32);
  --preset-glass-bg: rgba(15, 23, 42, 0.42);
  --preset-glass-border: rgba(255, 255, 255, 0.24);
  --preset-glass-shadow: 0 10px 24px rgba(15, 23, 42, 0.22);
  --preset-video-top-gradient-start: rgba(248, 250, 252, 0.92);
  --preset-video-top-gradient-mid: rgba(248, 250, 252, 0.18);
  --preset-video-top-gradient-end: rgba(248, 250, 252, 0);
  --preset-top-overlay-gradient-start: color-mix(in srgb, var(--uikit-color-black-2) 70%, transparent);
  --preset-top-overlay-gradient-mid: color-mix(in srgb, var(--uikit-color-black-2) 24%, transparent);
  --preset-top-overlay-gradient-end: transparent;
  --preset-top-overlay-text-color: var(--uikit-color-white-1);
  --preset-top-overlay-text-shadow: 0 1px 2px color-mix(in srgb, var(--uikit-color-black-2) 52%, transparent);
  --preset-top-overlay-avatar-shadow: 0 0 0 1px color-mix(in srgb, var(--uikit-color-white-1) 36%, transparent);
  --preset-stream-glass-bg: rgba(255, 255, 255, 0.72);
  --preset-live-badge-bg: rgba(16, 185, 129, 0.14);
  --preset-live-badge-border: rgba(16, 185, 129, 0.36);
  --preset-live-badge-text: #047857;
  --preset-live-badge-dot: #10b981;
  --preset-live-badge-dot-shadow: rgba(16, 185, 129, 0.45);
  --preset-live-indicator-dot: var(--uikit-color-red-6);
  --preset-live-indicator-dot-glow: color-mix(in srgb, var(--uikit-color-red-6) 58%, transparent);
  --preset-live-indicator-ring: color-mix(in srgb, var(--uikit-color-red-6) 44%, transparent);
  --preset-live-indicator-text: var(--uikit-color-red-6);
  --preset-stream-title: #1a2440;
  --preset-stream-subtitle: #475068;
  --preset-stream-subtitle-host: #1e2c40;
  --preset-stream-subtitle-sep: #98a2b4;
  --preset-stream-subtitle-room: #64748b;
  --preset-top-action-text: #344054;
  --preset-top-action-icon-color: var(--uikit-color-white-1);
  --preset-top-action-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-action-icon-hover-color: var(--uikit-color-white-1);
  --preset-top-action-icon-hover-bg: color-mix(in srgb, var(--uikit-color-white-1) 14%, transparent);
  --preset-top-action-leave-icon-color: color-mix(in srgb, var(--uikit-color-red-4) 82%, var(--uikit-color-white-1));
  --preset-top-action-leave-icon-bg: color-mix(in srgb, var(--uikit-color-black-2) 26%, transparent);
  --preset-top-action-bg: rgba(255, 255, 255, 0.5);
  --preset-top-action-hover-shadow: 0 8px 20px rgba(15, 23, 42, 0.16);
  --preset-top-action-share-border: rgba(28, 102, 229, 0.42);
  --preset-top-action-share-bg: linear-gradient(135deg, rgba(219, 234, 254, 0.95), rgba(191, 219, 254, 0.95));
  --preset-top-action-share-text: #1e40af;
  --preset-top-action-share-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 4px 12px rgba(28, 102, 229, 0.18);
  --preset-top-action-share-hover-border: rgba(28, 102, 229, 0.58);
  --preset-top-action-share-hover-bg: linear-gradient(135deg, rgba(191, 219, 254, 0.98), rgba(147, 197, 253, 0.98));
  --preset-top-action-share-hover-text: #1e3a8a;
  --preset-top-action-share-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(28, 102, 229, 0.24);
  --preset-top-action-leave-border: rgba(220, 38, 38, 0.42);
  --preset-top-action-leave-bg: linear-gradient(135deg, rgba(254, 226, 226, 0.95), rgba(254, 202, 202, 0.95));
  --preset-top-action-leave-text: #b91c1c;
  --preset-top-action-leave-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 4px 12px rgba(220, 38, 38, 0.16);
  --preset-top-action-leave-hover-border: rgba(220, 38, 38, 0.58);
  --preset-top-action-leave-hover-bg: linear-gradient(135deg, rgba(254, 202, 202, 0.98), rgba(252, 165, 165, 0.98));
  --preset-top-action-leave-hover-text: #991b1b;
  --preset-top-action-leave-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(220, 38, 38, 0.2);
  --preset-progress-track-bg: rgba(15, 23, 42, 0.22);
  --preset-progress-fill-start: #e51c1c;
  --preset-progress-fill-end: #f63b3b;
  --preset-progress-thumb-bg: #e51c1c;
  --preset-progress-thumb-shadow: rgba(229, 28, 28, 0.35);
  --preset-control-pill-bg: rgba(15, 23, 42, 0.58);
  --preset-control-pill-shadow: 0 4px 16px rgba(2, 6, 23, 0.22);
  --preset-control-btn-color: #ffffff;
  --preset-control-btn-hover-bg: rgba(255, 255, 255, 0.14);
  --preset-control-tooltip-text: #eef2ff;
  --preset-control-tooltip-bg: rgba(30, 41, 59, 0.92);
  --preset-control-tooltip-border: rgba(148, 163, 184, 0.32);
  --preset-control-tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --preset-resolution-popup-bg: rgba(15, 23, 42, 0.78);
  --preset-resolution-popup-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  --preset-resolution-option-text: rgba(255, 255, 255, 0.76);
  --preset-resolution-option-hover-bg: rgba(255, 255, 255, 0.12);
  --preset-resolution-option-hover-text: #ffffff;
  --preset-resolution-option-active-bg: rgba(255, 255, 255, 0.2);
  --preset-resolution-option-active-text: #ffffff;
  --preset-volume-track-bg: rgba(255, 255, 255, 0.3);
  --preset-volume-fill-bg: #ffffff;
  --preset-volume-thumb-bg: #ffffff;
  --preset-volume-thumb-shadow: rgba(2, 6, 23, 0.32);
  --preset-pause-overlay-start: rgba(0, 0, 0, 0.4);
  --preset-pause-overlay-mid: rgba(0, 0, 0, 0.4);
  --preset-pause-overlay-end: rgba(0, 0, 0, 0);
  --preset-pause-btn-border: rgba(148, 163, 184, 0.36);
  --preset-pause-btn-grad-start: rgba(219, 234, 254, 0.96);
  --preset-pause-btn-grad-end: rgba(226, 232, 240, 0.92);
  --preset-pause-btn-bg: rgba(255, 255, 255, 0.88);
  --preset-pause-btn-shadow: rgba(15, 23, 42, 0.2);
  --preset-pause-btn-inset: rgba(255, 255, 255, 0.75);
  --preset-pause-btn-icon-shadow: rgba(28, 102, 229, 0.18);
  --preset-pause-btn-icon-color: #1c66e5;
  --preset-pause-btn-hover-border: rgba(96, 165, 250, 0.75);
  --preset-pause-btn-hover-shadow: rgba(28, 102, 229, 0.24);
  --preset-pause-btn-hover-inset: rgba(255, 255, 255, 0.88);
  --preset-panel-toggle-bg: #ffffff;
  --preset-panel-toggle-border: #e4e8f0;
  --preset-panel-toggle-color: #aeb6c8;
  --preset-panel-toggle-hover-color: #1c66e5;
  --preset-panel-toggle-hover-bg: #f0f4ff;
  --preset-panel-toggle-shadow: -2px 0 6px rgba(0, 0, 0, 0.04);
  --preset-panel-bg: #ffffff;
  --preset-panel-border: #e6e9f0;
  --preset-panel-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.03);
  --preset-viewer-stack-bg: #f8fafc;
  --preset-viewer-stack-border: #e2e8f0;
  --preset-viewer-stack-ring: #ffffff;
  --preset-viewer-pill-bg: #eef2ff;
  --preset-viewer-pill-text: #334155;
  --preset-viewer-pill-border: #dbeafe;
  --preset-chat-surface-bg: #ffffff;
  --preset-chat-surface-border: #e2e8f0;
  --preset-chat-surface-divider: #edf2f7;
  --preset-chat-surface-bg-gradient-end: #f8fafc;
  --preset-chat-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 10px 24px rgba(15, 23, 42, 0.08);
  --preset-section-title: #1e2c40;
  --preset-count-badge-bg: #f2f4f6;
  --preset-count-badge-text: #68738a;
  --preset-search-bg: #f8f9fb;
  --preset-search-border: #d4d9e2;
  --preset-search-focus-bg: #ffffff;
  --preset-search-focus-border: #3b82f6;
  --preset-search-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
  --preset-search-icon: #98a2b4;
  --preset-search-text: #344054;
  --preset-search-placeholder: #98a2b4;
  --preset-list-scrollbar: #e2e6ec;
  --preset-audience-hover-bg: #f8f9fb;
  --preset-audience-name: #344054;
  --preset-online-dot-border: #ffffff;
  --preset-role-host-text: #3b82f6;
  --preset-role-host-bg: rgba(59, 130, 246, 0.08);
  --preset-role-self-text: #1c66e5;
  --preset-role-self-bg: rgba(28, 102, 229, 0.1);
  --preset-list-empty: #98a2b4;
  --preset-tab-bar-bg: #f8fafc;
  --preset-tab-track-bg: rgba(0, 0, 0, 0.03);
  --preset-tab-track-border: rgba(0, 0, 0, 0.05);
  --preset-tab-slider-bg: #ffffff;
  --preset-tab-btn-text: rgba(58, 69, 96, 0.52);
  --preset-tab-btn-hover-text: rgba(26, 39, 66, 0.72);
  --preset-tab-btn-active-text: #1a2742;
  --preset-tab-btn-hover-bg: rgba(28, 102, 229, 0.04);
  --preset-tab-indicator-bg: #1c66e5;
  --preset-tab-indicator-shadow: 0 0 6px rgba(28, 102, 229, 0.3);
  --preset-tab-badge-bg: rgba(28, 102, 229, 0.06);
  --preset-tab-badge-text: rgba(58, 69, 96, 0.42);
  --preset-tab-badge-active-bg: rgba(28, 102, 229, 0.1);
  --preset-tab-badge-active-text: #1c66e5;
  --preset-role-admin-text: #d97706;
  --preset-role-admin-bg: rgba(217, 119, 6, 0.08);
  --preset-role-admin-border: rgba(217, 119, 6, 0.2);
  --preset-system-msg-text: #8892aa;
  --preset-system-msg-icon: #aeb6c8;
  --preset-system-msg-line: rgba(28, 102, 229, 0.08);
  --preset-audience-group-title: #8892aa;
  --preset-audience-group-line: rgba(0, 0, 0, 0.06);
  --preset-audience-role-badge-bg: rgba(28, 102, 229, 0.06);
  --preset-audience-role-badge-text: #1c66e5;
  --preset-chat-scrollbar: #e0e4ea;
  --preset-msg-name: #344054;
  --preset-msg-time: #c2c8d2;
  --preset-msg-content-bg: #f2f4f6;
  --preset-msg-content-border: rgba(28, 102, 229, 0.18);
  --preset-msg-content-text: #475068;
  --preset-msg-self-bg: #eef4ff;
  --preset-msg-self-border: #dde8fc;
  --preset-msg-host-name: #3b82f6;
  --preset-msg-host-tag-bg: rgba(59, 130, 246, 0.07);
  --preset-msg-host-bubble-bg: rgba(59, 130, 246, 0.06);
  --preset-msg-host-bubble-border: rgba(59, 130, 246, 0.12);
  --preset-input-bar-bg: transparent;
  --preset-input-shell-bg: #f8fafc;
  --preset-input-wrapper-bg: #f8f9fb;
  --preset-input-wrapper-border: #d4d9e2;
  --preset-input-wrapper-focus-bg: #ffffff;
  --preset-input-wrapper-focus-border: #3b82f6;
  --preset-input-wrapper-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
  --preset-emoji-btn-color: #98a2b4;
  --preset-emoji-btn-active: #3b82f6;
  --preset-emoji-btn-hover-bg: rgba(28, 102, 229, 0.08);
  --preset-emoji-panel-bg: #ffffff;
  --preset-emoji-panel-border: #e2e6ec;
  --preset-emoji-panel-shadow: 0 8px 22px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.03);
  --preset-emoji-hover-bg: #f2f4f6;
  --preset-emoji-hover-ring: rgba(59, 130, 246, 0.15);
  --preset-send-btn-inactive: #d4d9e2;
  --preset-send-btn-hover: #98a2b4;
  --preset-send-btn-active-bg: #3b82f6;
  --preset-send-btn-active-text: #ffffff;
  --preset-send-btn-active-ring: rgba(59, 130, 246, 0.2);
  --preset-send-btn-sending-bg: rgba(28, 102, 229, 0.72);
  --preset-chat-input-text: #344054;
  --preset-chat-input-placeholder: #98a2b4;
  --preset-handle-border: #e2e8f0;
  --preset-handle-hover-bg: #f8f9fb;
  --preset-handle-indicator: #c8d2de;
  --preset-handle-indicator-hover: #90a0b6;
  --preset-handle-glow: rgba(59, 130, 246, 0.15);
  --preset-chat-section-shadow: none;
  --preset-chat-msg-hover-bg: rgba(242, 244, 246, 0.72);
  --preset-chat-header-bg: #f8fafc;
  --preset-viewer-stack-row-bg: #f8fafc;
  --preset-viewer-stack-shadow: 0 3px 8px rgba(15, 23, 42, 0.12);
  --preset-chat-grid-opacity: 0.15;
  --preset-time-divider-bg: rgba(241, 245, 249, 0.9);
  --preset-audience-hover-ring: rgba(59, 130, 246, 0.12);
  --preset-presenter-hover-shadow: rgba(0, 0, 0, 0.06);
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.02);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.04);
  --preset-header-gradient: transparent;
  --preset-avatar-0-bg: #eff6ff;
  --preset-avatar-0-text: #2563eb;
  --preset-avatar-1-bg: #f0fdfa;
  --preset-avatar-1-text: #0d9488;
  --preset-avatar-2-bg: #fffbeb;
  --preset-avatar-2-text: #d97706;
  --preset-avatar-3-bg: #fff1f2;
  --preset-avatar-3-text: #f43f5e;
  --preset-avatar-4-bg: #f0f9ff;
  --preset-avatar-4-text: #0284c7;
  --preset-avatar-5-bg: #f1f5f9;
  --preset-avatar-5-text: #475569;
  --preset-avatar-6-bg: #ecfdf5;
  --preset-avatar-6-text: #059669;
  --preset-avatar-7-bg: #fff7ed;
  --preset-avatar-7-text: #ea580c;
  --preset-live-green: #10b981;
  --preset-live-green-pulse: rgba(16, 185, 129, 0.4);
  --preset-live-red: #f43f5e;
  --preset-stage-border: rgba(0, 0, 0, 0.06);
  --preset-bar-bg: #ffffff;
  --preset-bar-border: #e6e9f0;
  --preset-bar-shadow: 0 1px 4px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.02);
  --preset-bar-divider: #e4e8f0;
  --preset-bg-primary: #f2f4f8;
  --preset-bg-secondary: #ffffff;
  --preset-bg-tertiary: #f6f8fb;
  --preset-live-ended-bg: rgba(242, 244, 248, 0.92);
  --preset-live-ended-icon: rgba(136, 146, 170, 0.4);
  --preset-live-ended-title: #1a2440;
  --preset-live-ended-subtitle: rgba(71, 80, 104, 0.7);
}

html[tui-theme-mode=dark] .style-preset-education,
.style-preset-education.tui-theme-dark {
  --uikit-color-gray-1: #111318;
  --uikit-color-gray-2: #16181f;
  --uikit-color-gray-3: #1c1f28;
  --uikit-color-gray-4: #252830;
  --uikit-color-gray-5: #1e2128;
  --uikit-color-gray-6: #282c36;
  --uikit-color-gray-7: #2e323c;
  --uikit-color-theme-1: rgba(16, 185, 129, 0.06);
  --uikit-color-theme-2: rgba(16, 185, 129, 0.1);
  --uikit-color-theme-3: rgba(16, 185, 129, 0.16);
  --uikit-color-theme-4: #6ee7b7;
  --uikit-color-theme-5: #34d399;
  --uikit-color-theme-6: #10b981;
  --uikit-color-theme-7: #34d399;
  --uikit-color-theme-8: #34d399;
  --uikit-color-theme-9: #10b981;
  --uikit-color-theme-10: #059669;
  --text-color-primary: #e8ecf2;
  --text-color-secondary: #b0b8c8;
  --text-color-tertiary: #6b7280;
  --bg-color-topbar: #16181f;
  --bg-color-dialog: #16181f;
  --bg-color-dialog-module: #1c1f28;
  --bg-color-input: #1c1f28;
  --bg-color-bubble-reciprocal: #1c1f28;
  --stroke-color-primary: #252830;
  --stroke-color-secondary: #282c36;
  --stroke-color-module: #2e323c;
  --button-color-primary-default: #10b981;
  --button-color-primary-hover: #34d399;
  --button-color-primary-active: #059669;
  --button-color-primary-disabled: rgba(16, 185, 129, 0.22);
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 32%, transparent);
  --list-color-hover: rgba(255, 255, 255, 0.06);
  --list-color-focused: rgba(16, 185, 129, 0.12);
  --preset-primary: #34d399;
  --preset-primary-hover: #6ee7b7;
  --preset-primary-active: #10b981;
  --preset-danger: #f87171;
  --preset-bg-base: #111318;
  --preset-bg-panel: #16181f;
  --preset-bg-input: #1c1f28;
  --preset-bg-elevated: #1c1f28;
  --preset-bg-inset: #1c1f28;
  --preset-bg-hover: #1e2128;
  --preset-border: #252830;
  --preset-border-strong: #2e323c;
  --preset-text-heading: #e8ecf2;
  --preset-text-primary: #e8ecf2;
  --preset-text-secondary: #b0b8c8;
  --preset-text-body: #b0b8c8;
  --preset-text-tertiary: #6b7280;
  --preset-text-weak: #4b5563;
  --preset-text-disabled: #374151;
  --preset-text-on-primary: #ffffff;
  --preset-icon-default: #6b7280;
  --preset-icon-hover: #b0b8c8;
  --preset-live-badge-bg: rgba(16, 185, 129, 0.16);
  --preset-live-badge-border: rgba(52, 211, 153, 0.32);
  --preset-live-badge-text: #34d399;
  --preset-live-badge-dot: #34d399;
  --preset-live-badge-dot-shadow: rgba(52, 211, 153, 0.45);
  --preset-live-indicator-dot: #f87171;
  --preset-live-indicator-dot-glow: rgba(248, 113, 113, 0.55);
  --preset-live-indicator-ring: rgba(248, 113, 113, 0.38);
  --preset-live-indicator-text: #f87171;
  --preset-btn-primary-bg: #10b981;
  --preset-btn-primary-hover: #34d399;
  --preset-btn-primary-active: #059669;
  --preset-btn-primary-soft-bg: rgba(16, 185, 129, 0.12);
  --preset-btn-primary-soft-text: #34d399;
  --preset-btn-primary-soft-border: rgba(52, 211, 153, 0.32);
  --preset-btn-danger-bg: rgba(248, 113, 113, 0.1);
  --preset-btn-danger-text: #f87171;
  --preset-btn-danger-border: rgba(248, 113, 113, 0.32);
  --preset-panel-bg: #16181f;
  --preset-panel-border: #252830;
  --preset-panel-shadow: 0 10px 26px color-mix(in srgb, var(--uikit-color-black-2) 42%, transparent);
  --preset-video-bg: #0a0c10;
  --preset-video-border: #252830;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
  --preset-glass-bg: rgba(0, 0, 0, 0.52);
  --preset-glass-border: rgba(255, 255, 255, 0.12);
  --preset-tab-bar-bg: #1c1f28;
  --preset-tab-btn-text: rgba(176, 184, 200, 0.52);
  --preset-tab-btn-hover-text: rgba(232, 236, 242, 0.72);
  --preset-tab-btn-active-text: #e8ecf2;
  --preset-tab-indicator-bg: #34d399;
  --preset-chat-bubble-bg: #1c1f28;
  --preset-chat-bubble-text: #b0b8c8;
  --preset-input-bg: #1c1f28;
  --preset-input-border: #2e323c;
  --preset-input-placeholder: #4b5563;
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
}

.style-preset-education,
.style-preset-education.tui-theme-light {
  --uikit-color-gray-1: #f3f5f7;
  --uikit-color-gray-2: #f7f8fa;
  --uikit-color-gray-3: #ebeef2;
  --uikit-color-gray-4: #e2e6ec;
  --uikit-color-gray-5: #f9fafb;
  --uikit-color-gray-6: #eef0f4;
  --uikit-color-gray-7: #dfe3ea;
  --uikit-color-theme-1: #ecfdf5;
  --uikit-color-theme-2: #d1fae5;
  --uikit-color-theme-3: #a7f3d0;
  --uikit-color-theme-4: #6ee7b7;
  --uikit-color-theme-5: #34d399;
  --uikit-color-theme-6: #10b981;
  --uikit-color-theme-7: #059669;
  --uikit-color-theme-8: #047857;
  --uikit-color-theme-9: #065f46;
  --uikit-color-theme-10: #064e3b;
  --text-color-primary: #1a2332;
  --text-color-secondary: #4b5563;
  --text-color-tertiary: #9ca3af;
  --bg-color-topbar: #ffffff;
  --bg-color-dialog: #ffffff;
  --bg-color-dialog-module: #f7f8fa;
  --bg-color-input: #ffffff;
  --bg-color-bubble-reciprocal: #f7f8fa;
  --stroke-color-primary: #e2e6ec;
  --stroke-color-secondary: #eef0f4;
  --stroke-color-module: #dfe3ea;
  --button-color-primary-default: #10b981;
  --button-color-primary-hover: #059669;
  --button-color-primary-active: #047857;
  --button-color-primary-disabled: rgba(16, 185, 129, 0.2);
  --text-color-button: #ffffff;
  --shadow-color: color-mix(in srgb, var(--uikit-color-black-2) 14%, transparent);
  --list-color-hover: rgba(15, 23, 42, 0.04);
  --list-color-focused: rgba(16, 185, 129, 0.08);
  --preset-primary: #10b981;
  --preset-primary-hover: #059669;
  --preset-primary-active: #047857;
  --preset-danger: #ef4444;
  --preset-bg-base: #f3f5f7;
  --preset-bg-panel: #ffffff;
  --preset-bg-input: #ffffff;
  --preset-bg-elevated: #ffffff;
  --preset-bg-inset: #f7f8fa;
  --preset-bg-hover: #f9fafb;
  --preset-border: #ebeef2;
  --preset-border-strong: #dfe3ea;
  --preset-text-heading: #1a2332;
  --preset-text-primary: #1a2332;
  --preset-text-secondary: #4b5563;
  --preset-text-body: #4b5563;
  --preset-text-tertiary: #9ca3af;
  --preset-text-weak: #c4c9d2;
  --preset-text-disabled: #d5dae4;
  --preset-text-on-primary: #ffffff;
  --preset-icon-default: #9ca3af;
  --preset-icon-hover: #4b5563;
  --preset-live-badge-bg: rgba(16, 185, 129, 0.1);
  --preset-live-badge-border: rgba(16, 185, 129, 0.3);
  --preset-live-badge-text: #047857;
  --preset-live-badge-dot: #10b981;
  --preset-live-badge-dot-shadow: rgba(16, 185, 129, 0.45);
  --preset-live-indicator-dot: #ef4444;
  --preset-live-indicator-dot-glow: rgba(239, 68, 68, 0.55);
  --preset-live-indicator-ring: rgba(239, 68, 68, 0.38);
  --preset-live-indicator-text: #ef4444;
  --preset-btn-primary-bg: #10b981;
  --preset-btn-primary-hover: #059669;
  --preset-btn-primary-active: #047857;
  --preset-btn-primary-soft-bg: rgba(16, 185, 129, 0.08);
  --preset-btn-primary-soft-text: #047857;
  --preset-btn-primary-soft-border: rgba(16, 185, 129, 0.38);
  --preset-btn-danger-bg: rgba(239, 68, 68, 0.06);
  --preset-btn-danger-text: #dc2626;
  --preset-btn-danger-border: rgba(239, 68, 68, 0.38);
  --preset-panel-bg: #ffffff;
  --preset-panel-border: #ebeef2;
  --preset-panel-shadow: 0 8px 24px color-mix(in srgb, var(--uikit-color-black-3) 10%, transparent);
  --preset-video-bg: #0f1219;
  --preset-video-border: #dfe3ea;
  --preset-video-shadow: 0 4px 18px rgba(0, 0, 0, 0.07);
  --preset-glass-bg: rgba(15, 23, 42, 0.42);
  --preset-glass-border: rgba(255, 255, 255, 0.24);
  --preset-tab-bar-bg: #f9fafb;
  --preset-tab-btn-text: rgba(75, 85, 99, 0.52);
  --preset-tab-btn-hover-text: rgba(26, 35, 50, 0.72);
  --preset-tab-btn-active-text: #1a2332;
  --preset-tab-indicator-bg: #10b981;
  --preset-chat-bubble-bg: #f7f8fa;
  --preset-chat-bubble-text: #4b5563;
  --preset-input-bg: #ffffff;
  --preset-input-border: #dfe3ea;
  --preset-input-placeholder: #c4c9d2;
  --preset-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  --preset-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}

:root {
  --tui-button-round-radius: 999px;
  --tui-button-rect-radius: 3px;
  --tui-button-circle-radius: 50%;
  --tui-button-small-width: 48px;
  --tui-button-small-height: 24px;
  --tui-button-medium-width: 64px;
  --tui-button-medium-height: 32px;
  --tui-button-big-width: 80px;
  --tui-button-big-height: 40px;
  --tui-button-large-width: 96px;
  --tui-button-large-height: 48px;
  --tui-icon-default-width: 16px;
  --tui-icon-default-height: 16px;
  --tui-toast-round-radius: 8px;
  --tui-dialog-round-radius: 20px;
}.tui-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: var(--bg-color-mask);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tui-loading-mask.is-fullscreen {
  position: fixed;
  z-index: 2000;
}
.tui-loading-spinner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.tui-loading-spinner .circular {
  animation: tui-loading-rotate 2s linear infinite;
  color: var(--button-color-primary-default);
  flex-shrink: 0;
}
.tui-loading-spinner .tui-loading-text {
  color: var(--text-color-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  text-align: center;
  line-height: 24px;
  max-width: 200px;
  word-break: break-word;
}
.tui-loading-fade-enter-active,
.tui-loading-fade-leave-active {
  transition: opacity 0.3s ease;
}
.tui-loading-fade-enter-from,
.tui-loading-fade-leave-to {
  opacity: 0;
}
@keyframes tui-loading-rotate {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}.option-container {
  padding: 6px 15px;
  overflow: hidden;
  color: var(--text-color-primary);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.option-container.active {
  background-color: var(--bg-color-input);
}
.option-container.disabled {
  cursor: not-allowed;
  color: var(--text-color-disable);
}
.option-container.disabled:hover {
  background-color: transparent;
}
.option-container:hover:not(.disabled) {
  background-color: var(--bg-color-topbar);
}
.option-container .option-content {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}