@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');

/* ========================================
   CSS Variables
   ======================================== */
:root {
	--color-primary: rgb(49, 86, 142);
	--color-primary-80: rgba(49, 86, 142, 0.8);
	--color-primary-70: rgba(49, 86, 142, 0.7);
	--color-primary-60: rgba(49, 86, 142, 0.6);
	--color-primary-20: rgba(49, 86, 142, 0.2);
	--color-primary-15: rgba(49, 86, 142, 0.15);
	--color-primary-12: rgba(49, 86, 142, 0.12);
	--color-accent: rgb(95, 165, 250);
	--color-accent-80: rgba(95, 165, 250, 0.8);
	--color-accent-20: rgba(95, 165, 250, 0.2);
	--color-accent-purple: rgb(167, 78, 222);
	--color-btn-shadow: rgba(155, 91, 248, 0.45);
	--color-card-bg: rgba(255, 255, 255, 0.96);
	--color-card-border: rgba(187, 213, 246, 0.6);
	--color-card-shadow: rgba(53, 56, 67, 0.12);
	--color-toggle-bg: rgba(235, 244, 255, 0.9);
	--gradient-primary: linear-gradient(96deg, var(--color-accent) 0%, var(--color-accent-purple) 104%);
	--radius-full: 999px;
	--radius-lg: 24px;
	--radius-md: 12px;
}

/* ========================================
   Language Selector
   ======================================== */
.lang-selector {
	position: relative;
	display: inline-block;
	margin-top: 8px;
}

.lang-selector__btn {
	background: none;
	border: none;
	padding: 2px;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	border-radius: 4px;
	transition: background 0.15s ease;
}

.lang-selector__btn:hover {
	background: rgba(0, 0, 0, 0.06);
}

.lang-selector__menu {
	display: none;
	position: absolute;
	bottom: calc(100% + 4px);
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	border: 1px solid rgba(187, 213, 246, 0.6);
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(53, 56, 67, 0.12);
	overflow: hidden;
	min-width: 110px;
}

.lang-selector__menu.is-open {
	display: block;
}

.lang-selector__option {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	background: none;
	border: none;
	padding: 6px 12px;
	font-size: 0.78rem;
	color: #333;
	cursor: pointer;
	text-align: left;
	white-space: nowrap;
	transition: background 0.12s ease;
}

.lang-selector__option:hover {
	background: rgba(235, 244, 255, 0.9);
}

.lang-selector__option.is-active {
	color: var(--color-primary);
	font-weight: 600;
	background: rgba(235, 244, 255, 0.5);
}

.lang-selector__flag {
	font-size: 14px;
	line-height: 1;
}

/* ========================================
   Utilities
   ======================================== */
.is-hidden {
	display: none;
}

.honeypot {
	position: absolute;
	transform: scale(0);
}

.btn-gradient {
	background: var(--gradient-primary);
	height: 100%;
	width: 100%;
	border-radius: 30px;
	box-shadow: rgba(155, 91, 248, 0.85) 0px 4px 8px 0px;
}

.text-light {
	--text-color: rgb(248, 247, 250);
}

.text-primary {
	--text-color: var(--color-primary);
}

.heading-primary {
	--font-size: 26px;
	--font-weight: 700;
	--text-color: var(--color-primary);
}

.label-bold-purple {
	--font-size: 14px;
	--font-weight: 700;
	--text-alignment: center;
	--text-color: rgb(78, 24, 172);
}

.img-cover {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-position: center center;
	object-fit: cover;
}

.img-contain {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-position: center center;
	object-fit: contain;
}

.img-fill {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-position: center center;
	object-fit: fill;
}

.img-wrapper {
	position: absolute;
	border-radius: inherit;
	inset: 0;
}

.icon-base {
	image-rendering: pixelated;
	flex-shrink: 0;
}

.icon-dark {
	fill: rgb(0, 0, 0);
	color: rgb(0, 0, 0);
}

.icon-white {
	fill: rgb(254, 254, 255);
	color: rgb(254, 254, 255);
}

.icon-purple {
	fill: rgb(86, 44, 195);
	color: rgb(86, 44, 195);
}

.svg-container {
	width: 100%;
	height: 100%;
	aspect-ratio: inherit;
}

.svg-full {
	width: 100%;
	height: 100%;
}

.center-x {
	transform: translateX(-50%);
}

.center-y {
	transform: translateY(-50%);
}

/* Text utilities */
.text-xs { --font-size: 11px; }
.text-sm { --font-size: 12px; }
.text-base { --font-size: 13px; }
.text-md { --font-size: 15px; }
.text-lg { --font-size: 18px; }
.text-center { --text-alignment: center; }
.text-purple { --text-color: rgb(78, 24, 172); }

/* ========================================
   Login Page Layout
   ======================================== */
.login-bg {
	position: absolute;
	border-radius: inherit;
	inset: 0;
}

.login-bg img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-position: center center;
	object-fit: cover;
}

.login-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 60px 20px 40px;
	box-sizing: border-box;
	overflow-y: auto;
	overflow-x: hidden;
}

.login-content::-webkit-scrollbar {
	width: 0;
	background: transparent;
}

.alt-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
}

.alt-header-title {
	font-size: 24px;
	font-weight: 700;
	color: var(--color-primary);
	text-align: center;
	margin: 30px 0;
	flex-shrink: 0;
}

.alt-header-subtitle {
	font-size: 12px;
	color: var(--color-primary-60);
}

.alt-auth-card {
	width: 100%;
	max-width: 380px;
	background: var(--color-card-bg);
	border-radius: var(--radius-lg);
	border: 1px solid var(--color-card-border);
	box-shadow: var(--color-card-shadow) 0px 20px 45px 0px;
	padding: 28px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	flex-shrink: 0;
}

.alt-logo-img {
	width: 120px;
	height: auto;
}

.alt-caption {
	margin: 0;
	text-align: center;
	font-size: 12px;
	color: var(--color-primary-60);
}

.alt-social {
	display: flex;
	justify-content: center;
	gap: 12px;
}

.alt-social-btn {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	border: 1px solid var(--color-primary-20);
	background: #ffffff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.alt-icon {
	display: inline-flex;
	width: 24px;
	height: 24px;
}

.alt-icon svg {
	width: 100%;
	height: 100%;
}

.alt-divider {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 11px;
	color: var(--color-primary-60);
}

.alt-divider::before,
.alt-divider::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--color-primary-15);
}

.alt-toggle {
	display: flex;
	gap: 8px;
	background: var(--color-toggle-bg);
	padding: 6px;
	border-radius: var(--radius-full);
}

.alt-toggle-btn {
	flex: 1;
	border: none;
	background: transparent;
	padding: 8px 10px;
	border-radius: var(--radius-full);
	font-size: 13px;
	font-weight: 600;
	color: var(--color-primary);
	cursor: pointer;
}

.alt-toggle-btn.is-active {
	background: #ffffff;
	box-shadow: var(--color-primary-12) 0px 6px 12px;
}

.alt-methods {
	display: flex;
	gap: 8px;
	background: var(--color-toggle-bg);
	padding: 4px;
	border-radius: var(--radius-full);
}

.alt-method-btn {
	flex: 1;
	border: none;
	background: transparent;
	padding: 6px 10px;
	border-radius: var(--radius-full);
	font-size: 12px;
	font-weight: 600;
	color: var(--color-primary);
	cursor: pointer;
}

.alt-method-btn.is-active {
	background: #ffffff;
	box-shadow: var(--color-primary-12) 0px 6px 12px;
}

.alt-otp-channel {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 4px;
}

.alt-otp-label {
	font-size: 13px;
	color: #6b7280;
	font-weight: 500;
}

.alt-otp-options {
	display: flex;
	gap: 10px;
}

.alt-otp-btn {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 16px;
	border: 2px solid #e5e7eb;
	border-radius: 10px;
	background: #ffffff;
	font-size: 14px;
	font-weight: 500;
	color: #6b7280;
	cursor: pointer;
	transition: all 0.2s ease;
}

.alt-otp-btn:hover {
	border-color: #d1d5db;
	background: #f9fafb;
}

.alt-otp-btn.is-active {
	border-color: #3b82f6;
	background: #eff6ff;
	color: #1d4ed8;
}

.alt-otp-btn.is-active[data-channel="whatsapp"] {
	border-color: #25d366;
	background: #ecfdf5;
	color: #16a34a;
}

.alt-otp-icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.alt-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.alt-login-email,
.alt-login-phone {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* Phone country code selector + number input */
.phone-country-input {
	display: flex;
	gap: 0;
	border: 1px solid var(--color-primary-20);
	border-radius: var(--radius-md);
	overflow: hidden;
	background: #fff;
	transition: border-color 0.2s;
}

.phone-country-input:focus-within {
	border-color: var(--color-accent-80);
	box-shadow: 0 0 0 2px var(--color-accent-20);
}

.phone-country-input__code {
	border: none !important;
	border-right: 1px solid var(--color-primary-20) !important;
	border-radius: 0 !important;
	height: 44px;
	padding: 0 10px;
	font-size: 12px;
	font-weight: 600;
	color: var(--color-primary);
	background: rgba(49, 86, 142, 0.04);
	min-width: 140px;
	cursor: pointer;
	outline: none;
}

.phone-country-input__number {
	flex: 1;
	border: none !important;
	border-radius: 0 !important;
	height: 44px;
	padding: 0 14px;
	font-size: 14px;
	color: var(--color-primary);
	background: transparent;
	outline: none;
	min-width: 0;
}

.phone-country-input__hint {
	font-size: 11px;
	color: var(--color-accent-80);
	margin-top: 4px;
	font-weight: 500;
	line-height: 1.4;
}

.phone-country-input__hint.is-hidden {
	display: none;
}

.alt-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 12px;
	color: var(--color-primary-80);
	font-weight: 600;
}

