.noesia-swa-synapse {
	--synapse-bg: linear-gradient(135deg, #05080f, #0b1422 52%, #03050a);
	--synapse-text: #f7fbff;
	--synapse-muted: rgba(239, 248, 255, .72);
	--synapse-soft: rgba(239, 248, 255, .52);
	--synapse-panel: rgba(3, 7, 13, .48);
	--synapse-panel-strong: rgba(3, 7, 13, .68);
	--synapse-line: rgba(255, 255, 255, .16);
	--synapse-cyan: #74ddff;
	--synapse-gold: #f2c36d;
	--synapse-green: #72edb1;
	position: relative;
	height: calc(100vh - 112px);
	min-height: 720px;
	overflow: hidden;
	isolation: isolate;
	color: var(--synapse-text);
	color-scheme: dark;
	border-radius: 30px;
	background: #020408;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 30px 90px rgba(0, 0, 0, .32);
}

.noesia-swa-synapse,
.noesia-swa-synapse * {
	box-sizing: border-box;
}

.noesia-swa-synapse button,
.noesia-swa-synapse textarea,
.noesia-swa-synapse input,
.noesia-swa-synapse select {
	font: inherit;
}

.noesia-swa-synapse button {
	cursor: pointer;
}

.noesia-swa-synapse__bg,
	.noesia-swa-synapse__bg-soft,
	.noesia-swa-synapse__aurora,
	.noesia-swa-synapse__particles,
	.noesia-swa-synapse__ambient,
	.noesia-swa-synapse__motion,
	.noesia-swa-synapse__release-field {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.noesia-swa-synapse__bg-soft {
	z-index: -5;
	background-image: var(--synapse-bg);
	background-size: cover;
	background-position: center;
	transform: scale(1.12);
	filter: blur(26px) saturate(1.08);
	opacity: .55;
}

.noesia-swa-synapse__bg {
	z-index: -4;
	overflow: hidden;
	background-image: var(--synapse-bg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transform: scale(1);
	transform-origin: center center;
	filter: saturate(1.12) contrast(1.1) brightness(.86);
	animation: noesia-synapse-breathe 25s ease-in-out infinite alternate;
}

.noesia-swa-synapse__bg::after {
	content: "";
	position: absolute;
	inset: -4%;
	background-image: var(--synapse-bg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: .16;
	filter: blur(1.4px) saturate(1.28) brightness(1.14);
	mix-blend-mode: screen;
	animation: noesia-synapse-image-shimmer 8s ease-in-out infinite alternate;
}

.noesia-swa-synapse__aurora {
	z-index: -3;
	background:
		radial-gradient(circle at 50% 50%, rgba(0, 0, 0, .08), transparent 42%),
		radial-gradient(circle at 18% 48%, rgba(0, 0, 0, .48), transparent 42%),
		radial-gradient(circle at 82% 48%, rgba(0, 0, 0, .48), transparent 42%),
		radial-gradient(circle at 30% 24%, rgba(116, 221, 255, .13), transparent 34%),
		radial-gradient(circle at 74% 62%, rgba(242, 195, 109, .1), transparent 32%),
		linear-gradient(180deg, rgba(0, 0, 0, .28), rgba(0, 0, 0, .06) 40%, rgba(0, 0, 0, .74));
}

	.noesia-swa-synapse__particles {
		z-index: -2;
		opacity: .08;
	background:
		radial-gradient(circle at 24% 30%, rgba(255, 255, 255, .18) 0 1px, transparent 2px),
		radial-gradient(circle at 66% 22%, rgba(116, 221, 255, .22) 0 1px, transparent 2px),
		radial-gradient(circle at 78% 74%, rgba(255, 255, 255, .14) 0 1px, transparent 2px),
		radial-gradient(circle at 34% 78%, rgba(116, 221, 255, .16) 0 1px, transparent 2px);
	animation: noesia-synapse-particles 16s ease-in-out infinite alternate;
		mask-image: linear-gradient(180deg, transparent 0%, #000 16%, #000 84%, transparent 100%);
	}

	.noesia-swa-synapse__ambient {
		z-index: -1;
		overflow: hidden;
		perspective: 900px;
		opacity: .7;
	}

	.noesia-swa-synapse__ambient span {
		position: absolute;
		left: var(--x);
		top: var(--y);
		width: var(--s);
		height: var(--s);
		border-radius: 999px;
		background: rgba(220, 248, 255, .78);
		box-shadow: 0 0 14px rgba(116, 221, 255, .62), 0 0 34px rgba(255, 255, 255, .18);
		opacity: 0;
		animation: noesia-synapse-ambient var(--d) ease-in-out infinite;
		animation-delay: var(--delay);
	}

	.noesia-swa-synapse__motion {
		z-index: -1;
		overflow: hidden;
		display: none;
}

.noesia-swa-synapse__release-field {
	z-index: 20;
	overflow: hidden;
	perspective: 900px;
	transform-style: preserve-3d;
}

.noesia-swa-synapse__release-field.is-active {
	background:
		radial-gradient(circle at 50% 52%, rgba(255, 255, 255, .26), transparent 12%),
		radial-gradient(circle at 50% 52%, rgba(116, 221, 255, .34), transparent 42%),
		radial-gradient(circle at 50% 52%, rgba(242, 195, 109, .14), transparent 56%);
	animation: noesia-synapse-release-field 10s ease-out forwards;
}

.noesia-swa-synapse__motion span {
	position: absolute;
	display: block;
	opacity: 0;
	pointer-events: none;
}

.noesia-swa-synapse[data-current-scene="christianity"] .noesia-swa-synapse__motion span,
.noesia-swa-synapse[data-current-scene="islam"] .noesia-swa-synapse__motion span,
.noesia-swa-synapse[data-current-scene="hinduism"] .noesia-swa-synapse__motion span {
	width: 80px;
	height: 140px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 226, 150, .42), rgba(255, 166, 86, .16) 34%, transparent 70%);
	filter: blur(14px);
	animation: noesia-synapse-flame 2.6s ease-in-out infinite alternate;
}

.noesia-swa-synapse[data-current-scene="christianity"] .noesia-swa-synapse__motion span:nth-child(1),
.noesia-swa-synapse[data-current-scene="islam"] .noesia-swa-synapse__motion span:nth-child(1),
.noesia-swa-synapse[data-current-scene="hinduism"] .noesia-swa-synapse__motion span:nth-child(1) {
	left: 18%;
	bottom: 12%;
	opacity: .72;
}

.noesia-swa-synapse[data-current-scene="christianity"] .noesia-swa-synapse__motion span:nth-child(2),
.noesia-swa-synapse[data-current-scene="islam"] .noesia-swa-synapse__motion span:nth-child(2),
.noesia-swa-synapse[data-current-scene="hinduism"] .noesia-swa-synapse__motion span:nth-child(2) {
	right: 20%;
	bottom: 18%;
	opacity: .54;
	animation-delay: .7s;
}

.noesia-swa-synapse[data-current-scene="christianity"] .noesia-swa-synapse__motion span:nth-child(3),
.noesia-swa-synapse[data-current-scene="islam"] .noesia-swa-synapse__motion span:nth-child(3),
.noesia-swa-synapse[data-current-scene="hinduism"] .noesia-swa-synapse__motion span:nth-child(3) {
	left: 43%;
	bottom: 7%;
	width: 58px;
	height: 110px;
	opacity: .42;
	animation-delay: 1.15s;
}

.noesia-swa-synapse[data-current-scene="christianity"] .noesia-swa-synapse__motion span:nth-child(4),
.noesia-swa-synapse[data-current-scene="islam"] .noesia-swa-synapse__motion span:nth-child(4),
.noesia-swa-synapse[data-current-scene="hinduism"] .noesia-swa-synapse__motion span:nth-child(4) {
	left: 8%;
	bottom: 34%;
	width: 46px;
	height: 88px;
	opacity: .3;
	animation-delay: 1.7s;
}

.noesia-swa-synapse[data-current-scene="christianity"] .noesia-swa-synapse__motion span:nth-child(5),
.noesia-swa-synapse[data-current-scene="islam"] .noesia-swa-synapse__motion span:nth-child(5),
.noesia-swa-synapse[data-current-scene="hinduism"] .noesia-swa-synapse__motion span:nth-child(5) {
	right: 8%;
	bottom: 33%;
	width: 50px;
	height: 96px;
	opacity: .28;
	animation-delay: .35s;
}

.noesia-swa-synapse[data-current-scene="christianity"] .noesia-swa-synapse__motion span:nth-child(6),
.noesia-swa-synapse[data-current-scene="islam"] .noesia-swa-synapse__motion span:nth-child(6),
.noesia-swa-synapse[data-current-scene="hinduism"] .noesia-swa-synapse__motion span:nth-child(6) {
	left: 56%;
	bottom: 21%;
	width: 42px;
	height: 80px;
	opacity: .24;
	animation-delay: 2.1s;
}

.noesia-swa-synapse[data-current-scene="buddhism"] .noesia-swa-synapse__motion span,
.noesia-swa-synapse[data-current-scene="taoism"] .noesia-swa-synapse__motion span,
.noesia-swa-synapse[data-current-scene="stoicism"] .noesia-swa-synapse__motion span {
	width: 10px;
	height: 24px;
	border-radius: 80% 8% 80% 8%;
	background: rgba(190, 241, 214, .62);
	box-shadow: 0 0 16px rgba(190, 241, 214, .18);
	animation: noesia-synapse-leaf 11s linear infinite;
}

.noesia-swa-synapse[data-current-scene="buddhism"] .noesia-swa-synapse__motion span:nth-child(1),
.noesia-swa-synapse[data-current-scene="taoism"] .noesia-swa-synapse__motion span:nth-child(1),
.noesia-swa-synapse[data-current-scene="stoicism"] .noesia-swa-synapse__motion span:nth-child(1) {
	left: 14%;
	top: -6%;
	opacity: .56;
}

.noesia-swa-synapse[data-current-scene="buddhism"] .noesia-swa-synapse__motion span:nth-child(2),
.noesia-swa-synapse[data-current-scene="taoism"] .noesia-swa-synapse__motion span:nth-child(2),
.noesia-swa-synapse[data-current-scene="stoicism"] .noesia-swa-synapse__motion span:nth-child(2) {
	left: 42%;
	top: -8%;
	opacity: .48;
	animation-delay: 2.2s;
}

.noesia-swa-synapse[data-current-scene="buddhism"] .noesia-swa-synapse__motion span:nth-child(3),
.noesia-swa-synapse[data-current-scene="taoism"] .noesia-swa-synapse__motion span:nth-child(3),
.noesia-swa-synapse[data-current-scene="stoicism"] .noesia-swa-synapse__motion span:nth-child(3) {
	right: 18%;
	top: -7%;
	opacity: .5;
	animation-delay: 4.4s;
}

.noesia-swa-synapse[data-current-scene="buddhism"] .noesia-swa-synapse__motion span:nth-child(4),
.noesia-swa-synapse[data-current-scene="taoism"] .noesia-swa-synapse__motion span:nth-child(4),
.noesia-swa-synapse[data-current-scene="stoicism"] .noesia-swa-synapse__motion span:nth-child(4) {
	left: 62%;
	top: -9%;
	opacity: .44;
	animation-delay: 6.2s;
	animation-duration: 13s;
}

.noesia-swa-synapse[data-current-scene="buddhism"] .noesia-swa-synapse__motion span:nth-child(5),
.noesia-swa-synapse[data-current-scene="taoism"] .noesia-swa-synapse__motion span:nth-child(5),
.noesia-swa-synapse[data-current-scene="stoicism"] .noesia-swa-synapse__motion span:nth-child(5) {
	left: 7%;
	top: -10%;
	opacity: .38;
	animation-delay: 8.4s;
	animation-duration: 15s;
}

.noesia-swa-synapse[data-current-scene="buddhism"] .noesia-swa-synapse__motion span:nth-child(6),
.noesia-swa-synapse[data-current-scene="taoism"] .noesia-swa-synapse__motion span:nth-child(6),
.noesia-swa-synapse[data-current-scene="stoicism"] .noesia-swa-synapse__motion span:nth-child(6) {
	right: 8%;
	top: -11%;
	opacity: .36;
	animation-delay: 10.1s;
	animation-duration: 14s;
}

.noesia-swa-synapse[data-current-scene="aether"] .noesia-swa-synapse__motion span,
.noesia-swa-synapse[data-current-scene="ask-synapse"] .noesia-swa-synapse__motion span {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: rgba(220, 248, 255, .9);
	box-shadow: 0 0 18px rgba(116, 221, 255, .8);
	animation: noesia-synapse-starfall 7s linear infinite;
}

.noesia-swa-synapse[data-current-scene="aether"] .noesia-swa-synapse__motion span:nth-child(1),
.noesia-swa-synapse[data-current-scene="ask-synapse"] .noesia-swa-synapse__motion span:nth-child(1) {
	left: 18%;
	top: 20%;
	opacity: .7;
}

.noesia-swa-synapse[data-current-scene="aether"] .noesia-swa-synapse__motion span:nth-child(2),
.noesia-swa-synapse[data-current-scene="ask-synapse"] .noesia-swa-synapse__motion span:nth-child(2) {
	left: 68%;
	top: 28%;
	opacity: .6;
	animation-delay: 1.5s;
}

.noesia-swa-synapse h2,
.noesia-swa-synapse h3,
.noesia-swa-synapse p {
	margin: 0;
}

.noesia-swa-synapse__topbar {
	position: absolute;
	z-index: 10;
	top: 16px;
	left: 16px;
	right: 16px;
	min-height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 13px 16px;
	border: 1px solid transparent;
	border-radius: 24px;
	background: transparent;
	backdrop-filter: none;
	box-shadow: none;
	transition: opacity .25s ease, transform .25s ease;
}

.noesia-swa-synapse__brand {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.noesia-swa-synapse__brand-mark {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	border: 1px solid rgba(116, 221, 255, .34);
	background: linear-gradient(145deg, rgba(116, 221, 255, .28), rgba(242, 195, 109, .16)), #07101a;
	color: #eafdff;
	font-weight: 900;
	box-shadow: 0 0 34px rgba(116, 221, 255, .22);
}

.noesia-swa-synapse__brand strong {
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 1.05;
	white-space: nowrap;
}

.noesia-swa-synapse__brand span {
	display: block;
	margin-top: 4px;
	color: var(--synapse-muted);
	font-size: 12px;
	letter-spacing: 0;
	text-transform: uppercase;
}

.noesia-swa-synapse__top-actions,
.noesia-swa-synapse__button-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.noesia-swa-synapse__pill,
.noesia-swa-synapse__primary,
.noesia-swa-synapse__secondary,
.noesia-swa-synapse__ghost,
.noesia-swa-synapse__icon-button,
.noesia-swa-synapse__focus-exit {
	min-height: 42px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	color: var(--synapse-text);
	background: rgba(255, 255, 255, .075);
	padding: 0 14px;
	text-decoration: none;
	transition: transform .2s ease, border-color .2s ease, background .2s ease, filter .2s ease, opacity .2s ease;
}

.noesia-swa-synapse__pill {
	display: inline-flex;
	align-items: center;
	cursor: default;
	color: rgba(235, 248, 255, .82);
	font-weight: 850;
}

.noesia-swa-synapse__pill.is-ready {
	border-color: rgba(114, 237, 177, .34);
	background: rgba(114, 237, 177, .13);
}

.noesia-swa-synapse__pill.is-waiting {
	border-color: rgba(242, 195, 109, .36);
	background: rgba(242, 195, 109, .13);
}

.noesia-swa-synapse__primary {
	background: linear-gradient(135deg, rgba(116, 221, 255, .98), rgba(114, 237, 177, .92));
	color: #061018;
	border-color: transparent;
	font-weight: 900;
	box-shadow: 0 0 38px rgba(116, 221, 255, .18);
}

.noesia-swa-synapse__secondary,
.noesia-swa-synapse__ghost,
.noesia-swa-synapse__icon-button {
	background: rgba(255, 255, 255, .07);
	color: rgba(242, 249, 255, .92);
	font-weight: 850;
}

	.noesia-swa-synapse [data-synapse-release] {
		display: none;
	}

	.noesia-swa-synapse[data-current-mode="aether"] [data-synapse-release] {
		display: inline-flex;
	}

	.noesia-swa-synapse[data-current-mode="aether"] [data-synapse-ask] {
		display: none;
	}

.noesia-swa-synapse__icon-button {
	width: 42px;
	padding: 0;
	display: grid;
	place-items: center;
}

.noesia-swa-synapse__primary:hover,
.noesia-swa-synapse__secondary:hover,
.noesia-swa-synapse__ghost:hover,
.noesia-swa-synapse__icon-button:hover,
.noesia-swa-synapse__scene-btn:hover,
.noesia-swa-synapse__focus-exit:hover {
	transform: translateY(-1px);
	border-color: rgba(116, 221, 255, .42);
	filter: brightness(1.06);
}

.noesia-swa-synapse__primary.is-compact {
	width: auto;
}

.noesia-swa-synapse__stage {
	position: relative;
	z-index: 2;
	height: 100%;
	padding: 108px clamp(22px, 4vw, 64px) 138px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 18px;
	text-align: center;
}

.noesia-swa-synapse__hero-copy {
	max-width: 940px;
	margin: 0 auto;
	text-shadow: 0 6px 34px rgba(0, 0, 0, .82);
	transition: opacity .25s ease, transform .25s ease;
}

.noesia-swa-synapse__kicker {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 7px 12px;
	border-radius: 999px;
	border: 1px solid rgba(242, 195, 109, .3);
	background: rgba(242, 195, 109, .12);
	color: rgba(255, 239, 203, .94);
	font-size: 12px;
	font-weight: 850;
	letter-spacing: 0;
	text-transform: uppercase;
}

.noesia-swa-synapse__hero-copy h2 {
	margin: 16px 0;
	max-width: 940px;
	color: #fff;
	font-size: clamp(42px, 6vw, 96px);
	line-height: .92;
	letter-spacing: 0;
}

.noesia-swa-synapse__hero-copy p {
	max-width: 760px;
	margin: 0 auto;
	color: var(--synapse-muted);
	font-size: clamp(16px, 1.45vw, 21px);
	line-height: 1.55;
}

	.noesia-swa-synapse__query-box {
		position: relative;
		z-index: 4;
	width: min(880px, 100%);
	max-height: calc(100vh - 250px);
	overflow: auto;
	margin: 0 auto;
	text-align: left;
	border: 1px solid rgba(255, 255, 255, .17);
	border-radius: 26px;
	background: rgba(0, 0, 0, .36);
	backdrop-filter: blur(22px);
	padding: 14px;
	box-shadow: 0 24px 90px rgba(0, 0, 0, .46), 0 0 42px rgba(116, 221, 255, .08);
		transition: width .25s ease, margin .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease, transform .25s ease;
	}

	.noesia-swa-synapse[data-current-mode="aether"] .noesia-swa-synapse__query-box {
		width: min(980px, 100%);
		padding: clamp(20px, 3vw, 34px);
		border-radius: 34px;
		border-color: rgba(242, 195, 109, .26);
		background:
			linear-gradient(180deg, rgba(5, 8, 16, .38), rgba(0, 0, 0, .56)),
			radial-gradient(circle at 50% 0%, rgba(242, 195, 109, .12), transparent 44%);
		box-shadow: 0 34px 110px rgba(0, 0, 0, .62), 0 0 70px rgba(116, 221, 255, .1);
	}

	.noesia-swa-synapse textarea {
		width: 100%;
		min-height: 108px;
	max-height: 220px;
	resize: none;
	border: 0;
	outline: 0;
	color: var(--synapse-text);
	background: transparent;
	padding: 8px;
	line-height: 1.5;
		box-shadow: none;
	}

	.noesia-swa-synapse[data-current-mode="aether"] textarea {
		min-height: 178px;
		color: rgba(255, 250, 240, .96);
		font-size: clamp(20px, 2vw, 30px);
		line-height: 1.55;
		text-align: center;
	}

	.noesia-swa-synapse textarea::placeholder {
		color: rgba(247, 249, 255, .5);
	}

	.noesia-swa-synapse[data-current-mode="aether"] textarea::placeholder {
		color: rgba(255, 239, 203, .74);
	}

.noesia-swa-synapse__query-actions {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	border-top: 1px solid rgba(255, 255, 255, .1);
	padding: 12px 4px 0;
}

.noesia-swa-synapse__mini-note {
	color: var(--synapse-soft);
	font-size: 13px;
	line-height: 1.35;
}

.noesia-swa-synapse__focus-exit {
	position: absolute;
	z-index: 15;
	right: 22px;
	top: 96px;
	opacity: 0;
	pointer-events: none;
	background: rgba(0, 0, 0, .45);
	backdrop-filter: blur(16px);
}

.noesia-swa-synapse__answer-close,
.noesia-swa-synapse__setup-close {
	position: absolute;
	right: 16px;
	top: 14px;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 50%;
	background: rgba(255,255,255,.08);
	color: #fff;
	font-size: 28px;
	line-height: 34px;
	cursor: pointer;
}

.noesia-swa-synapse__inline-answer {
	display: none;
	margin-top: 12px;
	padding: 16px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 20px;
	background: rgba(255, 255, 255, .075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.noesia-swa-synapse__inline-answer.is-open {
	display: block;
}

.noesia-swa-synapse__inline-answer > span {
	display: block;
	margin-bottom: 8px;
	color: rgba(255, 239, 203, .92);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.noesia-swa-synapse__inline-answer div {
	color: rgba(241, 248, 255, .9);
	font-size: 14px;
	line-height: 1.72;
	white-space: pre-wrap;
}

.noesia-swa-synapse__worlds {
	position: absolute;
	z-index: 11;
	left: 50%;
	bottom: 10px;
	width: calc(100% - 12px);
	transform: translateX(-50%);
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: 24px;
	background: rgba(3, 7, 13, .54);
	backdrop-filter: blur(24px);
	box-shadow: 0 22px 80px rgba(0, 0, 0, .48);
	padding: 8px;
	transition: opacity .25s ease, transform .25s ease;
}

.noesia-swa-synapse__scene-list {
	display: flex;
	justify-content: center;
	gap: 8px;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	padding-bottom: 2px;
}

.noesia-swa-synapse__scene-list::-webkit-scrollbar {
	display: none;
}

.noesia-swa-synapse__scene-btn {
	flex: 0 0 176px;
	min-height: 58px;
	border: 1px solid rgba(255, 255, 255, .13);
	border-radius: 16px;
	background: rgba(255, 255, 255, .065);
	color: var(--synapse-text);
	padding: 8px 10px;
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	align-items: center;
	gap: 9px;
	text-align: left;
	transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.noesia-swa-synapse__scene-btn.is-active {
	border-color: rgba(116, 221, 255, .5);
	background: rgba(116, 221, 255, .13);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 0 32px rgba(116, 221, 255, .12);
}

.noesia-swa-synapse__scene-icon {
	width: 30px;
	height: 30px;
	border-radius: 10px;
	display: grid;
	place-items: center;
	color: #061018;
	background: linear-gradient(135deg, var(--synapse-cyan), var(--synapse-gold));
	font-weight: 900;
	font-size: 12px;
}

.noesia-swa-synapse__scene-btn strong {
	display: block;
	color: #fff;
	font-size: 13px;
	line-height: 1.12;
	white-space: nowrap;
}

.noesia-swa-synapse__scene-btn em {
	display: block;
	margin-top: 3px;
	color: var(--synapse-muted);
	font-size: 11px;
	font-style: normal;
	line-height: 1.12;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.noesia-swa-synapse.is-focus .noesia-swa-synapse__topbar,
.noesia-swa-synapse.is-focus .noesia-swa-synapse__worlds,
.noesia-swa-synapse.is-focus .noesia-swa-synapse__hero-copy {
	opacity: 0;
	transform: translateY(-12px);
	pointer-events: none;
}

.noesia-swa-synapse.is-focus .noesia-swa-synapse__stage {
	padding: 70px clamp(18px, 4vw, 60px) 70px;
	align-items: center;
	justify-content: center;
}

.noesia-swa-synapse.is-focus .noesia-swa-synapse__query-box {
	width: min(940px, 100%);
	max-height: calc(100vh - 170px);
	background: rgba(0, 0, 0, .54);
	border-color: rgba(116, 221, 255, .36);
	box-shadow: 0 0 90px rgba(116, 221, 255, .16), 0 26px 100px rgba(0, 0, 0, .6);
}

.noesia-swa-synapse.is-focus textarea {
	min-height: 190px;
}

.noesia-swa-synapse.is-focus .noesia-swa-synapse__focus-exit {
	opacity: 1;
	pointer-events: auto;
}

.noesia-swa-synapse.is-loading {
	cursor: progress;
}

.noesia-swa-synapse.is-loading button {
	pointer-events: none;
	opacity: .72;
}

.noesia-swa-synapse__setup-panel {
	position: absolute;
	inset: 0;
	z-index: 30;
	display: grid;
	place-items: center;
	padding: 20px;
	background: rgba(0, 0, 0, .66);
	backdrop-filter: blur(12px);
	opacity: 0;
	pointer-events: none;
	transition: opacity .22s ease;
}

.noesia-swa-synapse__setup-panel.is-open {
	opacity: 1;
	pointer-events: auto;
}

.noesia-swa-synapse__setup-card {
	position: relative;
	width: min(660px, 96vw);
	max-height: min(820px, 92vh);
	overflow: auto;
	border: 1px solid var(--synapse-line);
	border-radius: 28px;
	background: rgba(4, 8, 15, .84);
	backdrop-filter: blur(26px);
	box-shadow: 0 30px 110px rgba(0, 0, 0, .62);
	padding: 24px;
}

.noesia-swa-synapse__panel-head h3 {
	margin: 10px 0 8px;
	color: #fff;
	font-size: 28px;
	line-height: 1.12;
}

.noesia-swa-synapse__panel-head p {
	color: var(--synapse-muted);
	font-size: 14px;
	line-height: 1.5;
}

.noesia-swa-synapse__setup-status {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 20px 0;
}

.noesia-swa-synapse__setup-status div {
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 18px;
	padding: 15px;
	background: rgba(255,255,255,.07);
}

.noesia-swa-synapse__setup-status strong {
	display: block;
	color: #fff;
	font-size: 14px;
}

.noesia-swa-synapse__setup-status span,
.noesia-swa-synapse__hint,
.noesia-swa-synapse__install-status,
.noesia-swa-synapse__settings p {
	color: rgba(229, 244, 255, .78);
	font-size: 12px;
	line-height: 1.45;
}

.noesia-swa-synapse__hint {
	margin: 12px 0 0;
	word-break: break-word;
}

.noesia-swa-synapse__install-status {
	min-height: 20px;
	margin-top: 10px;
	font-weight: 850;
}

.noesia-swa-synapse__install-status.is-working {
	color: #8ee9ff;
}

.noesia-swa-synapse__install-status.is-success {
	color: #72f0ba;
}

.noesia-swa-synapse__install-status.is-error {
	color: #ffb4a9;
}

.noesia-swa-synapse__settings {
	display: grid;
	gap: 9px;
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, .12);
}

.noesia-swa-synapse__settings label {
	color: rgba(237, 248, 255, .82);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

.noesia-swa-synapse input,
.noesia-swa-synapse select {
	width: 100%;
	min-height: 44px;
	padding: 0 14px;
	border: 1px solid rgba(157, 223, 255, .2);
	border-radius: 14px;
	background: rgba(4, 9, 17, .92);
	color: #f5fbff;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.noesia-swa-synapse select option {
	background: #07101d;
	color: #f5fbff;
}

.noesia-swa-synapse input::placeholder {
	color: rgba(231, 245, 255, .48);
}

.noesia-swa-synapse__key-guide {
	display: grid;
	gap: 10px;
	margin: 4px 0 14px;
	padding: 14px;
	border: 1px solid rgba(126, 231, 255, .2);
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(8, 15, 27, .96), rgba(4, 8, 15, .98));
}

.noesia-swa-synapse__key-guide strong {
	color: #fff;
	font-size: 13px;
}

.noesia-swa-synapse__key-guide ol {
	display: grid;
	gap: 6px;
	margin: 0;
	padding-left: 18px;
	color: rgba(231, 245, 255, .78);
	font-size: 12px;
	line-height: 1.45;
}

.noesia-swa-synapse__key-guide a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 0 12px;
	border: 1px solid rgba(126, 231, 255, .22);
	border-radius: 12px;
	background: rgba(255, 255, 255, .07);
	color: #9eedff;
	font-size: 12px;
	font-weight: 900;
	text-decoration: none;
}

.noesia-swa-synapse__key-guide a:hover {
	border-color: rgba(126, 231, 255, .42);
	background: rgba(126, 231, 255, .12);
	color: #fff;
}

	.noesia-swa-synapse__particle {
		position: absolute;
		z-index: 999999;
		color: rgba(220, 248, 255, .96);
	font-weight: 800;
	font-size: 20px;
	pointer-events: none;
		text-shadow: 0 0 16px rgba(116, 221, 255, .78), 0 0 34px rgba(255, 255, 255, .38);
		animation: noesia-synapse-release 10s cubic-bezier(.12, .72, .12, 1) forwards;
	}

.noesia-swa-synapse__particle.is-dust {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: rgba(208, 246, 255, .9);
	box-shadow: 0 0 18px rgba(116, 221, 255, .9), 0 0 34px rgba(255, 255, 255, .26);
	font-size: 0;
}

	.noesia-swa-synapse.is-aether-releasing .noesia-swa-synapse__bg::after {
		opacity: .34;
		animation-duration: 5s;
	}

.noesia-swa-synapse.is-aether-releasing .noesia-swa-synapse__aurora {
	background:
		radial-gradient(circle at 50% 52%, rgba(116, 221, 255, .24), transparent 18%),
		radial-gradient(circle at 50% 52%, rgba(242, 195, 109, .16), transparent 38%),
			linear-gradient(180deg, rgba(0, 0, 0, .22), rgba(0, 0, 0, .82));
	}

	.noesia-swa-synapse.is-aether-releasing .noesia-swa-synapse__query-box {
		border-color: rgba(242, 195, 109, .48);
		box-shadow: 0 0 110px rgba(116, 221, 255, .22), 0 0 80px rgba(242, 195, 109, .12);
	}

	@keyframes noesia-synapse-ambient {
		0% {
			transform: translate3d(0, 18px, -120px) scale(.5);
			opacity: 0;
		}
		18% {
			opacity: .62;
		}
		62% {
			opacity: .34;
		}
		100% {
			transform: translate3d(28px, -90px, 260px) scale(1.25);
			opacity: 0;
		}
	}

@keyframes noesia-synapse-release-field {
	to {
		background: transparent;
	}
}

@keyframes noesia-synapse-breathe {
	0% {
		transform: scale(1) translate3d(0, 0, 0);
	}
	50% {
		transform: scale(1.055) translate3d(-1%, -1%, 0);
	}
	100% {
		transform: scale(1.105) translate3d(1%, 1%, 0);
	}
}

@keyframes noesia-synapse-image-shimmer {
	0% {
		transform: translate3d(-.4%, -.2%, 0) scale(1.012);
		opacity: .1;
	}
	50% {
		transform: translate3d(.32%, .18%, 0) scale(1.026);
		opacity: .2;
	}
	100% {
		transform: translate3d(.06%, -.28%, 0) scale(1.018);
		opacity: .15;
	}
}

@keyframes noesia-synapse-particles {
	from {
		background-position: 0 0, 0 0;
	}
	to {
		background-position: 320px -240px, -420px 300px;
	}
}

@keyframes noesia-synapse-flame {
	from {
		transform: translate3d(-7px, 7px, 0) scale(.78) skewX(-2deg);
		opacity: .24;
	}
	to {
		transform: translate3d(9px, -14px, 0) scale(1.18) skewX(4deg);
		opacity: .82;
	}
}

@keyframes noesia-synapse-leaf {
	from {
		transform: translate3d(0, -40px, 0) rotate(0deg);
	}
	to {
		transform: translate3d(170px, 112vh, 0) rotate(340deg);
	}
}

@keyframes noesia-synapse-starfall {
	from {
		transform: translate3d(0, 0, 0) scale(.6);
		opacity: 0;
	}
	20% {
		opacity: .82;
	}
	to {
		transform: translate3d(-120px, 52vh, 0) scale(1.8);
		opacity: 0;
	}
}

	@keyframes noesia-synapse-release {
		0% {
			transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
			opacity: 0;
			filter: blur(1px);
		}
		12% {
			opacity: 1;
			filter: blur(0);
		}
		42% {
			transform: translate3d(0, -120px, -240px) rotate(18deg) scale(.72);
			opacity: .9;
			filter: blur(1.4px);
		}
		72% {
			opacity: .38;
			filter: blur(5px);
		}
		to {
			transform: translate3d(var(--dx), var(--dy), -1100px) rotate(var(--spin)) scale(.02);
			opacity: 0;
			filter: blur(16px);
		}
	}

@media (max-width: 1450px) {
	.noesia-swa-synapse__scene-list {
		justify-content: flex-start;
	}
}

@media (max-width: 1180px) {
	.noesia-swa-synapse {
		min-height: 760px;
	}

	.noesia-swa-synapse__stage {
		padding-bottom: 172px;
	}

	.noesia-swa-synapse__scene-btn {
		flex-basis: 164px;
	}

}

@media (max-width: 760px) {
	.noesia-swa-synapse {
		height: calc(100vh - 92px);
		min-height: 720px;
		border-radius: 18px;
	}

	.noesia-swa-synapse__topbar {
		align-items: stretch;
		flex-direction: column;
	}

	.noesia-swa-synapse__top-actions,
	.noesia-swa-synapse__button-row,
	.noesia-swa-synapse__query-actions {
		justify-content: flex-start;
	}

	.noesia-swa-synapse__stage {
		padding: 172px 14px 164px;
	}

	.noesia-swa-synapse__hero-copy h2 {
		font-size: clamp(34px, 12vw, 58px);
	}

	.noesia-swa-synapse__query-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.noesia-swa-synapse__setup-status {
		grid-template-columns: 1fr;
	}

	.noesia-swa-synapse__scene-btn {
		flex-basis: 156px;
		min-height: 56px;
	}
}
