:root {
	--cg-primary: #06b6d4;
	--cg-primary-hover: #0891b2;
	/* chat-widget.js recomputes these four from the configured accent. */
	--cg-on-primary: #ffffff;
	--cg-primary-soft: rgba(6, 182, 212, 0.15);
	--cg-primary-glow: rgba(6, 182, 212, 0.35);
	--cg-bg: #0f172a;
	--cg-bg-panel: rgba(15, 23, 42, 0.97);
	--cg-bg-input: rgba(30, 41, 59, 0.8);
	--cg-bg-user: var(--cg-primary);
	--cg-bg-assistant: rgba(51, 65, 85, 0.6);
	--cg-text: #f1f5f9;
	--cg-text-muted: #94a3b8;
	--cg-border: rgba(148, 163, 184, 0.15);
	--cg-shadow: 0 25px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(148, 163, 184, 0.12);
	--cg-radius: 16px;
	--cg-bubble-size: 60px;
	--cg-panel-width: 380px;
	--cg-panel-height: 580px;
	--cg-z: 999999;
	--cg-error: #f87171;
	/* Accent used as TEXT (bold, list numbers): must stay readable on the panel. */
	--cg-accent-text: var(--cg-primary);
}

@media (prefers-color-scheme: light) {
	:root:not([data-cg-theme="dark"]) {
		--cg-bg: #ffffff;
		--cg-bg-panel: rgba(255, 255, 255, 0.98);
		--cg-bg-input: rgba(241, 245, 249, 0.9);
		--cg-bg-assistant: rgba(241, 245, 249, 0.8);
		--cg-text: #0f172a;
		--cg-text-muted: #64748b;
		--cg-border: rgba(148, 163, 184, 0.2);
		--cg-shadow: 0 25px 60px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(148, 163, 184, 0.12);
		--cg-error: #b91c1c;
		--cg-accent-text: color-mix(in srgb, var(--cg-primary) 55%, #000);
	}
}

/* ── Bubble ── */
/* Themes style every <button> (Elementor kits: ".elementor-kit-N button"
   with padding, a coloured border and text colour). This resets those for the
   widget's own buttons; the class rules below set what each button needs. */
#cyber-guru-root button {
	padding: 0;
	margin: 0;
	min-width: 0;
	min-height: 0;
	border: none;
	box-shadow: none;
	box-sizing: border-box;
	text-transform: none;
	letter-spacing: normal;
	line-height: normal;
	font-family: inherit;
}

#cyber-guru-root .cyber-guru-bubble {
	position: fixed;
	bottom: var(--cibrai-widget-bottom, 24px);
	z-index: var(--cg-z);
	width: var(--cg-bubble-size);
	height: var(--cg-bubble-size);
	border-radius: 50%;
	background: var(--cg-primary);
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	overflow: hidden;
	box-shadow: 0 8px 32px var(--cg-primary-glow);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	animation: cyber-guru-pulse 3s ease-in-out infinite;
	-webkit-tap-highlight-color: transparent;
}

#cyber-guru-root .cyber-guru-bubble[data-position="bottom-right"] {
	right: 24px;
}

#cyber-guru-root .cyber-guru-bubble[data-position="bottom-left"] {
	left: 24px;
}

#cyber-guru-root .cyber-guru-bubble:hover {
	transform: scale(1.08);
	box-shadow: 0 12px 40px var(--cg-primary-glow);
}

#cyber-guru-root .cyber-guru-bubble:focus-visible {
	outline: 3px solid var(--cg-primary);
	outline-offset: 3px;
}

#cyber-guru-root .cyber-guru-bubble:active {
	transform: scale(0.95);
}

#cyber-guru-root .cyber-guru-bubble[hidden] {
	display: none !important;
}

#cyber-guru-root .cyber-guru-bubble svg {
	width: 30px;
	height: 30px;
	fill: var(--cg-on-primary);
	pointer-events: none;
}

#cyber-guru-root .cyber-guru-bubble svg:not(.cg-av) circle {
	fill: var(--cg-primary);
}

/* Persona avatar as the launcher (FE-2). */
#cyber-guru-root .cyber-guru-bubble-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	pointer-events: none;
}

/* Built-in animated avatars (shapes + animation: CiBRAI_Cyber_Guru::avatar_css()). */
#cyber-guru-root .cyber-guru-bubble.cyber-guru-bubble-anim svg.cg-av {
	width: 44px;
	height: 44px;
}