.alt-field input,
.alt-field select {
	height: 44px;
	border-radius: var(--radius-md);
	border: 1px solid var(--color-primary-20);
	padding: 0 14px;
	font-size: 13px;
	background: #ffffff;
	color: var(--color-primary);
}

.alt-field input:focus,
.alt-field select:focus {
	outline: none;
	border-color: var(--color-accent-80);
	box-shadow: var(--color-accent-20) 0px 0px 0px 3px;
}

.alt-guidance {
	font-size: 11px;
	color: var(--color-primary-60);
	margin: 0;
}

/* ── Password Requirements Checklist ── */
.pwd-checklist {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 4px;
}
.pwd-checklist__item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.45);
	transition: color 0.2s ease;
}
.pwd-checklist__item.is-met {
	color: #4caf50;
}
.pwd-checklist__icon {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	border-radius: 50%;
	border: 1.5px solid rgba(255, 255, 255, 0.25);
	position: relative;
	transition: border-color 0.2s ease, background 0.2s ease;
}
.pwd-checklist__item.is-met .pwd-checklist__icon {
	border-color: #4caf50;
	background: #4caf50;
}
.pwd-checklist__item.is-met .pwd-checklist__icon::after {
	content: '';
	position: absolute;
	left: 3px;
	top: 1px;
	width: 5px;
	height: 8px;
	border: solid #fff;
	border-width: 0 1.5px 1.5px 0;
	transform: rotate(45deg);
}

.alt-preferences {
	display: grid;
	gap: 12px;
}

.alt-form.is-hidden {
	display: none;
}

.alt-primary {
	width: 100%;
	height: 44px;
	border-radius: var(--radius-full);
	border: none;
	background: var(--gradient-primary);
	color: #ffffff;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	box-shadow: var(--color-btn-shadow) 0px 6px 14px;
}

