:root {
  --r26-page: #FAFBFC;
  --r26-stage: #EEF2F7;
  --r26-card: #FFFFFF;
  --r26-card-2: #FAFBFC;
  --r26-hover: #EEF2F7;
  --r26-ink: #0C1A2B;
  --r26-ink-2: #13243A;
  --r26-text: #0C1A2B;
  --r26-text-2: #475569;
  --r26-text-3: #64748B;
  --r26-line: #B4CBF6;   
  --r26-line-2: #CCDBF8;
  --r26-ctl-line: #C5D0DD;
  --r26-blue: #2563EB;
  --r26-blue-deep: #1D4FD7;
  --r26-blue-ink: #1E40AF;
  --r26-blue-wash: #EAF1FE;
  --r26-you-text: #1E40AF;
  --r26-acc: #F5A623;
  --r26-acc-strong: #C08400;
  --r26-acc-ink: #946300;
  --r26-acc-wash: #FFF6DE;
  --r26-them-text: #946300;
  --r26-red: #B42318;
  --r26-red-line: #F1C2BD;
  --r26-red-wash: #FEF3F2;
  --r26-rec: #D92D20;
  --r26-chip-ink-bg: #0C1A2B;
  --r26-chip-ink-text: #FFFFFF;
  --r26-chip-ink-sub: #B6C2D3;
  --r26-shadow-card: 0 1px 2px rgba(12,26,43,.04), 0 24px 48px -34px rgba(12,26,43,.30);
  --r26-shadow-pop: 0 2px 6px rgba(12,26,43,.06), 0 28px 56px -24px rgba(12,26,43,.38);
  --r26-ring: rgba(37,99,235,.14);
  --r26-stage-bg:
    radial-gradient(900px 420px at 0% 0%, rgba(37,99,235,.09), transparent 65%),
    radial-gradient(700px 380px at 100% 100%, rgba(245,166,35,.08), transparent 60%),
    #EEF2F7;
  --r26-font: 'Inter', 'Cairo', 'Noto Sans Arabic', 'Noto Sans', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans Devanagari', 'Noto Sans Thai', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --r26-font-display: 'Geist', 'Inter', 'Cairo', 'Noto Sans Arabic', 'Noto Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --r26-font-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --r26-font-msg: 'Inter', 'Noto Sans Arabic', 'Cairo', 'Noto Sans', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans Devanagari', 'Noto Sans Thai', system-ui, -apple-system, 'Segoe UI', sans-serif;
}


html.dark-mode, body.dark-mode {
  --r26-page: #0C1A2B;
  --r26-stage: #0A1626;
  --r26-card: #13243A;
  --r26-card-2: #0F2034;
  --r26-hover: #1B2F48;
  --r26-text: #F8FAFC;
  --r26-text-2: #B6C2D3;
  --r26-text-3: #8FA0B6;
  --r26-line: rgba(147,197,253,.34);
  --r26-line-2: rgba(147,197,253,.22);
  --r26-ctl-line: rgba(255,255,255,.2);
  --r26-blue-wash: rgba(37,99,235,.2);
  --r26-you-text: #93C5FD;
  --r26-acc-wash: rgba(245,166,35,.14);
  --r26-them-text: #F5B544;
  --r26-red: #FDA29B;
  --r26-red-line: rgba(240,68,56,.45);
  --r26-red-wash: rgba(240,68,56,.14);
  --r26-rec: #F97066;
  --r26-chip-ink-bg: #F8FAFC;
  --r26-chip-ink-text: #0C1A2B;
  --r26-chip-ink-sub: #475569;
  --r26-shadow-card: 0 30px 60px -40px rgba(0,0,0,.85);
  --r26-shadow-pop: 0 30px 60px -24px rgba(0,0,0,.75);
  --r26-ring: rgba(147,197,253,.25);
  --r26-stage-bg:
    radial-gradient(1000px 480px at 15% -10%, rgba(37,99,235,.22), transparent 62%),
    radial-gradient(760px 420px at 100% 108%, rgba(245,166,35,.07), transparent 60%),
    #0C1A2B;
}