#cyber-guru-root .cyber-guru-avatar.cyber-guru-avatar-anim {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: linear-gradient(135deg, #22d3ee, #6366f1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 4px 14px -4px rgba(99, 102, 241, 0.7);
}

#cyber-guru-root .cyber-guru-avatar.cyber-guru-avatar-anim svg.cg-av {
	width: 30px;
	height: 30px;
}

@keyframes cyber-guru-pulse {
	0%, 100% { box-shadow: 0 8px 32px var(--cg-primary-glow), 0 0 0 0 var(--cg-primary-glow); }
	50% { box-shadow: 0 8px 32px var(--cg-primary-glow), 0 0 0 10px transparent; }
}

/* ── Panel ── */
#cyber-guru-root .cyber-guru-panel {
	position: fixed;
	bottom: calc(var(--cibrai-widget-bottom, 24px) + 72px);
	z-index: var(--cg-z);
	width: var(--cg-panel-width);
	height: var(--cg-panel-height);
	max-height: calc(100vh - 120px);
	background: var(--cg-bg-panel);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: var(--cg-radius);
	border: 1px solid var(--cg-primary-soft);
	box-shadow: var(--cg-shadow);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transform: translateY(16px) scale(0.96);
	opacity: 0;
	pointer-events: none;
	/* Hidden for real once the close animation ends; the JS also sets inert. */
	visibility: hidden;
	transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease, visibility 0s 0.3s;
}

#cyber-guru-root .cyber-guru-panel[data-position="bottom-right"] {
	right: 24px;
}

#cyber-guru-root .cyber-guru-panel[data-position="bottom-left"] {
	left: 24px;
}

#cyber-guru-root .cyber-guru-panel[data-open="true"] {
	transform: translateY(0) scale(1);
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease, visibility 0s 0s;
}

/* ── Header ── */
#cyber-guru-root .cyber-guru-header {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 16px;
	border-bottom: 1px solid var(--cg-border);
	background: linear-gradient(180deg, var(--cg-primary-soft) 0%, transparent 100%);
	flex-shrink: 0;
}

#cyber-guru-root .cyber-guru-avatar {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--cg-primary), var(--cg-primary-hover));
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

#cyber-guru-root .cyber-guru-avatar svg {
	width: 20px;
	height: 20px;
	fill: var(--cg-on-primary);
}

/* Tenant avatar image (from GET /cyber-guru/config/{tenant_key}) replaces the
   generic shield once it has actually loaded. */
#cyber-guru-root .cyber-guru-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
	display: block;
}

#cyber-guru-root .cyber-guru-header-info {
	flex: 1;
	min-width: 0;
}

#cyber-guru-root .cyber-guru-header-name {
	font-size: 14px;
	font-weight: 600;
	color: var(--cg-text);
	line-height: 1.2;
}

#cyber-guru-root .cyber-guru-header-status {
	font-size: 11px;
	color: var(--cg-text-muted);
}

#cyber-guru-root .cyber-guru-icon-btn {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	border: none;
	background: transparent;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--cg-text-muted);
	transition: background 0.15s, color 0.15s;
	flex-shrink: 0;
}

#cyber-guru-root .cyber-guru-icon-btn:hover,
#cyber-guru-root .cyber-guru-icon-btn[aria-expanded="true"] {
	background: var(--cg-bg-input);
	color: var(--cg-text);
}

#cyber-guru-root .cyber-guru-icon-btn svg {
	width: 18px;
	height: 18px;
}

/* ── ⋯ menu ── */
#cyber-guru-root .cyber-guru-menu-wrap {
	position: relative;
	flex-shrink: 0;
}

#cyber-guru-root .cyber-guru-menu {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	min-width: 150px;
	padding: 4px;
	border-radius: 10px;
	background: var(--cg-bg);
	border: 1px solid var(--cg-border);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
	z-index: 2;
}

#cyber-guru-root .cyber-guru-menu[hidden] {
	display: none !important;
}

#cyber-guru-root .cyber-guru-menu-item {
	display: block;
	width: 100%;
	text-align: left;
	padding: 8px 10px;
	border: none;
	border-radius: 6px;
	background: transparent;
	color: var(--cg-text);
	font: inherit;
	font-size: 13px;
	cursor: pointer;
}

#cyber-guru-root .cyber-guru-menu-item:hover,
#cyber-guru-root .cyber-guru-menu-item:focus-visible {
	background: var(--cg-bg-input);
	outline: none;
}

