/*B"H
Boruch Hashem
Blessed is He
The Awtsmoos creates desktop, crown, atmosphere, and every opening anew.
Awtsmoos.com reveals a quieter, denser shell while preserving every control.
*/
.main {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 14% 12%, rgba(77, 233, 220, .18), transparent 30%),
		radial-gradient(circle at 86% 24%, rgba(183, 125, 255, .2), transparent 36%),
		linear-gradient(150deg, var(--geo-bg-deep), var(--geo-bg-mid));
}
.main::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(255, 255, 255, .024) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .024) 1px, transparent 1px);
	background-size: 48px 48px;
	mask-image: linear-gradient(to bottom, black, transparent 86%);
}
#awtsmoos-shell-topbar {
	position: relative;
	z-index: 1200;
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: var(--geo-topbar-height);
	padding: max(8px, env(safe-area-inset-top)) 16px 8px;
	border-bottom: 1px solid var(--geo-border-soft);
	background: linear-gradient(180deg, rgba(8, 14, 35, .95), rgba(8, 14, 35, .76));
	box-shadow: 0 10px 30px rgba(0, 0, 0, .24);
	backdrop-filter: blur(24px) saturate(155%);
}
.shell-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 850;
	letter-spacing: -.01em;
}
.shell-brand-mark {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 12px;
	background: linear-gradient(145deg, var(--geo-cyan), var(--geo-blue), var(--geo-violet));
	box-shadow: 0 8px 24px rgba(77, 233, 220, .24);
}
.shell-topbar-actions {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-inline-start: auto;
}
.shell-chip,
.shell-icon-button {
	min-height: 38px;
	border: 1px solid var(--geo-border-soft);
	border-radius: 13px;
	color: var(--geo-text);
	background: rgba(255, 255, 255, .06);
	box-shadow: inset 0 1px rgba(255, 255, 255, .07);
	cursor: pointer;
	transition: transform var(--geo-fast), border-color var(--geo-fast), background var(--geo-fast);
}
.shell-chip {
	padding: 0 12px;
}
.shell-icon-button {
	width: 40px;
	font-family: var(--geo-font-emoji);
}
.shell-chip:hover,
.shell-icon-button:hover,
.shell-chip[aria-expanded="true"],
.shell-icon-button[aria-expanded="true"] {
	transform: translateY(-1px);
	border-color: var(--geo-border-bright);
	background: rgba(77, 233, 220, .13);
}
#shell-status {
	color: var(--geo-success);
	font-weight: 750;
}
.login-area {
	min-width: 0;
	max-width: min(420px, 42vw);
}