.alt-secondary {
	width: 100%;
	height: 44px;
	border-radius: var(--radius-full);
	border: 1px solid var(--color-primary-20);
	background: #ffffff;
	color: var(--color-primary);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

.alt-forgot {
	text-align: center;
	font-size: 12px;
	color: var(--color-accent);
	text-decoration: none;
}

.alt-register {
	text-align: center;
	font-size: 12px;
	color: var(--color-primary-70);
}

.alt-register a {
	color: var(--color-accent);
	text-decoration: none;
	font-weight: 600;
}

.alt-version {
	text-align: center;
	font-size: 9px;
	color: var(--color-primary-20);
	margin-top: 6px;
	letter-spacing: 0.2px;
	font-weight: 400;
}

/* Center the lang-selector when inside auth card or login-content */
.login-content .lang-selector,
.alt-auth-card .lang-selector {
	text-align: center;
	margin-top: 16px;
}


.alt-login-email.is-hidden,
.alt-login-phone.is-hidden,
.alt-login-phone [data-otp].is-hidden,
.alt-form .is-hidden,
.alt-social.is-hidden,
.alt-divider.is-hidden,
.alt-methods.is-hidden {
	display: none !important;
}

/* Tablet */
@media (max-width: 900px) {
	.login-content {
		padding: 40px 20px 30px;
	}

	.alt-header-title {
		font-size: 22px;
		margin: 24px 0;
	}

	.alt-logo-img {
		width: 100px;
	}

	.alt-auth-card {
		padding: 24px;
	}
}

/* Mobile */
@media (max-width: 480px) {
	.login-content {
		padding: 30px 16px 20px;
	}

	.alt-header-title {
		font-size: 20px;
		margin: 20px 0;
	}

	.alt-logo-img {
		width: 90px;
	}

	.alt-auth-card {
		padding: 20px;
		gap: 12px;
		border-radius: 20px;
	}

	.alt-primary {
		padding: 12px 16px;
		font-size: 14px;
	}

	.alt-field input,
	.alt-field select {
		padding: 10px 12px;
		font-size: 14px;
	}

	.alt-social-btn {
		width: 50px;
		height: 50px;
	}

	.alt-otp-btn {
		padding: 8px 12px;
		font-size: 13px;
	}

	.alt-otp-icon {
		width: 16px;
		height: 16px;
	}

	.alt-methods {
		gap: 6px;
	}

	.alt-method-btn {
		padding: 5px 8px;
		font-size: 12px;
	}
}

/* Login page responsive overrides */
.app-root.login-page {
	width: 100% !important;
	max-width: 100% !important;
	min-height: 100vh;
	padding: 20px !important;
	justify-content: center;
}

.login-main {
	min-width: unset !important;
	width: 100% !important;
	border-radius: 25px;
	flex: 1 1 auto !important;
}

@media (max-width: 900px) {
	.app-root.login-page {
		height: auto !important;
		min-height: 100vh;
		padding: 10px !important;
		gap: 0 !important;
	}

	.login-main {
		min-height: 100%;
		height: auto !important;
	}
}

@media (max-width: 480px) {
	.app-root.login-page {
		padding: 0 !important;
	}

	.login-main {
		border-radius: 0;
	}

	.login-content {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}

html,body,#main{box-sizing:border-box;margin:0;padding:0}
:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{box-sizing:border-box;-webkit-font-smoothing:inherit}
h1,h2,h3,h4,h5,h6,p,figure{margin:0}
body,input,textarea,select,button{font-family:"Inter","Inter Placeholder",sans-serif;font-size:12px}

.app-root{
	--font-family:"Inter";
	--font-family-preview:"Inter";
	--font-family-bold:"Inter";
	--font-family-italic:"Inter";
	--font-family-bold-italic:"Inter";
}

html body { background: linear-gradient(90deg, rgb(227, 229, 250) 3%, rgb(237, 239, 250) 100%, rgba(218, 219, 232, 1) 103%); }

@media(min-width: 1200px){.hidden-desktop{display:none!important}}
@media(min-width: 700px) and (max-width: 1199.98px){.hidden-tablet{display:none!important}}
@media(max-width: 699.98px){.hidden-mobile{display:none!important}}

/* Core styles */
@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)){body{--will-change-override:transform}}
@supports (background:-webkit-named-image(i)) and (not (position-area:top right)){body{--will-change-filter-override:filter}}
.legacy-selector div div span,.legacy-selector a div span,.legacy-selector span span span,.legacy-selector p span span,.legacy-selector h1 span span,.legacy-selector h2 span span,.legacy-selector h3 span span,.legacy-selector h4 span span,.legacy-selector h5 span span,.legacy-selector h6 span span,.legacy-selector a{font-family:var(--font-family);font-style:var(--font-style);font-weight:min(calc(var(--font-weight-increase,0) + var(--font-weight,400)),900);color:var(--text-color);letter-spacing:var(--letter-spacing);font-size:var(--font-size);text-transform:var(--text-transform);--text-decoration:var(--text-decoration-style,solid)var(--text-decoration,none)var(--text-decoration-color,currentcolor)var(--text-decoration-thickness,auto);--text-decoration-skip-ink:var(--text-decoration-skip-ink);--text-underline-offset:var(--text-decoration-offset);line-height:var(--line-height);--font-family:var(--font-family);--font-style:var(--font-style);--font-weight:var(--font-weight);--text-color:var(--text-color);--letter-spacing:var(--letter-spacing);--font-size:var(--font-size);--text-transform:var(--text-transform);--line-height:var(--line-height)}
@supports not (color:color(display-p3 1 1 1)){p.text,div.text,h1.text,h2.text,h3.text,h4.text,h5.text,h6.text,li.text,ol.text,ul.text,span.text:not([data-text-fill]){color:var(--blockquote-text-color-rgb,var(--blockquote-text-color,var(--text-color-rgb,var(--text-color,#000))));-webkit-text-stroke-color:var(--text-stroke-color-rgb,var(--text-stroke-color,initial))}mark.text{background-color:var(--blockquote-text-background-color-rgb,var(--blockquote-text-background-color,var(--text-background-color-rgb,var(--text-background-color,initial))))}}
@supports not (color:color(display-p3 1 1 1)){code.text,code.text span.text:not([data-text-fill]){color:var(--blockquote-text-color-rgb,var(--blockquote-text-color,var(--code-text-color-rgb,var(--code-text-color,var(--text-color-rgb,var(--text-color,#000))))))}}
@supports not (color:color(display-p3 1 1 1)){a.text,span.text[data-nested-link]{color:var(--blockquote-text-color-rgb,var(--blockquote-text-color,var(--link-text-color-rgb,var(--link-text-color,var(--text-color-rgb,var(--text-color,#000))))));background-color:var(--link-text-background-color-rgb,var(--link-text-background-color,initial));-webkit-text-decoration-color:var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))));text-decoration-color:var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))))}}
@supports not (color:color(display-p3 1 1 1)){code.text a.text,code.text a.text span.text:not([data-text-fill]),code.text span.text[data-nested-link],code.text span.text[data-nested-link] span.text:not([data-text-fill]){color:var(--blockquote-text-color-rgb,var(--blockquote-text-color,var(--link-text-color-rgb,var(--link-text-color,var(--code-text-color-rgb,var(--code-text-color,var(--text-color-rgb,var(--text-color,#000))))))))}}
@supports not (color:color(display-p3 1 1 1)){a.text:hover,span.text[data-nested-link]:hover{color:var(--link-hover-text-color-rgb,var(--link-hover-text-color,var(--blockquote-text-color-rgb,var(--blockquote-text-color,var(--link-text-color-rgb,var(--link-text-color,var(--text-color-rgb,var(--text-color,#000))))))));background-color:var(--link-hover-text-background-color-rgb,var(--link-hover-text-background-color,var(--link-text-background-color-rgb,var(--link-text-background-color,var(--text-background-color-rgb,var(--text-background-color,initial))))));-webkit-text-decoration-color:var(--link-hover-text-decoration-color-rgb,var(--link-hover-text-decoration-color,var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))))));text-decoration-color:var(--link-hover-text-decoration-color-rgb,var(--link-hover-text-decoration-color,var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))))))}}
@supports not (color:color(display-p3 1 1 1)){code.text a.text:hover,code.text span.text[data-nested-link]:hover{color:var(--link-hover-text-color-rgb,var(--link-hover-text-color,var(--blockquote-text-color-rgb,var(--blockquote-text-color,var(--link-text-color-rgb,var(--link-text-color,var(--code-text-color-rgb,var(--code-text-color,var(--text-color-rgb,var(--text-color,#000))))))))))}}
@supports not (color:color(display-p3 1 1 1)){a.text.legacy-selector,span.text.legacy-selector{color:var(--link-current-text-color-rgb,var(--link-current-text-color,var(--link-text-color-rgb,var(--link-text-color,var(--text-color-rgb,var(--text-color,#000))))));background-color:var(--link-current-text-background-color-rgb,var(--link-current-text-background-color,var(--link-text-background-color-rgb,var(--link-text-background-color,var(--text-background-color-rgb,var(--text-background-color,initial))))));-webkit-text-decoration-color:var(--link-current-text-decoration-color-rgb,var(--link-current-text-decoration-color,var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))))));text-decoration-color:var(--link-current-text-decoration-color-rgb,var(--link-current-text-decoration-color,var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))))))}}
@supports not (color:color(display-p3 1 1 1)){code.text a.text.legacy-selector,code.text a.text.legacy-selector span.text:not([data-text-fill]),code.text span.text.legacy-selector,code.text span.text.legacy-selector span.text:not([data-text-fill]){color:var(--link-current-text-color-rgb,var(--link-current-text-color,var(--link-text-color-rgb,var(--link-text-color,var(--code-text-color-rgb,var(--code-text-color,var(--text-color-rgb,var(--text-color,#000))))))));background-color:var(--link-current-text-background-color-rgb,var(--link-current-text-background-color,var(--link-text-background-color-rgb,var(--link-text-background-color,var(--text-background-color-rgb,var(--text-background-color,initial))))))}}
@supports not (color:color(display-p3 1 1 1)){a.text.legacy-selector:hover,span.text.legacy-selector:hover{color:var(--link-hover-text-color-rgb,var(--link-hover-text-color,var(--link-current-text-color-rgb,var(--link-current-text-color,var(--link-text-color-rgb,var(--link-text-color,var(--code-text-color-rgb,var(--code-text-color,var(--text-color-rgb,var(--text-color,#000))))))))));background-color:var(--link-hover-text-background-color-rgb,var(--link-hover-text-background-color,var(--link-current-text-background-color-rgb,var(--link-current-text-background-color,var(--link-text-background-color-rgb,var(--link-text-background-color,initial))))));-webkit-text-decoration-color:var(--link-hover-text-decoration-color-rgb,var(--link-hover-text-decoration-color,var(--link-current-text-decoration-color-rgb,var(--link-current-text-decoration-color,var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))))))));text-decoration-color:var(--link-hover-text-decoration-color-rgb,var(--link-hover-text-decoration-color,var(--link-current-text-decoration-color-rgb,var(--link-current-text-decoration-color,var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))))))))}}
@supports not (color:color(display-p3 1 1 1)){code.text a.text.legacy-selector:hover,code.text a.text.legacy-selector:hover span.text:not([data-text-fill]),code.text span.text.legacy-selector:hover,code.text span.text.legacy-selector:hover span.text:not([data-text-fill]){color:var(--link-hover-text-color-rgb,var(--link-hover-text-color,var(--link-current-text-color-rgb,var(--link-current-text-color,var(--link-text-color-rgb,var(--link-text-color,var(--code-text-color-rgb,var(--code-text-color,var(--text-color-rgb,var(--text-color,#000))))))))));background-color:var(--link-hover-text-background-color-rgb,var(--link-hover-text-background-color,var(--link-current-text-background-color-rgb,var(--link-current-text-background-color,var(--link-text-background-color-rgb,var(--link-text-background-color,initial))))))}}
@supports not (aspect-ratio:1){.text-module:not([data-width=fit])[style*=aspect-ratio]{position:relative}.text-module:not([data-width=fit])[style*=aspect-ratio]:before{content:"";padding-bottom:calc(100%/calc(var(--aspect-ratio)));display:block}.text-module[data-width=fill]>:first-child,.text-module:not([data-width=fit])[style*=aspect-ratio]>:first-child{height:100%;position:absolute;top:0;left:0}}
@supports not (overflow:clip){:root{--overflow-clip-fallback:hidden}}
@supports (background:-webkit-named-image(i)) and (not (contain-intrinsic-size:inherit)){div.text,p.text,h1.text,h2.text,h3.text,h4.text,h5.text,h6.text,ol.text,ul.text,li.text,blockquote.text,.text.image{display:var(--text-truncation-display-inline-for-safari-16,revert)}div.text:after,p.text:after,h1.text:after,h2.text:after,h3.text:after,h4.text:after,h5.text:after,h6.text:after,ol.text:after,ul.text:after,li.text:after,blockquote.text:after,.text.image:after{content:var(--text-truncation-line-break-for-safari-16);white-space:pre}.text.text-module,.text.table-wrapper{display:var(--text-truncation-display-none-for-safari-16,revert)}p.text[data-text-fill]{display:var(--text-truncation-display-inline-for-safari-16,inline-block)}}
@supports (corner-shape:superellipse(2)){:root{--one-if-corner-shape-supported:1}}
.cursor-none,.cursor-none *{cursor:none!important}
.pointer-events-none,.pointer-events-none *{pointer-events:none!important}
@supports (aspect-ratio:1){body{--aspect-ratio-supported:auto}}

/* Component styles used on the page (verbatim from provided source) */
.app-root.link-base,.app-root .link-base{display:block}
.app-root.app-layout{min-height:100vh;height:765px;overflow:var(--overflow-clip-fallback,clip);background:linear-gradient(90deg,#e3e5fa 3%,#edeffa 100%,#dadbe8 103%);flex-flow:row;place-content:flex-start;align-items:flex-start;gap:10px;padding:20px;display:flex;position:relative}
.app-root .sidebar{flex-flow:column;flex:none;place-content:flex-start;align-items:flex-start;gap:10px;width:52px;height:100%;min-height:700px;padding:0;display:flex;position:relative;overflow:visible}
.app-root .sidebar-content{height:1px;overflow:var(--overflow-clip-fallback,clip);flex:1 0 0;gap:0;width:105%;position:relative}
.app-root .legacy-1k229ik{will-change:var(--will-change-effect-override,transform);flex:none;width:60px;height:77px;text-decoration:none;position:absolute;top:60px;left:calc(49.4118% - 30px);overflow:visible}
.app-root .legacy-18xoq8j{width:44px;height:44px;position:absolute;top:0;left:7px}
.app-root .legacy-1ct59xq{flex:none;width:18px;height:20px;position:absolute;top:11px;left:calc(53.3333% - 9px)}
.app-root .legacy-yoegw8{height:468px;overflow:var(--overflow-clip-fallback,clip);flex:none;width:80px;position:absolute;top:188px;left:calc(48.9362% - 40px)}
.app-root .legacy-1bintbs{height:41px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);flex:none;width:52px;position:absolute;top:6px;left:calc(51.25% - 26px)}
.app-root .legacy-qgimkv{aspect-ratio:.961538;height:var(--aspect-ratio-supported,31px);flex:none;width:20px;position:absolute;top:0;left:52%;transform:translate(-50%)}
.app-root .legacy-lt14d3{will-change:var(--will-change-effect-override,transform);flex:none;width:80px;height:35px;position:absolute;top:48px;left:calc(50% - 40px);overflow:visible}
.app-root .legacy-1fbov4f{aspect-ratio:1.06667;height:var(--aspect-ratio-supported,21px);flex:none;width:22px;position:absolute;top:5px;left:53%;transform:translate(-50%)}
.app-root .legacy-1gx3q0c{height:60px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);flex:none;width:74px;position:absolute;bottom:189px;left:calc(47.5% - 37px)}
.app-root .legacy-18b1k9u{aspect-ratio:.981818;height:var(--aspect-ratio-supported,28px);flex:none;width:27px;position:absolute;top:7px;left:29px}
.app-root .legacy-hcj5bm{will-change:var(--will-change-effect-override,transform);flex:none;width:76px;height:26px;position:absolute;top:141px;left:calc(47.5% - 38px);overflow:visible}
.app-root .legacy-148osvm{flex:none;width:33px;height:25px;position:absolute;top:0;left:calc(53.9474% - 16.5px)}
.app-root .legacy-ywq4e3{will-change:var(--will-change-effect-override,transform);flex:none;width:75px;height:38px;position:absolute;top:94px;left:calc(46.25% - 37.5px);overflow:visible}
.app-root .legacy-ba3wqs{aspect-ratio:1;height:var(--aspect-ratio-supported,36px);flex:none;width:36px;position:absolute;top:38%;left:24px;transform:translateY(-50%)}
.app-root .legacy-1guzp94{height:27px;overflow:var(--overflow-clip-fallback,clip);flex:none;width:26px;position:absolute;top:183px;left:calc(51.25% - 13px)}
.app-root .legacy-1hhohfy,.app-root .legacy-3shh8b,.app-root .legacy-rzbw8s{width:26px;height:21px;position:absolute;top:0;left:0}
.app-root .legacy-1ckqlmu,.app-root .legacy-behilk{width:4px;height:4px;position:absolute;top:4px;left:17px}
.app-root .legacy-1lwd84v,.app-root .legacy-1kauj3q,.app-root .legacy-1la0hvd{width:4px;height:4px;position:absolute;top:4px;left:5px}
.app-root .legacy-1a3g5ah,.app-root .legacy-zud8c5,.app-root .legacy-5wf2eo{width:4px;height:4px;position:absolute;top:7px;left:11px}
.app-root .legacy-dcrv52,.app-root .legacy-iiyor5,.app-root .legacy-x85ggd{width:4px;height:4px;position:absolute;top:0;left:11px}
.app-root .legacy-a7ed36,.app-root .legacy-1eflwia{width:5px;height:8px;position:absolute;top:13px;left:11px}
.app-root .legacy-wydcpt,.app-root .legacy-14b9tde{width:9px;height:14px;position:absolute;top:7px;left:0}
.app-root .legacy-xa19ma,.app-root .legacy-1xyw71z{width:9px;height:14px;position:absolute;top:7px;left:18px}
.app-root .legacy-9fjagl{flex:none;width:40px;height:31px;position:absolute;bottom:71px;left:calc(53.6585% - 20px)}
.app-root .legacy-e2eduv{background:linear-gradient(#60a4ff 0%,#ccbcff 100%);border-radius:100%;flex:none;gap:10px;width:40px;height:40px;position:absolute;bottom:60px;left:calc(53.6585% - 20px);box-shadow:0 1px 2px #3010e6cc}
.app-root .legacy-vcdpg5{width:21px;height:20px;position:absolute;top:10px;left:9px}
.app-root .legacy-1qifx0v{width:21px;height:20px;position:absolute;top:0;left:0}
.app-root .legacy-1htqm7s{width:9px;height:9px;position:absolute;top:0;left:6px}
.app-root .legacy-adpm16{width:21px;height:8px;position:absolute;top:13px;left:0}
.app-root .legacy-17m4h9m{width:19px;height:5px;position:absolute;top:14px;left:1px}
.app-root .legacy-1d1mo3q{width:7px;height:7px;position:absolute;top:1px;left:8px}
.app-root .nav-icon-user{background:linear-gradient(#60a4ff 0%,#ccbcff 100%);border-radius:100%;flex:none;gap:10px;width:27px;height:27px;position:absolute;bottom:9px;right:47px;box-shadow:0 1px 2px #3010e6cc}
.app-root .icon-svg{width:15px;height:15px;position:absolute;top:5px;left:6px}
.app-root .legacy-12kd6cb{width:15px;height:15px;position:absolute;top:0;left:0}
.app-root .legacy-j032cf{width:6px;height:7px;position:absolute;top:0;left:5px}
.app-root .legacy-afll7z{width:15px;height:6px;position:absolute;top:10px;left:0}
.app-root .legacy-5cqpk6{width:14px;height:4px;position:absolute;top:11px;left:1px}
.app-root .legacy-d62kl8{width:5px;height:5px;position:absolute;top:1px;left:5px}
.app-root .nav-icon-settings{aspect-ratio:.961538;height:var(--aspect-ratio-supported,26px);flex:none;width:25px;position:absolute;bottom:11px;left:22%;transform:translate(-50%)}
.app-root .nav-logo{aspect-ratio:1.06667;height:var(--aspect-ratio-supported,24px);flex:none;width:25px;position:absolute;bottom:13px;left:32%;transform:translate(-50%)}
.app-root .nav-icon-folder{flex:none;width:34px;height:32px;position:absolute;bottom:9px;left:calc(42.0682% - 17px)}
.app-root .nav-icon-alt{aspect-ratio:.981818;height:var(--aspect-ratio-supported,25px);flex:none;width:24px;position:absolute;bottom:11px;left:73%;transform:translate(-50%)}
.app-root .nav-home-link{will-change:var(--will-change-effect-override,transform);flex:none;width:40px;height:37px;text-decoration:none;position:absolute;bottom:7px;left:31px;overflow:visible}
.app-root .nav-home-icon{width:30px;height:30px;position:absolute;top:4px;left:3px}
.app-root .nav-home-svg{flex:none;width:14px;height:16px;position:absolute;top:10px;left:calc(45% - 7px)}
.app-root .nav-avatar{aspect-ratio:1;height:var(--aspect-ratio-supported,35px);flex:none;width:35px;position:absolute;bottom:5px;left:52%;transform:translate(-50%)}
.app-root .nav-icon-accessibility{height:26px;overflow:var(--overflow-clip-fallback,clip);flex:none;width:34px;position:absolute;bottom:11px;left:calc(62.0447% - 17px)}
.app-root .nav-icon-svg{width:25px;height:20px;position:absolute;top:5px;left:3px}
.app-root .legacy-1pcn4ev{width:25px;height:20px;position:absolute;top:0;left:0}
.app-root .legacy-14r4ddu{width:4px;height:4px;position:absolute;top:4px;left:16px}
.app-root .legacy-6e9upd{width:5px;height:8px;position:absolute;top:13px;left:10px}
.app-root .legacy-yuuwei{width:8px;height:13px;position:absolute;top:6px;left:0}
.app-root .legacy-4judzu{width:8px;height:13px;position:absolute;top:6px;left:17px}
.app-root .main-container{border-top-left-radius:25px;border-top-right-radius:25px;flex:1 0 0;width:1px;min-width:400px;height:100%;min-height:550px;position:relative;overflow:auto}
.app-root .chat-container,.app-root .legacy-htd80g{flex:none;gap:0;width:80%;max-width:700px;height:150px;position:absolute;top:202px;left:calc(50.0502% - min(700px,80%)/2);overflow:visible}
.app-root .chat-messages,.app-root .legacy-1hluyf,.app-root .element-h1{flex:none;gap:0;width:100%;position:absolute;top:0;bottom:0;left:0;overflow:visible}
.app-root .chat-messages-inner,.app-root .legacy-1y1az52,.app-root .element-f9{filter:blur(15px);background:linear-gradient(90deg,#254ed24d 0%,#b70e0e4d 100%);border-radius:13px;flex:none;width:100%;position:absolute;top:0;bottom:-2px;left:0}
.app-root .chat-input-form,.app-root .legacy-104r5cx{--border-bottom-width:1px;--border-color:#d9b2f7;--border-left-width:1px;--border-right-width:1px;--border-style:solid;--border-top-width:1px;will-change:var(--will-change-effect-override,transform);background-color:#fff;border-radius:15px;flex-flow:column;flex:none;place-content:flex-start;align-items:flex-start;gap:20px;width:100%;height:148px;padding:5px;display:flex;position:absolute;top:-2px;left:-1px;overflow:auto}
.app-root .chat-input-wrapper,.app-root .legacy-j0ez7y,.app-root .element-e3{flex-flow:column;flex:none;place-content:flex-start;align-items:flex-start;gap:10px;width:100%;height:min-content;padding:0;display:flex;position:relative}
.app-root .chat-textarea-wrapper,.app-root .legacy-18lwfb7,.app-root .chat-textarea-wrapper-alt{--input-border-radius-bottom-left:15px;--input-border-radius-bottom-right:15px;--input-border-radius-top-left:15px;--input-border-radius-top-right:15px;--input-font-color:#000;--input-font-family:"Inter";--input-font-letter-spacing:0em;--input-font-line-height:1.2em;--input-font-size:14px;--input-font-weight:400;--input-icon-color:#999;--input-padding:10px;--input-placeholder-color:#999;--textarea-resize:vertical;flex:none;width:100%;height:104px;position:relative}
.app-root .element-b2,.app-root .legacy-2zmidm-container{will-change:var(--will-change-effect-override,transform);z-index:1;flex:none;width:102px;height:20px;position:absolute;bottom:13px;right:10px}
.app-root .page-heading,.app-root .legacy-a9rnt0,.app-root .page-heading-tablet{--paragraph-spacing:0px;white-space:pre;flex:none;width:auto;height:auto;position:absolute;top:145px;left:50%;transform:translate(-50%)}
.app-root .logo-container,.app-root .legacy-12k7aef,.app-root .logo-container-tablet{aspect-ratio:2.26027;height:var(--aspect-ratio-supported,60px);flex:none;width:136px;position:absolute;top:60px;left:50%;transform:translate(-50%)}
.app-root .element-e4{z-index:1;flex:none;width:157px;height:132px;position:absolute;top:365px;left:calc(47.75% - 78.5px);overflow:visible}
.app-root .element-g1{border-radius:20px;flex:none;width:160px;height:112px;text-decoration:none;position:absolute;top:-2px;left:calc(56.051% - 80px);overflow:visible}
.app-root .element-f8,.app-root .legacy-1a4lnno,.app-root .element-c3{aspect-ratio:1;height:var(--aspect-ratio-supported,43px);opacity:0;border-radius:200px;flex:none;width:43px;text-decoration:none;position:absolute;top:4px;left:48%;transform:translate(-50%);box-shadow:0 2px 10px #2f289e}
.app-root .element-g4{--paragraph-spacing:0px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:160px;height:33px;position:absolute;bottom:-2px;left:calc(50% - 80px)}
.app-root .element-d7{background:linear-gradient(104deg,#afeafa 7%,#d0c3fa 92%);border-radius:35px;flex:none;width:60px;height:60px;position:absolute;top:11px;left:calc(50% - 30px);box-shadow:0 4px 17px #6334c2}
.app-root .element-c1{aspect-ratio:1;height:var(--aspect-ratio-supported,50px);flex:none;width:50px;text-decoration:none;position:absolute;top:50%;left:9px;overflow:visible;transform:translateY(-50%)}
.app-root .legacy-xte327{min-width:600px;height:100%;min-height:600px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-override,transform);border-top-left-radius:25px;border-top-right-radius:25px;flex:1 0 0;width:1px;position:relative;box-shadow:-3px 14px 9.1px -2px #b6a5f6}
.app-root .legacy-ct2xse,.app-root .element-h2{flex:none;width:93%;min-width:450px;height:120px;position:absolute;bottom:27px;left:calc(50% - max(450px,92.7852%)/2);overflow:visible}
.app-root .legacy-1gvfdi0{height:82px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);background:linear-gradient(90deg,#91c3ff 0%,#f2cdfa 100%);border-radius:50px;flex:none;width:82px;text-decoration:none;position:absolute;bottom:11px;left:calc(7.92541% - 41px);box-shadow:0 .602187px 1.56569px -.583333px #9a5beb5e,0 2.28853px 5.95019px -1.16667px #9a5beb6b,0 10px 26px -1.75px #9a5beba6}
.app-root .legacy-1os6cy1-container{aspect-ratio:1;height:var(--aspect-ratio-supported,68px);opacity:.9;flex:none;width:68px;position:absolute;top:50%;left:7px;transform:translateY(-50%)}
.app-root .legacy-xut9hl{height:82px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);background:linear-gradient(90deg,#91ffeb 0%,#ccc3fa 85.5856%);border-radius:50px;flex:none;width:82px;text-decoration:none;position:absolute;bottom:11px;left:calc(29.4756% - 41px);box-shadow:0 .602187px 1.56569px -.583333px #4664bd5e,0 2.28853px 5.95019px -1.16667px #4664bd6b,0 10px 26px -1.75px #4664bda6}
.app-root .legacy-29qryu{--border-bottom-width:1px;--border-color:#ecd6ff;--border-left-width:1px;--border-right-width:1px;--border-style:solid;--border-top-width:1px;aspect-ratio:1;cursor:pointer;height:var(--aspect-ratio-supported,85px);opacity:.9;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-override,transform);border-radius:300px;flex:none;width:68px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 10px 1px #ecd6ff}
.app-root .legacy-jpxmx8{height:82px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);background:linear-gradient(90deg,#bbddfa 43.6937%,#d6fff5 91.8919%);border-radius:50px;flex:none;width:82px;text-decoration:none;position:absolute;bottom:11px;left:calc(50.8137% - 41px);box-shadow:0 .602187px 1.56569px -.583333px #3799bf5e,0 2.28853px 5.95019px -1.16667px #3799bf6b,0 10px 26px -1.75px #3799bfa6}
.app-root .legacy-1yiewr7{--border-bottom-width:1px;--border-color:#ecd6ff;--border-left-width:1px;--border-right-width:1px;--border-style:solid;--border-top-width:1px;aspect-ratio:1;height:var(--aspect-ratio-supported,85px);overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-override,transform);border-radius:300px;flex:none;width:68px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 10px 1px #ecd6ff}
.app-root .legacy-1j9lxgl{height:82px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);background:linear-gradient(90deg,#cffaef 42.3423%,#9cd1ff 78.3784%,#db99ff 111%);border-radius:50px;flex:none;width:82px;text-decoration:none;position:absolute;bottom:11px;left:calc(91.3601% - 41px);box-shadow:0 .602187px 1.56569px -.583333px #6158bf5e,0 2.28853px 5.95019px -1.16667px #6158bf6b,0 10px 26px -1.75px #6158bfa6}
.app-root .legacy-1o9uttk{--border-bottom-width:1px;--border-color:#ecd6ff;--border-left-width:1px;--border-right-width:1px;--border-style:solid;--border-top-width:1px;aspect-ratio:1;height:var(--aspect-ratio-supported,85px);opacity:.8;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-override,transform);border-radius:300px;flex:none;width:68px;position:absolute;top:49%;left:51%;transform:translate(-50%,-50%);box-shadow:0 1px 10px 1px #ecd6ff}
.app-root .legacy-fbgwij{opacity:.82;height:82px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);background:linear-gradient(90deg,#b3c6ff 49.5496%,#eaabff 95.0451%);border-radius:50px;flex:none;width:82px;position:absolute;bottom:11px;left:calc(71.0009% - 41px);box-shadow:0 .602187px 1.56569px -.583333px #904cd95e,0 2.28853px 5.95019px -1.16667px #904cd96b,0 10px 26px -1.75px #904cd9a6}
.app-root .legacy-79vewm{--border-bottom-width:1px;--border-color:#ecd6ff;--border-left-width:1px;--border-right-width:1px;--border-style:solid;--border-top-width:1px;aspect-ratio:1;height:var(--aspect-ratio-supported,85px);overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-override,transform);border-radius:300px;flex:none;width:68px;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 10px 1px #ecd6ff}
.app-root .legacy-1bl51tt{flex:none;width:87%;min-width:550px;max-width:700px;height:97px;position:absolute;top:380px;left:calc(49.6825% - min(700px,max(550px,87.3016%))/2);overflow:visible}
.app-root .legacy-17stths,.app-root .element-b9{background-color:#e7e6fa;border-radius:20px;flex:none;width:160px;height:90px;text-decoration:none;position:absolute;top:2px;left:calc(11.9082% - 80px);overflow:visible;box-shadow:0 .602187px .602187px -.833333px #c4b0f780,0 2.28853px 2.28853px -1.66667px #c4b0f780,0 10px 10px -2.5px #c4b0f780}
.app-root .legacy-h9dxmh,.app-root .element-e2{aspect-ratio:1;height:var(--aspect-ratio-supported,45px);flex:none;width:45px;text-decoration:none;position:absolute;top:5px;left:50%;overflow:visible;transform:translate(-50%)}
.app-root .legacy-1qhsype,.app-root .element-b8{--paragraph-spacing:0px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:201px;height:33px;position:absolute;bottom:10px;left:calc(50.625% - 100.5px)}
.app-root .legacy-1shfod5,.app-root .element-b4{will-change:var(--will-change-effect-override,transform);border-radius:20px;flex:none;width:160px;height:93px;text-decoration:none;position:absolute;top:1px;left:calc(37.7331% - 80px);overflow:visible}
.app-root .legacy-1ur298,.app-root .element-b5{opacity:0;background:linear-gradient(104deg,#afeafa 7%,#d0c3fa 92%);border-radius:28px;flex:none;width:45px;height:45px;position:absolute;top:5px;left:calc(47.5% - 22.5px);box-shadow:0 4px 17px #6334c2}
.app-root .legacy-1gdc937,.app-root .element-h8{--paragraph-spacing:0px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:117px;height:33px;position:absolute;bottom:9px;left:calc(50.625% - 58.5px)}
.app-root .legacy-190neb5{aspect-ratio:1;height:var(--aspect-ratio-supported,49px);flex:none;width:50px;text-decoration:none;position:absolute;top:4px;left:48%;transform:translate(-50%)}
.app-root .legacy-pzuzpp,.app-root .element-g5{will-change:var(--will-change-effect-override,transform);border-radius:20px;flex:none;width:146px;height:93px;text-decoration:none;position:absolute;top:2px;left:calc(90.1004% - 73px);overflow:visible}
.app-root .legacy-1nky7je,.app-root .element-d5{opacity:0;border-radius:200px;flex:none;width:45px;height:45px;position:absolute;top:3px;left:calc(46.25% - 22.5px);box-shadow:0 4px 17px #9b24ab}
.app-root .legacy-12wfdeq,.app-root .element-d4{--paragraph-spacing:0px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:110px;height:33px;position:absolute;bottom:11px;left:calc(46.25% - 55px)}
.app-root .legacy-1mawvaa,.app-root .element-e6{aspect-ratio:1;height:var(--aspect-ratio-supported,63px);flex:none;width:63px;text-decoration:none;position:absolute;top:-1px;left:49%;transform:translate(-50%)}
.app-root .legacy-125hur3,.app-root .element-g7{will-change:var(--will-change-effect-override,transform);border-radius:20px;flex:none;width:160px;height:93px;text-decoration:none;position:absolute;top:1px;left:calc(65.1363% - 80px);overflow:visible}
.app-root .legacy-jdmhkk,.app-root .element-d1{opacity:0;border-radius:200px;flex:none;width:45px;height:45px;position:absolute;top:5px;left:calc(46.875% - 22.5px);box-shadow:0 4px 17px #3947e3}
.app-root .legacy-1bibywo,.app-root .element-g3{--paragraph-spacing:0px;white-space:pre-wrap;will-change:var(--will-change-effect-override,transform);word-break:break-word;word-wrap:break-word;flex:none;width:157px;height:33px;position:absolute;bottom:9px;left:calc(48.75% - 78.5px)}
.app-root .legacy-18ml42a,.app-root .element-b3{aspect-ratio:1.12105;height:var(--aspect-ratio-supported,58px);flex:none;width:65px;position:absolute;top:0;left:49%;overflow:visible;transform:translate(-50%)}
.app-root .content-panel{flex-flow:column;flex:none;place-content:flex-start;align-items:flex-start;gap:10px;width:63px;height:100%;min-height:650px;padding:0;display:flex;position:relative;overflow:visible}
.app-root .element-h4{flex:1 0 0;gap:0;width:60px;height:1px;position:relative;overflow:visible}
.app-root .element-d8{flex:none;width:55px;height:382px;position:absolute;top:191px;left:calc(59.322% - 27.5px);overflow:visible}
.app-root .element-h6{height:42px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);flex:none;width:52px;position:absolute;top:6px;left:calc(50.9091% - 26px)}
.app-root .element-b7{aspect-ratio:.961538;height:var(--aspect-ratio-supported,30px);flex:none;width:25px;position:absolute;top:0;left:52%;transform:translate(-50%)}
.app-root .layout-section{--paragraph-spacing:0px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;z-index:1;flex:none;width:51px;height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}
.app-root .element-d6{will-change:var(--will-change-effect-override,transform);flex:none;width:80px;height:43px;position:absolute;top:68px;left:calc(49.0909% - 40px);overflow:visible}
.app-root .element-b6{aspect-ratio:1.06667;height:var(--aspect-ratio-supported,24px);flex:none;width:25px;position:absolute;top:5px;left:53%;transform:translate(-50%)}
.app-root .element-c2{--paragraph-spacing:0px;white-space:pre;flex:none;width:auto;height:auto;position:absolute;bottom:0;left:51%;transform:translate(-50%)}
.app-root .element-f4{will-change:var(--will-change-effect-override,transform);flex:none;width:74px;position:absolute;top:219px;bottom:229px;left:calc(47.5% - 37px);overflow:visible}
.app-root .element-i1{will-change:var(--will-change-effect-override,transform);flex:none;width:76px;height:40px;position:absolute;top:191px;left:calc(47.2727% - 38px);overflow:visible}
.app-root .element-d3,.app-root .element-h9{--paragraph-spacing:0px;white-space:pre;flex:none;width:auto;height:auto;position:absolute;bottom:0;left:53%;transform:translate(-50%)}
.app-root .element-h5{flex:none;width:41px;height:25px;position:absolute;top:calc(44.4444% - 12.5px);left:calc(53.9474% - 20.5px)}
.app-root .element-d2{will-change:var(--will-change-effect-override,transform);flex:none;width:75px;height:44px;position:absolute;top:129px;left:calc(45.4545% - 37.5px);overflow:visible}
.app-root .element-g6{aspect-ratio:1;height:var(--aspect-ratio-supported,40px);flex:none;width:40px;position:absolute;top:40%;left:20px;transform:translateY(-50%)}
.app-root .layout-cell{height:47px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);flex:none;width:54px;position:absolute;top:314px;left:calc(50.9091% - 27px)}
.app-root .element-a4{--paragraph-spacing:0px;white-space:pre;flex:none;width:auto;height:auto;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}
.app-root .element-e5{aspect-ratio:.981818;height:var(--aspect-ratio-supported,34px);flex:none;width:27px;position:absolute;top:0;left:52%;transform:translate(-50%)}
.app-root .element-a3{height:38px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);flex:none;width:48px;position:absolute;top:255px;left:calc(54.5455% - 24px)}
.app-root .element-f7{width:26px;height:21px;position:absolute;top:2px;left:11px}
.app-root .element-a7{--paragraph-spacing:0px;white-space:pre;flex:none;width:auto;height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}
.app-root .element-c9{background:linear-gradient(#60a4ff 0%,#ccbcff 100%);border-radius:100%;flex:none;gap:10px;width:40px;height:40px;position:absolute;bottom:61px;left:calc(56.25% - 20px);box-shadow:0 1px 2px #3010e6cc}
.app-root .element-a5{--paragraph-spacing:0px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:48px;height:15px;position:absolute;bottom:42px;left:10px}
.app-root .element-h7{flex:none;width:40px;height:31px;position:absolute;bottom:71px;left:calc(56.25% - 20px)}
.app-root .element-a2{will-change:var(--will-change-effect-override,transform);flex:none;width:57px;height:77px;text-decoration:none;position:absolute;top:56px;right:-11px;overflow:visible}
.app-root .layout-item{background:linear-gradient(#4f3af01a 0%,#66145c1a 100%);border-radius:100%;flex:none;width:39px;height:39px;position:absolute;top:4px;left:calc(43.3333% - 19.5px)}
.app-root .element-e8{width:45px;height:45px;position:absolute;top:-3px;left:-5px}
.app-root .element-e1{aspect-ratio:.9;height:var(--aspect-ratio-supported,21px);flex:none;width:19px;position:absolute;top:8px;left:44%;transform:translate(-50%)}
.app-root .element-a8{--paragraph-spacing:0px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:48px;height:15px;position:absolute;bottom:15px;left:-3px}
.app-root .main-container-tablet{min-width:600px;height:100%;min-height:650px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-override,transform);border-top-left-radius:25px;border-top-right-radius:25px;flex:1 0 0;width:1px;position:relative;box-shadow:-3px 14px 9.1px -2px #b6a5f6}
.app-root .layout-row{flex:none;width:62%;min-width:550px;max-width:700px;height:97px;position:absolute;top:380px;left:calc(49.6867% - min(700px,max(550px,62.3993%))/2);overflow:visible}
.app-root .element-f6{aspect-ratio:1;height:var(--aspect-ratio-supported,50px);flex:none;width:50px;text-decoration:none;position:absolute;top:4px;left:48%;transform:translate(-50%)}
.app-root .element-f3{flex:none;gap:0;width:63%;max-width:700px;height:150px;position:absolute;top:202px;left:calc(50.0502% - min(700px,63.4996%)/2);overflow:visible}
.app-root .element-c7{--border-bottom-width:1px;--border-color:#d9b2f7;--border-left-width:1px;--border-right-width:1px;--border-style:solid;--border-top-width:1px;will-change:var(--will-change-effect-override,transform);background:linear-gradient(143deg,#fff 35.7545% 71.9982%);border-radius:15px;flex-flow:column;flex:none;place-content:flex-start;align-items:flex-start;gap:20px;width:100%;height:148px;padding:5px;display:flex;position:absolute;top:-2px;left:-1px;overflow:auto}
.app-root .element-a9{will-change:var(--will-change-effect-override,transform);z-index:1;background:linear-gradient(96deg,#5fa5fa 0%,#a74ede 104%);border-radius:30px;flex-flow:column;flex:none;place-content:center;align-items:center;gap:0;width:102px;height:20px;padding:0;text-decoration:none;display:flex;position:absolute;bottom:13px;right:10px;overflow:visible;box-shadow:0 4px 8px #9b5bf8d9}
.app-root .element-a1{--link-text-color:#09f;--link-text-decoration:underline;-webkit-user-select:none;user-select:none;white-space:pre;flex:none;width:auto;height:auto;position:relative}
.app-root .element-b1{height:82px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);background:linear-gradient(90deg,#91c3ff 0%,#f2cdfa 100%);border-radius:50px;flex:none;width:170px;text-decoration:none;position:absolute;bottom:11px;left:calc(7.92541% - 85px);box-shadow:0 .602187px 1.56569px -.583333px #9a5beb5e,0 2.28853px 5.95019px -1.16667px #9a5beb6b,0 10px 26px -1.75px #9a5beba6}
.app-root .element-e7{--paragraph-spacing:0px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:93px;height:40px;position:absolute;top:21px;left:71px}
.app-root .element-c5{aspect-ratio:1;height:var(--aspect-ratio-supported,68px);opacity:.9;flex:none;width:68px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}
.app-root .element-g9{height:82px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);background:linear-gradient(90deg,#91ffeb 0%,#ccc3fa 85.5856%);border-radius:50px;flex:none;width:170px;text-decoration:none;position:absolute;bottom:11px;left:calc(29.4756% - 85px);box-shadow:0 .602187px 1.56569px -.583333px #4664bd5e,0 2.28853px 5.95019px -1.16667px #4664bd6b,0 10px 26px -1.75px #4664bda6}
.app-root .element-e9{--border-bottom-width:1px;--border-color:#ecd6ff;--border-left-width:1px;--border-right-width:1px;--border-style:solid;--border-top-width:1px;aspect-ratio:1;cursor:pointer;height:var(--aspect-ratio-supported,68px);opacity:.9;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-override,transform);border-radius:300px;flex:none;width:68px;position:absolute;top:50%;left:9px;transform:translateY(-50%);box-shadow:0 1px 10px 1px #ecd6ff}
.app-root .element-f2{--paragraph-spacing:0px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:93px;height:39px;position:absolute;top:calc(52.439% - 19.5px);left:72px}
.app-root .element-c4{height:82px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);background:linear-gradient(90deg,#bbddfa 43.6937%,#d6fff5 91.8919%);border-radius:50px;flex:none;width:170px;text-decoration:none;position:absolute;bottom:11px;left:calc(50.8137% - 85px);box-shadow:0 .602187px 1.56569px -.583333px #3799bf5e,0 2.28853px 5.95019px -1.16667px #3799bf6b,0 10px 26px -1.75px #3799bfa6}
.app-root .element-g8{--border-bottom-width:1px;--border-color:#ecd6ff;--border-left-width:1px;--border-right-width:1px;--border-style:solid;--border-top-width:1px;aspect-ratio:1;height:var(--aspect-ratio-supported,68px);overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-override,transform);border-radius:300px;flex:none;width:68px;position:absolute;top:50%;left:10px;transform:translateY(-50%);box-shadow:0 1px 10px 1px #ecd6ff}
.app-root .element-a6{--paragraph-spacing:0px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:89px;height:30px;position:absolute;top:calc(46.3415% - 15px);left:76px}
.app-root .element-d9{height:82px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);background:linear-gradient(90deg,#cffaef 42.3423%,#9cd1ff 78.3784%,#db99ff 111%);border-radius:50px;flex:none;width:170px;text-decoration:none;position:absolute;bottom:11px;left:calc(92.3619% - 85px);box-shadow:0 .602187px 1.56569px -.583333px #6158bf5e,0 2.28853px 5.95019px -1.16667px #6158bf6b,0 10px 26px -1.75px #6158bfa6}
.app-root .element-f5{--paragraph-spacing:0px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:91px;height:30px;position:absolute;top:calc(46.3415% - 15px);left:77px}
.app-root .element-f1{--border-bottom-width:1px;--border-color:#ecd6ff;--border-left-width:1px;--border-right-width:1px;--border-style:solid;--border-top-width:1px;aspect-ratio:1;height:var(--aspect-ratio-supported,68px);opacity:.8;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-override,transform);border-radius:300px;flex:none;width:68px;position:absolute;top:50%;left:9px;transform:translateY(-50%);box-shadow:0 1px 10px 1px #ecd6ff}
.app-root .panel-inner{height:82px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);background:linear-gradient(90deg,#b3c6ff 49.5496%,#eaabff 95.0451%);border-radius:50px;flex:none;width:160px;position:absolute;bottom:11px;left:calc(71.4454% - 80px);box-shadow:0 .602187px 1.56569px -.583333px #904cd95e,0 2.28853px 5.95019px -1.16667px #904cd96b,0 10px 26px -1.75px #904cd9a6}
.app-root .element-c8{--paragraph-spacing:0px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:76px;height:38px;position:absolute;top:calc(50% - 19px);left:76px}
.app-root .element-h3{--border-bottom-width:1px;--border-color:#ecd6ff;--border-left-width:1px;--border-right-width:1px;--border-style:solid;--border-top-width:1px;aspect-ratio:1;height:var(--aspect-ratio-supported,68px);overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-override,transform);border-radius:300px;flex:none;width:68px;position:absolute;top:50%;left:9px;transform:translateY(-50%);box-shadow:0 1px 10px 1px #ecd6ff}
.app-root .element-c6{aspect-ratio:1;height:var(--aspect-ratio-supported,30px);overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-effect-override,transform);background:linear-gradient(143deg,#3d71ff 9%,#d573ff 91%);border-radius:40px;flex:none;width:30px;text-decoration:none;position:absolute;top:50%;right:41px;transform:translateY(-50%);box-shadow:.120437px .240875px .377029px -.666667px #15388a69,.457707px .915413px 1.43285px -1.33333px #15388a73,2px 4px 6.26099px -2px #15388a99}
.app-root .layout-block{width:15px;height:14px;position:absolute;top:8px;left:7px}
.app-root .legacy-odxwsm{width:8px;height:14px;position:absolute;top:1px;left:0}
.app-root .legacy-1964ieh{width:8px;height:14px;position:absolute;top:0;left:8px}
.app-root[data-border=true]:after,.app-root [data-border=true]:after{content:"";border-width:var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);border-color:var(--border-color,none);border-style:var(--border-style,none);box-sizing:border-box;border-radius:inherit;corner-shape:inherit;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}

@media (min-width:700px) and (max-width:1199.98px){.app-root.app-layout{width:700px;height:589px}.app-root .sidebar{order:0;width:50px;min-height:600px}.app-root .legacy-1ct59xq{top:10px;left:calc(48.3333% - 9px)}.app-root .legacy-yoegw8{height:408px;top:200px;left:calc(47.6191% - 40px)}.app-root .legacy-1gx3q0c{bottom:unset;top:218px}.app-root .legacy-e2eduv{bottom:58px;left:calc(57.1429% - 20px)}.app-root .legacy-xte327{order:3}.app-root .legacy-29qryu,.app-root .legacy-1yiewr7,.app-root .legacy-1o9uttk,.app-root .legacy-79vewm{height:var(--aspect-ratio-supported,68px)}.app-root .legacy-190neb5{height:var(--aspect-ratio-supported,50px)}}
@media (max-width:699.98px){.app-root.app-layout{flex-direction:column;gap:0;width:100%;max-width:400px;height:599px;padding:0;margin:0 auto}.app-root .sidebar{height:50px;min-height:unset;order:1;width:100%}.app-root .sidebar-content{flex:none;order:0;width:100%;min-width:400px;height:49px;overflow:visible}.app-root .main-container{order:0;width:100%;height:1px}}

.ssr-variant{display:contents}
body{--will-change-override:none}
@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)){body{--will-change-override:transform}}
body{--will-change-filter-override:none}
@supports (background:-webkit-named-image(i)) and (not (position-area:top right)){body{--will-change-filter-override:filter}}
.legacy-selector{position:absolute}
.legacy-selector{cursor:inherit}
.legacy-selector *{white-space:pre}
.legacy-selector>*{text-align:var(--text-alignment,start)}
.legacy-selector span span,.legacy-selector p span,.legacy-selector h1 span,.legacy-selector h2 span,.legacy-selector h3 span,.legacy-selector h4 span,.legacy-selector h5 span,.legacy-selector h6 span{display:block}
.legacy-selector span span span,.legacy-selector p span span,.legacy-selector h1 span span,.legacy-selector h2 span span,.legacy-selector h3 span span,.legacy-selector h4 span span,.legacy-selector h5 span span,.legacy-selector h6 span span{display:unset}

/* Base styles */
/* (The rest of the provided CSS is already included above in the component block.) */

.form-input{padding:var(--input-padding);font-family:var(--input-font-family);font-weight:var(--input-font-weight);font-size:var(--input-font-size);font-style:var(--input-font-style);color:var(--input-font-color);font-feature-settings:var(--input-font-open-type-features);font-variation-settings:var(--input-font-variation-axes);text-overflow:ellipsis;white-space:nowrap;width:100%;height:var(--input-wrapper-height,100%);letter-spacing:var(--input-font-letter-spacing);text-align:var(--input-font-text-alignment);line-height:var(--input-font-line-height);background:0 0;border:none;overflow:hidden}
.form-input:focus-visible{outline:none}
.form-input-wrapper:after{content:"";pointer-events:none;box-sizing:border-box;border-top-left-radius:var(--input-border-radius-top-left);border-top-right-radius:var(--input-border-radius-top-right);border-bottom-right-radius:var(--input-border-radius-bottom-right);border-bottom-left-radius:var(--input-border-radius-bottom-left);corner-shape:var(--input-corner-shape);border-color:var(--input-border-color);border-top-width:var(--input-border-top-width);border-right-width:var(--input-border-right-width);border-bottom-width:var(--input-border-bottom-width);border-left-width:var(--input-border-left-width);border-style:var(--input-border-style);width:100%;height:100%;transition:var(--input-focused-transition);transition-property:border-color,border-width,border-style,border-top-left-radius,border-top-right-radius,border-bottom-right-radius,border-bottom-left-radius,corner-shape;position:absolute;top:0;left:0}
.form-input-wrapper{box-shadow:var(--input-box-shadow);border-top-left-radius:var(--input-border-radius-top-left);border-top-right-radius:var(--input-border-radius-top-right);border-bottom-right-radius:var(--input-border-radius-bottom-right);border-bottom-left-radius:var(--input-border-radius-bottom-left);corner-shape:var(--input-corner-shape);background:var(--input-background);transition:var(--input-focused-transition);transition-property:background,box-shadow;overflow:hidden}
.form-text-input .form-input::placeholder{color:var(--input-placeholder-color)}
.form-text-input textarea{resize:var(--textarea-resize);min-height:inherit;max-height:inherit;white-space:break-spaces;display:flex;overflow-y:auto}
.form-text-input textarea::-webkit-resizer{background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\"><path d=\"m1.5 8 7-7M9 5.5l-3 3\" stroke=\"%23999\" stroke-width=\"1.5\" stroke-linecap=\"round\"></path></svg>") no-repeat}
.form-text-input textarea::-webkit-scrollbar{cursor:pointer;background:0 0}
.form-text-input textarea::-webkit-scrollbar-thumb:window-inactive{opacity:0}
.form-text-input textarea::-webkit-scrollbar-corner{background:0 0;outline:none}

/* Match original: no scrollbars in the input form */
.app-root .chat-input-form,
.app-root .element-c7{overflow:hidden}
.app-root .form-text-input textarea{overflow:hidden;resize:none}

.btn-container.legacy-ap8zh4,.btn-container .legacy-ap8zh4{display:block}
.btn-container.btn-base{cursor:pointer;flex-flow:column;place-content:center;align-items:center;gap:0;width:90px;height:20px;padding:0;display:flex;position:relative;overflow:visible}
.btn-container .element-g2{-webkit-user-select:none;user-select:none;white-space:pre;flex:none;width:auto;height:auto;position:relative}
.btn-container.btn-base .element-g2{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center}
.btn-container .element-g2 .text{color:rgb(248,247,250);-webkit-text-fill-color:rgb(248,247,250)}
.btn-container .legacy-vsw19l{aspect-ratio:1;height:var(--aspect-ratio-supported,20px);flex:none;gap:10px;width:20px;position:relative;overflow:hidden}
.btn-container .legacy-1oi8qx8{flex:none;position:absolute;inset:0;overflow:visible}
.btn-container .legacy-umy3fb{aspect-ratio:1;height:var(--aspect-ratio-supported,2px);flex:none;width:2px;position:absolute;top:0;left:50%;overflow:visible}
.btn-container.legacy-v-1xe2lj2.btn-base,.btn-container.legacy-v-j6ct1o.btn-base,.btn-container.legacy-v-f79ea.btn-base,.btn-container.legacy-v-fyxdbq.btn-base{cursor:unset}
.btn-container.legacy-v-1xe2lj2 .legacy-1oi8qx8{overflow:hidden}
.btn-container.btn-variant.hover.btn-base{width:108px;height:24px}

.submit-btn.legacy-eit9qm,.submit-btn .legacy-eit9qm{display:block}
.submit-btn.submit-btn-base{height:170px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--will-change-override,transform);width:170px;position:relative}
.submit-btn[data-border=true]:after,.submit-btn [data-border=true]:after{content:"";border-width:var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);border-color:var(--border-color,none);border-style:var(--border-style,none);box-sizing:border-box;border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}

/* Fix label whitespace introduced by formatted HTML */
.app-root .layout-section,
.app-root .element-c2,
.app-root .element-d3,
.app-root .element-h9,
.app-root .element-a7,
.app-root .element-a8,
.app-root .element-e7,
.app-root .element-f2,
.app-root .element-a6,
.app-root .element-f5,
.app-root .element-c8 {
	white-space: normal;
}

/* Ensure Main Site + Logout labels ignore formatted whitespace */
.app-root .element-a4 { white-space: nowrap; }
.app-root .element-a5 { white-space: normal; }
.app-root .page-heading-tablet { white-space: normal; }
.app-root .element-b8,
.app-root .element-h8,
.app-root .element-d4,
.app-root .element-g3 {
	white-space: normal;
}

/* RichText + text rendering rules (required for label sizing/alignment) */
.legacy-selector{outline:none;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex}
p.text,div.text,figure.text,h1.text,h2.text,h3.text,h4.text,h5.text,h6.text,ol.text,ul.text{margin:0;padding:0}
p.text,div.text,h1.text,h2.text,h3.text,h4.text,h5.text,h6.text,li.text,ol.text,ul.text,mark.text,span.text:not([data-text-fill]){font-family:var(--font-family-preview,var(--blockquote-font-family,var(--font-family,Inter,Inter Placeholder,sans-serif)));font-style:var(--font-style-preview,var(--blockquote-font-style,var(--font-style,normal)));font-weight:var(--font-weight-preview,var(--blockquote-font-weight,var(--font-weight,400)));color:var(--blockquote-text-color,var(--text-color,#000));font-size:calc(var(--blockquote-font-size,var(--font-size,16px))*var(--font-size-scale,1));letter-spacing:var(--blockquote-letter-spacing,var(--letter-spacing,0));text-transform:var(--blockquote-text-transform,var(--text-transform,none));-webkit-text-decoration-line:var(--blockquote-text-decoration,var(--text-decoration,initial));text-decoration-line:var(--blockquote-text-decoration,var(--text-decoration,initial));-webkit-text-decoration-style:var(--blockquote-text-decoration-style,var(--text-decoration-style,initial));text-decoration-style:var(--blockquote-text-decoration-style,var(--text-decoration-style,initial));-webkit-text-decoration-color:var(--blockquote-text-decoration-color,var(--text-decoration-color,initial));text-decoration-color:var(--blockquote-text-decoration-color,var(--text-decoration-color,initial));text-decoration-thickness:var(--blockquote-text-decoration-thickness,var(--text-decoration-thickness,initial));text-decoration-skip-ink:var(--blockquote-text-decoration-skip-ink,var(--text-decoration-skip-ink,initial));text-underline-offset:var(--blockquote-text-decoration-offset,var(--text-decoration-offset,initial));line-height:var(--blockquote-line-height,var(--line-height,1.2em));text-align:var(--blockquote-text-alignment,var(--text-alignment,start));-webkit-text-stroke-width:var(--text-stroke-width,initial);-webkit-text-stroke-color:var(--text-stroke-color,initial);-moz-font-feature-settings:var(--font-open-type-features,initial);-webkit-font-feature-settings:var(--font-open-type-features,initial);font-feature-settings:var(--font-open-type-features,initial);font-variation-settings:var(--font-variation-axes-preview,var(--font-variation-axes,normal));text-wrap:var(--text-wrap-override,var(--text-wrap))}
mark.text,p.text,div.text,h1.text,h2.text,h3.text,h4.text,h5.text,h6.text,li.text,ol.text,ul.text{background-color:var(--blockquote-text-background-color,var(--text-background-color,initial));border-radius:var(--blockquote-text-background-radius,var(--text-background-radius,initial));corner-shape:var(--blockquote-text-background-corner-shape,var(--text-background-corner-shape,initial));padding:var(--blockquote-text-background-padding,var(--text-background-padding,initial))}
@supports not (color:color(display-p3 1 1 1)){p.text,div.text,h1.text,h2.text,h3.text,h4.text,h5.text,h6.text,li.text,ol.text,ul.text,span.text:not([data-text-fill]){color:var(--blockquote-text-color-rgb,var(--blockquote-text-color,var(--text-color-rgb,var(--text-color,#000))));-webkit-text-stroke-color:var(--text-stroke-color-rgb,var(--text-stroke-color,initial))}mark.text{background-color:var(--blockquote-text-background-color-rgb,var(--blockquote-text-background-color,var(--text-background-color-rgb,var(--text-background-color,initial))))}}
.legacy-fit-text .text{white-space:nowrap;white-space-collapse:preserve}
strong.text{font-family:var(--blockquote-font-family-bold,var(--font-family-bold));font-style:var(--blockquote-font-style-bold,var(--font-style-bold));font-weight:var(--blockquote-font-weight-bold,var(--font-weight-bold,bolder));font-variation-settings:var(--blockquote-font-variation-axes-bold,var(--font-variation-axes-bold))}
em.text{font-family:var(--blockquote-font-family-italic,var(--font-family-italic));font-style:var(--blockquote-font-style-italic,var(--font-style-italic,italic));font-weight:var(--blockquote-font-weight-italic,var(--font-weight-italic));font-variation-settings:var(--blockquote-font-variation-axes-italic,var(--font-variation-axes-italic))}
em.text>strong.text{font-family:var(--blockquote-font-family-bold-italic,var(--font-family-bold-italic));font-style:var(--blockquote-font-style-bold-italic,var(--font-style-bold-italic,italic));font-weight:var(--blockquote-font-weight-bold-italic,var(--font-weight-bold-italic,bolder));font-variation-settings:var(--blockquote-font-variation-axes-bold-italic,var(--font-variation-axes-bold-italic))}
p.text:not(:first-child),div.text:not(:first-child),h1.text:not(:first-child),h2.text:not(:first-child),h3.text:not(:first-child),h4.text:not(:first-child),h5.text:not(:first-child),h6.text:not(:first-child),ol.text:not(:first-child),ul.text:not(:first-child),blockquote.text:not(:first-child),table.text:not(:first-child),figure.text:not(:first-child),.image.text:not(:first-child){margin-top:var(--blockquote-paragraph-spacing,var(--paragraph-spacing,0))}
li.text>ul.text:nth-child(2),li.text>ol.text:nth-child(2){margin-top:0}
p.text[data-text-fill]{display:inline-block}
a.text,a.text span.text:not([data-text-fill]),span.text[data-nested-link],span.text[data-nested-link] span.text:not([data-text-fill]){color:inherit;font-family:var(--font-family-preview,var(--blockquote-font-family,var(--link-font-family,var(--font-family,Inter,Inter Placeholder,sans-serif))));font-style:var(--font-style-preview,var(--blockquote-font-style,var(--link-font-style,var(--font-style,normal))));font-weight:var(--font-weight-preview,var(--blockquote-font-weight,var(--link-font-weight,var(--font-weight,400))));font-size:calc(var(--blockquote-font-size,var(--font-size,16px))*var(--font-size-scale,1));text-transform:var(--blockquote-text-transform,var(--link-text-transform,var(--text-transform,none)));cursor:var(--custom-cursors,pointer);background-color:initial;border-radius:var(--link-text-background-radius,initial);corner-shape:var(--link-text-background-corner-shape,initial);padding:var(--link-text-background-padding,initial)}
.text[data-text-fill]{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}
.image.text{max-width:100%;height:auto;display:block}

/* Force Inter to avoid fallback font width differences on mobile */
.app-root .text{
	font-family:"Inter","Inter Placeholder",sans-serif !important;
}

/* Hover animation for icon buttons/links */
.app-root a.link-base,
.app-root .element-a9,
.app-root .content-panel .legacy-selector{transition:filter .2s ease,box-shadow .2s ease}
.app-root .content-panel .legacy-selector{cursor:pointer;pointer-events:auto}
.app-root a.link-base:hover,
.app-root a.link-base.hover,
.app-root .element-a9:hover,
.app-root .element-a9.hover,
.app-root .content-panel .legacy-selector:hover,
.app-root .content-panel .legacy-selector.hover{filter:brightness(1.03);box-shadow:0 6px 14px rgba(155,91,248,.2)}

/* Keep button label inside the button */
.app-root .element-a9{justify-content:center;align-items:center}
.app-root .element-a9 .element-a1{position:relative!important;top:auto;left:auto}

@media (max-width:699.98px){
	.app-root .main-container .form-text-input textarea{overflow:hidden!important;resize:none!important}
	.app-root .main-container .form-text-input textarea::-webkit-scrollbar{width:0;height:0}
	.app-root .main-container .element-b2{right:10px;bottom:13px}
	.app-root .main-container{overflow-x:hidden;height:100%;min-height:550px}
	.app-root .chat-container{overflow-x:hidden}
}