#cyber-guru-root .cyber-guru-icon-btn:focus-visible,
#cyber-guru-root .cyber-guru-send:focus-visible,
#cyber-guru-root .cyber-guru-chip:focus-visible,
#cyber-guru-root .cyber-guru-new-pill:focus-visible,
#cyber-guru-root .cyber-guru-powered a:focus-visible {
	outline: 2px solid var(--cg-primary);
	outline-offset: 2px;
}

/* ── Messages ── */
#cyber-guru-root .cyber-guru-messages-wrap {
	flex: 1;
	min-height: 0;
	position: relative;
	display: flex;
	flex-direction: column;
}

#cyber-guru-root .cyber-guru-messages {
	flex: 1;
	min-height: 0;
	position: relative; /* offsetTop of a message is measured from here */
	overflow-y: auto;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	scroll-behavior: smooth;
}

#cyber-guru-root .cyber-guru-messages::-webkit-scrollbar {
	width: 4px;
}

#cyber-guru-root .cyber-guru-messages::-webkit-scrollbar-track {
	background: transparent;
}

#cyber-guru-root .cyber-guru-messages::-webkit-scrollbar-thumb {
	background: var(--cg-border);
	border-radius: 4px;
}

#cyber-guru-root .cyber-guru-msg {
	max-width: 85%;
	padding: 10px 14px;
	border-radius: 14px;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--cg-text);
	word-wrap: break-word;
	white-space: pre-wrap;
}

#cyber-guru-root .cyber-guru-msg-user {
	align-self: flex-end;
	background: var(--cg-bg-user);
	color: var(--cg-on-primary);
	border-bottom-right-radius: 4px;
}

#cyber-guru-root .cyber-guru-msg-assistant {
	align-self: flex-start;
	background: var(--cg-bg-assistant);
	border-bottom-left-radius: 4px;
	border: 1px solid var(--cg-border);
}

#cyber-guru-root .cyber-guru-msg-error {
	align-self: center;
	background: rgba(239, 68, 68, 0.15);
	color: var(--cg-error);
	font-size: 12.5px;
	text-align: center;
}

/* ── Typing indicator — a row at the end of the message list ── */
#cyber-guru-root .cyber-guru-typing {
	align-self: flex-start;
	display: flex;
	flex-shrink: 0;
	gap: 4px;
	padding: 12px 16px;
	background: var(--cg-bg-assistant);
	border-radius: 14px;
	border-bottom-left-radius: 4px;
}

#cyber-guru-root .cyber-guru-typing[hidden] {
	display: none !important;
}

#cyber-guru-root .cyber-guru-typing-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--cg-text-muted);
	animation: cyber-guru-bounce 1.4s ease-in-out infinite;
}

#cyber-guru-root .cyber-guru-typing-dot:nth-child(2) { animation-delay: 0.16s; }
#cyber-guru-root .cyber-guru-typing-dot:nth-child(3) { animation-delay: 0.32s; }

@keyframes cyber-guru-bounce {
	0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
	30% { transform: translateY(-6px); opacity: 1; }
}

/* ── Input ── */
#cyber-guru-root .cyber-guru-input-area {
	display: flex;
	gap: 8px;
	padding: 12px 16px;
	border-top: 1px solid var(--cg-border);
	flex-shrink: 0;
}

#cyber-guru-root .cyber-guru-input {
	flex: 1;
	padding: 10px 14px;
	border-radius: 12px;
	border: 1px solid var(--cg-border);
	background: var(--cg-bg-input);
	color: var(--cg-text);
	font-size: 13.5px;
	font-family: inherit;
	outline: none;
	resize: none;
	min-height: 20px;
	max-height: 80px;
	transition: border-color 0.15s;
}

#cyber-guru-root .cyber-guru-input::placeholder {
	color: var(--cg-text-muted);
}

#cyber-guru-root .cyber-guru-input:focus {
	border-color: var(--cg-primary);
}

#cyber-guru-root .cyber-guru-send {
	width: 40px;
	height: 40px;
	border-radius: 12px;
	border: none;
	background: var(--cg-primary);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: background 0.15s, transform 0.1s;
}

#cyber-guru-root .cyber-guru-send:hover {
	background: var(--cg-primary-hover);
}

#cyber-guru-root .cyber-guru-send:active {
	transform: scale(0.92);
}

#cyber-guru-root .cyber-guru-send:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

#cyber-guru-root .cyber-guru-send svg {
	width: 18px;
	height: 18px;
	fill: var(--cg-on-primary);
}