:root body {
  --primary: #2563EB; --primary-dark: #1D4FD7; --primary-hover: #1D4FD7;
  --primary-gradient: linear-gradient(180deg, #2563EB, #1D4FD7);
  --cta: #2563EB; --cta-dark: #1D4FD7; --cta-gradient: linear-gradient(180deg, #2563EB, #1D4FD7);
  --bg-primary: var(--r26-stage); --bg-secondary: var(--r26-stage);
  --surface-primary: var(--r26-card); --surface-secondary: var(--r26-card-2); --surface-hover: var(--r26-hover);
  --text-primary: var(--r26-text); --text-secondary: var(--r26-text-2); --text-tertiary: var(--r26-text-3);
  --bg: var(--r26-stage); --surface-1: var(--r26-card); --surface-2: var(--r26-card-2);
  --border: var(--r26-line); --text-1: var(--r26-text); --text-2: var(--r26-text-2); --text-3: var(--r26-text-3);
  --border-primary: var(--r26-line); --border-secondary: var(--r26-line-2);
  --primary-text: var(--r26-you-text);
  --btn-radius: 999px;
  --btn-neutral-bg: var(--r26-card); --btn-neutral-border: var(--r26-ctl-line); --btn-neutral-hover: var(--r26-hover); --btn-neutral-color: var(--r26-text);
}


:root body {
  font-family: var(--r26-font);
  color: var(--r26-text);
  background: var(--r26-stage);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
:root body :is(button, input, select, textarea) { font-family: inherit; }
:root body.room-arabic, :root body.room-arabic :is(button, input, select, textarea),
:root html[lang|="ar"] body { font-family: 'Cairo', 'Noto Sans Arabic', var(--r26-font); }
:root body.room-arabic { --r26-font-msg: 'Cairo', 'Noto Sans Arabic', 'Inter', 'Noto Sans', system-ui, sans-serif; }
:root body :focus-visible { outline: 2.5px solid var(--r26-blue); outline-offset: 2px; box-shadow: none; }
:root body.dark-mode :focus-visible { outline-color: #F8FAFC; }
.lv26-ic { display: block; flex: none; }


:root .app-header {
  height: 64px; min-height: 64px; padding: 0 24px; gap: 14px;
  background: var(--r26-card) !important; border-bottom: 1px solid var(--r26-line) !important; box-shadow: none !important;
  border-top: 0 !important;
}
:root .app-header .header-left { gap: 16px; min-width: 0; }
:root .app-header .logo { gap: 9px; text-decoration: none; }
:root .app-header .logo-icon svg { width: 30px; height: 30px; }
:root .app-header .logo-text { font-family: var(--r26-font-display); font-weight: 620; font-size: 20px; letter-spacing: -0.02em; color: var(--r26-text) !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
:root .app-header .logo-text sup { font-size: 9px; top: -0.55em; }


:root .app-header .room-info {
  display: inline-flex; align-items: center; gap: 2px; height: 40px; padding: 0 4px 0 15px;
  border-radius: 999px; background: var(--r26-chip-ink-bg) !important; border: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px -12px rgba(12,26,43,.7) !important;
}
:root .app-header .room-badge { font: 500 13px/1 var(--r26-font) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--r26-chip-ink-sub) !important; margin-right: 8px; white-space: nowrap; background: none !important; padding: 0 !important; border: 0 !important; }
:root .app-header .room-name { font: 600 15px/1 var(--r26-font-mono) !important; letter-spacing: .1em !important; color: var(--r26-chip-ink-text) !important; background: none !important; border: 0 !important; padding: 0 4px 0 0 !important; box-shadow: none !important; }
:root .app-header .room-info .btn-icon-small { width: 32px; height: 32px; min-width: 32px; padding: 0; border-radius: 999px; border: 0 !important; background: transparent !important; color: var(--r26-chip-ink-sub) !important; display: inline-flex; align-items: center; justify-content: center; box-shadow: none !important; }
:root .app-header .room-info .btn-icon-small:hover { background: rgba(255,255,255,.12) !important; color: var(--r26-chip-ink-text) !important; }
:root body.dark-mode .app-header .room-info .btn-icon-small:hover { background: rgba(12,26,43,.08) !important; }
:root .app-header .room-info .btn-icon-small svg { width: 17px; height: 17px; }


:root .app-header .header-center { flex: 1 1 auto; min-width: 0; display: flex; justify-content: flex-start; overflow: hidden; }
:root .app-header .stats-bar {
  min-width: 0 !important; flex-wrap: nowrap;
  background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; height: auto; gap: 0; min-width: 0;
}
:root .app-header .stat-divider { width: 1px; height: 20px; background: var(--r26-line) !important; margin: 0 !important; opacity: 1; }
:root .app-header .stat-item { display: inline-flex; flex-direction: row; align-items: center; gap: 7px; padding: 0 14px; white-space: nowrap; background: none !important; border: 0 !important; }
:root .app-header .stat-value { font: 600 14.5px/1 var(--r26-font) !important; color: var(--r26-text) !important; font-variant-numeric: tabular-nums; letter-spacing: 0; }
:root .app-header #sessionDuration { font-family: var(--r26-font-mono) !important; font-weight: 500 !important; }
:root .app-header .stat-label { font: 600 11px/1 var(--r26-font) !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--r26-text-3) !important; opacity: 1 !important; }
:root .app-header .stat-item:has(#participantCount)::before,
:root .app-header .stat-item:has(#sessionDuration)::before,
:root .app-header #remainingTimeStat::before {
  content: ""; width: 17px; height: 17px; flex: none; background: var(--r26-text-3);
  -webkit-mask: var(--r26-ic) center / contain no-repeat; mask: var(--r26-ic) center / contain no-repeat;
}
:root .app-header .stat-item:has(#participantCount) { --r26-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }
:root .app-header .stat-item:has(#sessionDuration) { --r26-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E"); }
:root .app-header #remainingTimeStat { --r26-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='10' x2='14' y1='2' y2='2'/%3E%3Cline x1='12' x2='15' y1='14' y2='11'/%3E%3Ccircle cx='12' cy='14' r='8'/%3E%3C/svg%3E"); }

:root .app-header #minutesRemaining { color: var(--r26-text) !important; }
:root .app-header #remainingTimeStat:is(.timer-amber, .timer-orange) #minutesRemaining { color: var(--r26-them-text) !important; }
:root .app-header #remainingTimeStat.timer-red #minutesRemaining { color: var(--r26-red) !important; animation: lv26-low 1.2s ease-in-out infinite; }
@keyframes lv26-low { 50% { opacity: .5; } }
@media (prefers-reduced-motion: reduce) { :root .app-header #remainingTimeStat.timer-red #minutesRemaining { animation: none; } }


:root .app-header .stats-bar .stat-item:has(.language-indicator) { padding-right: 0; }
:root .app-header .stats-bar .stat-item:has(.language-indicator) ~ .stat-divider,
:root .app-header .stats-bar .stat-divider:has(+ .stat-item .language-indicator) { display: none !important; }
:root .app-header .language-indicator {
  display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px 0 12px; margin-left: 4px;
  border-radius: 999px; border: 1px solid var(--r26-line) !important; background: var(--r26-card) !important; box-shadow: none !important;
  font: 600 14px/1 var(--r26-font); color: var(--r26-text) !important; white-space: nowrap;
}
:root .app-header .language-indicator:hover { border-color: #94A3B8 !important; }
:root .app-header .language-indicator .flag { display: none !important; }
:root .app-header .language-indicator::before {
  content: ""; width: 18px; height: 18px; flex: none; background: var(--r26-blue);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 6 6'/%3E%3Cpath d='m4 14 6-6 2-3'/%3E%3Cpath d='M2 5h12'/%3E%3Cpath d='M7 2h1'/%3E%3Cpath d='m22 22-5-10-5 10'/%3E%3Cpath d='M14 18h6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 6 6'/%3E%3Cpath d='m4 14 6-6 2-3'/%3E%3Cpath d='M2 5h12'/%3E%3Cpath d='M7 2h1'/%3E%3Cpath d='m22 22-5-10-5 10'/%3E%3Cpath d='M14 18h6'/%3E%3C/svg%3E") center / contain no-repeat;
}
:root body.dark-mode .app-header .language-indicator::before { background: #93C5FD; }
:root .app-header .language-indicator::after {
  content: ""; width: 14px; height: 14px; flex: none; background: var(--r26-text-3);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}
:root .app-header .language-indicator .language-name { font: 600 14px/1 var(--r26-font) !important; color: var(--r26-text) !important; }


:root .app-header .header-actions { gap: 6px; }
:root .app-header .header-actions .btn-icon {
  width: 40px; height: 40px; min-width: 40px; padding: 0; border-radius: 999px !important;
  background: transparent !important; border: 0 !important; color: #334155 !important; box-shadow: none !important;
  display: inline-flex; align-items: center; justify-content: center;
}
:root body.dark-mode .app-header .header-actions .btn-icon { color: var(--r26-text-2) !important; }
:root .app-header .header-actions .btn-icon:hover { background: var(--r26-hover) !important; color: var(--r26-text) !important; }
:root .app-header .header-actions .btn-icon.active,
:root .app-header #ttsToggle.tts-active, :root .app-header #ttsToggle[aria-pressed="true"] { background: var(--r26-blue-wash) !important; color: var(--r26-blue) !important; }
:root body.dark-mode .app-header .header-actions .btn-icon.active { color: #93C5FD !important; }
:root .app-header #recordBtn { color: var(--r26-rec) !important; }
:root .app-header #recordBtn.recording, :root .app-header #recordBtn.active { background: var(--r26-red-wash) !important; }
:root .app-header .btn-leave {
  height: 40px; padding: 0 16px 0 13px; margin-left: 4px; gap: 8px; border-radius: 999px !important;
  border: 1px solid var(--r26-red-line) !important; background: var(--r26-card) !important; color: var(--r26-red) !important;
  font: 600 14px/1 var(--r26-font) !important; box-shadow: none !important; white-space: nowrap;
}
:root .app-header .btn-leave:hover { background: var(--r26-red-wash) !important; border-color: var(--r26-red) !important; }
:root .app-header .btn-leave svg { width: 18px; height: 18px; }


:root .app-header .overflow-menu {
  width: 292px; padding: 8px; border-radius: 18px; background: var(--r26-card) !important; border: 1px solid var(--r26-line) !important;
  box-shadow: var(--r26-shadow-pop) !important; top: calc(100% + 10px);
}
:root .app-header .overflow-menu .overflow-item {
  min-height: 42px; padding: 0 12px; gap: 12px; border-radius: 12px; border: 0; background: transparent !important;
  color: var(--r26-text) !important; font: 500 14.5px/1.2 var(--r26-font) !important; text-align: start;
}
:root .app-header .overflow-menu .overflow-item:hover { background: var(--r26-hover) !important; }
:root .app-header .overflow-menu .overflow-item svg { width: 18px; height: 18px; color: var(--r26-text-2); flex: none; }
:root .app-header .overflow-menu .overflow-style-group { flex-direction: column; align-items: stretch !important; gap: 8px; padding: 8px 6px !important; border-top: 1px solid var(--r26-line-2); border-bottom: 1px solid var(--r26-line-2); border-radius: 0; margin: 6px 0; }
:root .app-header .overflow-menu .overflow-style-group:hover { background: transparent !important; }
:root .app-header .overflow-style-label { font: 600 12px/1 var(--r26-font) !important; color: var(--r26-text-2) !important; padding: 0 6px; text-transform: none !important; letter-spacing: 0 !important; }
:root .app-header .style-pills { display: flex; gap: 4px; padding: 4px; background: var(--r26-stage) !important; border-radius: 999px; border: 0 !important; width: 100%; }
:root .app-header .style-pill { flex: 1 1 0; min-width: 0; height: 34px; border: 0 !important; border-radius: 999px !important; background: transparent !important; color: var(--r26-text-2) !important; font: 600 13.5px/1 var(--r26-font) !important; box-shadow: none !important; padding: 0 6px; }
:root .app-header .style-pill.active { background: var(--r26-card) !important; color: var(--r26-text) !important; box-shadow: 0 1px 2px rgba(12,26,43,.08), 0 4px 10px -6px rgba(12,26,43,.28) !important; }
:root body.dark-mode .app-header .style-pills { background: var(--r26-page) !important; }
:root body.dark-mode .app-header .style-pill.active { background: var(--r26-hover) !important; }


:root .app-container { background: var(--r26-stage-bg) !important; border-top: 0 !important; }
:root .main-content {
  background: transparent !important; gap: 20px; padding: 20px 24px 24px;
}
:root .chat-section {
  background: var(--r26-card) !important; border: 1px solid var(--r26-line) !important; border-radius: 24px !important;
  box-shadow: var(--r26-shadow-card) !important; overflow: hidden; min-width: 0; display: flex; flex-direction: column;
}
:root .intelligence-panel {
  background: var(--r26-card) !important; border: 1px solid var(--r26-line) !important; border-radius: 24px !important;
  box-shadow: var(--r26-shadow-card) !important; overflow: hidden;
}


:root .chat-section > .participants-bar {
  background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--r26-line-2) !important; box-shadow: none !important;
  padding: 12px 16px !important; margin: 0 !important; gap: 10px; min-height: 0; flex: none;
}
:root .participants-scroll { gap: 10px; }
:root .participant-card {
  display: inline-flex; align-items: center; gap: 10px; padding: 5px 16px 5px 5px !important; border-radius: 999px !important;
  background: var(--r26-card-2) !important; border: 1px solid var(--r26-line-2) !important; box-shadow: none !important; min-width: 0;
}
:root .participant-avatar {
  width: 34px !important; height: 34px !important; min-width: 34px; border-radius: 999px !important; font: 650 12.5px/1 var(--r26-font-display) !important;
  background: linear-gradient(160deg, #FCD34D, #F5A623 60%, #E08E0B) !important; color: var(--r26-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35) !important; border: 0 !important;
}
:root .participant-card:first-child .participant-avatar { background: linear-gradient(160deg, #2F6FEF, #2563EB 50%, #1D4FD7) !important; color: #fff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.3) !important; }
:root .participant-name { font: 600 14px/1.2 var(--r26-font) !important; color: var(--r26-text) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 220px; }
:root .participant-language { font: 500 12.5px/1.2 var(--r26-font) !important; color: var(--r26-them-text) !important; }
:root .participant-card:first-child .participant-language { color: var(--r26-you-text) !important; }
:root .btn-add-participant {
  margin-left: auto; height: 40px; padding: 0 16px 0 13px !important; gap: 8px; border-radius: 999px !important;
  border: 1px solid var(--r26-line) !important; background: var(--r26-card) !important; color: var(--r26-text) !important;
  font: 600 14px/1 var(--r26-font) !important; box-shadow: none !important; white-space: nowrap; flex: none;
}
:root .btn-add-participant:hover { border-color: var(--r26-text) !important; }
:root .btn-add-participant svg { width: 18px; height: 18px; color: var(--r26-blue); }


:root .messages-container { background: transparent !important; padding: 22px 24px 12px !important; gap: 20px; }
:root .message { max-width: min(620px, 74%); background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 18px !important; }
:root .message.own { margin-left: auto !important; }
:root .message-header { display: flex; align-items: baseline; gap: 8px; margin: 0 4px 6px !important; padding: 0 !important; }
:root .message.own .message-header { flex-direction: row-reverse; justify-content: flex-start; }
:root .message-sender { font: 650 13px/1.2 var(--r26-font) !important; color: var(--r26-them-text) !important; }
:root .message.own .message-sender { color: var(--r26-you-text) !important; }
:root .message-time { font: 500 12px/1 var(--r26-font-mono) !important; color: var(--r26-text-3) !important; opacity: 1 !important; }
:root .message-bubble {
  padding: 12px 16px !important; border-radius: 6px 20px 20px 20px !important; background: var(--r26-card) !important; color: var(--r26-text) !important;
  border: 1px solid var(--r26-line) !important;
  box-shadow: inset 3px 0 0 var(--r26-acc), 0 1px 2px rgba(12,26,43,.04), 0 10px 22px -16px rgba(12,26,43,.28) !important;
  padding-left: 18px !important;
}
:root body.dark-mode .message-bubble { background: var(--r26-card-2) !important; box-shadow: inset 3px 0 0 var(--r26-acc), 0 18px 30px -24px rgba(0,0,0,.8) !important; }
:root .message.own .message-bubble {
  background: var(--r26-blue) !important; color: #fff !important; border: 0 !important; border-radius: 20px 6px 20px 20px !important; padding-left: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 12px 24px -14px rgba(37,99,235,.7) !important;
}
:root .message-text { font: 400 16px/1.5 var(--r26-font-msg) !important; color: inherit !important; overflow-wrap: anywhere; }
:root .original-text {
  margin-top: 10px !important; padding: 10px 0 0 !important; border-top: 1px dashed var(--r26-line) !important; background: none !important;
  border-radius: 0 !important; font-style: normal !important; color: var(--r26-text-2) !important; font: 400 16px/1.6 var(--r26-font-msg) !important;
}
:root .lv26-orig-lbl { display: block; font: 600 11.5px/1.3 var(--r26-font); color: var(--r26-text-2); margin-bottom: 2px; }
:root .lv26-orig-txt { display: block; font: 400 16px/1.7 var(--r26-font-msg); color: var(--r26-text-2); unicode-bidi: plaintext; text-align: start; }
:root .show-original-btn {
  margin-top: 10px !important; display: inline-flex !important; align-items: center; gap: 6px; height: 30px; padding: 0 12px 0 10px !important;
  border-radius: 999px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card-2) !important; color: var(--r26-text-2) !important;
  font: 600 12.5px/1 var(--r26-font) !important; box-shadow: none !important;
}
:root .show-original-btn:hover { color: var(--r26-text) !important; border-color: #94A3B8 !important; }
:root .show-original-btn svg { width: 15px; height: 15px; }
:root .message.own .show-original-btn { background: rgba(255,255,255,.14) !important; border-color: rgba(255,255,255,.35) !important; color: #fff !important; }
:root .message.own .original-text, :root .message.own .lv26-orig-lbl, :root .message.own .lv26-orig-txt { color: rgba(255,255,255,.88) !important; border-color: rgba(255,255,255,.3) !important; }
:root .message.system, :root .history-divider { color: var(--r26-text-3) !important; font: 500 13px/1.4 var(--r26-font) !important; background: none !important; }
:root .reply-quote { border-left: 3px solid var(--r26-acc) !important; background: var(--r26-card-2) !important; border-radius: 8px !important; }
:root .message.own .reply-quote { border-left-color: rgba(255,255,255,.7) !important; background: rgba(255,255,255,.12) !important; }
:root .reaction-bar { background: var(--r26-card) !important; border: 1px solid var(--r26-line) !important; border-radius: 999px !important; box-shadow: var(--r26-shadow-pop) !important; }
:root .reaction-bar .reply-btn { display: inline-flex; align-items: center; justify-content: center; color: var(--r26-text-2); }
:root .typing-indicator { color: var(--r26-text-3) !important; font: 500 13px/1.3 var(--r26-font) !important; background: none !important; }


:root .input-container {
  display: flex !important; align-items: center; gap: 10px; padding: 14px 16px 16px !important;
  border-top: 1px solid var(--r26-line-2) !important; background: transparent !important; box-shadow: none !important; flex: none;
}
:root .input-wrapper-modern {
  flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 2px; min-height: 52px; height: auto; padding: 0 6px !important;
  border-radius: 26px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card-2) !important; box-shadow: none !important;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
:root .input-wrapper-modern:focus-within { border-color: var(--r26-blue) !important; background: var(--r26-card) !important; box-shadow: 0 0 0 4px var(--r26-ring) !important; }
:root .input-actions-left, :root .input-actions-right { gap: 2px; align-items: center; display: flex; }
:root .btn-input-util, :root .input-wrapper-modern .btn-voice {
  width: 40px !important; height: 40px !important; min-width: 40px; padding: 0 !important; border-radius: 999px !important; border: 0 !important;
  background: transparent !important; color: #334155 !important; box-shadow: none !important; display: inline-flex; align-items: center; justify-content: center;
}
:root body.dark-mode .btn-input-util, :root body.dark-mode .input-wrapper-modern .btn-voice { color: var(--r26-text-2) !important; }
:root .btn-input-util:hover, :root .input-wrapper-modern .btn-voice:hover { background: var(--r26-hover) !important; color: var(--r26-text) !important; }
:root .input-wrapper-modern .btn-voice { color: var(--r26-blue) !important; }
:root body.dark-mode .input-wrapper-modern .btn-voice { color: #93C5FD !important; }
:root .input-wrapper-modern .btn-voice.recording { background: var(--r26-red-wash) !important; color: var(--r26-rec) !important; }
:root .input-wrapper-modern .btn-send {
  width: 40px !important; height: 40px !important; min-width: 40px; border-radius: 999px !important; border: 0 !important;
  background: var(--r26-blue) !important; color: #fff !important; box-shadow: none !important; padding: 0 !important;
}
:root .message-input {
  flex: 1 1 auto; min-width: 0; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important;
  padding: 14px 8px !important; font: 400 15.5px/1.4 var(--r26-font-msg) !important; color: var(--r26-text) !important; resize: none;
}
:root .message-input::placeholder { color: var(--r26-text-3) !important; opacity: 1; }
:root .recording-timer { font: 500 13px/1 var(--r26-font-mono) !important; color: var(--r26-rec) !important; }


:root .input-container > #interpretBtn.lv26-talk,
:root .input-container > #lingoVideoBtn {
  height: 52px !important; min-height: 52px; width: auto !important; min-width: 0 !important; padding: 0 20px 0 16px !important; gap: 10px;
  border: 0 !important; border-radius: 999px !important; display: inline-flex !important; align-items: center; justify-content: center;
  font: 600 15px/1 var(--r26-font) !important; white-space: nowrap; flex: none; transform: none !important; opacity: 1 !important;
}
:root .input-container > #interpretBtn.lv26-talk {
  background: var(--r26-blue) !important; color: #fff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px -10px rgba(37,99,235,.65) !important;
}
:root .input-container > #interpretBtn.lv26-talk:hover { background: var(--r26-blue-deep) !important; }
:root .input-container > #interpretBtn.lv26-talk.active { background: var(--r26-ink) !important; color: #fff !important; box-shadow: 0 0 0 3px rgba(245,166,35,.6) !important; }
:root body.dark-mode .input-container > #interpretBtn.lv26-talk.active { background: #24395A !important; }
:root .input-container > #lingoVideoBtn { background: var(--r26-ink) !important; color: #fff !important; padding: 0 18px 0 16px !important; box-shadow: none !important; }
:root body.dark-mode .input-container > #lingoVideoBtn { background: #F8FAFC !important; color: var(--r26-ink) !important; }
:root .input-container > #lingoVideoBtn:hover { background: #1B2D44 !important; }
:root body.dark-mode .input-container > #lingoVideoBtn:hover { background: #FFFFFF !important; }
:root .input-container > #lingoVideoBtn.in-call { background: #B42318 !important; color: #fff !important; }
:root .input-container > #lingoVideoBtn svg, :root .input-container > #interpretBtn.lv26-talk svg { width: 20px; height: 20px; }


:root .intelligence-panel .panel-tabs {
  display: flex; gap: 4px; padding: 4px !important; margin: 14px 14px 0 !important; background: var(--r26-stage) !important; border-radius: 999px !important; border: 0 !important;
}
:root body.dark-mode .intelligence-panel .panel-tabs { background: var(--r26-page) !important; }
:root .intelligence-panel .panel-tab {
  flex: 1 1 0; height: 38px !important; padding: 0 10px !important; border: 0 !important; border-radius: 999px !important; background: transparent !important;
  color: var(--r26-text-2) !important; font: 600 14px/1 var(--r26-font) !important; box-shadow: none !important; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
}
:root .intelligence-panel .panel-tab.active { background: var(--r26-card) !important; color: var(--r26-text) !important; box-shadow: 0 1px 2px rgba(12,26,43,.08), 0 4px 10px -6px rgba(12,26,43,.28) !important; }
:root body.dark-mode .intelligence-panel .panel-tab.active { background: var(--r26-hover) !important; box-shadow: none !important; }
:root .intelligence-panel .panel-tab.active .tab-icon { color: var(--r26-blue); }
:root body.dark-mode .intelligence-panel .panel-tab.active .tab-icon { color: #93C5FD; }
:root .intelligence-panel .tab-badge { background: var(--r26-blue) !important; }
:root .ai-card { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 14px !important; display: flex; flex-direction: column; gap: 12px; height: 100%; }
:root .ai-card .ai-header { display: none !important; }
:root .ai-chat-container { gap: 12px; flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
:root .ai-chat-messages {
  flex: 1 1 auto; min-height: 120px; border-radius: 18px !important; border: 1px solid var(--r26-line-2) !important;
  background: radial-gradient(280px 170px at 50% 0%, rgba(37,99,235,.10), transparent 70%), var(--r26-card-2) !important; padding: 14px !important;
}
:root .lv26-ai-empty { height: 100%; min-height: 110px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; color: var(--r26-text); font: 650 17px/1.3 var(--r26-font-display); letter-spacing: -0.01em; padding: 12px; }
:root .lv26-ai-empty-ic { width: 48px; height: 48px; border-radius: 999px; display: grid; place-items: center; background: var(--r26-blue-wash); color: var(--r26-blue); }
:root body.dark-mode .lv26-ai-empty-ic { color: #93C5FD; }
:root .ai-quick-buttons { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 !important; }
:root:root .btn-ai-quick {
  height: 40px; border-radius: 999px !important; font: 600 14px/1 var(--r26-font) !important; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  background: var(--r26-card) !important; color: var(--r26-text) !important; border: 1.5px solid var(--r26-ctl-line) !important; box-shadow: none !important; padding: 0 12px !important;
}
:root .btn-ai-quick:first-child { background: var(--r26-blue) !important; color: #fff !important; border-color: var(--r26-blue) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px -10px rgba(37,99,235,.65) !important; }
:root:root .btn-ai-quick:hover { border-color: var(--r26-text) !important; }
:root .btn-ai-quick:first-child:hover { background: var(--r26-blue-deep) !important; border-color: var(--r26-blue-deep) !important; }
:root .ai-input-row { display: flex; gap: 8px; align-items: center; margin: 0 !important; }
:root #aiChatInput {
  flex: 1 1 auto; min-width: 0; height: 44px; border-radius: 999px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card-2) !important;
  padding: 0 16px !important; font: 400 14.5px/1 var(--r26-font) !important; color: var(--r26-text) !important; box-shadow: none !important;
}
:root #aiChatInput:focus { border-color: var(--r26-blue) !important; box-shadow: 0 0 0 4px var(--r26-ring) !important; outline: 0; }
:root #aiChatSend { width: 44px !important; height: 44px !important; min-width: 44px; border-radius: 999px !important; background: var(--r26-ink) !important; color: #fff !important; border: 0 !important; box-shadow: none !important; }
:root body.dark-mode #aiChatSend { background: #F8FAFC !important; color: var(--r26-ink) !important; }
:root .ai-footer { margin: 0 !important; text-align: start !important; opacity: 1 !important; }
:root #aiStatus { font: 500 12.5px/1 var(--r26-font) !important; color: var(--r26-text-3) !important; display: inline-flex; align-items: center; gap: 8px; }
:root #aiStatus::before { content: ""; width: 7px; height: 7px; border-radius: 999px; background: var(--r26-blue); box-shadow: 0 0 0 3px var(--r26-ring); }

:root #visualPanel { padding: 14px; gap: 12px; }
:root .note-input-area { display: flex; gap: 8px; align-items: flex-end; }
:root #noteInput { border-radius: 16px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card-2) !important; color: var(--r26-text) !important; font: 400 14.5px/1.4 var(--r26-font) !important; padding: 10px 14px !important; }
:root .btn-add-note { height: 40px; padding: 0 18px !important; border-radius: 999px !important; background: var(--r26-ink) !important; color: #fff !important; border: 0 !important; font: 600 14px/1 var(--r26-font) !important; }
:root body.dark-mode .btn-add-note { background: #F8FAFC !important; color: var(--r26-ink) !important; }
:root #visualPanel > div:last-child > button {
  height: 40px; border-radius: 999px !important; background: var(--r26-card) !important; border: 1.5px solid var(--r26-ctl-line) !important;
  color: var(--r26-text) !important; font: 600 13.5px/1 var(--r26-font) !important;
}
:root #visualPanel > div:last-child { border-top-color: var(--r26-line-2) !important; }


:root .lv-room-empty-code { font-family: var(--r26-font-mono) !important; background: var(--r26-chip-ink-bg) !important; color: var(--r26-chip-ink-text) !important; border-radius: 16px !important; letter-spacing: .14em !important; }
:root .lv-room-empty-title { font: 650 18px/1.3 var(--r26-font-display) !important; color: var(--r26-text) !important; letter-spacing: -0.01em; }
:root .lv-room-empty-sub { color: var(--r26-text-2) !important; font: 400 14.5px/1.55 var(--r26-font) !important; }
:root .lv-room-empty-btn { height: 44px; padding: 0 20px !important; border-radius: 999px !important; font: 600 14.5px/1 var(--r26-font) !important; }
:root .lv-room-empty-btn.primary { background: var(--r26-blue) !important; color: #fff !important; border: 0 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px -10px rgba(37,99,235,.65) !important; }
:root .lv-room-empty-btn.ghost { background: var(--r26-card) !important; color: var(--r26-text) !important; border: 1.5px solid var(--r26-ctl-line) !important; }


:root body { --lv-rail: linear-gradient(transparent, transparent); }


.lv26-joinbar { display: none; }
:root body.lv26-join .lv26-joinbar {
  display: flex; position: fixed; top: 0; left: 0; right: 0; z-index: 1001; height: 64px; align-items: center; gap: 14px; padding: 0 24px;
  background: var(--r26-card); border-bottom: 1px solid var(--r26-line);
}
.lv26-joinbar .logo { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; flex: none; }
.lv26-joinbar .logo-icon svg { width: 30px; height: 30px; display: block; }
.lv26-joinbar .logo-text { font-family: var(--r26-font-display); font-weight: 620; font-size: 20px; letter-spacing: -0.02em; color: var(--r26-text); white-space: nowrap; }
.lv26-joinbar .logo-text sup { font-size: 9px; font-weight: 600; position: relative; top: -0.55em; vertical-align: top; line-height: 1; margin-left: 1px; }
.lv26-joinbar-end { margin-left: auto; display: flex; align-items: center; gap: 10px; min-width: 0; }
:root .lv26-joinbar .user-bar {
  display: flex !important; align-items: center; gap: 12px; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; flex-wrap: nowrap !important;
}
:root .lv26-joinbar .user-bar-info { display: flex; align-items: center; gap: 12px; min-width: 0; flex-direction: row !important; }
:root .lv26-joinbar .user-bar-info > span { font: 500 14px/1.2 var(--r26-font) !important; color: var(--r26-text-2) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:root .lv26-joinbar .user-bar-info > span strong { color: var(--r26-text); font-weight: 600; }
:root .lv26-joinbar .user-bar-balance {
  display: inline-flex !important; align-items: center; gap: 6px; height: 36px; padding: 0 14px !important; border-radius: 999px !important;
  background: var(--r26-card-2) !important; border: 1px solid var(--r26-line) !important; color: var(--r26-text-2) !important; box-shadow: none !important;
  font: 500 14px/1 var(--r26-font) !important; white-space: nowrap; cursor: pointer;
}
:root .lv26-joinbar .user-bar-balance #userBarBalance { color: var(--r26-text); font-weight: 600; }
:root .lv26-joinbar .user-bar-balance svg { width: 16px; height: 16px; color: var(--r26-text-3); }
:root .lv26-joinbar .user-bar-balance .topup-link { margin-left: 6px; color: var(--r26-blue) !important; font-weight: 600; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
:root body.dark-mode .lv26-joinbar .user-bar-balance .topup-link { color: #93C5FD !important; }
:root .lv26-joinbar .btn-account-icon {
  width: 40px !important; height: 40px !important; border-radius: 999px !important; background: var(--r26-ink) !important; color: #fff !important; border: 0 !important; box-shadow: none !important;
  display: inline-flex; align-items: center; justify-content: center;
}
:root body.dark-mode .lv26-joinbar .btn-account-icon { background: #F8FAFC !important; color: var(--r26-ink) !important; }
:root .lv26-joinbar .account-menu {
  top: calc(100% + 10px) !important; right: 0 !important; left: auto !important; min-width: 250px; padding: 8px !important; border-radius: 18px !important;
  background: var(--r26-card) !important; border: 1px solid var(--r26-line) !important; box-shadow: var(--r26-shadow-pop) !important;
}
:root .account-menu-item { min-height: 42px; border-radius: 12px !important; padding: 0 12px !important; gap: 12px; font: 500 14.5px/1.2 var(--r26-font) !important; color: var(--r26-text) !important; background: transparent !important; }
:root .account-menu-item:hover { background: var(--r26-hover) !important; }
:root .account-menu-item.account-menu-delete { color: var(--r26-red) !important; }
:root .account-menu-section-title { font: 600 12px/1 var(--r26-font) !important; color: var(--r26-text-2) !important; letter-spacing: 0 !important; text-transform: none !important; padding: 8px 12px !important; }
:root .account-menu-divider { background: var(--r26-line-2) !important; }

:root body.lv26-join .room-setup-overlay { display: block !important; background: var(--r26-stage-bg) !important; }
:root body.lv26-join #roomSetup.room-setup {
  position: fixed !important; top: 88px !important; left: 50% !important; transform: translateX(-50%) !important; animation: none !important;
  width: min(1060px, calc(100vw - 48px)) !important; max-width: none !important; max-height: calc(100dvh - 112px) !important; overflow-y: auto !important; overflow-x: hidden !important;
  padding: 32px 40px 36px !important; border-radius: 28px !important; background: var(--r26-card) !important; border: 1px solid var(--r26-line) !important;
  box-shadow: 0 1px 2px rgba(12,26,43,.04), 0 40px 80px -50px rgba(12,26,43,.42) !important;
}
:root body.dark-mode.lv26-join #roomSetup.room-setup { box-shadow: 0 40px 90px -50px rgba(0,0,0,.9) !important; }
:root #roomSetup .setup-header { display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: 14px; margin: 0 0 6px !important; text-align: start !important; flex-wrap: wrap; }
:root #roomSetup .setup-header h2 { font: 750 clamp(28px, 2.6vw, 38px)/1.08 var(--r26-font-display) !important; letter-spacing: -0.035em !important; color: var(--r26-text) !important; margin: 0 auto 0 0 !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
:root #roomSetup .connection-status {
  margin: 0 !important; display: inline-flex !important; align-items: center; gap: 8px; height: 30px; padding: 0 12px !important; border-radius: 999px !important;
  background: var(--r26-blue-wash) !important; color: var(--r26-you-text) !important; border: 0 !important; font: 600 12.5px/1 var(--r26-font) !important;
}
:root #roomSetup .connection-status .status-dot { width: 7px; height: 7px; border-radius: 999px; background: var(--r26-blue) !important; box-shadow: 0 0 0 3px var(--r26-ring); }
:root #roomSetup .connection-status.disconnected { background: var(--r26-card-2) !important; color: var(--r26-text-2) !important; }
:root #roomSetup .connection-status.disconnected .status-dot { background: var(--r26-text-3) !important; }


:root #roomSetup .language-selector { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.06fr); grid-template-rows: auto auto 1fr auto; column-gap: 40px; row-gap: 16px; margin-top: 18px; }
:root #roomSetup .language-selector > .form-group { grid-column: 1; grid-row: 1; margin: 0 !important; }
:root #roomSetup .language-selector > .room-code-row { grid-column: 1; grid-row: 2; margin: 0 !important; }
:root #roomSetup .language-selector > .language-grid { grid-column: 2; grid-row: 1 / span 2; align-self: start; }
:root #roomSetup .language-selector > div:not([class]) { grid-column: 2; grid-row: 3; margin-top: 0 !important; align-self: start; }
:root #roomSetup .language-selector > .hear-strip { grid-column: 2; grid-row: 4; align-self: end; }
:root #roomSetup .language-selector > #joinBtn { grid-column: 1; grid-row: 4; align-self: end; margin: 0 !important; }
:root #roomSetup .language-selector::before { content: ""; grid-column: 2; grid-row: 1 / span 4; margin-left: -20px; border-left: 1px solid var(--r26-line-2); pointer-events: none; }
:root #roomSetup .language-selector > * { position: relative; z-index: 1; }
:root #roomSetup label, :root #roomSetup .form-group > label { font: 600 14px/1.2 var(--r26-font) !important; color: var(--r26-text) !important; margin-bottom: 8px !important; text-transform: none !important; letter-spacing: 0 !important; }
:root #roomSetup .form-control, :root #authScreen .form-control {
  height: 52px !important; border-radius: 16px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card-2) !important; color: var(--r26-text) !important;
  font: 400 16px/1 var(--r26-font) !important; padding: 0 16px !important; box-shadow: none !important;
}
:root #roomSetup .form-control::placeholder, :root #authScreen .form-control::placeholder { color: var(--r26-text-3) !important; opacity: 1; }
:root #roomSetup .form-control:focus, :root #authScreen .form-control:focus { border-color: var(--r26-blue) !important; background: var(--r26-card) !important; box-shadow: 0 0 0 4px var(--r26-ring) !important; outline: 0; }
:root #roomSetup #roomCode { font-family: var(--r26-font-mono) !important; font-weight: 600 !important; letter-spacing: .14em !important; text-transform: uppercase; padding-right: 136px !important; }
:root #roomSetup .room-code-row { display: flex; flex-direction: column; gap: 12px; align-items: stretch !important; }
:root #roomSetup .room-code-row .form-group { margin: 0 !important; flex: none; }
:root #roomSetup .input-with-button { position: relative; }
:root #roomSetup .btn-generate {
  position: absolute !important; right: 6px !important; top: 6px !important; bottom: auto !important; height: 40px !important; width: auto !important; padding: 0 16px !important;
  border-radius: 999px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card) !important; color: var(--r26-text) !important;
  font: 600 14px/1 var(--r26-font) !important; box-shadow: none !important; display: inline-flex; align-items: center; gap: 7px;
}
:root #roomSetup .btn-generate:hover { border-color: var(--r26-text) !important; }
:root #roomSetup .btn-generate::before {
  content: ""; width: 16px; height: 16px; background: var(--r26-blue);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E") center / contain no-repeat;
}
:root body.dark-mode #roomSetup .btn-generate::before { background: #93C5FD; }
:root #roomSetup .auto-detect-toggle { display: inline-flex !important; align-items: center; gap: 10px; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; height: auto; }
:root #roomSetup .toggle-label { font: 600 14px/1 var(--r26-font) !important; color: var(--r26-text-2) !important; margin: 0 !important; }
:root .toggle-switch { width: 40px !important; height: 24px !important; }
:root .toggle-slider { border-radius: 999px !important; background: #CBD5E1 !important; border: 0 !important; }
:root body.dark-mode .toggle-slider { background: #33475F !important; }
:root .toggle-slider::before { width: 18px !important; height: 18px !important; left: 3px !important; bottom: 3px !important; top: auto !important; background: #fff !important; border-radius: 999px !important; box-shadow: 0 1px 3px rgba(12,26,43,.3) !important; }
:root .toggle-switch input:checked + .toggle-slider { background: var(--r26-blue) !important; }
:root .toggle-switch input:checked + .toggle-slider::before { transform: translateX(16px) !important; }


:root #roomSetup .language-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; margin: 0 !important; }
:root #roomSetup .language-option {
  position: relative; height: 48px !important; min-height: 48px; border-radius: 999px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card) !important;
  color: var(--r26-text) !important; display: flex !important; align-items: center; justify-content: center; padding: 0 12px !important; box-shadow: none !important;
  font: 600 14.5px/1.15 var(--r26-font) !important; transform: none !important; text-align: center;
}
:root #roomSetup .language-option:hover { border-color: #94A3B8 !important; }
:root #roomSetup .language-option.selected, :root #roomSetup .language-option.active {
  background: var(--r26-blue) !important; border-color: var(--r26-blue) !important; color: #fff !important; box-shadow: 0 10px 22px -12px rgba(37,99,235,.75) !important;
}
:root #roomSetup .language-option[data-lang="ar"] { font-family: 'Cairo', 'Noto Sans Arabic', var(--r26-font) !important; font-size: 15.5px !important; }
:root #roomSetup .language-option[data-lang="zh"], :root #roomSetup .language-option[data-lang="ja"] { font-family: 'Noto Sans SC', 'Noto Sans JP', var(--r26-font) !important; }
:root #roomSetup .language-option[data-lang="hi"] { font-family: 'Noto Sans Devanagari', var(--r26-font) !important; }
:root #roomSetup .show-more-btn {
  width: 100%; height: 46px !important; border-radius: 999px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card-2) !important; color: var(--r26-text) !important;
  font: 600 14.5px/1 var(--r26-font) !important; box-shadow: none !important; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
}
:root #roomSetup .show-more-btn:hover { border-color: #94A3B8 !important; background: var(--r26-card) !important; }
:root #roomSetup .all-languages-dropdown { border-radius: 18px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card) !important; box-shadow: var(--r26-shadow-pop) !important; }
:root #roomSetup .type-hint { color: var(--r26-text-3) !important; font: 500 13px/1.4 var(--r26-font) !important; }
:root #roomSetup .hear-strip {
  display: flex !important; align-items: center; justify-content: flex-start !important; gap: 10px; padding: 13px 16px !important; border-radius: 16px !important; margin: 0 !important;
  background: linear-gradient(var(--r26-blue-wash), var(--r26-blue-wash)), var(--r26-card) !important; color: var(--r26-text) !important; border: 0 !important; box-shadow: none !important; font: 500 14.5px/1.4 var(--r26-font) !important; text-align: start !important;
}
:root #roomSetup .hear-strip b, :root #roomSetup .hear-strip strong, :root #roomSetup .hear-strip em, :root #roomSetup .hear-strip span span { color: var(--r26-you-text) !important; font-style: normal; }
:root #roomSetup .hear-dot { width: 8px; height: 8px; border-radius: 999px; background: var(--r26-blue) !important; box-shadow: 0 0 0 3px var(--r26-ring) !important; animation: none !important; flex: none; }
:root #roomSetup #joinBtn {
  width: 100%; height: 56px !important; border-radius: 999px !important; border: 0 !important; font: 600 17px/1 var(--r26-font) !important;
  background: var(--r26-blue) !important; color: #fff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px -10px rgba(37,99,235,.65) !important; opacity: 1 !important;
}
:root #roomSetup #joinBtn:hover { background: var(--r26-blue-deep) !important; }
:root #roomSetup #joinBtn:disabled, :root #roomSetup #joinBtn:not(.ready) { background: #94A3B8 !important; box-shadow: none !important; }
:root #roomSetup #scheduleBtn {
  height: 44px !important; margin-top: 12px !important; padding: 0 18px !important; border-radius: 999px !important; border: 1px solid var(--r26-line) !important;
  background: var(--r26-card) !important; color: var(--r26-text) !important; font: 600 14.5px/1 var(--r26-font) !important; width: auto !important; justify-content: center;
  box-shadow: none !important;
}
:root #roomSetup #scheduleBtn:hover { border-color: var(--r26-text) !important; }
:root #roomSetup #scheduleBtn svg { color: var(--r26-blue); }


:root #authScreen.auth-screen { background: var(--r26-stage-bg) !important; }
:root #authScreen.auth-screen::before { content: none !important; }
:root #authScreen .auth-screen-content {
  width: min(460px, calc(100vw - 32px)) !important; max-width: none !important; padding: 32px 36px 32px !important; border-radius: 28px !important;
  background: var(--r26-card) !important; border: 1px solid var(--r26-line) !important; box-shadow: 0 1px 2px rgba(12,26,43,.04), 0 40px 80px -50px rgba(12,26,43,.42) !important;
}
:root body.dark-mode #authScreen .auth-screen-content { box-shadow: 0 40px 90px -50px rgba(0,0,0,.9) !important; }
:root #authScreen .auth-logo h1 { font: 620 22px/1 var(--r26-font-display) !important; letter-spacing: -0.02em !important; color: var(--r26-text) !important; }
:root #authScreen .auth-value-prop p { font: 500 15px/1.4 var(--r26-font) !important; color: var(--r26-text-2) !important; }
:root #authScreen .auth-tabs { display: flex; gap: 4px; padding: 4px !important; background: var(--r26-stage) !important; border-radius: 999px !important; border: 0 !important; }
:root body.dark-mode #authScreen .auth-tabs { background: var(--r26-page) !important; }
:root #authScreen .auth-tab { flex: 1 1 0; height: 40px !important; border-radius: 999px !important; border: 0 !important; background: transparent !important; color: var(--r26-text-2) !important; font: 600 14.5px/1 var(--r26-font) !important; box-shadow: none !important; }
:root #authScreen .auth-tab.active { background: var(--r26-card) !important; color: var(--r26-text) !important; box-shadow: 0 1px 2px rgba(12,26,43,.08), 0 4px 10px -6px rgba(12,26,43,.28) !important; }
:root body.dark-mode #authScreen .auth-tab.active { background: var(--r26-hover) !important; box-shadow: none !important; }
:root #authScreen .form-group label { font: 600 14px/1.2 var(--r26-font) !important; color: var(--r26-text) !important; }
:root #authScreen .btn-toggle-password { color: var(--r26-text-3) !important; border-radius: 999px !important; }
:root #authScreen .forgot-password-link { color: var(--r26-you-text) !important; font-weight: 600 !important; }
:root #authScreen .btn-auth-primary {
  height: 54px !important; border-radius: 999px !important; border: 0 !important; background: var(--r26-blue) !important; color: #fff !important;
  font: 600 16.5px/1 var(--r26-font) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px -10px rgba(37,99,235,.65) !important;
}
:root #authScreen .btn-auth-primary:hover { background: var(--r26-blue-deep) !important; }
:root #authScreen .auth-divider span { color: var(--r26-text-3) !important; background: var(--r26-card) !important; font: 500 13px/1 var(--r26-font) !important; }
:root #authScreen .auth-divider::before, :root #authScreen .auth-divider::after { background: var(--r26-line) !important; }
:root #authScreen .oauth-btn {
  height: 48px !important; border-radius: 999px !important; border: 1.5px solid var(--r26-ctl-line) !important; background: var(--r26-card) !important; color: var(--r26-text) !important;
  font: 600 15px/1 var(--r26-font) !important; box-shadow: none !important;
}
:root #authScreen .oauth-btn:hover { border-color: var(--r26-text) !important; }
:root #authScreen .auth-error { border-radius: 14px !important; font: 500 14px/1.4 var(--r26-font) !important; }


:root #roomSetup .lv-dialect-cog {
  top: 50% !important; right: 8px !important; transform: translateY(-50%); background: var(--r26-stage) !important; color: var(--r26-text-2) !important;
  border-radius: 999px !important; opacity: 1 !important; box-shadow: none !important;
}
:root #roomSetup .language-option.selected .lv-dialect-cog, :root #roomSetup .language-option.active .lv-dialect-cog { background: rgba(255,255,255,.22) !important; color: #fff !important; }
:root #roomSetup .language-option[data-lang="ar"] { padding-right: 36px !important; }


:root .app-header .logo { flex: none; }
:root .app-header .panel-toggle-btn { display: none; }

@media (max-width: 1459px) {
  :root .app-header .stat-label { display: none; }
  :root .app-header .room-badge { display: none; }
}
@media (max-width: 1360px) {
  :root .app-header .stat-item { padding: 0 11px; }
  :root .main-content { gap: 16px; padding: 16px 20px 20px; }
  :root .intelligence-panel { width: 340px !important; min-width: 340px !important; }
}
@media (max-width: 1279px) {
  :root .app-header .stat-label { display: none; }
  :root .app-header .room-badge { display: none; }
}
@media (max-width: 1180px) {
  :root .app-header .header-center { display: none !important; }
  :root .app-header .language-indicator .language-name { display: none !important; }
}
@media (max-width: 1120px) {
  :root .app-header .header-actions #mobileInviteBtn { display: inline-flex !important; }
  
  :root body.lv26-join #roomSetup.room-setup { width: min(680px, calc(100vw - 32px)) !important; }
  :root #roomSetup .language-selector { display: block; }
  :root #roomSetup .language-selector::before { content: none; }
  :root #roomSetup .language-selector > * + * { margin-top: 16px !important; }
  :root #roomSetup .language-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 768px) {
  
  :root .app-header .panel-toggle-btn {
    display: inline-flex !important; position: static !important; width: 40px !important; height: 40px !important; min-width: 40px; border-radius: 999px !important;
    background: transparent !important; color: var(--r26-blue) !important; box-shadow: none !important; border: 0 !important; transform: none !important; bottom: auto !important; right: auto !important; z-index: auto;
  }
  :root body.dark-mode .app-header .panel-toggle-btn { color: #93C5FD !important; }
  :root .app-header .panel-toggle-btn:hover { background: var(--r26-hover) !important; }
  :root body.lv-keyboard-open .app-header .panel-toggle-btn { display: inline-flex !important; }
  :root .intelligence-panel { width: auto !important; min-width: 0 !important; border-radius: 24px 24px 0 0 !important; border-bottom: 0 !important; }
  :root .intelligence-panel .panel-close-btn {
    width: 36px; height: 36px; border-radius: 999px !important; background: var(--r26-stage) !important; color: var(--r26-text) !important; border: 0 !important; font-size: 20px !important; line-height: 1;
  }
  :root .main-content { padding: 0 !important; gap: 0; }
  :root .chat-section { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
  :root .chat-section > .participants-bar { display: flex !important; padding: 10px 12px !important; gap: 8px; overflow: hidden; }
  :root .participants-scroll { overflow-x: auto; scrollbar-width: none; min-width: 0; flex: 0 1 auto; }
  :root .participants-scroll::-webkit-scrollbar { display: none; }
  :root .participant-card { flex: none; }
  :root .messages-container { padding: 18px 14px 12px !important; }
  :root .message { max-width: 86% !important; }
  :root .app-header .header-actions #mobileInviteBtn { display: none !important; }
}
@media (max-width: 700px) {
  :root .app-header { height: 56px; min-height: 56px; padding: 0 10px !important; gap: 8px; }
  :root .app-header .logo-text { display: none !important; }
  :root .app-header .header-left { gap: 8px; }
  :root .app-header .room-info { height: 38px; padding: 0 2px 0 12px; }
  :root .app-header .room-name { max-width: none !important; overflow: visible !important; font-size: 14px !important; letter-spacing: .07em !important; }
  :root .app-header .room-info #shareRoomBtn { display: none !important; }
  :root .app-header .header-actions { gap: 2px; }
  
  :root .app-header .header-actions #ttsToggle, :root .app-header .header-actions #soundToggle { display: none !important; }
  :root .app-header .btn-leave { height: 38px; padding: 0 13px 0 11px; margin-left: 2px; font-size: 13.5px !important; }
  :root .app-header .overflow-menu { position: fixed !important; right: 10px !important; left: auto !important; top: 62px !important; width: min(300px, calc(100vw - 20px)) !important; max-height: calc(100dvh - 76px); overflow-y: auto; }
  :root .participant-avatar { width: 30px !important; height: 30px !important; min-width: 30px; font-size: 11.5px !important; }
  :root .participant-card { padding: 4px 12px 4px 4px !important; }
  :root .participant-name { font-size: 13.5px !important; max-width: 130px; }
  :root .btn-add-participant { width: 40px; padding: 0 !important; justify-content: center; }
  :root .btn-add-participant span { display: none; }
  :root .input-container { padding: 10px 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important; gap: 8px !important; }
  :root .input-wrapper-modern { min-height: 48px; padding: 0 4px !important; }
  :root .message-input { font-size: 16px !important; padding: 12px 6px !important; }
  :root .input-container > #interpretBtn.lv26-talk, :root .input-container > #lingoVideoBtn { width: 48px !important; height: 48px !important; min-height: 48px; padding: 0 !important; }
  :root .input-container > #interpretBtn.lv26-talk .lv26-lbl, :root .input-container > #lingoVideoBtn .lv26-lbl { display: none; }
  :root .messages-container { padding-bottom: 12px !important; }
  
  :root body.lv26-join .lv26-joinbar { height: 56px; padding: 0 12px; gap: 8px; }
  :root .lv26-joinbar .user-bar-info > span { display: none !important; }
  :root .lv26-joinbar .user-bar-balance { height: 34px; padding: 0 12px !important; font-size: 13.5px !important; }
  :root body.lv26-join #roomSetup.room-setup { top: 64px !important; width: calc(100vw - 16px) !important; max-height: calc(100dvh - 72px) !important; padding: 22px 16px 20px !important; border-radius: 24px !important; }
  :root #roomSetup .setup-header h2 { font-size: 28px !important; }
  :root #roomSetup .language-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
  :root #roomSetup .language-option { height: 46px !important; min-height: 46px; font-size: 14px !important; padding: 0 8px !important; }
  :root #roomSetup #joinBtn { height: 54px !important; }
  
  :root #authScreen .auth-screen-content { padding: 26px 20px 24px !important; border-radius: 24px !important; }
}
@media (max-width: 380px) {
  :root .lv26-joinbar .logo-text { display: none; }
  :root .app-header .btn-leave { width: 38px; padding: 0 !important; justify-content: center; }
  :root .app-header .btn-leave span { display: none; }
  :root .participant-name { max-width: 100px; }
  :root .input-container { gap: 6px !important; padding-left: 8px !important; padding-right: 8px !important; }
  :root .btn-input-util, :root .input-wrapper-modern .btn-voice { width: 36px !important; height: 36px !important; min-width: 36px; }
}


:root .chat-section { container-type: inline-size; container-name: lvchat; }
@container lvchat (max-width: 660px) {
  .input-container > #interpretBtn.lv26-talk, .input-container > #lingoVideoBtn { width: 48px !important; height: 48px !important; min-height: 48px; padding: 0 !important; }
  .input-container > #interpretBtn.lv26-talk .lv26-lbl, .input-container > #lingoVideoBtn .lv26-lbl { display: none; }
  .btn-add-participant { width: 40px; padding: 0 !important; justify-content: center; }
  .btn-add-participant span { display: none; }
}
:root #roomSetup .language-selector { padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; width: auto !important; }
:root #roomSetup .setup-header { padding: 0 !important; }
:root .lv26-joinbar .logo-text { display: inline !important; }
@media (max-width: 380px) { :root .lv26-joinbar .logo-text { display: none !important; } }



:root .language-modal, :root .lv-precall-card, :root .lv-knock-wait-card, :root .consent-modal > div, :root .session-summary-modal .summary-modal-content,
:root .delete-account-modal, :root .auth-modal {
  border-radius: 24px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card) !important; color: var(--r26-text) !important;
  box-shadow: var(--r26-shadow-pop) !important; font-family: var(--r26-font) !important;
}
:root .language-modal-overlay, :root .lv-precall-overlay, :root .lv-knock-wait, :root .consent-modal, :root .auth-modal-overlay, :root .delete-account-overlay {
  background: rgba(12,26,43,.42) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
:root body.dark-mode :is(.language-modal-overlay, .lv-precall-overlay, .lv-knock-wait, .consent-modal, .auth-modal-overlay, .delete-account-overlay) { background: rgba(0,0,0,.55) !important; }
:root .language-modal { padding: 26px 26px 22px !important; }
:root .language-modal h2, :root .lv-precall-title, :root .lv-knock-wait-title, :root .summary-modal-header h2, :root .summary-modal-header h3 {
  font: 700 22px/1.2 var(--r26-font-display) !important; letter-spacing: -0.02em !important; color: var(--r26-text) !important; background: none !important; -webkit-text-fill-color: currentColor !important;
}
:root .lv-precall-sub, :root .lv-knock-wait-sub { color: var(--r26-text-2) !important; font: 400 14.5px/1.5 var(--r26-font) !important; }

:root :is(.modal-close, .summary-close-btn, .emoji-picker-close, .reply-preview-close, .org-modal-close) {
  width: 36px !important; height: 36px !important; min-width: 36px; border-radius: 999px !important; border: 0 !important; padding: 0 !important;
  background: var(--r26-stage) !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; box-shadow: none !important;
  display: inline-flex !important; align-items: center; justify-content: center;
}
:root body.dark-mode :is(.modal-close, .summary-close-btn, .emoji-picker-close, .reply-preview-close, .org-modal-close) { background: var(--r26-hover) !important; }
:root :is(.modal-close, .summary-close-btn, .emoji-picker-close, .reply-preview-close, .org-modal-close)::before {
  content: ""; display: block; flex: none; width: 18px; height: 18px; background: var(--r26-text);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") center / contain no-repeat;
}
:root :is(.modal-close, .summary-close-btn, .emoji-picker-close, .reply-preview-close, .org-modal-close) > * { display: none !important; }
:root .language-modal { position: relative; }
:root .language-modal > .modal-close { position: absolute !important; top: 16px !important; right: 16px !important; left: auto !important; margin: 0 !important; z-index: 2; }
:root html[dir="rtl"] .language-modal > .modal-close, :root body.room-rtl .language-modal > .modal-close { right: auto !important; left: 16px !important; }
:root .language-modal .modal-header { padding-right: 48px !important; }
:root .intelligence-panel .panel-close-btn { color: transparent !important; font-size: 0 !important; position: absolute; }
:root .intelligence-panel .panel-close-btn::before {
  content: ""; position: absolute; inset: 0; margin: auto; width: 18px; height: 18px; background: var(--r26-text);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") center / contain no-repeat;
}

:root .modal-search, :root .invite-input, :root .emoji-search, :root #searchInput, :root .org-modal-input, :root #ticketSubject, :root #ticketMessage, :root #ticketCategory {
  border-radius: 999px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card-2) !important; color: var(--r26-text) !important;
  font: 400 15px/1.2 var(--r26-font) !important; padding: 0 16px !important; min-height: 46px; box-shadow: none !important;
}
:root #ticketMessage { border-radius: 16px !important; padding: 12px 16px !important; }
:root :is(.modal-search, .invite-input, .emoji-search, #searchInput, .org-modal-input, #ticketSubject, #ticketMessage, #ticketCategory):focus { border-color: var(--r26-blue) !important; box-shadow: 0 0 0 4px var(--r26-ring) !important; outline: 0; }
:root .language-modal .section-title { font: 600 12px/1 var(--r26-font) !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--r26-text-3) !important; margin: 18px 0 10px !important; }
:root :is(.modal-language-option, .modal-lang-btn) {
  border-radius: 999px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card) !important; color: var(--r26-text) !important;
  font: 600 14px/1.2 var(--r26-font) !important; min-height: 44px; box-shadow: none !important; transform: none !important;
}
:root :is(.modal-language-option, .modal-lang-btn):hover { border-color: #94A3B8 !important; }
:root :is(.modal-language-option, .modal-lang-btn):is(.selected, .active) { background: var(--r26-blue) !important; color: #fff !important; border-color: var(--r26-blue) !important; }

:root .invite-section { border-color: var(--r26-line-2) !important; }
:root .btn-invite, :root .quick-share-buttons button, :root .btn-share {
  min-height: 44px; border-radius: 999px !important; font: 600 14.5px/1 var(--r26-font) !important; box-shadow: none !important;
}
:root .btn-invite { background: var(--r26-blue) !important; color: #fff !important; border: 0 !important; }
:root .quick-share-buttons button, :root .btn-share { background: var(--r26-card) !important; color: var(--r26-text) !important; border: 1.5px solid var(--r26-ctl-line) !important; }


:root .lv-precall-card { padding: 28px 28px 24px !important; background: var(--r26-card) !important; }
:root .lv-precall-step { border-radius: 16px !important; border: 1px solid var(--r26-line-2) !important; background: var(--r26-card-2) !important; }
:root .lv-precall-stepname { font: 650 15px/1.3 var(--r26-font) !important; color: var(--r26-text) !important; }
:root .lv-precall-stepstate { font: 500 12.5px/1.3 var(--r26-font) !important; color: var(--r26-text-3) !important; }
:root .lv-precall-stepdetail { color: var(--r26-text-2) !important; font: 400 13.5px/1.5 var(--r26-font) !important; }
:root .lv-precall-btn {
  min-height: 40px; border-radius: 999px !important; padding: 0 16px !important; font: 600 14px/1 var(--r26-font) !important;
  background: var(--r26-card) !important; color: var(--r26-text) !important; border: 1.5px solid var(--r26-ctl-line) !important; box-shadow: none !important;
}
:root .lv-precall-btn:hover { border-color: var(--r26-text) !important; }
:root .lv-precall-btn.primary { background: var(--r26-blue) !important; color: #fff !important; border-color: var(--r26-blue) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px -10px rgba(37,99,235,.65) !important; }
:root .lv-precall-bypass { color: var(--r26-text-2) !important; font: 500 13.5px/1.3 var(--r26-font) !important; }
:root .lv-precall-meter { background: var(--r26-stage) !important; border-radius: 999px !important; }
:root .lv-precall-meter-bar { background: var(--r26-blue) !important; border-radius: 999px !important; }


:root .lv-knock-card { border-radius: 20px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card) !important; box-shadow: var(--r26-shadow-pop) !important; }
:root .lv-knock-card-title { font: 650 15px/1.3 var(--r26-font) !important; color: var(--r26-text) !important; }
:root .lv-knock-card-sub { color: var(--r26-text-2) !important; font: 500 13px/1.3 var(--r26-font) !important; }
:root .lv-knock-avatar { background: linear-gradient(160deg, #FCD34D, #F5A623 60%, #E08E0B) !important; color: var(--r26-ink) !important; }
:root .lv-knock-btn { border-radius: 999px !important; min-height: 44px; font: 600 14px/1 var(--r26-font) !important; }
:root .lv-knock-btn-yes { background: var(--r26-blue) !important; color: #fff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px -10px rgba(37,99,235,.65) !important; }
:root .lv-knock-btn-no, :root .lv-knock-wait-cancel { background: var(--r26-card) !important; color: var(--r26-text) !important; border: 1.5px solid var(--r26-ctl-line) !important; border-radius: 999px !important; }
:root .lv-knock-timebar { background: var(--r26-acc) !important; }
:root .lv-knock-spinner { border-color: var(--r26-line) !important; border-top-color: var(--r26-blue) !important; }


:root .lingo-toast {
  border-radius: 999px !important; background: var(--r26-ink) !important; color: #fff !important; border: 0 !important;
  font: 600 14px/1.35 var(--r26-font) !important; padding: 12px 18px !important; box-shadow: 0 18px 36px -16px rgba(12,26,43,.6) !important;
}
:root body.dark-mode .lingo-toast { background: #F8FAFC !important; color: var(--r26-ink) !important; }
:root .lingo-toast::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 999px; margin-right: 10px; vertical-align: 1px; background: #93C5FD; }
:root .lingo-toast-success::before { background: #93C5FD; }
:root .lingo-toast-error::before { background: #F97066; }


:root #lvCookieBar { background: var(--r26-ink) !important; color: #E2E8F0 !important; font-family: var(--r26-font) !important; border-top: 0 !important; }
:root #lvCookieBar a { color: #93C5FD !important; }
:root #lvCookieBar button { border-radius: 999px !important; min-height: 44px; font: 600 14.5px/1 var(--r26-font) !important; }


:root #searchBar { background: var(--r26-card) !important; border-bottom: 1px solid var(--r26-line-2) !important; gap: 6px; padding: 10px 16px !important; }
:root #searchBar .search-nav-btn { width: 36px !important; height: 36px !important; border-radius: 999px !important; border: 0 !important; background: transparent !important; color: var(--r26-text-2) !important; display: inline-flex; align-items: center; justify-content: center; }
:root #searchBar .search-nav-btn:hover { background: var(--r26-hover) !important; color: var(--r26-text) !important; }
:root #searchCount { color: var(--r26-text-3) !important; font: 500 13px/1 var(--r26-font-mono) !important; }


:root .emoji-picker { border-radius: 20px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card) !important; box-shadow: var(--r26-shadow-pop) !important; }
:root .emoji-picker-title { font: 650 15px/1 var(--r26-font) !important; color: var(--r26-text) !important; }
:root .reply-preview { background: var(--r26-card-2) !important; border-left: 3px solid var(--r26-acc) !important; border-radius: 12px !important; }
:root .reply-preview-sender { color: var(--r26-them-text) !important; font: 650 13px/1.2 var(--r26-font) !important; }


:root #roomConnBanner { font: 500 14px/1.4 var(--r26-font) !important; border-radius: 0 !important; }
:root .balance-toast, :root .balance-notification { border-radius: 16px !important; font-family: var(--r26-font) !important; }


:root #arabicDialectSection .modal-lang-btn { border-radius: 999px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card) !important; color: var(--r26-text) !important; box-shadow: none !important; min-height: 46px; }
:root #arabicDialectSection .modal-lang-btn:hover { border-color: #94A3B8 !important; }
:root #arabicDialectSection .modal-lang-btn:is(.selected, .active) { background: var(--r26-blue) !important; border-color: var(--r26-blue) !important; color: #fff !important; }
:root .arabic-dialect-back { border-radius: 999px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card) !important; color: var(--r26-text) !important; font: 600 13.5px/1 var(--r26-font) !important; min-height: 36px; padding: 0 14px 0 10px !important; display: inline-flex !important; align-items: center; gap: 6px; }


:root #scheduleModal { background: rgba(12,26,43,.42) !important; }
:root body.dark-mode #scheduleModal { background: rgba(0,0,0,.55) !important; }
:root #scheduleModal > div { border-radius: 24px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card) !important; box-shadow: var(--r26-shadow-pop) !important; font-family: var(--r26-font) !important; }
:root #scheduleModal h2, :root #scheduleModal h3 { font: 700 21px/1.2 var(--r26-font-display) !important; letter-spacing: -0.02em !important; color: var(--r26-text) !important; }
:root #scheduleModal label { font: 600 13.5px/1.2 var(--r26-font) !important; color: var(--r26-text) !important; }
:root #scheduleModal :is(input, textarea, select) {
  border-radius: 14px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card-2) !important; color: var(--r26-text) !important;
  font: 400 15px/1.3 var(--r26-font) !important; min-height: 46px; padding: 10px 14px !important; box-shadow: none !important; color-scheme: light dark;
}
:root #scheduleModal :is(input, textarea, select):focus { border-color: var(--r26-blue) !important; box-shadow: 0 0 0 4px var(--r26-ring) !important; outline: 0; }
:root #scheduleModal button { border-radius: 999px !important; min-height: 46px; font: 600 15px/1 var(--r26-font) !important; box-shadow: none !important; }
:root #scheduleModal button:last-of-type { background: var(--r26-blue) !important; color: #fff !important; border: 0 !important; }
:root #scheduleModal button:first-of-type:not(:last-of-type) { background: var(--r26-card) !important; color: var(--r26-text) !important; border: 1.5px solid var(--r26-ctl-line) !important; }


:root :is(body.room-rtl, [dir="rtl"]) .message-bubble { border-radius: 20px 6px 20px 20px !important; box-shadow: inset -3px 0 0 var(--r26-acc), 0 1px 2px rgba(12,26,43,.04), 0 10px 22px -16px rgba(12,26,43,.28) !important; padding-left: 16px !important; padding-right: 18px !important; }
:root body.dark-mode:is(.room-rtl) .message-bubble, :root body.dark-mode [dir="rtl"] .message-bubble { box-shadow: inset -3px 0 0 var(--r26-acc), 0 18px 30px -24px rgba(0,0,0,.8) !important; }
:root :is(body.room-rtl, [dir="rtl"]) .message.own .message-bubble { border-radius: 6px 20px 20px 20px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 12px 24px -14px rgba(37,99,235,.7) !important; padding-right: 16px !important; }
:root :is(body.room-rtl, [dir="rtl"]) .reply-quote { border-left: 0 !important; border-right: 3px solid var(--r26-acc) !important; }
:root #showMoreLanguages .lv26-ic { color: var(--r26-blue); }


:root #lingoVideoPanel { background: #0C1A2B !important; font-family: var(--r26-font) !important; }
:root #lingoVideoPanel :is(button, input) { font-family: var(--r26-font) !important; }
:root #lingoVideoHeader { background: rgba(255,255,255,.03) !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; }
:root #lingoCallTitle { font: 650 15px/1.3 var(--r26-font) !important; color: #F8FAFC !important; }
:root #lingoCallTimer { font: 500 13px/1 var(--r26-font-mono) !important; color: #B6C2D3 !important; }
:root #lingoQualityLabel { font: 500 12.5px/1 var(--r26-font) !important; }
:root #lingoVideoPanel button { border-radius: 999px !important; font-weight: 600 !important; }
:root #lingoVideoControls { gap: 10px !important; }
:root #lingoVideoControls button { min-height: 48px !important; padding: 0 22px !important; font-size: 14.5px !important; box-shadow: none !important; }
:root #lingoWaitingIndicator { font-family: var(--r26-font) !important; color: #B6C2D3 !important; }
:root #lingoFloorBar { font-family: var(--r26-font) !important; }
:root #lingoFloorBar button { min-height: 48px !important; }
:root #lingoLocalVideo, :root #lingoRemoteVideo { border-radius: 16px; }
:root #videoJoinPrompt { border-radius: 20px !important; font-family: var(--r26-font) !important; background: var(--r26-ink) !important; box-shadow: var(--r26-shadow-pop) !important; }
:root #videoJoinPrompt button { border-radius: 999px !important; font: 600 14px/1 var(--r26-font) !important; min-height: 40px; }


:root #lingoCaptionRail { font-family: var(--r26-font) !important; border-radius: 18px !important; }
:root #lingoCaptionRail .lv-caption-name { font-weight: 650 !important; }
@media (max-width: 600px) {
  :root #lingoVideoControls { padding: 10px 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important; gap: 8px !important; }
  :root #lingoVideoControls button { flex: 1 1 0; min-width: 0 !important; padding: 0 10px !important; white-space: nowrap; font-size: 14px !important; }
}


:root #roomSetup, :root #roomSetup :is(input, button, select, textarea) { font-family: var(--r26-font) !important; }
:root :is(.balance-exhausted-overlay, .balance-toast, .btn-summary-export, .modal-lang-btn) { font-family: var(--r26-font) !important; }
:root :is(.summary-modal-header h2, .summary-section h3) { font-family: var(--r26-font-display) !important; }
:root .modal-lang-btn .native { font-family: 'Noto Sans', 'Cairo', 'Noto Sans Arabic', 'Noto Sans SC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans Devanagari', 'Noto Sans Thai', var(--r26-font) !important; }


:root .app-header .room-info .btn-icon-small.lv26-copied { color: var(--r26-chip-ink-text) !important; background: rgba(255,255,255,.16) !important; }
:root body.dark-mode .app-header .room-info .btn-icon-small.lv26-copied { background: rgba(12,26,43,.1) !important; }



@media (max-width: 430px) { :root #roomSetup .hear-strip { position: static !important; bottom: auto !important; } }

:root #roomSetup .lv-dialect-cog::after { content: ""; position: absolute; inset: -5px; border-radius: 999px; }
:root #roomSetup .lv-dialect-sub { color: var(--r26-text-2) !important; font-family: 'Cairo', 'Noto Sans Arabic', var(--r26-font) !important; opacity: 1 !important; }
:root #roomSetup .language-option:is(.selected, .active) .lv-dialect-sub { color: rgba(255,255,255,.92) !important; }
:root .modal-lang-btn .native, :root .modal-language-option .native { color: var(--r26-text-2) !important; opacity: 1 !important; }
:root :is(.modal-lang-btn, .modal-language-option):is(.selected, .active) .native { color: rgba(255,255,255,.9) !important; }


:root .auth-modal .auth-modal-content { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
:root .auth-modal h2, :root .auth-modal h3 { font-family: var(--r26-font-display) !important; color: var(--r26-text) !important; letter-spacing: -0.02em; }
:root .auth-modal button[onclick*="showSubscriptionModal"], :root .auth-modal button[onclick*="showTopUpModal"] {
  background: var(--r26-blue-wash) !important; color: var(--r26-you-text) !important; border-radius: 999px !important; font: 600 13.5px/1.2 var(--r26-font) !important; min-height: 36px;
}
:root .topup-option { border-radius: 18px !important; }
:root .topup-option.selected { border-color: var(--r26-blue) !important; box-shadow: 0 0 0 3px var(--r26-ring) !important; }
:root .topup-price { color: var(--r26-blue) !important; font-family: var(--r26-font-display) !important; }
:root body.dark-mode .topup-price { color: #93C5FD !important; }
:root .topup-savings { color: var(--r26-you-text) !important; font-weight: 600 !important; }
:root .topup-submit { border-radius: 999px !important; min-height: 50px; font: 600 16px/1 var(--r26-font) !important; }
:root .payment-option { border-radius: 999px !important; }


:root :is(.language-modal, #glossaryModal, #recordingsPanel, #sessionsPanel, #scheduleModal, .account-menu, #orgManageModal, #guestLinkModal) select {
  -webkit-appearance: none !important; appearance: none !important; padding-right: 40px !important; border-radius: 14px !important; min-height: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 16px !important;
}
:root :is(#glossaryModal, #recordingsPanel, #sessionsPanel, .account-menu, #orgManageModal, #guestLinkModal) input:not([type=checkbox]):not([type=radio]) {
  border-radius: 999px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card-2) !important; color: var(--r26-text) !important; min-height: 40px; padding: 0 14px !important; font: 400 14.5px/1.2 var(--r26-font) !important;
}
:root :is(#glossaryModal, #recordingsPanel, #sessionsPanel, #orgManageModal, #guestLinkModal) button:not(.modal-close):not(.summary-close-btn),
:root .account-menu :is(.org-btn, .org-btn-create, .org-btn-primary, .org-btn-secondary, button[onclick*="Org"]):not(.account-menu-item) {
  border-radius: 999px !important; font: 600 14px/1 var(--r26-font) !important; min-height: 40px; padding: 0 16px !important; box-shadow: none !important;
}
:root .support-tabs { display: inline-flex; gap: 4px; padding: 4px !important; background: var(--r26-stage) !important; border-radius: 999px !important; border: 0 !important; }
:root body.dark-mode .support-tabs { background: var(--r26-page) !important; }
:root .support-tab { border: 0 !important; border-radius: 999px !important; background: transparent !important; color: var(--r26-text-2) !important; font: 600 13.5px/1 var(--r26-font) !important; min-height: 34px; padding: 0 14px !important; box-shadow: none !important; }
:root .support-tab.active { background: var(--r26-card) !important; color: var(--r26-text) !important; box-shadow: 0 1px 2px rgba(12,26,43,.08), 0 4px 10px -6px rgba(12,26,43,.28) !important; }
:root body.dark-mode .support-tab.active { background: var(--r26-hover) !important; box-shadow: none !important; }
:root #submitTicketBtn { border-radius: 999px !important; min-height: 46px; background: var(--r26-blue) !important; color: #fff !important; font: 600 15px/1 var(--r26-font) !important; border: 0 !important; }


:root .lv26-joinbar .lv26-theme { width: 40px; height: 40px; border-radius: 999px; border: 1px solid var(--r26-line); background: var(--r26-card); color: var(--r26-text); display: inline-flex; align-items: center; justify-content: center; flex: none; cursor: pointer; padding: 0; }
:root .lv26-joinbar .lv26-theme:hover { border-color: var(--r26-text); }
@media (max-width: 480px) { :root .lv26-joinbar .logo-text { display: none !important; } }


:root .file-card { display: flex !important; align-items: center; gap: 12px; padding: 10px 10px 10px 12px !important; border-radius: 18px !important; border: 1px solid var(--r26-line) !important; background: var(--r26-card) !important; box-shadow: 0 10px 22px -16px rgba(12,26,43,.28) !important; max-width: 360px; cursor: pointer; }
:root .message.own .file-card { margin-left: auto; }
:root .file-card .file-icon { width: 44px !important; height: 44px !important; min-width: 44px; border-radius: 12px !important; display: grid !important; place-items: center; background: var(--r26-blue-wash) !important; color: var(--r26-blue) !important; font-size: 0 !important; }
:root body.dark-mode .file-card .file-icon { color: #93C5FD !important; }
:root .file-card .file-name { font: 600 14.5px/1.3 var(--r26-font) !important; color: var(--r26-text) !important; }
:root .file-card .file-meta { font: 500 12.5px/1.3 var(--r26-font) !important; color: var(--r26-text-3) !important; gap: 6px; display: flex; }
:root .file-card .file-download-btn { width: 40px !important; height: 40px !important; min-width: 40px; border-radius: 999px !important; border: 0 !important; background: var(--r26-stage) !important; color: var(--r26-text) !important; display: inline-flex; align-items: center; justify-content: center; margin-left: auto; }
:root body.dark-mode .file-card .file-download-btn { background: var(--r26-hover) !important; }

:root .typing-indicator { font-style: normal !important; padding-left: 24px !important; }
:root .typing-indicator-text { font-style: normal !important; color: var(--r26-text-3) !important; }
:root .typing-dots span { background: var(--r26-acc) !important; }
:root .delete-account-modal { padding: 26px !important; }
:root .delete-account-modal h3, :root .delete-account-modal h2 { font: 700 21px/1.25 var(--r26-font-display) !important; color: var(--r26-red) !important; letter-spacing: -0.02em; }
:root .delete-account-modal input { border-radius: 14px !important; min-height: 46px; }
:root :is(.btn-delete-cancel, .btn-delete-confirm) { border-radius: 999px !important; min-height: 44px; padding: 0 20px !important; font: 600 15px/1 var(--r26-font) !important; }
:root .btn-delete-cancel { background: var(--r26-card) !important; color: var(--r26-text) !important; border: 1.5px solid var(--r26-ctl-line) !important; }
:root .btn-delete-confirm { background: #B42318 !important; color: #fff !important; border: 0 !important; }


:root #authScreen .forgot-password-link, :root #forgotPasswordModal a { display: inline-block !important; padding: 5px 0 !important; }
:root .app-header #overflowMenu .overflow-style-label { color: var(--r26-text-2) !important; opacity: 1 !important; }
@container lvchat (max-width: 660px) { #emojiBtn { display: none !important; } }
@media (max-width: 1360px) { :root #aiChatInput { padding: 0 12px !important; font-size: 14px !important; } }
:root #glossaryModal .language-modal, :root #glossaryModal > div { max-width: 560px !important; width: calc(100vw - 32px) !important; }
:root #glossaryModal :is(div, form):has(> #glossarySourceTerm) { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
:root #glossaryModal #glossarySourceTerm, :root #glossaryModal #glossaryTargetTerm { flex: 1 1 100% !important; min-width: 0 !important; width: auto !important; }
:root #recordingsPanel, :root #sessionsPanel { color: var(--r26-text) !important; }
:root #recordingsList > div:only-child, :root #sessionsList > div:only-child { color: var(--r26-text-2) !important; }
:root #sessionsPanel button:not(.lv26-close) { background: var(--r26-blue-wash) !important; color: var(--r26-you-text) !important; border: 0 !important; }
:root .lv26-close { width: 36px !important; height: 36px !important; min-width: 36px; border-radius: 999px !important; border: 0 !important; background: var(--r26-stage) !important; color: var(--r26-text) !important; display: inline-flex !important; align-items: center; justify-content: center; padding: 0 !important; }
:root body.dark-mode .lv26-close { background: var(--r26-hover) !important; }



@media (max-width: 600px) {
  :root .lv26-joinbar .account-menu { position: fixed !important; top: 72px !important; right: 12px !important; left: auto !important; transform: none !important; width: min(320px, calc(100vw - 24px)) !important; min-width: 0 !important; max-width: none !important; max-height: calc(100vh - 88px) !important; }
}

:root .lingo-toast { top: calc(76px + env(safe-area-inset-top, 0px)) !important; }
@media (max-width: 700px) { :root .lingo-toast { top: calc(66px + env(safe-area-inset-top, 0px)) !important; } }

:root .lv-precall-stepdetail > div:is([style*="rgb(71, 85, 105)"], [style*="rgb(100, 116, 139)"], [style*="#475569"], [style*="#64748b"]) { color: var(--r26-text-2) !important; }
:root .lv-precall-stepdetail > div:is([style*="rgb(185, 28, 28)"], [style*="rgb(239, 68, 68)"], [style*="#b91c1c"], [style*="#ef4444"]) { color: var(--r26-red) !important; }
:root #forgotPasswordModal a { color: var(--r26-you-text) !important; font-weight: 600 !important; }
:root .summary-error { color: var(--r26-red) !important; }
:root .reaction-bar button { min-width: 30px; min-height: 30px; display: inline-flex !important; align-items: center; justify-content: center; }
:root :is(input.form-control, #modalSearch, #schedInvitees, #ticketSubject, #glossarySourceTerm, #glossaryTargetTerm, #aiChatInput, #roomCode, #userName) { text-overflow: ellipsis; }
:root #lvCookieBar a { white-space: nowrap; }
@media (max-width: 380px) { :root .participant-name { max-width: 124px; } }

:root .language-modal-overlay:not(.active) { pointer-events: none !important; }

:root .message.system .message-content { opacity: 1 !important; color: var(--r26-text-2) !important; }

:root :is(.message-text, .lv26-orig-txt) { unicode-bidi: plaintext; text-align: start !important; }

@media (min-width: 769px) and (max-width: 900px) {
  :root .intelligence-panel {
    display: none !important; position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important;
    width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 85vh; height: 85dvh; z-index: 1000;
    border-radius: 24px 24px 0 0 !important; border-bottom: 0 !important; box-shadow: 0 -8px 32px rgba(12,26,43,.28) !important;
    transition: transform .35s cubic-bezier(.32,.72,0,1);
  }
  :root .intelligence-panel.mobile-open { display: flex !important; }
  :root .intelligence-panel .sheet-drag-handle { display: flex !important; justify-content: center; padding: 10px 0 4px; cursor: grab; flex-shrink: 0; -webkit-user-select: none; user-select: none; }
  :root .intelligence-panel .sheet-drag-handle .handle-bar { width: 40px; height: 4px; background: var(--r26-text-3); border-radius: 4px; opacity: .5; }
  :root .intelligence-panel .panel-close-btn { display: flex !important; top: 8px; right: 12px; width: 36px; height: 36px; border-radius: 999px !important; background: var(--r26-stage) !important; border: 0 !important; }
  :root .app-header .panel-toggle-btn {
    display: inline-flex !important; position: static !important; width: 40px !important; height: 40px !important; min-width: 40px; border-radius: 999px !important;
    background: transparent !important; color: var(--r26-blue) !important; box-shadow: none !important; border: 0 !important; transform: none !important; bottom: auto !important; right: auto !important; z-index: auto;
  }
  :root body.dark-mode .app-header .panel-toggle-btn { color: #93C5FD !important; }
  :root .app-header .panel-toggle-btn:hover { background: var(--r26-hover) !important; }
}

@media (max-width: 1024px) {
  :root:root :is(input, textarea, select, #lv26-a #lv26-b):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=hidden]) { font-size: 16px !important; }
}



@media (max-width: 1120px) { :root #roomSetup .language-selector > #joinBtn { margin-top: 14px !important; } }

@media (max-width: 430px) {
  :root #roomSetup .language-selector > #joinBtn { margin-top: 16px !important; position: sticky !important; bottom: 4px !important; z-index: 5 !important; box-shadow: 0 0 0 14px var(--r26-card), inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px -10px rgba(37,99,235,.65) !important; }
  :root #roomSetup .language-selector > #joinBtn:is(:disabled, :not(.ready)) { box-shadow: 0 0 0 14px var(--r26-card) !important; }
  
  :root body.lv26-join #roomSetup.room-setup { padding-bottom: 0 !important; }
  :root body.lv26-join #roomSetup.room-setup::after { content: ""; display: block; height: 20px; }
}

:root .logo-text { direction: ltr; unicode-bidi: isolate; }

.lv26-menu-status { display: none; }
@media (max-width: 1180px) {
  :root .app-header #overflowMenu .lv26-menu-status { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 2px 2px 6px; padding: 11px 12px; border-radius: 12px; background: var(--r26-stage); }
}
:root .lv26-ms { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font: 600 14px/1 var(--r26-font); color: var(--r26-text); font-variant-numeric: tabular-nums; }
:root .lv26-ms svg { color: var(--r26-text-3); flex: none; }
:root .lv26-ms > span { font: 600 11px/1 var(--r26-font); letter-spacing: .06em; text-transform: uppercase; color: var(--r26-text-2); }
:root .lv26-ms.warn { color: var(--r26-them-text); }
:root .lv26-ms.low { color: var(--r26-red); }

:root .summary-modal-footer { gap: 10px !important; }
:root .btn-summary-export {
  min-height: 42px; border-radius: 999px !important; border: 1.5px solid var(--r26-ctl-line) !important; background: var(--r26-card) !important; color: var(--r26-text) !important;
  font: 600 14px/1 var(--r26-font) !important; box-shadow: none !important; padding: 0 16px !important; display: inline-flex; align-items: center; justify-content: center;
}
:root .btn-summary-export:hover { border-color: var(--r26-text) !important; background: var(--r26-hover) !important; }
:root .summary-error button { min-height: 40px; border-radius: 999px !important; padding: 0 20px !important; background: var(--r26-blue) !important; color: #fff !important; border: 0 !important; font: 600 14px/1 var(--r26-font) !important; box-shadow: none !important; }

:root .lv26-joinbar .logo-text { line-height: 1; }

:root .app-header .overflow-menu > * { flex-shrink: 0 !important; }

@media (min-width: 701px) { :root .app-header .overflow-menu { max-height: calc(100dvh - 80px) !important; overflow-y: auto !important; overscroll-behavior: contain; } }

:root .file-card .file-name { unicode-bidi: plaintext; text-align: left; }
:root :is(body.room-rtl, [dir="rtl"]) .file-card .file-name { text-align: right; }

:root { --r26-def-a: #2563EB; --r26-def-b: #F5A623; --r26-def-dir: 90deg; }
html.dark-mode, body.dark-mode { --r26-def-a: #3B82F6; --r26-def-b: #F5B544; }
html[dir="rtl"], body.room-rtl { --r26-def-dir: 270deg; }
:root .app-header, :root body.lv26-join .lv26-joinbar { border-bottom: 0 !important; box-shadow: none !important; }
:root .app-header::after, :root body.lv26-join .lv26-joinbar::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; pointer-events: none;
  background: linear-gradient(var(--r26-def-dir), var(--r26-def-a) 0%, var(--r26-def-a) 35%, var(--r26-def-b) 100%);
}