/* ── Starter prompts ── */
#cyber-guru-root .cyber-guru-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-self: flex-start;
	max-width: 100%;
}

#cyber-guru-root .cyber-guru-chip {
	padding: 7px 12px;
	border-radius: 999px;
	border: 1px solid var(--cg-primary);
	background: var(--cg-primary-soft);
	color: var(--cg-text);
	font: inherit;
	font-size: 12.5px;
	line-height: 1.3;
	text-align: left;
	cursor: pointer;
	transition: background 0.15s;
}

#cyber-guru-root .cyber-guru-chip:hover {
	background: var(--cg-primary-glow);
}

/* ── "New content" jump pill ── */
#cyber-guru-root .cyber-guru-new-pill {
	position: absolute;
	left: 50%;
	bottom: 14px;
	transform: translateX(-50%);
	padding: 7px 16px;
	/* N-9: an opaque ring in the panel colour plus a heavier shadow, so the
	   pill reads as floating above the answer text instead of mixing in. */
	border: 2px solid var(--cg-bg);
	border-radius: 999px;
	background: var(--cg-primary);
	background-clip: padding-box;
	color: var(--cg-on-primary);
	font: inherit;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	box-shadow: 0 0 0 1px var(--cg-border), 0 8px 24px rgba(0, 0, 0, 0.45);
	cursor: pointer;
	z-index: 2;
}

#cyber-guru-root .cyber-guru-new-pill:hover,
#cyber-guru-root .cyber-guru-new-pill:focus-visible {
	background: var(--cg-primary-hover);
}

#cyber-guru-root .cyber-guru-new-pill[hidden] {
	display: none !important;
}

#cyber-guru-root .cyber-guru-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ── Powered by ── */
#cyber-guru-root .cyber-guru-powered {
	text-align: center;
	padding: 6px;
	font-size: 10px;
	color: var(--cg-text-muted);
	flex-shrink: 0;
}

#cyber-guru-root .cyber-guru-powered a {
	/* a11y: muted text colour (4.5:1 at 10px) and an underline so the link does not rely on colour. */
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ── Mobile ── */
@media (max-width: 480px) {
	#cyber-guru-root .cyber-guru-panel {
		width: calc(100vw - 16px);
		height: calc(100vh - var(--cibrai-widget-bottom, 24px) - 76px);
		max-height: calc(100vh - var(--cibrai-widget-bottom, 24px) - 76px);
		height: calc(100dvh - var(--cibrai-widget-bottom, 24px) - 76px);
		max-height: calc(100dvh - var(--cibrai-widget-bottom, 24px) - 76px);
		bottom: calc(var(--cibrai-widget-bottom, 24px) + 64px);
		right: 8px !important;
		left: 8px !important;
		border-radius: 12px;
	}

	/* iOS Safari zooms the page when an input under 16px gets focus. */
	#cyber-guru-root .cyber-guru-input {
		font-size: 16px;
	}

	#cyber-guru-root .cyber-guru-bubble[data-position="bottom-right"] {
		right: 16px;
	}

	#cyber-guru-root .cyber-guru-bubble[data-position="bottom-left"] {
		left: 16px;
	}
}

/* ── Links inside an answer ── */
#cyber-guru-root .cyber-guru-panel .cyber-guru-msg a.cyber-guru-link,
#cyber-guru-root .cyber-guru-panel .cyber-guru-msg a.cyber-guru-link:visited {
	color: var(--cg-primary);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	overflow-wrap: anywhere;
	box-shadow: none;
}

#cyber-guru-root .cyber-guru-panel .cyber-guru-msg a.cyber-guru-link:hover {
	text-decoration-thickness: 2px;
}

#cyber-guru-root .cyber-guru-panel .cyber-guru-msg a.cyber-guru-link:focus-visible {
	outline: 2px solid var(--cg-primary);
	outline-offset: 2px;
	border-radius: 2px;
}

/* ── Live status line ("Searching the web…") under the typing dots ── */
#cyber-guru-root .cyber-guru-live-status {
	align-self: flex-start;
	display: flex;
	align-items: center;
	gap: 7px;
	max-width: 85%;
	margin: -4px 0 2px 4px;
	font-size: 12px;
	line-height: 1.4;
	color: var(--cg-text-muted);
}

#cyber-guru-root .cyber-guru-live-status.is-fresh {
	animation: cyber-guru-status-in 0.25s ease-out;
}

#cyber-guru-root .cyber-guru-live-status-icon {
	flex-shrink: 0;
	width: 11px;
	height: 11px;
	border: 1.5px solid var(--cg-border);
	border-top-color: var(--cg-primary);
	border-radius: 50%;
	animation: cyber-guru-status-spin 0.9s linear infinite;
}

#cyber-guru-root .cyber-guru-live-status-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@keyframes cyber-guru-status-spin {
	to { transform: rotate(360deg); }
}

@keyframes cyber-guru-status-in {
	from { opacity: 0; transform: translateY(3px); }
	to { opacity: 1; transform: none; }
}

/* ── OSINT status badges ── */
#cyber-guru-root .cyber-guru-status-badge {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	margin: 4px 48px 4px 12px;
	background: rgba(99, 102, 241, 0.08);
	border: 1px solid rgba(99, 102, 241, 0.2);
	border-radius: 8px;
	font-size: 12px;
	color: #6366f1;
	animation: cgPulse 1.5s ease-in-out infinite;
	transition: background 0.3s, border-color 0.3s, color 0.3s;
}

#cyber-guru-root .cyber-guru-status-badge.cyber-guru-status-done {
	background: rgba(34, 197, 94, 0.08);
	border-color: rgba(34, 197, 94, 0.25);
	color: #16a34a;
	animation: none;
}

#cyber-guru-root .cyber-guru-msg-assistant strong {
	color: var(--cg-accent-text);
}

#cyber-guru-root .cyber-guru-msg-assistant code {
	font-family: 'SF Mono', 'Cascadia Code', 'Fira Code', monospace;
}

#cyber-guru-root .cyber-guru-status-dot {
	font-size: 16px;
	line-height: 1;
}

#cyber-guru-root .cyber-guru-status-label {
	font-weight: 600;
}

#cyber-guru-root .cyber-guru-status-detail {
	opacity: 0.7;
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@keyframes cgPulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.5; }
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
	#cyber-guru-root .cyber-guru-bubble,
	#cyber-guru-root .cyber-guru-typing-dot,
	#cyber-guru-root .cyber-guru-status-badge,
	#cyber-guru-root .cyber-guru-live-status,
	#cyber-guru-root .cyber-guru-live-status-icon {
		animation: none !important;
	}

	#cyber-guru-root .cyber-guru-bubble,
	#cyber-guru-root .cyber-guru-panel,
	#cyber-guru-root .cyber-guru-panel[data-open="true"],
	#cyber-guru-root .cyber-guru-send,
	#cyber-guru-root .cyber-guru-chip {
		transition: none !important;
	}

	#cyber-guru-root .cyber-guru-panel {
		transform: none !important;
	}

	#cyber-guru-root .cyber-guru-bubble:hover,
	#cyber-guru-root .cyber-guru-bubble:active,
	#cyber-guru-root .cyber-guru-send:active {
		transform: none;
	}

	#cyber-guru-root .cyber-guru-messages {
		scroll-behavior: auto;
	}
}

/* ── Print ── */
@media print {
	#cyber-guru-root .cyber-guru-bubble,
	#cyber-guru-root .cyber-guru-panel {
		display: none !important;
	}
}


/* ===== Liquid glass (4.12) — keeps the widget's own light/dark palette, made translucent ===== */
#cyber-guru-root .cyber-guru-panel{
	background:color-mix(in srgb,var(--cg-bg-panel) 96%,transparent)!important;
	-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);
	border:1px solid rgba(255,255,255,.35)!important;border-radius:24px!important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 30px 80px -20px rgba(2,6,23,.45)!important}
#cyber-guru-root .cyber-guru-header,#cyber-guru-root .cyber-guru-input-area{background:transparent!important}
#cyber-guru-root .cyber-guru-msg-assistant,#cyber-guru-root .cyber-guru-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#cyber-guru-root .cyber-guru-msg-user,#cyber-guru-root .cyber-guru-send{background:var(--cg-primary)!important;color:var(--cg-on-primary)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 20px -10px rgba(99,102,241,.8)}
#cyber-guru-root .cyber-guru-input{border-radius:14px!important}
#cyber-guru-root .cyber-guru-bubble{background:var(--cg-primary)!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 16px 40px -10px rgba(99,102,241,.75)!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#cyber-guru-root .cyber-guru-panel{background:var(--cg-bg-panel)!important}}
@supports not (background:color-mix(in srgb,red 50%,transparent)){#cyber-guru-root .cyber-guru-panel{background:var(--cg-bg-panel)!important}}