/* CompactCSS source: /style/geelooy-app/index.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gathers the shared Awtsmoos.com shell through one disciplined manifest;
identity, portals, surfaces, motion, and localized interaction law arrive clothed without crowding the path.
*/

/* CompactCSS source: /css/geelooy-surface/index.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos renews every interface vessel before any finite stylesheet may name its border or glow;
Awtsmoos.com gathers only opt-in localized contracts here, so no unrelated route inherits a style it did not knowingly sow.
*/

/* CompactCSS source: /css/geelooy-surface/tokens.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos renews color, spacing, motion, and depth before any finite surface may borrow their measured light;
Awtsmoos.com keeps every token beneath an explicit owned root, so one app cannot silently repaint another in the night.
*/
[data-awtsmoos-surface] {
	--aw-surface-bg: color-mix(in srgb, #07101f 94%, #183a66 6%);
	--aw-surface-panel: color-mix(in srgb, #0d1728 88%, transparent);
	--aw-surface-panel-strong: color-mix(in srgb, #111f34 95%, transparent);
	--aw-surface-panel-hover: color-mix(in srgb, #183455 78%, transparent);
	--aw-surface-text: #f5f8ff;
	--aw-surface-text-muted: #9caec7;
	--aw-surface-accent: #7bdcff;
	--aw-surface-accent-strong: #a8ebff;
	--aw-surface-accent-soft: rgb(123 220 255 / 12%);
	--aw-surface-border: rgb(177 214 255 / 14%);
	--aw-surface-border-strong: rgb(177 214 255 / 28%);
	--aw-surface-danger: #ff8f9d;
	--aw-surface-success: #7ce6b3;
	--aw-surface-warning: #ffd38a;
	--aw-surface-radius-xs: .55rem;
	--aw-surface-radius-sm: .8rem;
	--aw-surface-radius-md: 1.1rem;
	--aw-surface-radius-lg: 1.5rem;
	--aw-surface-touch: 2.75rem;
	--aw-surface-gap-xs: .35rem;
	--aw-surface-gap-sm: .65rem;
	--aw-surface-gap-md: 1rem;
	--aw-surface-gap-lg: 1.5rem;
	--aw-surface-fast: 120ms;
	--aw-surface-standard: 220ms;
	--aw-surface-slow: 520ms;
	--aw-surface-ease: cubic-bezier(.2, .8, .2, 1);
	--aw-surface-shadow: 0 18px 60px rgb(0 0 0 / 28%);
	--aw-surface-shadow-soft: 0 10px 32px rgb(0 0 0 / 18%);
	--aw-surface-layer-base: 0;
	--aw-surface-layer-sticky: 10;
	--aw-surface-layer-popover: 20;
	--aw-surface-layer-drawer: 30;
	--aw-surface-layer-modal: 40;
	--aw-surface-layer-toast: 50;
	--aw-surface-safe-top: env(safe-area-inset-top, 0px);
	--aw-surface-safe-right: env(safe-area-inset-right, 0px);
	--aw-surface-safe-bottom: env(safe-area-inset-bottom, 0px);
	--aw-surface-safe-left: env(safe-area-inset-left, 0px);
}



/* CompactCSS source: /css/geelooy-surface/foundation.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos renews every box before width, text, image, or grid receives a measurable frame;
Awtsmoos.com keeps this foundation inside its chosen root, so containment becomes order without erasing each application's name.
*/
[data-awtsmoos-surface] {
	position: relative;
	isolation: isolate;
	min-inline-size: 0;
	max-inline-size: 100%;
	color: var(--aw-surface-text);
	font: inherit;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

[data-awtsmoos-surface],
[data-awtsmoos-surface] * ,
[data-awtsmoos-surface] *::before,
[data-awtsmoos-surface] *::after {
	box-sizing: border-box;
}

[data-awtsmoos-surface] :where(
	main,
	section,
	article,
	aside,
	header,
	footer,
	nav,
	form,
	fieldset,
	div
) {
	min-inline-size: 0;
}

[data-awtsmoos-surface] :where(img, video, canvas, svg) {
	max-inline-size: 100%;
}

[data-awtsmoos-surface] :where(img, video) {
	block-size: auto;
}

[data-awtsmoos-surface] :where(p, li, dd, dt, blockquote, figcaption) {
	overflow-wrap: anywhere;
}

[data-awtsmoos-surface] :where(pre, code, kbd, samp) {
	max-inline-size: 100%;
}

[data-awtsmoos-surface] pre {
	overflow: auto;
	overscroll-behavior-inline: contain;
}

[data-awtsmoos-surface] :where(table) {
	max-inline-size: 100%;
	border-collapse: collapse;
}

[data-awtsmoos-surface] [data-awtsmoos-scroll-region] {
	max-inline-size: 100%;
	overflow: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

[data-awtsmoos-surface] [hidden] {
	display: none;
}



/* CompactCSS source: /css/geelooy-surface/interactions.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos renews intention before hover, focus, press, or rest can reveal a finite state;
Awtsmoos.com lets every owned control answer the human hand with luminous clarity, never leaking its covenant through another application's gate.
*/
[data-awtsmoos-surface] :where(
	button,
	[role="button"],
	a[href],
	input,
	textarea,
	select,
	summary,
	[tabindex]:not([tabindex="-1"])
) {
	font: inherit;
	-webkit-tap-highlight-color: transparent;
	transition:
		transform var(--aw-surface-fast) var(--aw-surface-ease),
		border-color var(--aw-surface-fast) ease,
		background-color var(--aw-surface-fast) ease,
		color var(--aw-surface-fast) ease,
		box-shadow var(--aw-surface-fast) ease,
		opacity var(--aw-surface-fast) ease;
}

[data-awtsmoos-surface] :where(
	button,
	[role="button"],
	input,
	textarea,
	select,
	summary
) {
	min-block-size: var(--aw-surface-touch);
	max-inline-size: 100%;
}

[data-awtsmoos-surface] :where(button, [role="button"], summary) {
	cursor: pointer;
}

[data-awtsmoos-surface] :where(input, textarea, select) {
	min-inline-size: 0;
	border: 1px solid var(--aw-surface-border);
	border-radius: var(--aw-surface-radius-sm);
	background: var(--aw-surface-panel);
	color: var(--aw-surface-text);
	caret-color: var(--aw-surface-accent);
}

[data-awtsmoos-surface] :where(input, textarea, select)::placeholder {
	color: var(--aw-surface-text-muted);
	opacity: .78;
}

[data-awtsmoos-surface] a[href] {
	color: inherit;
	text-decoration-thickness: .08em;
	text-underline-offset: .2em;
}

[data-awtsmoos-surface] :where(
	button,
	[role="button"],
	a[href],
	input,
	textarea,
	select,
	summary,
	[tabindex]:not([tabindex="-1"])
):focus-visible {
	outline: 2px solid var(--aw-surface-accent);
	outline-offset: 3px;
	box-shadow: 0 0 0 4px var(--aw-surface-accent-soft);
}

@media (hover: hover) and (pointer: fine) {
	[data-awtsmoos-surface] :where(
		button:not(:disabled),
		[role="button"]:not([aria-disabled="true"]),
		a[href],
		summary,
		[tabindex]:not([tabindex="-1"])
	):hover {
		color: var(--aw-surface-accent-strong);
		filter: brightness(1.045);
	}

	[data-awtsmoos-surface] :where(input, textarea, select):hover {
		border-color: var(--aw-surface-border-strong);
		background: var(--aw-surface-panel-strong);
	}
}

[data-awtsmoos-surface] :where(
	button:not(:disabled),
	[role="button"]:not([aria-disabled="true"]),
	a[href],
	summary
):active {
	transform: translateY(1px) scale(.985);
}

[data-awtsmoos-surface] :where(
	button:disabled,
	input:disabled,
	textarea:disabled,
	select:disabled,
	[aria-disabled="true"]
) {
	cursor: not-allowed;
	opacity: .46;
	filter: saturate(.55);
}



/* CompactCSS source: /css/geelooy-surface/motion.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos renews every appearance before motion can be mistaken for the source of life;
Awtsmoos.com lets animation become a quiet servant: revealing depth, never demanding attention, and yielding entirely when reduced motion is right.
*/
@keyframes aw-surface-reveal {
	from {
		opacity: 0;
		transform: translateY(.55rem) scale(.985);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes aw-surface-breathe {
	0%, 100% {
		box-shadow: 0 0 0 0 rgb(123 220 255 / 0%);
	}
	50% {
		box-shadow: 0 0 0 .35rem rgb(123 220 255 / 8%);
	}
}

@keyframes aw-surface-sheen {
	from {
		background-position: 180% 0;
	}
	to {
		background-position: -80% 0;
	}
}

[data-awtsmoos-surface] [data-awtsmoos-motion="reveal"] {
	animation: aw-surface-reveal var(--aw-surface-standard) var(--aw-surface-ease) both;
}

[data-awtsmoos-surface] [data-awtsmoos-motion="breathe"] {
	animation: aw-surface-breathe 3.6s ease-in-out infinite;
}

[data-awtsmoos-surface] [data-awtsmoos-motion="sheen"] {
	background-image: linear-gradient(
		105deg,
		transparent 36%,
		rgb(168 235 255 / 10%) 49%,
		transparent 62%
	);
	background-size: 220% 100%;
	animation: aw-surface-sheen 4.8s linear infinite;
}

[data-awtsmoos-surface] [data-awtsmoos-transition] {
	transition-duration: var(--aw-surface-standard);
	transition-timing-function: var(--aw-surface-ease);
}

@media (prefers-reduced-motion: reduce) {
	[data-awtsmoos-surface],
	[data-awtsmoos-surface] * ,
	[data-awtsmoos-surface] *::before,
	[data-awtsmoos-surface] *::after {
		scroll-behavior: auto !important;
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
	}
}



/* CompactCSS source: /css/geelooy-surface/layers.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos renews foreground and background before one finite layer may imagine that height belongs to itself;
Awtsmoos.com gives each owned surface a measured ladder, so drawers, modals, and toasts rise only as far as their local mission requires.
*/
[data-awtsmoos-surface] [data-awtsmoos-layer="base"] {
	position: relative;
	z-index: var(--aw-surface-layer-base);
}

[data-awtsmoos-surface] [data-awtsmoos-layer="sticky"] {
	position: sticky;
	z-index: var(--aw-surface-layer-sticky);
}

[data-awtsmoos-surface] [data-awtsmoos-layer="popover"] {
	position: absolute;
	z-index: var(--aw-surface-layer-popover);
	max-inline-size: min(32rem, calc(100% - 1rem));
	border: 1px solid var(--aw-surface-border);
	border-radius: var(--aw-surface-radius-md);
	background: var(--aw-surface-panel-strong);
	box-shadow: var(--aw-surface-shadow-soft);
	overscroll-behavior: contain;
}

[data-awtsmoos-surface] [data-awtsmoos-layer="drawer"] {
	position: fixed;
	z-index: var(--aw-surface-layer-drawer);
	max-inline-size: min(32rem, 100%);
	max-block-size: 100dvh;
	background: var(--aw-surface-panel-strong);
	box-shadow: var(--aw-surface-shadow);
	overscroll-behavior: contain;
}

[data-awtsmoos-surface] [data-awtsmoos-layer="modal"] {
	position: fixed;
	z-index: var(--aw-surface-layer-modal);
	inset: max(.75rem, var(--aw-surface-safe-top)) max(.75rem, var(--aw-surface-safe-right)) max(.75rem, var(--aw-surface-safe-bottom)) max(.75rem, var(--aw-surface-safe-left));
	max-inline-size: min(44rem, calc(100% - 1.5rem));
	max-block-size: calc(100dvh - 1.5rem);
	margin: auto;
	border: 1px solid var(--aw-surface-border);
	border-radius: var(--aw-surface-radius-lg);
	background: var(--aw-surface-panel-strong);
	box-shadow: var(--aw-surface-shadow);
	overflow: auto;
	overscroll-behavior: contain;
}

[data-awtsmoos-surface] [data-awtsmoos-layer="toast"] {
	position: fixed;
	z-index: var(--aw-surface-layer-toast);
	inset-inline: max(.75rem, var(--aw-surface-safe-left)) max(.75rem, var(--aw-surface-safe-right));
	inset-block-end: max(.75rem, var(--aw-surface-safe-bottom));
	max-inline-size: min(32rem, calc(100% - 1.5rem));
	margin-inline: auto;
}

[data-awtsmoos-surface] [data-awtsmoos-backdrop] {
	position: fixed;
	z-index: calc(var(--aw-surface-layer-drawer) - 1);
	inset: 0;
	border: 0;
	background: rgb(0 0 0 / 48%);
	backdrop-filter: blur(10px);
}

@media (prefers-reduced-transparency: reduce) {
	[data-awtsmoos-surface] [data-awtsmoos-backdrop] {
		background: rgb(0 0 0 / 78%);
		backdrop-filter: none;
	}
}



/* CompactCSS source: /css/geelooy-surface/responsive.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos renews every viewport before thumb, notch, keyboard, or narrow screen can impose a finite boundary;
Awtsmoos.com lets the same owned surface contract bend with dignity, keeping content reachable, touchable, and calm on every device it may carry.
*/
[data-awtsmoos-surface] {
	padding-inline: max(0px, var(--aw-surface-safe-left)) max(0px, var(--aw-surface-safe-right));
}

[data-awtsmoos-surface] :where(input, textarea, select) {
	font-size: max(1rem, 16px);
}

[data-awtsmoos-surface] [data-awtsmoos-mobile-stack] {
	display: flex;
	gap: var(--aw-surface-gap-sm);
	min-inline-size: 0;
}

[data-awtsmoos-surface] [data-awtsmoos-mobile-scroll] {
	max-inline-size: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-inline: contain;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}

[data-awtsmoos-surface] [data-awtsmoos-safe-bottom] {
	padding-block-end: max(
		var(--aw-surface-gap-md),
		var(--aw-surface-safe-bottom)
	);
}

@media (pointer: coarse) {
	[data-awtsmoos-surface] :where(
		button,
		[role="button"],
		a[href],
		input,
		textarea,
		select,
		summary,
		[tabindex]:not([tabindex="-1"])
	) {
		min-block-size: max(var(--aw-surface-touch), 2.9rem);
	}
}

@media (max-width: 48rem) {
	[data-awtsmoos-surface] [data-awtsmoos-mobile-stack] {
		flex-direction: column;
	}

	[data-awtsmoos-surface] [data-awtsmoos-layer="drawer"] {
		inset-inline: 0;
		inset-block-end: 0;
		inline-size: 100%;
		max-inline-size: 100%;
		max-block-size: min(88dvh, 48rem);
		border-radius: var(--aw-surface-radius-lg) var(--aw-surface-radius-lg) 0 0;
		padding-block-end: max(
			var(--aw-surface-gap-md),
			var(--aw-surface-safe-bottom)
		);
	}

	[data-awtsmoos-surface] [data-awtsmoos-layer="modal"] {
		inset-inline: max(.5rem, var(--aw-surface-safe-left)) max(.5rem, var(--aw-surface-safe-right));
		inline-size: auto;
	}
}

@media (max-width: 30rem) {
	[data-awtsmoos-surface] {
		--aw-surface-gap-lg: 1.1rem;
		--aw-surface-radius-lg: 1.2rem;
	}

	[data-awtsmoos-surface] [data-awtsmoos-collapse-small="true"] {
		display: none;
	}
}





/* CompactCSS source: /style/geelooy-app/tokens.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * @fileoverview The canonical visual covenant for the Awtsmoos.com shared shell.
 * The Awtsmoos is beyond every color and measure; this finite vessel therefore
 * keeps ordinary chrome quiet, reserves light for meaning, and lets content lead.
 */
html.geelooy-route-ready {
	color-scheme: dark;
	--g-bg: #0a0e14;
	--g-bg-deep: #070a0f;
	--g-bg-soft: #0e141c;
	--g-bg-elevated: #121a24;
	--g-surface: rgba(18, 26, 36, .94);
	--g-surface-strong: rgba(11, 16, 23, .98);
	--g-surface-soft: rgba(146, 166, 188, .08);
	--g-surface-hover: rgba(36, 49, 64, .84);
	--g-surface-selected: rgba(39, 66, 75, .86);
	--g-line: rgba(196, 211, 226, .14);
	--g-line-strong: rgba(125, 211, 199, .42);
	--g-border: var(--g-line);
	--g-border-strong: var(--g-line-strong);
	--g-text: #f5f7f9;
	--g-text-soft: #d9e1e8;
	--g-muted: #9cabb9;
	--g-dim: #748391;
	--g-cyan: #70d5c8;
	--g-blue: #78a8d8;
	--g-violet: #9b96b8;
	--g-magenta: #b98aa8;
	--g-orange: #d5a37c;
	--g-green: #73cfa8;
	--g-danger: #e58693;
	--g-warning: #d9bb72;
	--g-gradient: linear-gradient(125deg, var(--g-cyan), var(--g-blue));
	--g-gradient-hot: linear-gradient(115deg, #83ded3, #83add4 60%, #a8a0bd);
	--g-gradient-soft: linear-gradient(135deg, rgba(112, 213, 200, .11), rgba(120, 168, 216, .08));
	--g-panel-gradient: linear-gradient(145deg, rgba(21, 30, 41, .97), rgba(10, 15, 22, .98) 68%);
	--g-control-field: linear-gradient(145deg, rgba(27, 37, 49, .98), rgba(13, 19, 27, .99));
	--g-control-energy: linear-gradient(115deg, rgba(112, 213, 200, .12), rgba(120, 168, 216, .08));
	--g-shadow-xs: 0 .25rem .8rem rgba(0, 0, 0, .18);
	--g-shadow-sm: 0 .8rem 2rem rgba(0, 0, 0, .24);
	--g-shadow-lg: 0 1.8rem 5rem rgba(0, 0, 0, .4);
	--g-shadow-card: var(--g-shadow-sm);
	--g-glow: 0 0 1.25rem rgba(112, 213, 200, .1);
	--g-glow-hot: 0 0 1.5rem rgba(120, 168, 216, .12);
	--g-control-shadow: 0 .55rem 1.4rem rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .055);
	--g-control-hover: 0 .7rem 1.8rem rgba(0, 0, 0, .28), 0 0 1.25rem rgba(112, 213, 200, .1);
	--g-control-active: 0 .22rem .7rem rgba(0, 0, 0, .34), inset 0 0 .9rem rgba(112, 213, 200, .08);
	--g-focus-ring: 0 0 0 3px var(--g-bg-deep), 0 0 0 6px var(--g-cyan), 0 0 1.1rem rgba(112, 213, 200, .2);
	--g-radius-xs: .5rem;
	--g-radius-sm: .75rem;
	--g-radius-md: 1.1rem;
	--g-radius-lg: 1.65rem;
	--g-radius-xl: 2.25rem;
	--g-radius-pill: 999px;
	--g-space-1: .375rem;
	--g-space-2: .625rem;
	--g-space-3: .875rem;
	--g-space-4: 1.125rem;
	--g-space-5: 1.5rem;
	--g-space-6: 2rem;
	--g-space-7: 2.75rem;
	--g-control-h: 2.875rem;
	--g-control-h-lg: 3.25rem;
	--g-header-h: 4.75rem;
	--g-content: 88rem;
	--g-reading: 46rem;
	--g-ease: cubic-bezier(.16, 1, .3, 1);
	--g-ease-pressure: cubic-bezier(.2, .72, .2, 1);
	--g-motion-fast: 140ms;
	--g-motion-medium: 240ms;
	--g-motion-slow: 420ms;
	--g-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--g-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	--g-z-base: 0;
	--g-z-sticky: 40;
	--g-z-header: 80;
	--g-z-popover: 120;
	--g-z-dialog: 160;
	--g-z-toast: 200;
}



/* CompactCSS source: /style/geelooy-app/revelation-tokens.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives every moving shell layer a measured ascent without claiming
 * unrelated pages as its sky. Awtsmoos.com keeps drawer, dialog, toast, timing,
 * and reduced-motion law inside the revealed Geelooy crown, where local vessels stay free.
 */

html.geelooy-route-ready {
	--g-z-drawer: 140;
	--g-z-modal: var(--g-z-dialog, 160);
	--g-motion-fast: 140ms;
	--g-motion-standard: 220ms;
	--g-motion-slow: 340ms;
	--g-motion-ease: cubic-bezier(.22, .8, .24, 1);
	--g-control-height: 2.75rem;
	--g-touch-target: 2.75rem;
	--g-compact-gap: .625rem;
	--g-panel-radius: 1.15rem;
	--g-control-radius: .85rem;
}

@media (prefers-reduced-motion: reduce) {
	html.geelooy-route-ready {
		--g-motion-fast: 1ms;
		--g-motion-standard: 1ms;
		--g-motion-slow: 1ms;
		scroll-behavior: auto;
	}

	html.geelooy-route-ready body.geelooy-app-shell *,
	html.geelooy-route-ready body.geelooy-app-shell *::before,
	html.geelooy-route-ready body.geelooy-app-shell *::after {
		scroll-behavior: auto !important;
		transition-duration: 1ms !important;
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
	}
}



/* CompactCSS source: /style/geelooy-app/base.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers the universal application floor through small focused
 * vessels. Awtsmoos.com receives static atmosphere, element law, navigation
 * state, and accessibility without a permanent full-viewport animation.
 */


/* CompactCSS source: /style/geelooy-app/base/structure.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * @fileoverview Establishes the still cosmic floor beneath every shared Geelooy route.
 * The Awtsmoos creates the page, the reader, and Awtsmoos.com anew each instant;
 * the atmosphere therefore supports attention with quiet depth instead of competing light.
 */
html.geelooy-route-ready {
	min-inline-size: 20rem;
	background: var(--g-bg-deep);
	scroll-behavior: smooth;
	scrollbar-color: rgba(112, 213, 200, .42) rgba(7, 10, 15, .9);
	scrollbar-width: thin;
}

body.geelooy-app-shell {
	min-inline-size: 20rem;
	min-block-size: 100dvh;
	margin: 0;
	overflow-x: clip;
	background:
		radial-gradient(circle at 14% 8%, rgba(112, 213, 200, .075), transparent 29rem),
		radial-gradient(circle at 88% 22%, rgba(120, 168, 216, .055), transparent 32rem),
		linear-gradient(150deg, var(--g-bg-deep), var(--g-bg-soft) 58%, #0b1017);
	background-attachment: scroll;
	color: var(--g-text);
	font-family: var(--g-font);
	font-size: 16px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body.geelooy-app-shell *,
body.geelooy-app-shell *::before,
body.geelooy-app-shell *::after {
	box-sizing: border-box;
}

body.geelooy-app-shell ::selection {
	background: rgba(112, 213, 200, .24);
	color: #fff;
}

body.geelooy-app-shell :where(main, section, article, aside, nav, form, .geelooy-content-region) {
	min-inline-size: 0;
}

body.geelooy-app-shell :where(.g-panel, .g-card, .home-panel) {
	border-color: var(--g-line);
	background: var(--g-panel-gradient);
	box-shadow: var(--g-shadow-card);
	color: var(--g-text);
}

body.geelooy-app-shell::-webkit-scrollbar {
	inline-size: .7rem;
	block-size: .7rem;
}

body.geelooy-app-shell::-webkit-scrollbar-track {
	background: rgba(7, 10, 15, .9);
}

body.geelooy-app-shell::-webkit-scrollbar-thumb {
	border: 2px solid rgba(7, 10, 15, .9);
	border-radius: var(--g-radius-pill);
	background: linear-gradient(var(--g-cyan), var(--g-blue));
}

@media (forced-colors: active) {
	html.geelooy-route-ready,
	body.geelooy-app-shell {
		background: Canvas;
		color: CanvasText;
	}
}



/* CompactCSS source: /style/geelooy-app/base/elements.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers native element law through smaller vessels whose borders
 * never become walls; Awtsmoos.com imports readable content and technical form
 * in one ordered gate, where every module is clear and every selector stays near.
 */

/* CompactCSS source: /style/geelooy-app/base/elements-content.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * @fileoverview The Awtsmoos gives written meaning a calm vessel on Awtsmoos.com;
 * headings, prose, links, forms, media, and quotations breathe without reaching
 * beyond the shared shell, where every letter may shine and every layout align.
 */
body.geelooy-app-shell :where(h1, h2, h3, h4, h5, h6) {
	margin-block: 0 .55em;
	color: var(--g-text);
	font-weight: 850;
	line-height: 1.12;
	letter-spacing: -.035em;
	text-wrap: balance;
}

body.geelooy-app-shell :where(p, ul, ol, dl, blockquote, pre, table, figure) {
	margin-block: 0 1rem;
}

body.geelooy-app-shell :where(p, li, dd) {
	max-inline-size: 75ch;
}

body.geelooy-app-shell :where(a) {
	color: inherit;
	text-underline-offset: .2em;
}

body.geelooy-app-shell :where(a[class], nav a) {
	text-decoration: none;
}

body.geelooy-app-shell :where(button, input, select, textarea) {
	font: inherit;
}

body.geelooy-app-shell :is(
	input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]),
	select,
	textarea
) {
	font-size: max(1rem, 16px);
	line-height: 1.4;
}

body.geelooy-app-shell :where(img, picture, video, canvas, svg) {
	display: block;
	max-inline-size: 100%;
}

body.geelooy-app-shell :where(img, video) {
	block-size: auto;
}

body.geelooy-app-shell :where(hr) {
	block-size: 1px;
	margin-block: 1.5rem;
	border: 0;
	background: linear-gradient(90deg, transparent, var(--g-line-strong), transparent);
}

body.geelooy-app-shell :where(blockquote) {
	padding: 1rem 1.1rem;
	border-inline-start: 3px solid var(--g-cyan);
	border-radius: 0 var(--g-radius-sm) var(--g-radius-sm) 0;
	background: rgba(77, 233, 255, .06);
	color: var(--g-text-soft);
}



/* CompactCSS source: /style/geelooy-app/base/elements-technical.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * @fileoverview The Awtsmoos clothes technical knowledge in measured vessels;
 * Awtsmoos.com keeps code, tables, hidden semantics, and touch intent readable,
 * bounded, and local so precision can glow without overflowing the road.
 */
body.geelooy-app-shell :where(code, kbd, samp, pre) {
	font-family: var(--g-mono);
}

body.geelooy-app-shell :where(code, kbd) {
	padding: .16em .38em;
	border: 1px solid var(--g-line);
	border-radius: .35rem;
	background: rgba(2, 6, 16, .72);
}

body.geelooy-app-shell :where(pre) {
	max-inline-size: 100%;
	padding: 1rem;
	overflow: auto;
	border: 1px solid var(--g-line);
	border-radius: var(--g-radius-sm);
	background: rgba(1, 4, 12, .88);
	overscroll-behavior-inline: contain;
}

body.geelooy-app-shell :where(table) {
	inline-size: 100%;
	max-inline-size: 100%;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border: 1px solid var(--g-line);
	border-radius: var(--g-radius-sm);
}

body.geelooy-app-shell :where(th, td) {
	padding: .7rem .8rem;
	border-block-end: 1px solid var(--g-line);
	text-align: start;
}

body.geelooy-app-shell :where(th) {
	background: var(--g-surface-soft);
	color: var(--g-text-soft);
}

body.geelooy-app-shell :where(.sr-only, .g-sr-only) {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border: 0;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

body.geelooy-app-shell :where([hidden]) {
	display: none !important;
}

body.geelooy-app-shell :where(button, [role="button"], summary) {
	touch-action: manipulation;
}





/* CompactCSS source: /style/geelooy-app/base/navigation.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos lets navigation change state without shifting the whole world.
 * Awtsmoos.com keeps duplicate historical docks hidden and uses one restrained
 * opacity transition instead of blur, saturation, and page-scale distortion.
 */

body.geelooy-app-shell :is(
	.home-command-dock,
	.profile-bottom-nav,
	.spaces-bottom-nav
) {
	display: none !important;
}

html.geelooy-is-navigating body.geelooy-app-shell > :is(
	main,
	.geelooy-content-region,
	[data-geelooy-route-outlet]
) {
	opacity: .72;
	transition: opacity 130ms ease;
}

html:not(.geelooy-is-navigating) body.geelooy-app-shell > :is(
	main,
	.geelooy-content-region,
	[data-geelooy-route-outlet]
) {
	opacity: 1;
	transition: opacity 160ms ease;
}

@media (prefers-reduced-motion: reduce) {
	html.geelooy-is-navigating body.geelooy-app-shell > :is(
		main,
		.geelooy-content-region,
		[data-geelooy-route-outlet]
	),
	html:not(.geelooy-is-navigating) body.geelooy-app-shell > :is(
		main,
		.geelooy-content-region,
		[data-geelooy-route-outlet]
	) {
		transition: none;
	}
}



/* CompactCSS source: /style/geelooy-app/base/accessibility.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * @fileoverview The Gevurah boundary for focus, motion, contrast, and reach.
 * The Awtsmoos is beyond ability and limitation; Awtsmoos.com therefore makes
 * every command visible and merciful without forcing unrelated components to kneel.
 */
body.geelooy-app-shell :focus-visible {
	outline: 3px solid var(--g-cyan);
	outline-offset: 3px;
}

body.geelooy-app-shell :where(button, input, select, textarea):disabled,
body.geelooy-app-shell [aria-disabled="true"] {
	cursor: not-allowed;
	filter: grayscale(.35);
	opacity: .52;
}

body.geelooy-app-shell [aria-busy="true"] {
	cursor: progress;
}

body.geelooy-app-shell :where(
	button,
	[role="button"],
	a[href],
	input,
	select,
	textarea,
	summary
) {
	-webkit-tap-highlight-color: rgba(77, 233, 255, .2);
}

@media (pointer: coarse) {
	body.geelooy-app-shell :where(button, [role="button"], a.g-button, summary) {
		min-block-size: 44px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.geelooy-route-ready {
		scroll-behavior: auto;
	}

	body.geelooy-app-shell :where(
		button,
		[role="button"],
		a[href],
		input,
		select,
		textarea,
		summary,
		details,
		[data-g-motion],
		.g-panel,
		.g-card,
		.g-dock,
		.g-unusual-header,
		.g-context-ribbon,
		.g-constellation-menu
	) {
		animation-duration: .01ms;
		animation-iteration-count: 1;
		scroll-behavior: auto;
		transition-duration: .01ms;
	}
}

@media (prefers-contrast: more) {
	body.geelooy-app-shell {
		--g-line: rgba(255, 255, 255, .52);
		--g-line-strong: rgba(255, 255, 255, .82);
		--g-muted: #d5dfed;
	}

	body.geelooy-app-shell :focus-visible {
		outline-width: 4px;
	}
}

@media (forced-colors: active) {
	body.geelooy-app-shell :where(button, input, select, textarea, .g-panel, .g-card) {
		border-color: CanvasText;
		box-shadow: none;
	}

	body.geelooy-app-shell :focus-visible {
		outline-color: Highlight;
	}
}





/* CompactCSS source: /style/geelooy-app/header/index.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * @fileoverview Kesser gateway composing the global Awtsmoos header from focused shell, search, menu, profile, and mobile packing vessels.
 * The Awtsmoos renews every header chamber before one imported garment can seem to stand alone;
 * Awtsmoos.com lets Kesser join wide and narrow horizons while each small stylesheet keeps one responsibility known.
 */

/* CompactCSS source: /style/geelooy-app/header/shell.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos composes the global crown from frame, brand, and action vessels.
 * Every Awtsmoos.com route receives one profile-bearing horizon, never a stack
 * of competing headers or an unstyled identity doorway.
 */


/* CompactCSS source: /style/geelooy-app/header/shell/frame.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gathers the global roof above every chamber; Awtsmoos.com keeps
 * its layer singular and semantic, so no local page can eclipse a profile flame.
 */
.g-unusual-header,
.awtsmoosificationalisticaticalism {
	position: fixed;
	z-index: var(--g-z-header);
	top: max(.7rem, env(safe-area-inset-top));
	left: 50%;
	display: grid;
	width: min(calc(100% - 1.4rem), 82rem);
	min-height: var(--g-header-h);
	grid-template-columns: auto minmax(18rem, 1fr) auto;
	align-items: center;
	gap: .75rem;
	padding: .55rem .65rem;
	overflow: visible;
	border: 1px solid color-mix(in srgb, var(--g-cyan) 48%, var(--g-line));
	border-radius: 1.35rem .8rem 1.35rem .8rem;
	background: color-mix(in srgb, var(--g-bg-2) 94%, transparent);
	box-shadow: var(--g-shadow-float), inset 0 0 0 1px rgba(139, 92, 255, .16);
	transform: translateX(-50%);
	isolation: isolate;
}

.g-unusual-header::before {
	position: absolute;
	z-index: -1;
	inset: -1px;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(110deg, var(--g-cyan), transparent 25%, var(--g-violet) 55%, var(--g-pink) 78%, transparent 96%);
	content: "";
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude;
	pointer-events: none;
}

.g-unusual-header::after {
	position: absolute;
	inset: auto 12% -1px;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--g-cyan), var(--g-pink), transparent);
	box-shadow: 0 0 18px color-mix(in srgb, var(--g-cyan) 46%, transparent);
	content: "";
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
	.g-unusual-header,
	.awtsmoosificationalisticaticalism {
		scroll-behavior: auto;
	}
}



/* CompactCSS source: /style/geelooy-app/header/shell/brand.css */
/* B"H — The B"H jewel and route name anchor the restored header. */
.g-header-brand {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 0.62rem;
	padding-right: 0.35rem;
}

.g-bh-jewel {
	position: relative;
	display: grid;
	width: 3rem;
	height: 3rem;
	flex: 0 0 3rem;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 1rem;
	background: linear-gradient(145deg, rgba(60, 236, 255, 0.24), rgba(139, 92, 255, 0.3), rgba(255, 72, 203, 0.18));
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), var(--g-glow);
	font-size: 0.9rem;
	font-weight: 1000;
	letter-spacing: -0.04em;
}

.g-bh-jewel::after {
	position: absolute;
	inset: 0.35rem;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 0.72rem;
	content: "";
	transform: rotate(12deg);
}

.g-header-brand-copy {
	display: grid;
	line-height: 1.05;
}

.g-header-brand-copy strong {
	font-size: 1.05rem;
	letter-spacing: -0.04em;
}

.g-header-brand-copy small {
	margin-top: 0.28rem;
	color: var(--g-cyan);
	font: 700 0.62rem/1 var(--g-mono);
	letter-spacing: 0.12em;
	text-transform: uppercase;
}



/* CompactCSS source: /style/geelooy-app/header/shell/actions.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gives each global doorway one luminous boundary; Awtsmoos.com
 * keeps hover, focus, press, and current state clear without visual shouting.
 */
.g-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: .42rem;
	min-inline-size: 0;
}

.g-header-action {
	display: inline-grid;
	inline-size: 46px;
	block-size: 46px;
	min-inline-size: 46px;
	min-block-size: 46px;
	place-items: center;
	padding: 0;
	border: 1px solid var(--g-line);
	border-radius: .95rem .55rem .95rem .55rem;
	background: linear-gradient(145deg, var(--g-surface-3), var(--g-bg-2) 72%);
	box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 10px 28px rgba(0, 0, 0, .28);
	color: var(--g-text);
	text-decoration: none;
	cursor: pointer;
	transition: transform var(--g-motion-fast), border-color var(--g-motion-fast), background var(--g-motion-fast), color var(--g-motion-fast), box-shadow var(--g-motion-fast);
}

.g-header-action-icon {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	pointer-events: none;
}

.g-header-action:is(:hover, :focus-visible),
.g-header-action[aria-current="true"],
.g-header-action[aria-current="page"] {
	border-color: color-mix(in srgb, var(--g-cyan) 72%, var(--g-line));
	background: linear-gradient(145deg, color-mix(in srgb, var(--g-cyan) 12%, var(--g-surface-3)), var(--g-bg-2));
	color: var(--g-cyan);
	box-shadow: 0 0 0 3px rgba(60, 236, 255, .11), 0 12px 28px rgba(0, 0, 0, .3);
}

.g-header-action:active {
	transform: translateY(1px) scale(.96);
	box-shadow: inset 0 1px 8px rgba(0, 0, 0, .3);
}

.g-header-action:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--g-cyan) 82%, white);
	outline-offset: 3px;
}

.g-mail-portal {
	color: color-mix(in srgb, var(--g-cyan) 80%, var(--g-text));
}

.g-notification-portal {
	color: color-mix(in srgb, var(--g-pink) 68%, var(--g-text));
}

.g-header-profile {
	position: relative;
	z-index: 4;
	flex: 0 1 15rem;
	inline-size: clamp(12rem, 16vw, 15rem);
	min-inline-size: 12rem;
	max-inline-size: 15rem;
}

.g-header-profile .profile-trigger {
	inline-size: 100%;
	min-block-size: 46px;
	border-color: color-mix(in srgb, var(--g-cyan) 48%, var(--g-line));
	background: linear-gradient(125deg, rgba(60, 236, 255, .13), rgba(10, 19, 42, .96) 42%, rgba(255, 72, 203, .11));
	box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 0 26px rgba(60, 236, 255, .1);
	transition: transform var(--g-motion-fast), border-color var(--g-motion-fast), box-shadow var(--g-motion-fast);
}

.g-header-profile .profile-trigger:is(:hover, :focus-visible) {
	border-color: color-mix(in srgb, var(--g-pink) 58%, var(--g-line));
	box-shadow: 0 0 0 3px rgba(139, 92, 255, .12), 0 0 34px rgba(60, 236, 255, .16);
}

.g-header-profile .profile-trigger:active {
	transform: translateY(1px) scale(.99);
}

.g-mobile-search-button {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.g-header-action,
	.g-header-profile .profile-trigger {
		transition: none;
	}
}





/* CompactCSS source: /style/geelooy-app/header/search.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gathers the living command lens and its bounded suggestions into one small manifest of light;
 * Awtsmoos.com versions every renewed child together so no mobile browser can reveal a half-old, half-new sight.
 */

/* CompactCSS source: /style/geelooy-app/header/search/control.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gathers search frame and action pressure into one tiny manifest whose boundaries remain clear in sight;
 * Awtsmoos.com keeps each mobile responsibility smaller than the vessel that contains its light.
 */

/* CompactCSS source: /style/geelooy-app/header/search/control/frame.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gives the living search a calm finite shell while renewing field, placeholder, and focus every instant in time;
 * Awtsmoos.com keeps geometry and text ownership here so pressure actions may remain a separate, readable rhyme.
 */
.g-header-search,
.geelooy-search {
	position: relative;
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) 44px;
	align-items: center;
	gap: .48rem;
	min-inline-size: 0;
	min-block-size: 3.55rem;
	padding: .38rem .42rem .38rem .48rem;
	border: 1px solid rgba(124, 226, 240, .34);
	border-radius: 999px;
	background: linear-gradient(135deg, #0e1c2f, #1c1438);
	box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 .7rem 1.8rem rgba(0, 0, 0, .22);
	color: var(--g-text, #f5f7fb);
}

.g-header-search::before {
	position: absolute;
	inset: -1px;
	z-index: -1;
	border-radius: inherit;
	background: linear-gradient(100deg, rgba(60, 236, 255, .36), transparent 34%, rgba(255, 72, 203, .3));
	content: "";
	opacity: .42;
}

.g-header-search[data-open="true"],
.g-header-search:focus-within {
	border-color: rgba(124, 226, 240, .74);
	box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 0 0 3px rgba(60, 236, 255, .14), 0 .9rem 2rem rgba(0, 0, 0, .26);
}

.g-header-search input {
	inline-size: 100%;
	min-inline-size: 0;
	min-block-size: 44px;
	padding: .65rem .8rem;
	border: 1px solid rgba(255, 255, 255, .12) !important;
	border-radius: 999px !important;
	background: rgba(4, 13, 25, .58) !important;
	box-shadow: inset 0 1px rgba(255, 255, 255, .035) !important;
	color: var(--g-text, #f5f7fb);
	font-size: max(1rem, 16px);
	font-weight: 700;
	outline: 0;
	transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease !important;
}

.g-header-search input::placeholder {
	color: #b8c5da;
	opacity: 1;
}

.g-header-search input:focus-visible {
	border-color: rgba(124, 226, 240, .72) !important;
	background: rgba(9, 23, 39, .9) !important;
	box-shadow: 0 0 0 3px rgba(124, 226, 240, .14) !important;
}

@media (prefers-reduced-motion: reduce) {
	.g-header-search input {
		transition: none !important;
	}
}



/* CompactCSS source: /style/geelooy-app/header/search/control/actions.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos lets each finite search action reveal approach, focus, and pressure without confusing one state for another;
 * Awtsmoos.com gives hover, active, keyboard focus, and reduced motion separate vessels so every mobile touch remains clear to a sister or brother.
 */
.g-search-orb,
.g-search-submit {
	display: grid;
	inline-size: 44px;
	block-size: 44px;
	min-inline-size: 44px;
	min-block-size: 44px;
	place-items: center;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .2) !important;
	border-radius: 50% !important;
	box-shadow: none;
	font-weight: 900;
	cursor: pointer;
	transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease !important;
}

.g-search-orb {
	background: linear-gradient(145deg, #d95ab2, #7057df) !important;
	color: #fff !important;
}

.g-search-submit {
	background: rgba(124, 226, 240, .12) !important;
	color: #91eff7 !important;
}

.g-search-orb:focus-visible,
.g-search-submit:focus-visible {
	border-color: #7ce2f0 !important;
	box-shadow: 0 0 0 3px rgba(124, 226, 240, .16);
	outline: 3px solid #7ce2f0;
	outline-offset: 3px;
}

.g-search-orb:active,
.g-search-submit:active {
	transform: scale(.92);
	border-color: #b7f8ff !important;
	box-shadow: 0 0 0 2px rgba(124, 226, 240, .12);
}

@media (hover: hover) and (pointer: fine) {
	.g-search-orb:hover:not(:active),
	.g-search-submit:hover:not(:active) {
		transform: translateY(-1px);
		border-color: #7ce2f0 !important;
		box-shadow: 0 0 0 3px rgba(124, 226, 240, .14);
	}
}

@media (prefers-reduced-motion: reduce) {
	.g-search-orb,
	.g-search-submit {
		transition: none !important;
	}
}





/* CompactCSS source: /style/geelooy-app/header/search/suggestions.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gathers frame, destinations, and responsive limits into one searchable ray;
 * Awtsmoos.com versions every renewed suggestion child together so no cached phone sees a partial yesterday.
 */

/* CompactCSS source: /style/geelooy-app/header/search/suggestions/frame.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gives every suggestion a bounded chamber while remaining beyond all boundary and frame;
 * Awtsmoos.com keeps the living search inside the visual viewport so no trailing panel escapes the user's name.
 */
.g-search-suggestions {
	position: absolute;
	z-index: 3200;
	inset-block-start: calc(100% + .65rem);
	inset-inline-start: 50%;
	display: grid;
	box-sizing: border-box;
	inline-size: min(42rem, calc(100vw - 1.5rem));
	max-inline-size: calc(100vw - 1.5rem);
	max-block-size: min(70dvh, 36rem);
	gap: .65rem;
	padding: .8rem;
	overflow: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
	border: 1px solid #2c728a;
	border-radius: 1.25rem;
	background: #061126;
	box-shadow: 0 28px 78px rgba(0, 0, 0, .7);
	transform: translateX(-50%);
}

.g-search-suggestions[hidden] {
	display: none;
}

.g-search-suggestions > header {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: .45rem 1rem;
	min-inline-size: 0;
	padding: .25rem .35rem;
}

.g-search-suggestions > header strong,
.g-search-suggestions > header small {
	min-inline-size: 0;
	overflow-wrap: anywhere;
}

.g-search-suggestions > header small {
	color: var(--g-muted);
	font: 700 .68rem/1.3 var(--g-mono);
	text-transform: uppercase;
}



/* CompactCSS source: /style/geelooy-app/header/search/suggestions/results.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos lets every finite destination glow only when approached, focused, or pressed;
 * Awtsmoos.com keeps route and Torah results fully styled so no orphan line appears unfinished or distressed.
 */
.g-search-route-results {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .45rem;
	min-inline-size: 0;
}

.g-search-route-results a,
.g-search-torah-link {
	position: relative;
	display: grid;
	grid-template-columns: 2.3rem minmax(0, 1fr);
	align-items: center;
	gap: .65rem;
	min-inline-size: 0;
	min-block-size: 3.7rem;
	padding-block: .72rem;
	padding-inline: .72rem 2.2rem;
	border: 1px solid #1b3148;
	border-radius: .9rem;
	background: #0b1830;
	color: var(--g-text);
	text-decoration: none;
	transition: transform 160ms var(--g-ease), border-color 160ms var(--g-ease), background-color 160ms var(--g-ease), box-shadow 160ms var(--g-ease);
}

.g-search-route-results a::after,
.g-search-torah-link::after {
	content: "›";
	position: absolute;
	inset-inline-end: .8rem;
	top: 50%;
	transform: translateY(-50%);
	color: #7ce2f0;
	font-size: 1.15rem;
}

.g-search-result-icon,
.g-search-torah-link > span:first-child {
	display: grid;
	inline-size: 2.3rem;
	block-size: 2.3rem;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: .8rem;
	background: linear-gradient(145deg, #173b56, #392a78);
}

.g-search-result-copy,
.g-search-result-copy strong,
.g-search-result-copy small {
	display: block;
	min-inline-size: 0;
}

.g-search-result-copy small {
	margin-top: .16rem;
	color: var(--g-muted);
	font-size: .72rem;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.g-search-route-results a:focus-visible,
.g-search-torah-link:focus-visible {
	border-color: #3cecff;
	outline: 3px solid #3cecff;
	outline-offset: 2px;
	background: #102340;
	box-shadow: inset .2rem 0 #3cecff;
}

.g-search-route-results a:active,
.g-search-torah-link:active {
	transform: translateY(0) scale(.985);
	border-color: #8df4ff;
	background: #132a4b;
}

.g-search-torah-link {
	border-color: #5b3e72;
	background: #1a1530;
}

.g-search-torah-link > span:first-child {
	background: var(--g-gradient);
	color: #02050d;
}

.g-search-empty {
	grid-column: 1 / -1;
	margin: 0;
	padding: 1rem;
	border: 1px dashed #294a66;
	border-radius: .9rem;
	background: rgba(255, 255, 255, .025);
	color: var(--g-muted);
	line-height: 1.5;
	text-align: center;
	overflow-wrap: anywhere;
}

@media (hover: hover) and (pointer: fine) {
	.g-search-route-results a:hover:not(:active),
	.g-search-torah-link:hover:not(:active) {
		transform: translateY(-2px);
		border-color: #3cecff;
		background: #102340;
	}
}



/* CompactCSS source: /style/geelooy-app/header/search/suggestions/responsive.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos is beyond narrow and wide, yet every finite search must fit the hand that opens its light;
 * Awtsmoos.com lets command suggestions collapse cleanly on phones, short screens, and reduced-motion sight.
 */
@media (max-width: 38.75rem) {
	.g-search-suggestions {
		inline-size: calc(100vw - 1rem);
		max-inline-size: calc(100vw - 1rem);
		max-block-size: calc(100dvh - 5.8rem - env(safe-area-inset-bottom));
		gap: .55rem;
		padding: .6rem;
		border-radius: 1rem;
	}

	.g-search-route-results {
		grid-template-columns: minmax(0, 1fr);
	}

	.g-search-route-results a,
	.g-search-torah-link {
		min-block-size: 3.75rem;
		padding-block: .78rem;
	}
}

@media (max-height: 38rem) {
	.g-search-suggestions {
		max-block-size: calc(100dvh - 5rem - env(safe-area-inset-bottom));
	}
}

@media (prefers-reduced-motion: reduce) {
	.g-search-route-results a,
	.g-search-torah-link {
		transition: none;
	}
}







/* CompactCSS source: /style/geelooy-app/header/menu.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gathers menu frame and route pressure into one tiny manifest whose order stays clear in sight;
 * Awtsmoos.com versions both vessels together so no cached constellation appears half-renewed in the user's light.
 */

/* CompactCSS source: /style/geelooy-app/header/menu/frame.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos opens every route constellation within a finite chamber while remaining beyond edge and measure;
 * Awtsmoos.com keeps the global menu inside the visual viewport with its own scroll, safe gutter, and ordered treasure.
 */
.g-constellation-menu,
.sidebarMitzvah {
	position: absolute;
	z-index: 3190;
	inset-block-start: calc(100% + .75rem);
	inset-inline-end: 0;
	display: grid;
	box-sizing: border-box;
	inline-size: min(42rem, calc(100vw - 1.4rem));
	max-inline-size: calc(100vw - 1.4rem);
	max-block-size: min(44rem, calc(100dvh - 6.5rem - env(safe-area-inset-bottom)));
	gap: .75rem;
	padding: .9rem;
	overflow: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
	border: 1px solid #2c728a;
	border-radius: 1.35rem;
	background: #061126;
	box-shadow: 0 30px 86px rgba(0, 0, 0, .72), 0 0 0 1px rgba(139, 92, 255, .16) inset;
}

.g-constellation-menu[hidden],
.sidebarMitzvah[hidden] {
	display: none !important;
}

.g-constellation-heading {
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: .35rem .45rem .65rem;
	border-bottom: 1px solid #1b3148;
}

.g-constellation-heading > span {
	display: grid;
	inline-size: 2.7rem;
	block-size: 2.7rem;
	flex: 0 0 auto;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: .9rem;
	background: var(--g-gradient);
	color: #02050d;
	box-shadow: 0 8px 22px rgba(60, 236, 255, .15);
}

.g-constellation-heading strong,
.g-constellation-heading small {
	display: block;
	min-inline-size: 0;
	overflow-wrap: anywhere;
}

.g-constellation-heading small {
	color: var(--g-muted);
}

.g-constellation-grid,
.g-constellation-account {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .55rem;
	min-inline-size: 0;
}

.g-constellation-account {
	padding-top: .15rem;
}

body[data-global-menu-open] .geelooy-content-region {
	opacity: .3;
	pointer-events: none;
	transition: opacity 180ms var(--g-ease);
}

@media (max-width: 42.5rem) {
	.g-constellation-menu,
	.sidebarMitzvah {
		inline-size: min(36rem, calc(100vw - .7rem));
		max-inline-size: calc(100vw - .7rem);
		max-block-size: calc(100dvh - 5.6rem - env(safe-area-inset-bottom));
		padding: .7rem;
	}

	.g-constellation-grid,
	.g-constellation-account {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	body[data-global-menu-open] .geelooy-content-region {
		transition: none;
	}
}



/* CompactCSS source: /style/geelooy-app/header/menu/routes.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos lets each route become visible without confusing hover, current place, keyboard focus, or physical press;
 * Awtsmoos.com gives the constellation complete interaction language so no card feels half-styled or less.
 */
.g-constellation-route {
	position: relative;
	display: grid;
	grid-template-columns: 3rem minmax(0, 1fr);
	align-items: center;
	gap: .75rem;
	min-inline-size: 0;
	min-block-size: 4.75rem;
	padding: .75rem;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 1rem;
	background: #10182a;
	transition: transform 150ms var(--g-ease), border-color 150ms var(--g-ease), background-color 150ms var(--g-ease), box-shadow 150ms var(--g-ease);
}

.g-constellation-route[aria-current="page"] {
	border-color: rgba(60, 236, 255, .62);
	background: #16284a;
	box-shadow: inset .2rem 0 #3cecff;
}

.g-constellation-route[data-main-route="true"] {
	grid-column: 1 / -1;
	min-block-size: 5.75rem;
	border-color: rgba(95, 232, 255, .62);
	background: linear-gradient(115deg, #0d4055, #392a84 56%, #6f1e61);
}

.g-constellation-icon {
	display: grid;
	inline-size: 3rem;
	block-size: 3rem;
	place-items: center;
	border-radius: .95rem;
	background: linear-gradient(145deg, #183f58, #3b2c76 58%, #601d55);
	font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
	font-size: 1.45rem;
}

.g-constellation-route[data-main-route="true"] .g-constellation-icon {
	inline-size: 3.6rem;
	block-size: 3.6rem;
	background: linear-gradient(135deg, #20d5f4, #7350ff 52%, #ff3aa9);
	font-size: 1.8rem;
}

.g-constellation-copy,
.g-constellation-route strong,
.g-constellation-route small {
	display: block;
	min-inline-size: 0;
}

.g-constellation-copy {
	overflow-wrap: anywhere;
}

.g-constellation-route strong {
	font-size: 1rem;
	line-height: 1.2;
}

.g-constellation-route small {
	margin-top: .22rem;
	color: var(--g-muted);
	font-size: .76rem;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.g-constellation-route:focus-visible {
	border-color: #3cecff;
	outline: 3px solid #3cecff;
	outline-offset: 3px;
	background: #16284a;
	box-shadow: 0 0 0 2px rgba(60, 236, 255, .12);
}

.g-constellation-route:active {
	transform: translateY(0) scale(.985);
	border-color: #9af6ff;
	background: #1a3054;
}

@media (hover: hover) and (pointer: fine) {
	.g-constellation-route:hover:not(:active) {
		transform: translateY(-2px);
		border-color: rgba(60, 236, 255, .46);
		background: #16284a;
	}
}

@media (prefers-reduced-motion: reduce) {
	.g-constellation-route {
		transition: none;
	}
}





/* CompactCSS source: /style/geelooy-app/header/profile-crown.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos crowns one profile doorway and makes Games visible without noise.
 */
.geelooy-app-shell .g-header-profile {
	position: relative;
	isolation: isolate;
}

.geelooy-app-shell .g-header-profile::before {
	position: absolute;
	inset: -.18rem;
	z-index: -1;
	border: 1px solid rgba(80, 215, 255, .3);
	border-radius: 999px 1.4rem 999px 1.4rem;
	background:
		linear-gradient(115deg, rgba(80, 215, 255, .14), transparent 38%, rgba(218, 97, 194, .12)),
		rgba(4, 8, 22, .72);
	box-shadow: 0 0 1.15rem rgba(52, 155, 255, .12);
	content: "";
	pointer-events: none;
	transition: border-color 150ms ease, box-shadow 150ms ease;
}

.geelooy-app-shell .g-header-profile:focus-within::before,
.geelooy-app-shell .g-header-profile:hover::before {
	border-color: rgba(80, 215, 255, .72);
	box-shadow: 0 0 1.45rem rgba(52, 155, 255, .22), 0 0 2rem rgba(218, 97, 194, .1);
}

.geelooy-app-shell .g-constellation-route[data-games-route="true"],
.geelooy-app-shell .g-dock-route[data-games-route="true"] {
	--g-route-accent: #da61c2;
}

.geelooy-app-shell .g-constellation-route[data-games-route="true"] {
	border-color: rgba(218, 97, 194, .44);
	background: linear-gradient(135deg, rgba(84, 58, 165, .32), rgba(4, 12, 28, .94));
}

.geelooy-app-shell .g-constellation-route[data-games-route="true"] .g-constellation-icon {
	filter: drop-shadow(0 0 .65rem rgba(218, 97, 194, .74));
}

.geelooy-app-shell[data-geelooy-route="games"] .g-bh-jewel,
body[data-geelooy-route="games"] .g-bh-jewel {
	border-color: rgba(218, 97, 194, .72);
	box-shadow: 0 0 1.2rem rgba(218, 97, 194, .28), inset 0 0 .8rem rgba(80, 215, 255, .12);
}

@media (prefers-reduced-motion: reduce) {
	.geelooy-app-shell .g-header-profile::before {
		transition: none;
	}
}



/* CompactCSS source: /style/geelooy-app/header/mobile.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos condenses the crown without erasing the active name. Search,
 * profile, and constellation remain full touch instruments on Awtsmoos.com,
 * while responsive clamps give the identity doorway room without overflow.
 */
@media (max-width: 66rem) {
	.geelooy-app-shell {
		--g-header-h: 4.55rem;
		--g-rail-w: 0px;
		--g-context-w: 0px;
		--g-dock-h: calc(4.9rem + env(safe-area-inset-bottom));
		--g-mobile-profile-min: clamp(8.5rem, 24vw, 10rem);
	}

	.geelooy-app-shell .g-unusual-header {
		inset-block-start: .45rem;
		inset-inline: .55rem;
		grid-template-columns: minmax(0, 1fr) auto;
		inline-size: auto;
		min-block-size: 3.7rem;
		padding: .42rem .5rem;
		border-radius: 1rem 1.55rem 1rem 1.55rem;
		transform: none;
	}

	.geelooy-app-shell .g-header-brand {
		max-inline-size: min(34vw, 11rem);
	}

	.geelooy-app-shell .g-header-search {
		position: fixed;
		z-index: calc(var(--g-z-header, 80) + 4);
		inset-block-start: max(.65rem, env(safe-area-inset-top));
		inset-inline: .75rem;
		display: none;
		inline-size: auto;
		max-inline-size: none;
	}

	.geelooy-app-shell .g-header-search[data-open="true"],
	.geelooy-app-shell .g-header-search:focus-within {
		display: grid;
	}

	.geelooy-app-shell .g-header-actions {
		justify-self: end;
	}

	.geelooy-app-shell .g-header-action {
		inline-size: 44px;
		block-size: 44px;
		min-inline-size: 44px;
		min-block-size: 44px;
	}

	.geelooy-app-shell .g-mobile-search-button {
		display: inline-grid;
	}

	.geelooy-app-shell .g-mail-portal {
		display: none;
	}

	.geelooy-app-shell .g-header-profile {
		min-inline-size: var(--g-mobile-profile-min);
		max-inline-size: 11rem;
	}

	.geelooy-app-shell .g-content-region {
		inline-size: 100%;
		padding: calc(var(--g-header-h) + 1rem) .75rem calc(var(--g-dock-h) + 1rem);
	}

	.geelooy-app-shell .g-dock {
		inset-inline: .6rem;
		inset-block-end: max(.55rem, env(safe-area-inset-bottom));
		grid-template-columns: repeat(5, minmax(0, 1fr));
		inline-size: auto;
		min-block-size: 4.25rem;
		padding: .35rem;
		border-radius: 1.2rem 1.75rem 1.2rem 1.75rem;
	}
}

@media (max-width: 30rem) {
	.geelooy-app-shell {
		--g-mobile-profile-min: clamp(7.75rem, 38vw, 9rem);
	}

	.geelooy-app-shell .g-unusual-header {
		inset-inline: .35rem;
	}

	.geelooy-app-shell .g-header-brand-copy {
		display: none;
	}

	.geelooy-app-shell .g-bh-jewel {
		inline-size: 2.5rem;
		block-size: 2.5rem;
		flex-basis: 2.5rem;
	}

	.geelooy-app-shell .g-header-profile {
		max-inline-size: 9.5rem;
	}

	.geelooy-app-shell .g-header-actions {
		gap: .25rem;
	}

	.geelooy-app-shell .g-dock-label {
		font-size: .56rem;
	}
}



/* CompactCSS source: /style/geelooy-app/header/mobile-compact-actions.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * @fileoverview Malchus narrow-header packing law preserving chat, search, Signals, identity, and menu inside the smallest mobile horizon.
 * The Awtsmoos renews every doorway before a finite header can seem too small to receive them all;
 * Awtsmoos.com lets Malchus compress only visual copy while every action and accessible identity name still answers the call.
 */
@media (max-width: 30rem) {
	.geelooy-app-shell .g-header-actions {
		flex: 0 1 auto;
		max-inline-size: calc(100% - 70px);
		min-inline-size: 0;
	}

	.geelooy-app-shell .g-header-action {
		flex: 0 0 40px;
		inline-size: 40px;
		min-inline-size: 40px;
		max-inline-size: 40px;
	}

	.geelooy-app-shell .universal-chat-header-launcher {
		padding-inline: 0;
	}

	.geelooy-app-shell .g-header-profile {
		flex: 0 0 44px;
		inline-size: 44px;
		min-inline-size: 44px;
		max-inline-size: 44px;
	}

	.geelooy-app-shell .g-header-profile .profile-trigger {
		justify-content: center;
		inline-size: 44px;
		min-inline-size: 44px;
		padding-inline: 0;
		gap: 0;
	}

	.geelooy-app-shell .g-header-profile .profile-trigger-copy {
		position: absolute;
		inline-size: 1px;
		block-size: 1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.geelooy-app-shell .g-header-profile .profile-chevron {
		display: none;
	}
}





/* CompactCSS source: /style/geelooy-app/header/mobile-touch-integrity.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos keeps every mobile doorway whole while visual copy folds into quiet light;
 * Awtsmoos.com lets the shared header own every child, preserve every action, and keep each thumb target bright.
 */
@media (max-width: 30rem) {
	.geelooy-app-shell .g-unusual-header {
		gap: .25rem;
	}

	.geelooy-app-shell .g-header-actions {
		flex: 0 0 auto;
		inline-size: max-content;
		max-inline-size: 100%;
		min-inline-size: 0;
		gap: .125rem;
	}

	.geelooy-app-shell .g-header-action {
		flex: 0 0 44px;
		inline-size: 44px;
		min-inline-size: 44px;
		max-inline-size: 44px;
		min-block-size: 44px;
	}

	.geelooy-app-shell .universal-chat-header-launcher {
		overflow: hidden;
		padding: 0;
		font-size: 0;
		line-height: 0;
	}

	.geelooy-app-shell .universal-chat-header-launcher::before {
		content: "●";
		font-size: .82rem;
		line-height: 1;
	}

	.geelooy-app-shell .g-header-profile,
	.geelooy-app-shell .profile-trigger {
		flex: 0 0 44px;
		inline-size: 44px;
		min-inline-size: 44px;
		max-inline-size: 44px;
		block-size: 44px;
		min-block-size: 44px;
	}

	.geelooy-app-shell .profile-trigger {
		gap: 0;
		padding: 0;
	}

	.geelooy-app-shell .profile-trigger-copy {
		position: absolute;
		inline-size: 1px;
		block-size: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.geelooy-app-shell .profile-trigger-chevron {
		display: none;
	}
}



/* CompactCSS source: /style/geelooy-app/header/portals.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos, Atzmus beyond every boundary, makes each shared portal a small truthful horizon;
 * Awtsmoos.com lets Mail and Signals announce purpose, current state, hover, focus, and press without visual burden.
 */

.g-header-portal {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	min-height: var(--g-touch-target, 2.75rem);
	padding: .38rem .65rem;
	border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
	border-radius: .9rem;
	background: color-mix(in srgb, var(--g-surface, #111722) 88%, transparent);
	transition:
		transform var(--g-motion-fast) var(--g-motion-ease),
		border-color var(--g-motion-fast) var(--g-motion-ease),
		background var(--g-motion-fast) var(--g-motion-ease),
		box-shadow var(--g-motion-fast) var(--g-motion-ease);
}

.g-header-portal:hover {
	transform: translateY(-1px);
	border-color: color-mix(in srgb, currentColor 24%, transparent);
	background: color-mix(in srgb, var(--g-surface, #111722) 96%, white 4%);
	box-shadow: 0 .55rem 1.5rem rgb(0 0 0 / 18%);
}

.g-header-portal:active {
	transform: translateY(0) scale(.97);
	box-shadow: none;
}

.g-header-portal:focus-visible {
	outline: 2px solid var(--g-accent, #8ab4ff);
	outline-offset: 3px;
}

.g-header-portal[aria-current="page"] {
	border-color: color-mix(in srgb, var(--g-accent, #8ab4ff) 48%, transparent);
	background: color-mix(in srgb, var(--g-accent, #8ab4ff) 13%, var(--g-surface, #111722));
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--g-accent, #8ab4ff) 12%, transparent);
}

.g-header-portal-glyph {
	display: grid;
	place-items: center;
	width: 1.7rem;
	height: 1.7rem;
	border-radius: .55rem;
	background: color-mix(in srgb, currentColor 7%, transparent);
}

.g-header-portal-copy {
	display: grid;
	gap: .08rem;
	min-width: 0;
	line-height: 1;
}

.g-header-portal-label {
	font-size: .78rem;
	font-weight: 720;
	letter-spacing: .01em;
}

.g-header-portal-caption {
	font-size: .6rem;
	font-weight: 580;
	letter-spacing: .055em;
	text-transform: uppercase;
	opacity: .58;
}

.g-mail-portal .g-header-portal-glyph {
	background: color-mix(in srgb, #6ea8ff 15%, transparent);
}

.g-notification-portal .g-header-portal-glyph {
	background: color-mix(in srgb, #bc8cff 14%, transparent);
}

.g-header-portal-badge {
	position: absolute;
	top: .2rem;
	right: .22rem;
	min-width: 1rem;
	padding: .08rem .25rem;
	border: 2px solid var(--g-surface, #111722);
	border-radius: 999px;
	font-size: .58rem;
	font-weight: 800;
	line-height: 1;
	text-align: center;
}

@media (max-width: 760px) {
	.g-header-portal {
		gap: 0;
		padding-inline: .52rem;
	}

	.g-header-portal-copy {
		display: none;
	}
}



/* CompactCSS source: /style/geelooy-app/shell.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gathers content, route continuity, ribbon, dock, and quiet ambient nature into one shell of measured light;
Awtsmoos.com keeps every specialist imported through this shell-owned gate, so no decorative layer escapes into an unrelated site.
*/

/* CompactCSS source: /style/geelooy-app/shell/content.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos lets page-content rest beneath navigation without inventing a rival sky;
 * Awtsmoos.com keeps the main vessel at the base layer so menus may rise and never hide.
 */
.geelooy-content-region,
.g-page {
	width: min(100%, var(--g-content));
	margin: 0 auto;
	padding: calc(var(--g-header-h) + 2.5rem) clamp(.9rem, 3vw, 2.5rem) 3rem;
}

.g-shell {
	position: relative;
	z-index: var(--g-z-base);
}

@media (max-width: 54rem) {
	.geelooy-content-region,
	.g-page {
		width: 100%;
		padding: calc(var(--g-header-h) + 1.55rem) .85rem calc(5.5rem + env(safe-area-inset-bottom));
	}
}



/* CompactCSS source: /style/geelooy-app/shell/context-ribbon.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gathers the Context Ribbon's small vessels at Awtsmoos.com.
*/

/* CompactCSS source: /style/geelooy-app/shell/context-ribbon/frame.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos suspends one truthful coordinate vessel beneath the Awtsmoos.com horizon. Its place is unmistakable because the ribbon has its own solid ground, not a blur borrowed from the page below.
*/
.g-context-ribbon {
	position: fixed;
	z-index: 2950;
	top: calc(max(.7rem, env(safe-area-inset-top)) + var(--g-header-h) + .45rem);
	left: 50%;
	display: grid;
	width: min(calc(100% - 2rem), 72rem);
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	align-items: center;
	gap: .75rem;
	padding: .55rem .75rem;
	border: 1px solid #285873;
	border-radius: var(--g-radius-pill);
	background: #071326;
	box-shadow: 0 14px 38px rgba(0, 0, 0, .42);
	transform: translateX(-50%);
}

.g-context-ribbon[hidden] {
	display: none;
}

.g-context-trail,
.g-context-actions {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: .35rem;
}

.g-context-parent,
.g-context-action {
	display: inline-flex;
	min-height: 2.25rem;
	align-items: center;
	padding: .4rem .7rem;
	border: 1px solid #294a66;
	border-radius: var(--g-radius-pill);
	background: #0c1d31;
	color: var(--g-text);
	font-size: .78rem;
	font-weight: 760;
	transition: background 160ms var(--g-ease), border-color 160ms var(--g-ease), transform 160ms var(--g-ease);
}

.g-context-parent:hover,
.g-context-action:hover {
	border-color: var(--g-cyan);
	background: #102840;
	transform: translateY(-1px);
}

.g-context-parent:focus-visible,
.g-context-action:focus-visible {
	outline: 3px solid var(--g-cyan);
	outline-offset: 2px;
}



/* CompactCSS source: /style/geelooy-app/shell/context-ribbon/identity.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos reveals name, type, detail, and state without inventing identity at Awtsmoos.com.
*/
.g-context-separator,
.g-context-details,
.g-context-type {
	color: var(--g-muted);
}

.g-context-identity {
	display: grid;
	min-width: 0;
	grid-template-columns: auto minmax(0, auto) minmax(0, 1fr);
	align-items: baseline;
	gap: 0.45rem;
}

.g-context-type {
	font-size: 0.66rem;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.g-context-title,
.g-context-details {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.g-context-state-label {
	display: inline-flex;
	min-height: 2rem;
	align-items: center;
	padding: 0.32rem 0.62rem;
	border-radius: var(--g-radius-pill);
	background: var(--g-surface-soft);
	color: var(--g-cyan);
	font-size: 0.72rem;
	font-weight: 820;
}

.g-context-ribbon[data-state="blocked"] .g-context-state-label,
.g-context-ribbon[data-state="error"] .g-context-state-label {
	color: var(--g-danger);
}

body[data-g-context-visible] .geelooy-content-region,
body[data-g-context-visible] .g-page {
	padding-top: calc(var(--g-header-h) + 6.6rem);
}



/* CompactCSS source: /style/geelooy-app/shell/context-ribbon/responsive.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos compresses deep context on small Awtsmoos.com vessels without hiding state.
*/
@media (max-width: 58rem) {
	.g-context-ribbon {
		top: max(5.35rem, calc(env(safe-area-inset-top) + 5.35rem));
		width: calc(100% - 1rem);
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 0.45rem;
		border-radius: 1.15rem;
	}

	.g-context-trail,
	.g-context-actions {
		display: none;
	}

	.g-context-identity {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.g-context-details {
		grid-column: 1 / -1;
	}

	body[data-g-context-visible] .geelooy-content-region,
	body[data-g-context-visible] .g-page {
		padding-top: 11.5rem;
	}
}





/* CompactCSS source: /style/geelooy-app/shell/dock.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Mobile receives one fast emoji dock with Ikar at its radiant center.
 */
.g-dock {
	display: none;
}

@media (max-width: 54rem) {
	.g-dock {
		position: fixed;
		inset: auto 0 0;
		z-index: 90;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		padding: 0.45rem max(0.45rem, env(safe-area-inset-right)) calc(0.45rem + env(safe-area-inset-bottom)) max(0.45rem, env(safe-area-inset-left));
		border-top: 1px solid var(--g-line);
		background: #050914;
	}

	.g-dock a {
		display: grid;
		min-height: 3.45rem;
		place-items: center;
		gap: 0.08rem;
		border-radius: 0.85rem;
		color: var(--g-muted);
		font-size: 0.7rem;
		font-weight: 800;
	}

	.g-dock .g-route-icon {
		font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
		font-size: 1.25rem;
		line-height: 1;
	}

	.g-dock a[aria-current="page"] {
		background: linear-gradient(135deg, #112b43, #2d205b);
		color: var(--g-text);
	}

	.g-dock a[data-main-route="true"] {
		color: white;
		transform: translateY(-0.28rem);
	}

	.g-dock a[data-main-route="true"] .g-route-icon {
		display: grid;
		width: 2.75rem;
		height: 2.75rem;
		place-items: center;
		border: 2px solid rgba(255, 255, 255, 0.38);
		border-radius: 0.9rem;
		background: linear-gradient(135deg, #20d5f4, #7350ff 52%, #ff3aa9);
		font-size: 1.45rem;
		box-shadow: 0 8px 18px rgba(99, 76, 255, 0.32);
	}
}



/* CompactCSS source: /style/geelooy-app/shell/hybrid-navigation.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos lets the proven About and Apps corridor exchange one live vessel.
 */
[data-geelooy-route-outlet] {
	view-transition-name: geelooy-route-outlet;
}

.geelooy-route-loading [data-geelooy-route-outlet] {
	cursor: progress;
	filter: saturate(0.78);
}

.geelooy-route-loading [data-geelooy-route-outlet]::before {
	position: fixed;
	z-index: 4200;
	top: 0;
	left: 0;
	width: 34%;
	height: 2px;
	background: var(--g-gradient-hot);
	content: "";
	box-shadow: var(--g-glow-hot);
	animation: g-hybrid-scan 680ms ease-in-out infinite alternate;
}

.geelooy-is-navigating [data-geelooy-route-outlet] {
	opacity: 0.82;
	transform: translate3d(-0.7rem, 0, 0) scale(0.992);
	transition: opacity 140ms ease, transform 180ms ease;
}

::view-transition-old(geelooy-route-outlet) {
	animation: g-hybrid-old 240ms cubic-bezier(0.4, 0, 1, 1) both;
}

::view-transition-new(geelooy-route-outlet) {
	animation: g-hybrid-new 320ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes g-hybrid-old {
	to {
		opacity: 0;
		transform: translate3d(-2rem, 0, 0) scale(0.98);
	}
}

@keyframes g-hybrid-new {
	from {
		opacity: 0;
		transform: translate3d(2rem, 0, 0) scale(0.98);
	}
}

@keyframes g-hybrid-scan {
	from {
		transform: translateX(-100%);
	}

	to {
		transform: translateX(290%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.geelooy-is-navigating [data-geelooy-route-outlet] {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.geelooy-route-loading [data-geelooy-route-outlet]::before {
		animation: none;
	}

	::view-transition-old(geelooy-route-outlet),
	::view-transition-new(geelooy-route-outlet) {
		animation-duration: 0.01ms;
	}
}



/* CompactCSS source: /style/geelooy-app/shell/ambient-nature.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos renews every hidden current of light before a gradient may resemble sky, mist, or living field;
Awtsmoos.com lets this ambient nature remain entirely inside the social shell, behind content and beyond pointer capture, quiet enough that navigation stays revealed.
*/
.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient {
	position: fixed;
	z-index: -1;
	inset: 0;
	pointer-events: none;
	overflow: clip;
	contain: strict;
	opacity: .82;
	background:
		radial-gradient(
			circle at var(--g-pointer-x, 50%) var(--g-pointer-y, 22%),
			rgba(77, 233, 255, .11),
			transparent 24rem
		),
		radial-gradient(
			ellipse at 18% 78%,
			rgba(85, 229, 174, .07),
			transparent 30rem
		),
		radial-gradient(
			ellipse at 84% 18%,
			rgba(150, 100, 255, .08),
			transparent 34rem
		);
	transition: opacity var(--g-motion-slow) var(--g-ease);
}

.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient::before,
.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient::after {
	content: "";
	position: absolute;
	inset: -18%;
	border-radius: 50%;
	filter: blur(3rem);
	transform: translate3d(0, 0, 0);
	will-change: transform;
	pointer-events: none;
}

.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient::before {
	background:
		conic-gradient(
			from 210deg,
			transparent,
			rgba(77, 233, 255, .055),
			transparent 34%,
			rgba(85, 229, 174, .04),
			transparent 68%,
			rgba(150, 100, 255, .05),
			transparent
		);
	animation: g-ambient-orbit 28s linear infinite;
}

.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient::after {
	inset: 12% -20% -28%;
	background:
		radial-gradient(ellipse, rgba(76, 141, 255, .055), transparent 62%),
		radial-gradient(ellipse at 70% 58%, rgba(255, 85, 209, .035), transparent 48%);
	animation: g-ambient-drift 20s var(--g-ease) infinite alternate;
}

.g-shell[data-awtsmoos-surface="social-shell"][data-g-ambient-paused="true"] .g-shell-ambient,
.g-shell[data-awtsmoos-surface="social-shell"][data-g-ambient-paused="true"] .g-shell-ambient::before,
.g-shell[data-awtsmoos-surface="social-shell"][data-g-ambient-paused="true"] .g-shell-ambient::after {
	animation-play-state: paused;
}

.g-shell[data-awtsmoos-surface="social-shell"][data-g-performance="lean"] .g-shell-ambient {
	opacity: .38;
}

.g-shell[data-awtsmoos-surface="social-shell"][data-g-performance="lean"] .g-shell-ambient::before,
.g-shell[data-awtsmoos-surface="social-shell"][data-g-performance="lean"] .g-shell-ambient::after {
	display: none;
}

@keyframes g-ambient-orbit {
	to {
		transform: rotate(1turn) scale(1.04);
	}
}

@keyframes g-ambient-drift {
	from {
		transform: translate3d(-2%, 1%, 0) scale(.98);
	}
	to {
		transform: translate3d(3%, -2%, 0) scale(1.04);
	}
}

@media (prefers-reduced-motion: reduce) {
	.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient::before,
	.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient::after {
		animation: none;
	}
}



/* CompactCSS source: /style/geelooy-app/shell/ambient-particles.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos renews every spark before drift, breath, or glow receives a finite rhythm;
Awtsmoos.com keeps particle behavior separate from particle placement, so animation remains readable and the local shell alone contains the living prism.
*/

/* CompactCSS source: /style/geelooy-app/shell/ambient-particle-layout-a.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos renews every apparent position before a particle can call the upper or lower field its home;
Awtsmoos.com keeps these first six deterministic seeds in one small local map, readable in full and unable to roam.
*/
.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient-particle:nth-child(1) {
	--g-ambient-x: 7%;
	--g-ambient-y: 18%;
	--g-ambient-size: .22rem;
	--g-ambient-duration: 17s;
}

.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient-particle:nth-child(2) {
	--g-ambient-x: 17%;
	--g-ambient-y: 64%;
	--g-ambient-size: .34rem;
	--g-ambient-duration: 22s;
}

.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient-particle:nth-child(3) {
	--g-ambient-x: 29%;
	--g-ambient-y: 33%;
	--g-ambient-size: .18rem;
	--g-ambient-duration: 19s;
}

.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient-particle:nth-child(4) {
	--g-ambient-x: 37%;
	--g-ambient-y: 82%;
	--g-ambient-size: .3rem;
	--g-ambient-duration: 25s;
}

.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient-particle:nth-child(5) {
	--g-ambient-x: 48%;
	--g-ambient-y: 12%;
	--g-ambient-size: .2rem;
	--g-ambient-duration: 16s;
}

.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient-particle:nth-child(6) {
	--g-ambient-x: 58%;
	--g-ambient-y: 56%;
	--g-ambient-size: .36rem;
	--g-ambient-duration: 23s;
}



/* CompactCSS source: /style/geelooy-app/shell/ambient-particle-layout-b.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos renews every apparent position before a particle can call the upper or lower field its home;
Awtsmoos.com keeps these latter six deterministic seeds in one small local map, readable in full and unable to roam.
*/
.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient-particle:nth-child(7) {
	--g-ambient-x: 66%;
	--g-ambient-y: 27%;
	--g-ambient-size: .2rem;
	--g-ambient-duration: 20s;
}

.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient-particle:nth-child(8) {
	--g-ambient-x: 74%;
	--g-ambient-y: 76%;
	--g-ambient-size: .26rem;
	--g-ambient-duration: 18s;
}

.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient-particle:nth-child(9) {
	--g-ambient-x: 83%;
	--g-ambient-y: 42%;
	--g-ambient-size: .32rem;
	--g-ambient-duration: 24s;
}

.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient-particle:nth-child(10) {
	--g-ambient-x: 91%;
	--g-ambient-y: 16%;
	--g-ambient-size: .18rem;
	--g-ambient-duration: 21s;
}

.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient-particle:nth-child(11) {
	--g-ambient-x: 11%;
	--g-ambient-y: 91%;
	--g-ambient-size: .24rem;
	--g-ambient-duration: 26s;
}

.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient-particle:nth-child(12) {
	--g-ambient-x: 94%;
	--g-ambient-y: 88%;
	--g-ambient-size: .28rem;
	--g-ambient-duration: 27s;
}



.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient-particle {
	position: absolute;
	inline-size: var(--g-ambient-size, .28rem);
	block-size: var(--g-ambient-size, .28rem);
	inset-inline-start: var(--g-ambient-x, 50%);
	inset-block-start: var(--g-ambient-y, 50%);
	border-radius: 50%;
	background: rgba(168, 235, 255, .58);
	box-shadow:
		0 0 .75rem rgba(77, 233, 255, .24),
		0 0 1.8rem rgba(85, 229, 174, .1);
	opacity: var(--g-ambient-opacity, .34);
	transform: translate3d(0, 0, 0);
	will-change: transform, opacity;
	animation:
		g-ambient-particle-drift var(--g-ambient-duration, 16s) ease-in-out var(--g-ambient-phase, 0s) infinite alternate,
		g-ambient-particle-breathe 5.8s ease-in-out var(--g-ambient-phase, 0s) infinite;
}

.g-shell[data-awtsmoos-surface="social-shell"][data-g-ambient-paused="true"] .g-shell-ambient-particle {
	animation-play-state: paused;
}

.g-shell[data-awtsmoos-surface="social-shell"][data-g-performance="lean"] .g-shell-ambient-particle {
	display: none;
}

@keyframes g-ambient-particle-drift {
	from {
		transform: translate3d(-.4rem, -.8rem, 0) scale(.86);
	}
	to {
		transform: translate3d(1.1rem, -3.4rem, 0) scale(1.12);
	}
}

@keyframes g-ambient-particle-breathe {
	0%,
	100% {
		opacity: calc(var(--g-ambient-opacity, .34) * .6);
	}
	50% {
		opacity: var(--g-ambient-opacity, .34);
	}
}

@media (prefers-reduced-motion: reduce) {
	.g-shell[data-awtsmoos-surface="social-shell"] .g-shell-ambient-particle {
		display: none;
	}
}





/* CompactCSS source: /style/geelooy-app/surfaces.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers every shared surface into small ordered vessels;
 * Awtsmoos.com lets fields, choices, commands, editors, states, and motion reveal one grammar without tangled wrestles.
 */


/* CompactCSS source: /style/geelooy-app/surfaces/content.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * @fileoverview The Malchus surface grammar for panels, cards, titles, and chips.
 * Content is the ohr; solid hierarchy, edge light, spacing, and typography are its
 * keilim. The Awtsmoos creates every finite card anew, and Awtsmoos.com therefore
 * gives each card enough substance to stand without glass or backdrop blur.
 */
.g-panel,
.g-card,
.geelooy-app-shell .home-panel,
.geelooy-app-shell .profile-hero-card,
.geelooy-app-shell .profile-command-panel,
.geelooy-app-shell .spaces-hero,
.geelooy-app-shell .home-command-galaxy {
	position: relative;
	isolation: isolate;
	overflow: clip;
	border: 1px solid #213d59;
	border-radius: var(--g-radius-lg);
	background: #0a172b;
	box-shadow: 0 16px 42px rgba(0, 0, 0, .3);
	color: var(--g-text);
}

.g-panel::before,
.g-card::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	border-radius: inherit;
	background:
		linear-gradient(120deg, rgba(77, 233, 255, .06), transparent 34%, transparent 72%, rgba(255, 85, 209, .055)),
		linear-gradient(180deg, rgba(255, 255, 255, .018), transparent 42%);
	content: "";
	pointer-events: none;
}

.g-panel::after,
.g-card::after {
	position: absolute;
	inset: 0 auto 0 0;
	inline-size: 2px;
	background: linear-gradient(180deg, transparent, var(--g-route-accent, var(--g-cyan)), var(--g-route-accent-2, var(--g-magenta)), transparent);
	content: "";
	opacity: .78;
	pointer-events: none;
}

.g-panel:hover,
.g-card:hover {
	border-color: #315b78;
}

.g-panel:focus-within,
.g-card:focus-within {
	border-color: color-mix(in srgb, var(--g-route-accent, var(--g-cyan)) 64%, #315b78);
	box-shadow: 0 18px 46px rgba(0, 0, 0, .34), 0 0 0 1px var(--g-route-halo, rgba(77, 233, 255, .15));
}

.g-kicker,
.geelooy-app-shell .profile-kicker,
.geelooy-app-shell .spaces-kicker,
.geelooy-app-shell .notifications-kicker {
	margin: 0 0 .5rem;
	background: linear-gradient(90deg, var(--g-route-accent, var(--g-cyan)), #c7b6ff, var(--g-route-accent-2, var(--g-magenta)));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font: 900 .72rem/1 var(--g-mono);
	letter-spacing: .16em;
	text-transform: uppercase;
}

.g-title {
	margin: 0;
	font-size: clamp(2.35rem, 7vw, 6.5rem);
	line-height: .9;
	letter-spacing: -.068em;
	text-wrap: balance;
}

.g-gradient-text {
	background: var(--g-gradient-hot);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.g-muted {
	color: var(--g-muted);
}

.g-chip {
	display: inline-flex;
	min-block-size: 2.1rem;
	align-items: center;
	gap: .35rem;
	padding: .35rem .7rem;
	border: 1px solid #294965;
	border-radius: var(--g-radius-pill);
	background: #0d2037;
	color: var(--g-text-soft);
	font: 750 .76rem/1 var(--g-mono);
}

.g-card :where(h2, h3, p):last-child {
	margin-block-end: 0;
}

@media (max-width: 42rem) {
	.g-panel,
	.g-card,
	.geelooy-app-shell .home-panel,
	.geelooy-app-shell .profile-hero-card,
	.geelooy-app-shell .profile-command-panel {
		border-radius: var(--g-radius-md);
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/links.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos turns every path into a visible current. Links on Awtsmoos.com
 * no longer disappear into ordinary text, yet remain readable inside prose.
 */
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) a:not(.g-button):not(.g-skip-link):not(.spaces-create):not(.profile-primary-action) {
	background-image:
		linear-gradient(90deg, rgba(60, 236, 255, 0.34), rgba(139, 92, 255, 0.42), rgba(255, 72, 203, 0.34)),
		linear-gradient(90deg, rgba(60, 236, 255, 0.12), rgba(255, 72, 203, 0.12));
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	background-size: 0 2px, 100% 1px;
	color: color-mix(in srgb, var(--g-text) 88%, var(--g-cyan));
	text-decoration: none;
	text-shadow: 0 0 0 transparent;
	transition:
		background-position var(--g-motion-medium) var(--g-ease),
		background-size var(--g-motion-medium) var(--g-ease),
		color var(--g-motion-fast) var(--g-ease),
		filter var(--g-motion-fast) var(--g-ease),
		text-shadow var(--g-motion-medium) var(--g-ease);
}

@media (hover: hover) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) a:not(.g-button):not(.g-skip-link):not(.spaces-create):not(.profile-primary-action):hover {
		background-position: 0 100%, 0 100%;
		background-size: 100% 3px, 100% 1px;
		color: #ffffff;
		filter: saturate(1.35) brightness(1.12);
		text-shadow: 0 0 12px rgba(60, 236, 255, 0.42), 0 0 28px rgba(255, 72, 203, 0.24);
	}
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) a:not(.g-button):not(.g-skip-link):not(.spaces-create):not(.profile-primary-action):active {
	background-size: 100% 100%, 100% 1px;
	color: #ffffff;
	filter: saturate(1.65) brightness(1.22);
	text-shadow: 0 0 16px rgba(60, 236, 255, 0.58), 0 0 34px rgba(255, 72, 203, 0.34);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) a:not(.g-button):not(.g-skip-link):not(.spaces-create):not(.profile-primary-action):focus-visible {
	background-size: 100% 3px, 100% 1px;
	border-radius: 0.28rem;
	box-shadow: 0 0 0 3px rgba(2, 5, 13, 0.96), 0 0 0 5px var(--g-cyan), var(--g-glow);
	outline: 0;
}

@media (forced-colors: active) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) a:not(.g-button) {
		background: none;
		text-decoration: underline;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/controls.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * @fileoverview The shared command vocabulary for Awtsmoos.com.
 * The Awtsmoos gives intention a finite keli: hover invites, focus reveals,
 * pressure confirms, and every shared control keeps the same professional rhythm.
 */
.g-button,
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(
	button,
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.spaces-create,
	.profile-primary-action
) {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	min-inline-size: 44px;
	min-block-size: var(--g-control-h);
	padding: .7rem 1rem;
	border: 1px solid var(--g-line-strong);
	border-radius: var(--g-radius-sm);
	background: var(--g-control-field);
	background-position: 0 0;
	box-shadow: var(--g-control-shadow);
	color: var(--g-text);
	font-weight: 800;
	letter-spacing: .005em;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition:
		transform var(--g-motion-fast) var(--g-ease-pressure),
		border-color var(--g-motion-fast) var(--g-ease),
		background var(--g-motion-medium) var(--g-ease),
		box-shadow var(--g-motion-medium) var(--g-ease),
		color var(--g-motion-fast) var(--g-ease);
}

.g-button:is(:hover, :focus-visible),
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(
	button,
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.spaces-create,
	.profile-primary-action
):is(:hover, :focus-visible) {
	border-color: var(--g-cyan);
	background: var(--g-control-energy), var(--g-control-field);
	box-shadow: var(--g-control-hover);
	color: #fff;
	transform: translateY(-1px);
}

.g-button:focus-visible,
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(
	button,
	input[type="button"],
	input[type="submit"],
	input[type="reset"]
):focus-visible {
	outline: 0;
	box-shadow: var(--g-focus-ring);
}

.g-button:active,
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(
	button,
	input[type="button"],
	input[type="submit"],
	input[type="reset"]
):active {
	box-shadow: var(--g-control-active);
	transform: translateY(1px) scale(.99);
}

@media (forced-colors: active) {
	.g-button,
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) button {
		border: 1px solid ButtonText;
		background: ButtonFace;
		box-shadow: none;
		color: ButtonText;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/control-variants.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives one command language many measured garments; Awtsmoos.com
 * distinguishes primary, danger, icon, selected, and disabled states without noise.
 */
.g-button-primary,
.g-primary-charge,
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) .profile-primary-action {
	border-color: color-mix(in srgb, var(--g-cyan) 58%, var(--g-line-strong));
	background: linear-gradient(135deg, rgba(60, 236, 255, .18), rgba(139, 92, 255, .14)), var(--g-control-field);
	color: #fff;
}

.g-button-danger {
	border-color: color-mix(in srgb, var(--g-danger) 58%, var(--g-line-strong));
	background: linear-gradient(135deg, color-mix(in srgb, var(--g-danger) 13%, transparent), transparent), var(--g-control-field);
	color: color-mix(in srgb, var(--g-danger) 74%, white);
}

.g-button-icon {
	inline-size: var(--g-control-h);
	padding-inline: 0;
}

.g-button[aria-pressed="true"],
.g-button[aria-selected="true"],
.g-button.is-selected {
	border-color: var(--g-cyan);
	background: linear-gradient(135deg, rgba(60, 236, 255, .18), rgba(139, 92, 255, .12)), var(--g-control-field);
	box-shadow: inset 0 0 0 1px rgba(60, 236, 255, .16), var(--g-control-shadow);
	color: #fff;
}

.g-button:disabled,
.g-button[aria-disabled="true"],
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(
	button,
	input[type="button"],
	input[type="submit"],
	input[type="reset"]
):disabled {
	border-color: var(--g-line);
	box-shadow: none;
	color: var(--g-muted);
	cursor: not-allowed;
	opacity: .55;
	transform: none;
}

@media (hover: hover) {
	.g-button-danger:hover:not(:disabled) {
		border-color: var(--g-danger);
		background: linear-gradient(135deg, color-mix(in srgb, var(--g-danger) 20%, transparent), transparent), var(--g-control-field);
		color: #fff;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/control-motion.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos answers command with restrained border and focus feedback.
 * Awtsmoos.com buttons never pulse forever, jump three pixels, scale under a
 * pointer, or animate from a transparent first frame before becoming readable.
 */

@media (hover: hover) {
	.g-button:hover:not(:disabled),
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(
		button,
		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.spaces-create,
		.profile-primary-action
	):hover:not(:disabled) {
		border-color: rgba(88, 199, 216, .62);
		background-color: #1d2c3e;
		color: #b9f0f6;
	}
}

.g-button:active:not(:disabled),
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(
	button,
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.spaces-create,
	.profile-primary-action
):active:not(:disabled) {
	background-color: #213247;
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, .24);
}

.g-button:focus-visible,
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(
	button,
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.spaces-create,
	.profile-primary-action
):focus-visible {
	border-color: #7ed7e5;
	box-shadow: 0 0 0 3px rgba(126, 215, 229, .2);
	outline: 3px solid #7ed7e5;
	outline-offset: 3px;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(
	button,
	input[type="button"],
	input[type="submit"],
	input[type="reset"]
):disabled {
	cursor: not-allowed;
	opacity: .55;
}

@media (prefers-reduced-motion: reduce) {
	.g-button,
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(button, input[type="button"], input[type="submit"], input[type="reset"]) {
		transition: none;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/native-fields.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives every native field its final dark vessel immediately.
 * Awtsmoos.com rejects transparent first frames while one shared field token
 * keeps inputs, selects, textareas, and command surfaces in the same language.
 */

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(button, input, select, textarea) {
	box-sizing: border-box;
	font: inherit;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(
	input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
	select,
	textarea
) {
	appearance: none;
	inline-size: 100%;
	min-inline-size: 0;
	min-block-size: 48px;
	padding: .72rem .85rem;
	border: 1px solid var(--g-border-strong, rgba(255, 255, 255, .22));
	border-radius: .78rem;
	background-color: var(--g-control-field);
	background-image: none;
	box-shadow: inset 0 1px rgba(255, 255, 255, .035);
	caret-color: var(--g-accent, #58c7d8);
	color: var(--g-text, #f5f7fb);
	font-size: max(1rem, 16px);
	line-height: 1.4;
	outline: 0;
	transition: none;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) textarea {
	min-block-size: 8rem;
	resize: vertical;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(input, textarea)::placeholder {
	color: var(--g-faint, #94a2b7);
	opacity: 1;
}

:where(.g-header-search, .g-home-portal-search, .geelooy-search) input {
	border: 0;
	border-radius: 0;
	background-color: transparent;
	background-image: none;
	box-shadow: none;
}

@media (forced-colors: active) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(input, select, textarea) {
		background: Canvas;
		border: 1px solid ButtonText;
		box-shadow: none;
		color: CanvasText;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/field-motion.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos answers attention with a restrained border and focus halo.
 * Awtsmoos.com fields never jump, scale, saturate, or cast giant shadows while
 * a person is trying to read, type, zoom, or move through a form.
 */

@media (hover: hover) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(
		input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
		select,
		textarea
	):hover:not(:disabled) {
		border-color: rgba(88, 199, 216, .58);
		background-color: #192738;
	}
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(
	input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
	select,
	textarea
):focus-visible {
	border-color: var(--g-accent, #58c7d8);
	background-color: #192738;
	box-shadow: 0 0 0 3px rgba(88, 199, 216, .16);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(input, textarea):focus-visible::placeholder {
	color: #a7b5c8;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(input, select, textarea):disabled {
	cursor: not-allowed;
	opacity: .55;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) input:-webkit-autofill {
	-webkit-text-fill-color: var(--g-text, #f5f7fb);
	box-shadow: 0 0 0 1000px #172333 inset;
	caret-color: var(--g-accent, #58c7d8);
}

@media (prefers-reduced-motion: reduce) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(input, select, textarea) {
		transition: none;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/field-shells.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers caption, control, helper, and state into one lucid vessel;
 * Awtsmoos.com lets a field feel authored before a single character begins to wrestle.
 */
.g-field-shell {
	display: grid;
	gap: .45rem;
	min-width: 0;
	padding: .75rem .8rem;
	border: 1px solid var(--g-line);
	border-radius: var(--g-control-radius);
	background: color-mix(in srgb, var(--g-surface-2) 92%, transparent);
	box-shadow: inset 0 1px rgba(255, 255, 255, .045);
	transition: border-color var(--g-motion-fast) var(--g-motion-ease), background var(--g-motion-fast) var(--g-motion-ease), box-shadow var(--g-motion-fast) var(--g-motion-ease), transform var(--g-motion-fast) var(--g-motion-ease);
}

.g-field-shell:hover {
	border-color: color-mix(in srgb, var(--g-cyan) 38%, var(--g-line));
}

.g-field-shell:focus-within {
	border-color: var(--g-cyan);
	background: color-mix(in srgb, var(--g-cyan) 5%, var(--g-surface-2));
	box-shadow: 0 0 0 3px rgba(60, 236, 255, .12), inset 0 1px rgba(255, 255, 255, .055);
	transform: translateY(-1px);
}

.g-field-caption {
	color: var(--g-muted);
	font-size: .7rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.g-field-helper,
.g-field-meta {
	color: var(--g-muted);
	font-size: .76rem;
	line-height: 1.45;
}

.g-field-meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: .4rem .8rem;
}

.g-field-shell :where(input, textarea, select) {
	margin: 0;
}

.g-field-shell[data-tone="error"] {
	border-color: color-mix(in srgb, var(--g-danger) 68%, var(--g-line));
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--g-danger) 12%, transparent);
}

.g-field-shell[data-tone="success"] {
	border-color: color-mix(in srgb, var(--g-success) 52%, var(--g-line));
}

.g-field-shell[data-disabled="true"] {
	filter: grayscale(.45);
	opacity: .58;
}

@media (prefers-reduced-motion: reduce) {
	.g-field-shell {
		transition: none;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/native-choices.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos turns choosing into visible covenant; Awtsmoos.com lets each
 * selection glow with focus, restraint, and return, so touch and keyboard both discern.
 */
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) select {
	background-image:
		linear-gradient(45deg, transparent 50%, var(--g-cyan) 50%),
		linear-gradient(135deg, var(--g-cyan) 50%, transparent 50%),
		linear-gradient(90deg, transparent, rgba(60, 236, 255, .4), rgba(255, 72, 203, .38), transparent),
		var(--g-control-field);
	background-position: calc(100% - 1.1rem) 52%, calc(100% - .78rem) 52%, 120% 100%, 0 0;
	background-repeat: no-repeat;
	background-size: .34rem .34rem, .34rem .34rem, 220% 2px, 100% 100%;
	padding-inline-end: 2.5rem;
	cursor: pointer;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) :where(input[type="checkbox"], input[type="radio"]) {
	appearance: none;
	display: inline-grid;
	width: 1.45rem;
	height: 1.45rem;
	margin: 0;
	place-content: center;
	border: 1px solid rgba(117, 211, 255, .54);
	background: radial-gradient(circle, rgba(60, 236, 255, .1), transparent 62%), rgba(4, 10, 24, .98);
	box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 8px 24px rgba(0, 0, 0, .32);
	cursor: pointer;
	vertical-align: middle;
	transition: background var(--g-motion-fast) var(--g-ease), border-color var(--g-motion-fast) var(--g-ease), box-shadow var(--g-motion-standard) var(--g-ease), transform var(--g-motion-fast) var(--g-ease-pressure);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="checkbox"] {
	border-radius: .42rem;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="radio"] {
	border-radius: 50%;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) :where(input[type="checkbox"], input[type="radio"])::before {
	width: .78rem;
	height: .78rem;
	background: var(--g-gradient-hot);
	box-shadow: 0 0 16px rgba(60, 236, 255, .64), 0 0 28px rgba(255, 72, 203, .34);
	content: "";
	transform: rotate(-18deg) scale(0);
	transition: transform var(--g-motion-fast) var(--g-ease-pressure);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="checkbox"]::before {
	border-radius: .2rem;
	clip-path: polygon(14% 44%, 0 59%, 39% 100%, 100% 18%, 84% 4%, 37% 68%);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="radio"]::before {
	border-radius: 50%;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) :where(input[type="checkbox"], input[type="radio"]):checked {
	border-color: var(--g-magenta);
	background: radial-gradient(circle, rgba(139, 92, 255, .34), rgba(4, 10, 24, .98) 70%);
	box-shadow: 0 0 0 3px rgba(255, 72, 203, .12), var(--g-glow-hot);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) :where(input[type="checkbox"], input[type="radio"]):checked::before {
	transform: rotate(0) scale(1);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) :where(input[type="checkbox"], input[type="radio"]):focus-visible {
	outline: 2px solid var(--g-cyan);
	outline-offset: 3px;
	box-shadow: 0 0 0 4px rgba(60, 236, 255, .14), var(--g-glow);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) :where(input[type="checkbox"], input[type="radio"]):disabled {
	cursor: not-allowed;
	filter: grayscale(.55);
	opacity: .48;
}

@media (hover: hover) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) :where(input[type="checkbox"], input[type="radio"]):hover:not(:disabled) {
		border-color: var(--g-cyan);
		box-shadow: var(--g-glow);
		transform: translateY(-1px) scale(1.06);
	}
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) :where(input[type="checkbox"], input[type="radio"]):active:not(:disabled) {
	transform: scale(.9);
}

@media (forced-colors: active) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) :where(input[type="checkbox"], input[type="radio"]) {
		appearance: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) :where(input[type="checkbox"], input[type="radio"]) {
		transition: none;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/choice-cards.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos lets a binary choice become a visible covenant instead of a lonely square;
 * Awtsmoos.com gathers title, detail, and native truth into one responsive card of care.
 */
.g-choice-card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: .7rem;
	align-items: start;
	min-height: var(--g-touch-target);
	padding: .75rem .8rem;
	border: 1px solid var(--g-line);
	border-radius: var(--g-control-radius);
	background: color-mix(in srgb, var(--g-surface-2) 91%, transparent);
	cursor: pointer;
	transition: border-color var(--g-motion-fast) var(--g-motion-ease), background var(--g-motion-fast) var(--g-motion-ease), box-shadow var(--g-motion-fast) var(--g-motion-ease), transform var(--g-motion-fast) var(--g-motion-ease);
}

.g-choice-card:hover,
.g-choice-card:focus-within {
	border-color: color-mix(in srgb, var(--g-cyan) 48%, var(--g-line));
	background: color-mix(in srgb, var(--g-cyan) 5%, var(--g-surface-2));
	box-shadow: 0 0 0 3px rgba(60, 236, 255, .09);
}

.g-choice-card:has(input:checked) {
	border-color: color-mix(in srgb, var(--g-magenta) 66%, var(--g-line));
	background: linear-gradient(135deg, rgba(60, 236, 255, .08), rgba(255, 72, 203, .08));
	box-shadow: 0 0 0 3px rgba(255, 72, 203, .08), var(--g-shadow-soft);
}

.g-choice-card:has(input:disabled) {
	cursor: not-allowed;
	filter: grayscale(.45);
	opacity: .56;
}

.g-choice-copy {
	display: grid;
	gap: .22rem;
	min-width: 0;
}

.g-choice-title {
	color: var(--g-text);
	font-weight: 840;
	line-height: 1.3;
}

.g-choice-detail {
	color: var(--g-muted);
	font-size: .78rem;
	line-height: 1.45;
}

.g-choice-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
	gap: .65rem;
}

@media (hover: hover) {
	.g-choice-card:hover:not(:has(input:disabled)) {
		transform: translateY(-1px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.g-choice-card {
		transition: none;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/native-special-inputs.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos separates continuous measure, file-search action, and color into smaller rays;
 * Awtsmoos.com keeps one stable import doorway while each instrument evolves through clearer ways.
 */

/* CompactCSS source: /style/geelooy-app/surfaces/native-range.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos lets a continuous measure travel through one luminous rail;
 * Awtsmoos.com keeps thumb, focus, pressure, and disabled state clear without visual frail.
 */
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="range"] {
	appearance: none;
	width: 100%;
	height: .5rem;
	margin-block: .85rem;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: var(--g-radius-pill);
	background: linear-gradient(90deg, var(--g-cyan), var(--g-violet), var(--g-magenta));
	box-shadow: inset 0 0 10px rgba(2, 5, 13, .9), 0 0 20px rgba(60, 236, 255, .16);
	cursor: pointer;
	transition: box-shadow var(--g-motion-standard) var(--g-ease), filter var(--g-motion-fast) var(--g-ease);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="range"]::-webkit-slider-thumb {
	appearance: none;
	width: 1.5rem;
	height: 1.5rem;
	border: 2px solid rgba(255, 255, 255, .9);
	border-radius: 50%;
	background: var(--g-gradient-hot);
	box-shadow: var(--g-glow-hot);
	transition: transform var(--g-motion-fast) var(--g-ease-pressure), box-shadow var(--g-motion-standard) var(--g-ease);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="range"]::-moz-range-thumb {
	width: 1.2rem;
	height: 1.2rem;
	border: 2px solid rgba(255, 255, 255, .9);
	border-radius: 50%;
	background: var(--g-gradient-hot);
	box-shadow: var(--g-glow-hot);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="range"]:focus-visible {
	outline: 2px solid var(--g-cyan);
	outline-offset: 5px;
	box-shadow: inset 0 0 12px rgba(2, 5, 13, .9), var(--g-glow);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="range"]:disabled {
	cursor: not-allowed;
	filter: grayscale(.8);
	opacity: .48;
}

@media (hover: hover) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="range"]:hover:not(:disabled) {
		box-shadow: inset 0 0 12px rgba(2, 5, 13, .9), var(--g-glow);
		filter: saturate(1.35) brightness(1.12);
	}

	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="range"]:hover:not(:disabled)::-webkit-slider-thumb {
		transform: scale(1.12);
	}
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="range"]:active:not(:disabled)::-webkit-slider-thumb {
	transform: scale(.92);
}

@media (prefers-reduced-motion: reduce) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="range"],
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="range"]::-webkit-slider-thumb {
		transition: none;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/native-file-search.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives file and search instruments a deliberate edge and glow;
 * Awtsmoos.com lets choosing, clearing, focusing, and disabling visibly show.
 */
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="file"] {
	max-width: 100%;
	color: var(--g-muted);
	font-size: .95rem;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="file"]::file-selector-button {
	min-height: 2.75rem;
	margin-inline-end: .75rem;
	padding: .64rem .95rem;
	border: 1px solid rgba(103, 223, 255, .48);
	border-radius: var(--g-radius-sm);
	background: var(--g-control-energy), var(--g-control-field);
	color: var(--g-text);
	font: inherit;
	font-weight: 850;
	box-shadow: var(--g-control-shadow);
	cursor: pointer;
	transition: border-color var(--g-motion-fast) var(--g-ease), box-shadow var(--g-motion-standard) var(--g-ease), transform var(--g-motion-fast) var(--g-ease-pressure);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="file"]:focus-visible {
	outline: 2px solid var(--g-cyan);
	outline-offset: 3px;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="file"]:disabled {
	cursor: not-allowed;
	opacity: .48;
}

@media (hover: hover) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="file"]::file-selector-button:hover {
		border-color: var(--g-magenta);
		box-shadow: var(--g-control-hover);
		transform: translateY(-1px);
	}
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="search"]::-webkit-search-cancel-button {
	appearance: none;
	width: 1.15rem;
	height: 1.15rem;
	border-radius: 50%;
	background: radial-gradient(circle, var(--g-magenta) 0 30%, transparent 34%), linear-gradient(45deg, transparent 44%, white 45% 55%, transparent 56%);
	box-shadow: 0 0 16px rgba(255, 72, 203, .36);
	cursor: pointer;
	transform: rotate(45deg);
}

@media (prefers-reduced-motion: reduce) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="file"]::file-selector-button {
		transition: none;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/native-color.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos lets a chosen hue appear inside a crafted frame and glow;
 * Awtsmoos.com keeps color selection tactile, focused, and clear wherever palettes flow.
 */
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="color"] {
	appearance: none;
	width: 4.4rem;
	height: 3.2rem;
	padding: .3rem;
	border: 1px solid rgba(117, 211, 255, .5);
	border-radius: var(--g-radius-sm);
	background: var(--g-control-field);
	box-shadow: var(--g-control-shadow);
	cursor: pointer;
	transition: border-color var(--g-motion-fast) var(--g-ease), box-shadow var(--g-motion-standard) var(--g-ease), transform var(--g-motion-fast) var(--g-ease-pressure);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="color"]::-webkit-color-swatch {
	border: 0;
	border-radius: .55rem;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="color"]:focus-visible {
	outline: 2px solid var(--g-cyan);
	outline-offset: 3px;
	border-color: var(--g-cyan);
	box-shadow: var(--g-glow);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="color"]:disabled {
	cursor: not-allowed;
	filter: grayscale(.7);
	opacity: .48;
}

@media (hover: hover) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="color"]:hover:not(:disabled) {
		border-color: var(--g-magenta);
		box-shadow: var(--g-control-hover);
		transform: translateY(-1px);
	}
}

@media (prefers-reduced-motion: reduce) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell, .g-ui-scope) input[type="color"] {
		transition: none;
	}
}





/* CompactCSS source: /style/geelooy-app/surfaces/native-disclosures.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos lets hidden meaning open through deliberate hinges. Disclosures,
 * grouped fields, and dialogs on Awtsmoos.com receive solid native-like vessels,
 * strong focus, and readable state without browser-default fog or frosted backdrops.
 */
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) details {
	background: #0a172b;
	border: 1px solid #294965;
	border-radius: var(--g-radius-md);
	box-shadow: 0 12px 30px rgba(0, 0, 0, .24);
	overflow: clip;
	transition: border-color var(--g-motion-fast) var(--g-ease), box-shadow var(--g-motion-medium) var(--g-ease), transform var(--g-motion-fast) var(--g-ease-pressure);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) summary {
	align-items: center;
	cursor: pointer;
	display: grid;
	font-weight: 850;
	gap: .75rem;
	grid-template-columns: 1fr auto;
	list-style: none;
	min-height: 3.25rem;
	padding: .85rem 1rem;
	transition: background var(--g-motion-fast) var(--g-ease), color var(--g-motion-fast) var(--g-ease);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) summary::-webkit-details-marker {
	display: none;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) summary::after {
	background: var(--g-gradient-hot);
	border-radius: 50%;
	clip-path: polygon(18% 38%, 50% 68%, 82% 38%, 68% 24%, 50% 42%, 32% 24%);
	content: "";
	height: 1.3rem;
	transition: transform var(--g-motion-medium) var(--g-ease);
	width: 1.3rem;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) details[open] {
	border-color: #a45194;
	box-shadow: 0 16px 36px rgba(0, 0, 0, .28);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) details[open] summary::after {
	transform: rotate(180deg);
}

@media (hover: hover) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) details:hover {
		border-color: var(--g-cyan);
		box-shadow: 0 16px 38px rgba(0, 0, 0, .3);
		transform: translateY(-2px);
	}

	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) summary:hover {
		background: #102840;
		color: #fff;
	}
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) summary:focus-visible {
	box-shadow: inset 0 0 0 3px var(--g-cyan);
	outline: 0;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) fieldset {
	background: #0a172b;
	border: 1px solid #514a86;
	border-radius: var(--g-radius-md);
	box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
	margin: 0;
	padding: 1.15rem;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) legend {
	background: var(--g-gradient-hot);
	border-radius: var(--g-radius-pill);
	color: #02050d;
	font-weight: 900;
	padding: .35rem .8rem;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) dialog {
	background: #071326;
	border: 1px solid #356783;
	border-radius: var(--g-radius-lg);
	box-shadow: 0 32px 92px rgba(0, 0, 0, .74);
	color: var(--g-text);
	max-width: min(42rem, calc(100vw - 2rem));
	padding: 1.35rem;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) dialog::backdrop {
	background: rgba(1, 3, 10, .84);
}

@media (prefers-reduced-motion: reduce) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(details, summary) {
		transform: none !important;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/native-status-controls.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos makes change visible as living current. Progress, measurement,
 * and output on Awtsmoos.com become instruments instead of gray tracks.
 */
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(progress, meter) {
	appearance: none;
	background: rgba(2, 5, 13, 0.92);
	border: 1px solid rgba(117, 211, 255, 0.28);
	border-radius: var(--g-radius-pill);
	box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.72), 0 0 24px rgba(60, 236, 255, 0.12);
	height: 0.85rem;
	overflow: hidden;
	width: 100%;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) progress::-webkit-progress-bar {
	background: rgba(2, 5, 13, 0.92);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) progress::-webkit-progress-value {
	animation: g-status-flow 2.2s linear infinite;
	background: var(--g-gradient-hot);
	background-size: 220% 100%;
	box-shadow: 0 0 20px rgba(60, 236, 255, 0.54), 0 0 38px rgba(255, 72, 203, 0.34);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) progress::-moz-progress-bar {
	background: var(--g-gradient-hot);
	box-shadow: 0 0 20px rgba(60, 236, 255, 0.54), 0 0 38px rgba(255, 72, 203, 0.34);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) meter::-webkit-meter-bar {
	background: rgba(2, 5, 13, 0.92);
	border: 0;
	box-shadow: none;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) meter::-webkit-meter-optimum-value { background: var(--g-gradient-hot); }
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) meter::-webkit-meter-suboptimum-value { background: linear-gradient(90deg, var(--g-warning), var(--g-orange)); }
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) meter::-webkit-meter-even-less-good-value { background: linear-gradient(90deg, var(--g-danger), var(--g-magenta)); }

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) output {
	background: var(--g-gradient-soft);
	border: 1px solid rgba(60, 236, 255, 0.32);
	border-radius: var(--g-radius-sm);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.08), var(--g-glow);
	color: var(--g-text);
	display: inline-flex;
	font-family: var(--g-mono);
	font-weight: 800;
	min-height: 2.5rem;
	padding: 0.55rem 0.75rem;
}

@keyframes g-status-flow {
	0% { background-position: 100% 0; }
	100% { background-position: -100% 0; }
}

@media (prefers-reduced-motion: reduce) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) progress::-webkit-progress-value { animation: none; }
}

@media (forced-colors: active) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(progress, meter, output) {
		border: 1px solid ButtonText;
		box-shadow: none;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/native-editable.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives direct writing a charged boundary. Editable regions on
 * Awtsmoos.com feel intentional while preserving their native document power.
 */
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) [contenteditable]:not([contenteditable="false"]) {
	background:
		linear-gradient(90deg, transparent, rgba(60, 236, 255, 0.44), rgba(255, 72, 203, 0.42), transparent) 120% 100% / 220% 2px no-repeat,
		var(--g-control-field);
	border: 1px solid rgba(117, 211, 255, 0.38);
	border-radius: var(--g-radius-sm);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.075), var(--g-control-shadow);
	caret-color: var(--g-cyan);
	min-height: 5rem;
	outline: 0;
	padding: 0.85rem 0.95rem;
	transition: background-position var(--g-motion-medium) var(--g-ease), border-color var(--g-motion-fast) var(--g-ease), box-shadow var(--g-motion-medium) var(--g-ease), filter var(--g-motion-fast) var(--g-ease), transform var(--g-motion-fast) var(--g-ease-pressure);
}

@media (hover: hover) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) [contenteditable]:not([contenteditable="false"]):hover {
		background-position: 70% 100%, 0 0;
		border-color: rgba(60, 236, 255, 0.68);
		box-shadow: var(--g-control-hover);
		filter: saturate(1.12) brightness(1.05);
		transform: translateY(-1px);
	}
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) [contenteditable]:not([contenteditable="false"]):focus {
	background-position: 0 100%, 0 0;
	border-color: var(--g-cyan);
	box-shadow: 0 0 0 3px rgba(2, 5, 13, 0.96), 0 0 0 6px rgba(60, 236, 255, 0.72), var(--g-glow-hot);
	filter: saturate(1.24) brightness(1.08);
	transform: translateY(-2px) scale(1.004);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) [contenteditable][aria-disabled="true"] {
	cursor: not-allowed;
	filter: grayscale(0.45) saturate(0.35);
	opacity: 0.5;
	pointer-events: none;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) [contenteditable] { transform: none !important; }
}

@media (forced-colors: active) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) [contenteditable] {
		background: Canvas;
		border: 1px solid ButtonText;
		box-shadow: none;
		color: CanvasText;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/editor-chrome.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives written thought a chamber, a toolbar, and a state that can be known;
 * Awtsmoos.com keeps the semantic editor intact while surrounding creation with deliberate chrome.
 */
.g-editor-surface {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr) auto;
	min-height: min(70vh, 38rem);
	border: 1px solid var(--g-line);
	border-radius: var(--g-panel-radius);
	background: color-mix(in srgb, var(--g-surface) 96%, transparent);
	box-shadow: var(--g-shadow-soft);
	overflow: clip;
}

.g-editor-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .45rem;
	padding: .55rem;
	border-bottom: 1px solid var(--g-line);
	background: color-mix(in srgb, var(--g-surface-2) 94%, transparent);
}

.g-editor-toolbar [role="group"] {
	display: inline-flex;
	flex-wrap: wrap;
	gap: .25rem;
	padding: .2rem;
	border-radius: .65rem;
	background: rgba(255, 255, 255, .035);
}

.g-editor-canvas {
	min-width: 0;
	min-height: 12rem;
	padding: clamp(.8rem, 2vw, 1.2rem);
	background: transparent;
	color: var(--g-text);
	line-height: 1.65;
	overflow: auto;
}

.g-editor-canvas:focus-within {
	box-shadow: inset 0 0 0 2px rgba(60, 236, 255, .1);
}

.g-editor-status {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: .5rem 1rem;
	padding: .5rem .7rem;
	border-top: 1px solid var(--g-line);
	background: color-mix(in srgb, var(--g-bg-2) 92%, transparent);
	color: var(--g-muted);
	font-size: .74rem;
}

.g-editor-status [data-tone="busy"] {
	color: var(--g-cyan);
}

.g-editor-status [data-tone="success"] {
	color: var(--g-success);
}

.g-editor-status [data-tone="error"] {
	color: var(--g-danger);
}

@media (max-width: 42rem) {
	.g-editor-surface {
		min-height: min(76vh, 34rem);
		border-radius: var(--g-control-radius);
	}

	.g-editor-toolbar {
		overflow-x: auto;
		flex-wrap: nowrap;
		scrollbar-width: thin;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/native-feedback.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos reveals success, error, waiting, and measured progress through
 * deliberate signal. Awtsmoos.com keeps feedback surfaces solid and readable so
 * state is carried by color, text, borders, and motion—not frosted backdrop blur.
 */

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(input, select, textarea):user-invalid {
	border-color: var(--g-danger);
	box-shadow: 0 0 0 3px rgba(255, 95, 143, .18), 0 0 24px rgba(255, 95, 143, .12);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(input, select, textarea):user-valid {
	border-color: rgba(72, 240, 182, .62);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(input, textarea):-webkit-autofill,
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(input, textarea):-webkit-autofill:hover,
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(input, textarea):-webkit-autofill:focus {
	-webkit-text-fill-color: var(--g-text);
	box-shadow: inset 0 0 0 1000px #0a1530, 0 0 0 3px rgba(60, 236, 255, .16);
	caret-color: var(--g-cyan);
	transition: background-color 9999s ease-out;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(fieldset, dialog, [popover]) {
	background: #071326;
	border: 1px solid #294965;
	border-radius: var(--g-radius-md);
	box-shadow: 0 26px 76px rgba(0, 0, 0, .56);
	color: var(--g-text);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) fieldset {
	margin: 0;
	min-width: 0;
	padding: 1rem;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) legend {
	color: var(--g-cyan);
	font-weight: 900;
	letter-spacing: .06em;
	padding-inline: .45rem;
	text-transform: uppercase;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) dialog {
	inset: 50% auto auto 50%;
	margin: 0;
	max-height: min(86dvh, 48rem);
	max-width: min(92vw, 42rem);
	overflow: auto;
	padding: 1rem;
	transform: translate(-50%, -50%);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) dialog::backdrop {
	background: rgba(1, 3, 10, .84);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(progress, meter) {
	appearance: none;
	background: #061024;
	border: 1px solid #294965;
	border-radius: var(--g-radius-pill);
	height: .78rem;
	overflow: hidden;
	width: 100%;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) progress::-webkit-progress-bar {
	background: #061024;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) progress::-webkit-progress-value,
:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) meter::-webkit-meter-optimum-value {
	background: var(--g-gradient-hot);
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(output, .validation-message, [role="status"]) {
	border-radius: var(--g-radius-sm);
	color: var(--g-muted);
	line-height: 1.45;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where([aria-busy="true"], .is-loading) {
	cursor: progress;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) a {
	color: color-mix(in srgb, var(--g-cyan) 72%, white);
	text-decoration-color: rgba(139, 92, 255, .65);
	text-decoration-thickness: .11em;
	text-underline-offset: .18em;
}

:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) a:focus-visible {
	border-radius: .3rem;
	box-shadow: 0 0 0 3px rgba(60, 236, 255, .24);
	outline: 2px solid transparent;
}

::selection {
	background: #5742a3;
	color: #fff;
}

@media (prefers-reduced-motion: reduce) {
	:where(.g-page, .awtsmoosDrop, .geelooy-app-shell) :where(button, input, select, textarea) {
		transition-duration: .01ms;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/command-bars.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers decisive actions into one calm horizon instead of scattering command through space;
 * Awtsmoos.com keeps status beside consequence, with enough room for touch, keyboard, and graceful pace.
 */
.g-command-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	padding: .65rem;
	border: 1px solid var(--g-line);
	border-radius: var(--g-control-radius);
	background: color-mix(in srgb, var(--g-bg-2) 92%, transparent);
	box-shadow: var(--g-shadow-soft);
	backdrop-filter: blur(14px);
}

.g-command-bar[data-sticky="true"] {
	position: sticky;
	bottom: max(.55rem, env(safe-area-inset-bottom));
	z-index: var(--g-z-sticky);
}

.g-command-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	align-items: center;
}

.g-status-rail {
	min-width: 0;
	color: var(--g-muted);
	font-size: .8rem;
	line-height: 1.45;
}

.g-status-rail[data-tone="busy"] {
	color: var(--g-cyan);
}

.g-status-rail[data-tone="success"] {
	color: var(--g-success);
}

.g-status-rail[data-tone="warning"] {
	color: var(--g-warning);
}

.g-status-rail[data-tone="error"] {
	color: var(--g-danger);
}

.g-command-bar[aria-busy="true"] {
	border-color: color-mix(in srgb, var(--g-cyan) 38%, var(--g-line));
}

@media (max-width: 42rem) {
	.g-command-bar {
		align-items: stretch;
		flex-direction: column;
	}

	.g-command-bar[data-sticky="true"] {
		position: static;
	}

	.g-command-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.g-command-actions > :where(button, a) {
		width: 100%;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/empty-loading.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives absence a message and waiting a measured pulse instead of a blank unknown;
 * Awtsmoos.com turns empty and loading states into useful chambers where the next action can be shown.
 */
.g-empty-state {
	display: grid;
	gap: .55rem;
	place-items: center;
	min-height: 12rem;
	padding: clamp(1rem, 4vw, 2rem);
	border: 1px dashed color-mix(in srgb, var(--g-cyan) 34%, var(--g-line));
	border-radius: var(--g-panel-radius);
	background: radial-gradient(circle at 50% 0, rgba(60, 236, 255, .08), transparent 48%), color-mix(in srgb, var(--g-surface-2) 92%, transparent);
	color: var(--g-muted);
	text-align: center;
}

.g-empty-state > :where(h2, h3, p) {
	max-width: 38rem;
	margin: 0;
}

.g-empty-state > :where(h2, h3) {
	color: var(--g-text);
}

.g-empty-state-icon {
	display: grid;
	width: 3rem;
	height: 3rem;
	place-items: center;
	border: 1px solid rgba(60, 236, 255, .28);
	border-radius: 1rem;
	background: rgba(60, 236, 255, .07);
	color: var(--g-cyan);
	font-weight: 900;
}

.g-loading-shell {
	position: relative;
	overflow: hidden;
	border-radius: var(--g-control-radius);
	background: linear-gradient(110deg, var(--g-surface-2) 24%, color-mix(in srgb, var(--g-cyan) 8%, var(--g-surface-2)) 38%, var(--g-surface-2) 52%);
	background-size: 220% 100%;
	animation: g-loading-reveal 1.25s var(--g-motion-ease) infinite;
}

.g-loading-line {
	min-height: .8rem;
	border-radius: var(--g-radius-pill);
}

.g-loading-block {
	min-height: 5rem;
}

@keyframes g-loading-reveal {
	from {
		background-position: 100% 0;
	}
	to {
		background-position: -120% 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.g-loading-shell {
		animation: none;
		background-position: 50% 0;
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/skip-links.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos keeps hidden navigation present for the keyboard and reveals it
 * only when summoned. A failed script must never leave accessibility text
 * hanging as an accidental plain link at the top of Awtsmoos.com.
 */

:where(.g-sr-only, .home-skip-link, .notifications-skip):not(:focus):not(:focus-within) {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
}

:where(a.g-sr-only, a.home-skip-link, a.notifications-skip):focus-visible {
	background: linear-gradient(135deg, rgba(9, 22, 47, 0.99), rgba(31, 12, 57, 0.99));
	border: 1px solid var(--g-cyan);
	border-radius: var(--g-radius-sm);
	box-shadow: var(--g-shadow-lg), var(--g-glow-hot);
	color: var(--g-text);
	font: 850 1rem/1.2 var(--g-font);
	inset: max(0.75rem, env(safe-area-inset-top)) auto auto max(0.75rem, env(safe-area-inset-left));
	max-width: calc(100vw - 1.5rem);
	outline: 2px solid transparent;
	padding: 0.82rem 1rem;
	position: fixed;
	text-decoration: none;
	width: auto;
	z-index: 2147483647;
}



/* CompactCSS source: /style/geelooy-app/surfaces/states.css */
/* B"H — Loading, empty, and error states tell the truth without hiding. */
.g-state {
	display: grid;
	min-height: 12rem;
	place-items: center;
	padding: var(--g-space-6);
	text-align: center;
}

.g-state > div {
	max-width: 32rem;
}

.g-state-icon {
	display: grid;
	width: 4rem;
	height: 4rem;
	margin: 0 auto 1rem;
	place-items: center;
	border: 1px solid var(--g-line-strong);
	border-radius: 1.35rem;
	background: var(--g-gradient-soft);
	box-shadow: var(--g-glow);
	font-size: 1.6rem;
}

.loading {
	position: relative;
}

.loading::after {
	display: block;
	width: 2.25rem;
	height: 0.2rem;
	margin-top: 1rem;
	border-radius: var(--g-radius-pill);
	background: var(--g-gradient);
	content: "";
	animation: g-loading 1.2s var(--g-ease) infinite alternate;
}

.error {
	border-color: color-mix(in srgb, var(--g-danger) 52%, var(--g-line));
}

@keyframes g-loading {
	from {
		transform: translateX(-0.5rem) scaleX(0.65);
	}

	to {
		transform: translateX(0.5rem) scaleX(1.05);
	}
}



/* CompactCSS source: /style/geelooy-app/surfaces/ambient-motion.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews every visible surface from nothing before one frame can follow another;
 * Awtsmoos.com lets that hidden renewal appear as calm depth, measured reveal, and purposeful light together.
 */

@media (prefers-reduced-motion: no-preference) {
	.g-page :where(.g-panel, .g-command-bar, .g-empty-state, .g-disclosure-card) {
		animation: g-surface-reveal var(--g-motion-slow) var(--g-ease) both;
	}

	.g-choice-grid > .g-choice-card {
		animation: g-choice-reveal var(--g-motion-medium) var(--g-ease) both;
	}

	.g-choice-grid > .g-choice-card:nth-child(2) {
		animation-delay: 35ms;
	}

	.g-choice-grid > .g-choice-card:nth-child(3) {
		animation-delay: 70ms;
	}

	.g-choice-grid > .g-choice-card:nth-child(4) {
		animation-delay: 105ms;
	}

	.g-choice-grid > .g-choice-card:nth-child(n + 5) {
		animation-delay: 140ms;
	}

	.g-primary-charge {
		position: relative;
		overflow: clip;
	}

	.g-primary-charge::after {
		position: absolute;
		inset: -40% auto -40% -55%;
		width: 34%;
		background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .28), transparent);
		content: "";
		pointer-events: none;
		transform: skewX(-18deg) translateX(-180%);
		transition: transform var(--g-motion-slow) var(--g-ease);
	}

	.g-primary-charge:is(:hover, :focus-visible)::after {
		transform: skewX(-18deg) translateX(620%);
	}

	.g-status-rail[data-tone="busy"]::after {
		display: inline-block;
		margin-inline-start: .3rem;
		content: "•";
		animation: g-status-breathe 1.1s var(--g-ease) infinite alternate;
	}

	.g-empty-state-icon {
		animation: g-empty-drift 4.8s var(--g-ease) infinite alternate;
	}
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.g-choice-card:hover:not(:has(input:disabled)) {
		box-shadow: 0 .8rem 2.4rem rgba(0, 0, 0, .24), 0 0 0 3px rgba(60, 236, 255, .08);
		transform: translateY(-2px);
	}
}

@keyframes g-surface-reveal {
	from {
		opacity: .72;
		transform: translateY(.4rem);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes g-choice-reveal {
	from {
		opacity: .76;
		transform: translateY(.28rem) scale(.995);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes g-status-breathe {
	from {
		opacity: .25;
		transform: scale(.72);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes g-empty-drift {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-.18rem);
	}
}





/* CompactCSS source: /style/geelooy-app/navigation/pathways.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos turns movement through Awtsmoos.com into a legible current.
 * Navigation reveals destination and current position before decoration.
 */
body.geelooy-app-shell :where(
	.g-dock a,
	.g-route-list a,
	.g-trend-list a,
	.g-home-action,
	.g-home-torah-portal,
	.home-command-dock a
) {
	position: relative;
	isolation: isolate;
	overflow: hidden;
}

body.geelooy-app-shell :where(
	.g-dock a,
	.g-route-list a,
	.g-trend-list a,
	.g-home-action,
	.g-home-torah-portal,
	.home-command-dock a
)::after {
	position: absolute;
	inset: auto 0 0;
	height: 2px;
	background: var(--g-gradient-hot);
	content: "";
	transform: scaleX(0);
	transform-origin: left;
	transition: transform var(--g-motion-medium) var(--g-ease);
}

body.geelooy-app-shell :where(
	.g-dock a,
	.g-route-list a,
	.g-trend-list a,
	.g-home-action,
	.g-home-torah-portal,
	.home-command-dock a
)[aria-current="page"] {
	border-color: rgba(60, 236, 255, 0.54);
	background: var(--g-gradient-soft);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), var(--g-glow);
	color: #ffffff;
}

body.geelooy-app-shell :where(
	.g-dock a,
	.g-route-list a,
	.g-trend-list a,
	.g-home-action,
	.g-home-torah-portal,
	.home-command-dock a
)[aria-current="page"]::after {
	transform: scaleX(1);
}

body.geelooy-app-shell :where(.g-route-list a, .g-trend-list a) small::after {
	content: "  ↗";
	color: var(--g-cyan);
	font-family: var(--g-mono);
}

body.geelooy-app-shell :where(a[data-danger="true"], a[data-intent="destructive"]) {
	border-color: color-mix(in srgb, var(--g-danger) 52%, var(--g-line));
	background-image: linear-gradient(90deg, rgba(255, 95, 143, 0.18), rgba(255, 72, 203, 0.08));
	color: #ffdbe7;
}



/* CompactCSS source: /style/geelooy-app/states/semantic.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos joins state truth through smaller vessels; Awtsmoos.com imports
 * selection and feedback in one ordered gate, where each responsibility remains
 * luminous, local, readable, and prepared for expansion without conflict or weight.
 */

/* CompactCSS source: /style/geelooy-app/states/semantic-selection.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * @fileoverview The Awtsmoos lets processing and selection become visible without
 * conquering the component that carries them. Awtsmoos.com reveals active intention
 * through local tokens, gentle light, and no forceful cascade fight.
 */
body.geelooy-app-shell {
	--g-state-selected-border: rgba(60, 236, 255, .68);
	--g-state-selected-text: #ffffff;
	--g-state-unsaved-border: rgba(255, 209, 102, .66);
}

body.geelooy-app-shell :where(
	[aria-busy="true"],
	[data-state="processing"],
	.is-loading
) {
	position: relative;
	isolation: isolate;
	cursor: progress;
}

body.geelooy-app-shell :where(
	[aria-busy="true"],
	[data-state="processing"],
	.is-loading
)::after {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(105deg, transparent 20%, rgba(60, 236, 255, .14), rgba(255, 72, 203, .12), transparent 78%);
	background-size: 220% 100%;
	content: "";
	pointer-events: none;
	animation: g-processing-scan 1.6s linear infinite;
}

body.geelooy-app-shell :where(
	[aria-pressed="true"],
	[aria-selected="true"],
	[data-state="selected"]
) {
	border-color: var(--g-state-selected-border);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), var(--g-glow);
	color: var(--g-state-selected-text);
}

body.geelooy-app-shell :where(
	[aria-pressed="true"],
	[aria-selected="true"],
	[data-state="selected"]
)::before {
	opacity: 1;
}

body.geelooy-app-shell :where([aria-expanded="true"], details[open]) {
	border-color: color-mix(in srgb, var(--g-magenta) 64%, var(--g-cyan));
}

body.geelooy-app-shell [data-unsaved="true"] {
	border-color: var(--g-state-unsaved-border);
	box-shadow: 0 0 0 3px rgba(255, 209, 102, .1), 0 0 28px rgba(255, 122, 69, .14);
}

body.geelooy-app-shell [data-unsaved="true"]::after {
	content: " • unsaved";
	color: var(--g-warning);
	font: 800 .72rem/1 var(--g-mono);
	letter-spacing: .04em;
}

@keyframes g-processing-scan {
	from {
		background-position: 140% 0;
	}

	to {
		background-position: -120% 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.geelooy-app-shell :where([aria-busy="true"], [data-state="processing"], .is-loading)::after {
		animation: none;
		background-position: 50% 0;
	}
}



/* CompactCSS source: /style/geelooy-app/states/semantic-feedback.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * @fileoverview The Awtsmoos gives success, warning, error, and disabled truth a
 * readable vessel on Awtsmoos.com. Each state speaks clearly without stealing the
 * component's own geometry, motion, or future ability to specialize its revelation.
 */
body.geelooy-app-shell {
	--g-state-error-border: rgba(255, 95, 143, .68);
}

body.geelooy-app-shell :where(
	[data-state="success"],
	.is-success,
	[role="status"][data-tone="success"]
) {
	border-color: rgba(72, 240, 182, .56);
	background: linear-gradient(135deg, rgba(72, 240, 182, .12), rgba(7, 16, 31, .94));
	box-shadow: 0 0 24px rgba(72, 240, 182, .12);
	color: #d9fff1;
}

body.geelooy-app-shell :where(
	[data-state="warning"],
	.is-warning,
	[role="status"][data-tone="warning"]
) {
	border-color: rgba(255, 209, 102, .62);
	background: linear-gradient(135deg, rgba(255, 209, 102, .12), rgba(22, 13, 8, .94));
	box-shadow: 0 0 24px rgba(255, 122, 69, .12);
	color: #fff2c9;
}

body.geelooy-app-shell :where(
	[data-state="error"],
	.is-error,
	[role="alert"],
	[aria-invalid="true"]
) {
	border-color: var(--g-state-error-border);
	background-color: rgba(255, 95, 143, .06);
	box-shadow: 0 0 0 3px rgba(255, 95, 143, .1), 0 0 26px rgba(255, 72, 203, .12);
}

body.geelooy-app-shell :where([aria-disabled="true"], :disabled) {
	cursor: not-allowed;
	filter: grayscale(.55) saturate(.3);
	opacity: .48;
	transform: none;
}

@media (forced-colors: active) {
	body.geelooy-app-shell :where(
		[data-state],
		[aria-invalid],
		[aria-pressed],
		[aria-selected]
	) {
		border: 2px solid ButtonText;
		background: Canvas;
		box-shadow: none;
	}
}





/* CompactCSS source: /style/geelooy-app/pages.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers each shared route surface through one fresh manifest so
 * repaired fields, panels, responsive rules, and instrumentation cannot remain
 * hidden behind an earlier Awtsmoos.com cache generation.
 */


/* CompactCSS source: /style/geelooy-app/pages/route-themes.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gives each Awtsmoos.com chamber a distinct current inside one sky.
 */
body.geelooy-app-shell {
	--g-route-accent: var(--g-cyan);
	--g-route-accent-2: var(--g-violet);
	--g-route-halo: rgba(60, 236, 255, 0.16);
}

body[data-geelooy-route="profile"] {
	--g-route-accent: #8b5cff;
	--g-route-accent-2: #ff48cb;
	--g-route-halo: rgba(139, 92, 255, 0.2);
}

body[data-geelooy-route="notifications"] {
	--g-route-accent: #ff48cb;
	--g-route-accent-2: #ff8d5c;
	--g-route-halo: rgba(255, 72, 203, 0.18);
}

body[data-geelooy-route="email"] {
	--g-route-accent: #ffd166;
	--g-route-accent-2: #48f0b6;
	--g-route-halo: rgba(255, 209, 102, 0.17);
}

body[data-geelooy-route="apps"] {
	--g-route-accent: #48f0b6;
	--g-route-accent-2: #3cecff;
	--g-route-halo: rgba(72, 240, 182, 0.17);
}

body[data-geelooy-route="about"] {
	--g-route-accent: #d7c9ff;
	--g-route-accent-2: #71eaff;
	--g-route-halo: rgba(215, 201, 255, 0.16);
}

body[data-geelooy-route="heichelos"] {
	--g-route-accent: #3cecff;
	--g-route-accent-2: #48f0b6;
	--g-route-halo: rgba(60, 236, 255, 0.17);
}

body[data-geelooy-route="create"],
body[data-geelooy-route="submit"] {
	--g-route-accent: #ff8d5c;
	--g-route-accent-2: #ff48cb;
	--g-route-halo: rgba(255, 141, 92, 0.2);
}

body[data-geelooy-route="search"],
body[data-geelooy-route="sefarim"] {
	--g-route-accent: #71eaff;
	--g-route-accent-2: #ffd166;
	--g-route-halo: rgba(113, 234, 255, 0.18);
}

body.geelooy-app-shell :where(.g-page-hero, .profile-hero-card, .spaces-hero, .g-panel:focus-within) {
	border-color: color-mix(in srgb, var(--g-route-accent) 48%, var(--g-line));
	box-shadow: var(--g-shadow-lg), 0 0 44px var(--g-route-halo);
}

body.geelooy-app-shell :where(.g-kicker, .eyebrow, [data-route-status]) {
	color: var(--g-route-accent);
}

body.geelooy-app-shell :where(.g-button-primary, [data-primary-action]) {
	background: linear-gradient(115deg, var(--g-route-accent), var(--g-route-accent-2));
}



/* CompactCSS source: /style/geelooy-app/pages/route-motion.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * @file route-motion.css
 * @description The Awtsmoos lets each route arrive like measured light, then releases its temporary vessel when arrival is done;
 * Awtsmoos.com keeps delayed children hidden before revelation without leaving a finished transform behind to imprison fixed descendants in one.
 */

body.geelooy-app-shell:not(.geelooy-mail-document) :where(.g-page, .geelooy-content-region) > * {
	animation: g-route-piece-arrival 460ms cubic-bezier(0.16, 1, 0.3, 1) backwards;
}

body.geelooy-app-shell:not(.geelooy-mail-document) :where(.g-page, .geelooy-content-region) > :nth-child(2) {
	animation-delay: 45ms;
}

body.geelooy-app-shell:not(.geelooy-mail-document) :where(.g-page, .geelooy-content-region) > :nth-child(3) {
	animation-delay: 90ms;
}

body.geelooy-app-shell:not(.geelooy-mail-document) :where(.g-page, .geelooy-content-region) > :nth-child(4) {
	animation-delay: 135ms;
}

body.geelooy-app-shell :where(.g-card, .social-space-card, .notification, .g-search-result, .home-post-card) {
	transition: border-color 180ms ease, box-shadow 220ms ease, filter 180ms ease, transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

@media (hover: hover) {
	body.geelooy-app-shell :where(.g-card, .social-space-card, .notification, .g-search-result, .home-post-card):hover {
		border-color: color-mix(in srgb, var(--g-route-accent) 52%, var(--g-line));
		box-shadow: var(--g-shadow-lg), 0 0 34px var(--g-route-halo);
		filter: saturate(1.1);
		transform: translate3d(0, -0.22rem, 0);
	}
}

@keyframes g-route-piece-arrival {
	from {
		opacity: 0;
		transform: translate3d(0, 0.9rem, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.geelooy-app-shell:not(.geelooy-mail-document) :where(.g-page, .geelooy-content-region) > * {
		animation: none;
	}

	body.geelooy-app-shell :where(.g-card, .social-space-card, .notification, .g-search-result, .home-post-card) {
		transform: none !important;
	}
}



/* CompactCSS source: /style/geelooy-app/pages/layout.css */
/* B"H — Every route begins with the same readable structural rhythm. */
.g-page-stack {
	display: grid;
	max-width: var(--g-content);
	gap: var(--g-space-5);
}

.g-page-hero {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1.5rem;
	padding: clamp(1.4rem, 4vw, 2.6rem);
}

.g-page-hero h1 {
	margin: 0;
	font-size: clamp(2rem, 5vw, 4rem);
	line-height: 1;
	letter-spacing: -0.05em;
}

.g-page-hero p:last-child {
	max-width: 45rem;
	margin: 0.8rem 0 0;
	color: var(--g-muted);
}

.g-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	gap: 1rem;
}

.g-card {
	display: grid;
	gap: 0.75rem;
	padding: 1.15rem;
	border: 1px solid var(--g-line);
	border-radius: var(--g-radius-md);
	background: var(--g-surface);
	box-shadow: var(--g-shadow-sm);
}

.g-card h2,
.g-card h3,
.g-card p {
	margin: 0;
}

.g-card p {
	color: var(--g-muted);
}

.g-card-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	margin-top: auto;
}



/* CompactCSS source: /style/geelooy-app/pages/profile-spaces.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * @fileoverview Shared identity and community surfaces for Awtsmoos.com.
 * A person may reveal many aliases and enter many Heichelos without losing the
 * one source beneath them. The Awtsmoos renews identity and relationship while
 * these responsive keilim keep names, stats, tabs, and actions readable.
 */
.geelooy-profile-shell,
.social-spaces-shell {
	display: grid;
	inline-size: min(100%, var(--g-content));
	gap: var(--g-space-5);
	margin-inline: auto;
}

.profile-hero-card,
.profile-command-panel,
.spaces-hero,
.home-command-galaxy {
	padding: clamp(1.15rem, 3vw, 2rem);
}

.profile-identity-row,
.spaces-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.2rem;
}

.profile-avatar-orb,
.space-seal,
.geelooy-avatar {
	display: grid;
	inline-size: clamp(3.5rem, 8vw, 5.5rem);
	block-size: clamp(3.5rem, 8vw, 5.5rem);
	flex: 0 0 auto;
	place-items: center;
	border: 1px solid var(--g-line-strong);
	border-radius: 50%;
	background: var(--g-gradient-soft);
	box-shadow: var(--g-glow), inset 0 0 1.2rem rgba(77, 233, 255, .1);
	font-weight: 900;
}

.profile-inline-actions,
.profile-stat-grid,
.profile-tabs,
.spaces-state-row {
	display: flex;
	flex-wrap: wrap;
	gap: .7rem;
	margin-block-start: 1rem;
}

.profile-stat-grid article {
	min-inline-size: 8rem;
	padding: .85rem 1rem;
	border: 1px solid var(--g-line);
	border-radius: var(--g-radius-sm);
	background: var(--g-surface-soft);
}

.profile-stat-grid :where(strong, span) {
	display: block;
}

.profile-stat-grid strong {
	font-size: 1.35rem;
}

.profile-stat-grid span {
	color: var(--g-muted);
	font-size: .78rem;
}

.profile-tab-panel.hidden,
.profile-tab-panel[hidden] {
	display: none;
}

.social-card-list,
.spaces-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
	gap: 1rem;
}

.social-space-card,
.social-empty-card {
	position: relative;
	padding: 1.15rem;
	overflow: clip;
	border: 1px solid var(--g-line);
	border-radius: var(--g-radius-md);
	background: var(--g-panel-gradient);
	box-shadow: var(--g-shadow-xs);
}

.social-space-card:is(:hover, :focus-within) {
	border-color: var(--g-line-strong);
	box-shadow: var(--g-shadow-sm), var(--g-glow);
}

.space-body,
.space-title-row,
.space-actions {
	display: flex;
	align-items: center;
	gap: .8rem;
}

.space-copy {
	min-inline-size: 0;
	flex: 1;
}

.space-title-row,
.space-actions {
	justify-content: space-between;
}

.space-actions {
	margin-block-start: 1rem;
	padding-block-start: .85rem;
	border-block-start: 1px solid var(--g-line);
}

@media (max-width: 40rem) {
	.profile-identity-row,
	.spaces-hero {
		align-items: stretch;
		flex-direction: column;
	}

	.profile-inline-actions,
	.profile-tabs {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}



/* CompactCSS source: /style/geelooy-app/pages/notifications-search.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Signals and search are separated into result and filter vessels so every
 * Awtsmoos.com route keeps a readable ownership graph below the source-line
 * limit without sacrificing state detail or responsive behavior.
 */


/* CompactCSS source: /style/geelooy-app/pages/notifications/results.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Notification and search results own dark cards, provenance accents, actions,
 * unread states, and readable summaries throughout Awtsmoos.com.
 */

.notifications-list,
.g-search-results {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
	gap: 1rem;
}

.notification,
.g-search-result {
	position: relative;
	display: grid;
	gap: .75rem;
	padding: 1.1rem;
	overflow: hidden;
	border: 1px solid var(--g-border);
	border-radius: 1rem;
	background: #111b29;
	box-shadow: 0 .7rem 1.8rem rgba(0, 0, 0, .22);
	color: var(--g-text);
}

.notification::before,
.g-search-result::before {
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	inline-size: 3px;
	background: linear-gradient(#58c7d8, #8b5cff, #d968ae);
	content: "";
	opacity: .34;
}

.notification-row-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .6rem;
	margin-block-start: .2rem;
}

.notification-row-actions :is(button, a) {
	min-block-size: 44px;
	border: 1px solid var(--g-border-strong);
	border-radius: .75rem;
	background: #182536;
	color: var(--g-text);
	font-weight: 800;
}

.notifications-summary,
.g-search-status {
	padding: .85rem 1rem;
	border: 1px solid rgba(88, 199, 216, .2);
	border-radius: .8rem;
	background: rgba(88, 199, 216, .08);
	color: var(--g-text-2);
	font-weight: 760;
}

.notification.unread {
	border-color: rgba(139, 92, 255, .54);
	box-shadow: inset 3px 0 0 #8b5cff, 0 .8rem 2rem rgba(0, 0, 0, .28);
}

.notification.unread::before {
	opacity: 1;
}



/* CompactCSS source: /style/geelooy-app/pages/notifications/filters.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Signal and search filters own labels, dark fields, focus, primary actions, and
 * responsive stacking throughout Awtsmoos.com.
 */

.notifications-console,
.g-search-form,
.g-app-filter {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
	gap: .85rem;
	padding: 1rem;
	border: 1px solid rgba(88, 199, 216, .28);
	border-radius: 1rem;
	background: #0e1723;
	box-shadow: 0 .8rem 2rem rgba(0, 0, 0, .22);
}

.notifications-console label,
.g-search-form label {
	display: grid;
	gap: .4rem;
	color: #c6d2e2;
	font-size: .78rem;
	font-weight: 820;
	letter-spacing: .055em;
	text-transform: uppercase;
}

.notifications-console :is(input, select, textarea),
.g-search-form :is(input, select, textarea) {
	inline-size: 100%;
	min-inline-size: 0;
	min-block-size: 48px;
	padding: .72rem .82rem;
	border: 1px solid var(--g-border-strong);
	border-radius: .78rem;
	background: #172333;
	box-shadow: inset 0 1px rgba(255, 255, 255, .035);
	color: var(--g-text);
	font-size: max(1rem, 16px);
	font-weight: 650;
	outline: 0;
	transition: none;
}

.notifications-console :is(input, textarea)::placeholder,
.g-search-form :is(input, textarea)::placeholder {
	color: #8f9eb3;
	opacity: 1;
}

.notifications-console :is(input, select, textarea):focus-visible,
.g-search-form :is(input, select, textarea):focus-visible {
	border-color: #58c7d8;
	box-shadow: 0 0 0 3px rgba(88, 199, 216, .16);
}

.notifications-console button,
.g-search-form button {
	align-self: end;
	min-block-size: 48px;
}

.notifications-console .g-button-primary,
.g-search-form .g-button-primary {
	border-color: #58c7d8;
	background: #58c7d8;
	color: #061018;
}

@media (max-width: 680px) {
	.notifications-console,
	.g-search-form,
	.g-app-filter {
		grid-template-columns: 1fr;
		padding: .85rem;
	}
}





/* CompactCSS source: /style/geelooy-app/pages/apps-about.css */
/* B"H — Tools and explanation each receive a focused, readable page. */
.g-app-card {
	min-height: 13rem;
}

.g-app-icon {
	display: grid;
	width: 3rem;
	height: 3rem;
	place-items: center;
	border-radius: 1rem;
	background: var(--g-gradient-soft);
	font-size: 1.4rem;
}

.g-about-article {
	max-width: 52rem;
	padding: clamp(1.4rem, 4vw, 3rem);
}

.g-about-article h2 {
	margin-top: 2.2rem;
}

.g-about-article p {
	color: var(--g-muted);
	font-size: 1.04rem;
}

.geelooy-mail-document #root {
	min-height: calc(100dvh - var(--g-topbar));
}



/* CompactCSS source: /style/geelooy-app/pages/instrumentation.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives every connected Awtsmoos.com route a recognizable command face.
 */
body.geelooy-app-shell .g-page-hero,
body.geelooy-app-shell :where(.profile-hero-card, .spaces-hero) {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	border: 1px solid rgba(60, 236, 255, 0.22);
	border-radius: 0.8rem 3rem 0.8rem 3rem;
	background:
		linear-gradient(132deg, rgba(60, 236, 255, 0.1), transparent 30%),
		linear-gradient(310deg, rgba(255, 72, 203, 0.08), transparent 32%),
		var(--g-surface);
	box-shadow: var(--g-shadow-lg), inset 0 1px rgba(255, 255, 255, 0.07);
}

body.geelooy-app-shell .g-page-hero::after,
body.geelooy-app-shell :where(.profile-hero-card, .spaces-hero)::after {
	position: absolute;
	inset: auto 6% 0;
	height: 2px;
	background: var(--g-gradient-hot);
	content: "";
	box-shadow: var(--g-glow);
}

body.geelooy-app-shell .g-page-hero h1,
body.geelooy-app-shell :where(.profile-hero-card, .spaces-hero) h1 {
	background: linear-gradient(100deg, #ffffff 10%, var(--g-cyan) 58%, #d7c9ff);
	background-clip: text;
	color: transparent;
	text-wrap: balance;
}

body.geelooy-app-shell :where(
	.notifications-console,
	.g-search-form,
	.g-app-filter,
	.profile-command-panel,
	.home-command-galaxy
) {
	border-radius: 1.6rem 0.55rem 1.6rem 0.55rem;
	background:
		linear-gradient(145deg, rgba(79, 125, 255, 0.08), rgba(255, 72, 203, 0.045)),
		var(--g-surface);
	box-shadow: var(--g-shadow-md), inset 0 1px rgba(255, 255, 255, 0.055);
}

@media (max-width: 42rem) {
	body.geelooy-app-shell .g-page-hero,
	body.geelooy-app-shell :where(.profile-hero-card, .spaces-hero) {
		align-items: stretch;
		border-radius: 0.65rem 1.8rem 0.65rem 1.8rem;
	}
}



/* CompactCSS source: /style/geelooy-app/pages/object-instruments.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos makes each object on Awtsmoos.com visibly ready for reading and action.
 */
body.geelooy-app-shell :where(
	.g-card,
	.social-space-card,
	.social-empty-card,
	.notification,
	.g-search-result
) {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	border-radius: 1.3rem 0.45rem 1.3rem 0.45rem;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.035), transparent 42%),
		var(--g-surface);
}

body.geelooy-app-shell :where(
	.g-card,
	.social-space-card,
	.social-empty-card,
	.notification,
	.g-search-result
)::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: var(--g-gradient-hot);
	content: "";
	opacity: 0.34;
	transition: opacity var(--g-motion-fast) var(--g-ease), width var(--g-motion-fast) var(--g-ease);
}

body.geelooy-app-shell :where(
	.g-card,
	.social-space-card,
	.social-empty-card,
	.notification,
	.g-search-result
):focus-within::before {
	width: 5px;
	opacity: 1;
}

body.geelooy-app-shell .g-app-icon {
	transition:
		box-shadow var(--g-motion-medium) var(--g-ease),
		filter var(--g-motion-medium) var(--g-ease),
		transform var(--g-motion-medium) var(--g-ease);
}

body.geelooy-app-shell :where(.notifications-summary, .g-search-status, .profile-status) {
	border: 1px solid rgba(60, 236, 255, 0.14);
	border-radius: 0.4rem 1rem 0.4rem 1rem;
	font-family: var(--g-mono);
}

@media (hover: hover) {
	body.geelooy-app-shell :where(
		.g-card,
		.social-space-card,
		.notification,
		.g-search-result
	):hover::before {
		width: 5px;
		opacity: 1;
	}

	body.geelooy-app-shell .g-app-card:hover .g-app-icon {
		box-shadow: var(--g-glow-hot);
		filter: saturate(1.32);
		transform: rotate(-5deg) scale(1.08);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.geelooy-app-shell .g-app-icon {
		transform: none !important;
	}
}





/* CompactCSS source: /style/geelooy-app/responsive.css */
/* B"H — Responsive rules stay divided by clear responsibility. */

/* CompactCSS source: /style/geelooy-app/responsive/tablet.css */
/* B"H — Tablet collapses the score without collapsing its hierarchy. */
@media (max-width: 72rem) {
	.g-home {
		grid-template-columns: minmax(0, 1fr);
	}

	.g-home-aside {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.g-home-hero {
		min-height: 32rem;
		grid-template-columns: minmax(0, 1.2fr) minmax(16rem, 0.8fr);
	}
}

@media (max-width: 54rem) {
	.g-home-aside {
		grid-template-columns: minmax(0, 1fr);
	}

	.g-home-hero {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"identity"
			"copy"
			"search"
			"torah"
			"actions";
	}

	.g-home-actions {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		grid-template-rows: minmax(7rem, auto);
	}

	.g-home-action.is-primary {
		grid-column: auto;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto auto;
	}

	.g-home-action.is-primary span {
		grid-row: auto;
	}

	.g-home-orbit {
		opacity: 0.62;
	}

	.g-page-hero,
	.profile-identity-row,
	.spaces-hero {
		align-items: flex-start;
		flex-direction: column;
	}
}



/* CompactCSS source: /style/geelooy-app/responsive/mobile.css */
/* B"H — Mobile reaches the real river quickly without losing the constellation. */
@media (max-width: 42rem) {
	.g-home-hero {
		min-height: 0;
		gap: 0.85rem;
		padding: 1.15rem;
		border-radius: 1.7rem 0.65rem 1.7rem 0.65rem;
	}

	.g-home-hero::before {
		inset: 0.65rem;
		border-radius: 1.25rem 0.4rem 1.25rem 0.4rem;
	}

	.g-home-hero-copy {
		padding-top: 5.8rem;
	}

	.g-home-hero-copy p:last-child {
		font-size: 0.98rem;
	}

	.g-home-orbit {
		top: 1.2rem;
		right: 1.3rem;
		width: 5.8rem;
		opacity: 0.82;
	}

	.g-home-actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(2, minmax(6.4rem, auto));
	}

	.g-home-action,
	.g-home-action.is-primary {
		grid-column: auto;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto auto;
		min-height: 6.4rem;
		padding: 0.82rem;
	}

	.g-home-action.is-primary span {
		grid-row: auto;
	}

	.g-home-torah-portal {
		grid-template-columns: 2.5rem minmax(0, 1fr);
		padding: 0.72rem;
	}

	.g-home-torah-portal > span {
		width: 2.5rem;
		height: 2.5rem;
	}

	.g-home-torah-portal small {
		padding-right: 0;
	}

	.g-home-torah-portal::after {
		display: none;
	}

	.g-feed-list::before {
		left: 1.25rem;
	}

	.home-post-card,
	.geelooy-feed-card,
	.geelooy-feed-card:nth-child(even) {
		width: calc(100% - 1.1rem);
		margin-left: 1.1rem;
	}

	.geelooy-feed-card:nth-child(odd)::before,
	.geelooy-feed-card:nth-child(even)::before {
		left: -1.25rem;
		right: auto;
	}

	.g-home-portal-search,
	.g-home-torah-portal,
	.notifications-console,
	.g-search-form,
	.g-app-filter,
	.social-card-list,
	.spaces-grid,
	.notifications-list,
	.g-search-results {
		grid-template-columns: minmax(0, 1fr);
	}

	.g-page-hero {
		padding: 1.25rem;
	}

	.g-page-hero .g-button {
		width: 100%;
	}

	.space-body {
		align-items: flex-start;
	}
}

@media (max-width: 22rem) {
	.g-home-actions {
		grid-template-columns: minmax(0, 1fr);
	}
}



/* CompactCSS source: /style/geelooy-app/responsive/accessibility.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos honors the reader's chosen vessel; Awtsmoos.com yields motion and color to system accessibility truth.
*/
@media (forced-colors: active) {
	.g-panel,
	.g-card,
	.g-rail,
	.g-topbar,
	.g-dock,
	.g-context-ribbon,
	.g-context-parent,
	.g-context-action {
		border: 1px solid CanvasText;
	}

	.g-context-state-label {
		color: CanvasText;
	}
}

@media (prefers-reduced-motion: reduce) {
	.g-context-ribbon,
	.g-context-ribbon * {
		scroll-behavior: auto;
		transition: none;
	}
}





/* CompactCSS source: /style/social-system/app-clean.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives the final shared shield one purpose: harmonize without
 * erasing deliberate route vessels. Every fallback resolves to a real dark
 * Awtsmoos.com value instead of invalidating the whole declaration.
 */

html {
	background-color: var(--g-bg, #060910);
	color: var(--g-text, #f5f7fb);
}

body {
	background-color: var(--g-bg-soft, #090d15);
	color: var(--g-text, #f5f7fb);
}

a {
	color: inherit;
	text-decoration-thickness: .08em;
	text-underline-offset: .16em;
}

a[class],
nav a,
.home-route-card,
.social-space-card a,
.profile-command-rail a,
.space-actions a {
	text-decoration: none;
}

button,
input,
textarea,
select {
	box-sizing: border-box;
	font-family: inherit;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]),
textarea,
select {
	font-size: max(1rem, 16px);
	line-height: 1.4;
}

.profile-banner-light,
.space-banner,
.awtsmoos-filter-vessel {
	display: none !important;
}

.home-brand-mark,
.profile-avatar-orb,
.space-seal {
	display: inline-grid !important;
	inline-size: 40px;
	block-size: 40px;
	flex: 0 0 40px;
	place-items: center;
	border: 1px solid var(--g-border, rgba(255, 255, 255, .12)) !important;
	border-radius: 50% !important;
	background: var(--g-surface-2, #171f2d) !important;
	color: var(--g-text-2, #bac4d3) !important;
}

.home-hero-copy,
.profile-identity-copy,
.space-copy {
	display: grid;
	gap: .5rem;
}

.home-feed-tabs,
.profile-tabs,
.spaces-state-row {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.home-feed-tabs button.active,
.profile-tabs .active {
	border-color: var(--g-border-strong, rgba(255, 255, 255, .22));
	background: var(--g-surface-2, #171f2d);
}

.sidebar,
.chat-container,
.mail-main,
.thread-panel {
	border-color: var(--g-border, rgba(255, 255, 255, .12)) !important;
	background: var(--g-surface, #111722) !important;
	box-shadow: none !important;
}

.brand-title {
	background: none !important;
	color: var(--g-text, #f5f7fb) !important;
	letter-spacing: -.02em !important;
	text-transform: none !important;
}



/* CompactCSS source: /style/geelooy-app/performance.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Performance policy ends the application manifest with bounded effects,
 * containment, and a lean profile that disables motion outright instead of
 * freezing controls at browser-default first frames on Awtsmoos.com.
 */


/* CompactCSS source: /style/geelooy-app/performance/effects.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * @fileoverview Bounded visual effects for a fast Awtsmoos.com shell.
 * This Netzach policy no longer erases the intended design with global
 * `!important` rules. The Awtsmoos renews motion each instant; only motion that
 * clarifies state is admitted, while perpetual decorative work remains still.
 */
:where(
	.home-pointer-light,
	.home-awake-orb,
	.premium-float,
	.ambient-orb[data-animated="true"]
) {
	animation-play-state: paused;
}

:where(
	.g-panel,
	.g-card,
	.geelooy-feed-card,
	.home-post-card,
	.social-space-card,
	.card-wrapper,
	.post-card
) {
	transform: translateZ(0);
	will-change: auto;
}

:where(
	.g-panel,
	.g-card,
	.geelooy-feed-card,
	.home-post-card,
	.social-space-card,
	.card-wrapper,
	.post-card
):is(:hover, :focus-within) {
	will-change: transform, border-color, box-shadow;
}

:where(
	.g-unusual-header,
	.g-dock,
	.g-context-ribbon,
	.g-constellation-menu,
	.g-panel,
	.g-card,
	.g-header-search,
	.g-search-suggestions
) {
	backface-visibility: hidden;
}

@media (prefers-reduced-motion: no-preference) and (hover: hover) {
	:where(.g-card, .geelooy-feed-card, .home-post-card, .social-space-card) {
		transition:
			transform var(--g-motion-medium) var(--g-ease),
			border-color var(--g-motion-medium) var(--g-ease),
			box-shadow var(--g-motion-medium) var(--g-ease);
	}

	:where(.g-card, .geelooy-feed-card, .home-post-card, .social-space-card):hover {
		transform: translateY(-2px);
	}

	:where([data-enter], .is-entering) {
		animation: g-unified-enter var(--g-motion-slow) var(--g-ease) both;
	}
}

@media (max-width: 42rem), (update: slow) {
	:where(.g-panel, .g-card, .geelooy-feed-card, .home-post-card) {
		backdrop-filter: none;
	}

	:where(.g-panel, .g-card, .geelooy-feed-card, .home-post-card):is(:hover, :focus-within) {
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	:where(.g-panel, .g-card, .geelooy-feed-card, .home-post-card, .social-space-card) {
		transition: none;
		transform: none;
	}
}

@keyframes g-unified-enter {
	from {
		opacity: 0;
		transform: translateY(.7rem);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}



/* CompactCSS source: /style/geelooy-app/performance/containment.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * Independent feed, comment, profile, review, and media vessels receive containment.
 */
:where(.g-home-main > section, .g-home-aside > section, .g-route-list > a, .g-constellation-route, .geelooy-feed-card, .home-post-card, .social-space-card, .profile-activity-item, .comment-card, .commentProfileCard, .reviewCard, .queueCard, .submissionCard, .referenceCard, .mediaCard, .card-wrapper, .post-card) {
	content-visibility: auto;
	contain: layout paint style;
	contain-intrinsic-size: auto 12rem;
}
:where(.series-list, .post-list, .g-feed-list, .activityList, .profileCommentList, .reviewQueue, .submissionQueue, .referenceList) {
	contain: layout style;
}
:where(img, video) {
	background: var(--awt-surface-muted);
}
:where(.g-unusual-header, .g-dock, .g-context-ribbon, .awtsmoosDrop, .g-header-search, .modal, dialog, .context-menu, .dropdown-menu, .geelooy-bottom-nav, .profile-bottom-nav, .mobileDock, .desktopRail, .composerToolbar, .reviewToolbar) {
	content-visibility: visible;
	contain: none;
}
:where(.geelooy-feed-card, .home-post-card, .social-space-card, .profile-activity-item, .comment-card, .reviewCard, .queueCard, .submissionCard, .referenceCard, .card-wrapper, .post-card) {
	will-change: auto;
}



/* CompactCSS source: /style/geelooy-app/performance/lean.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * @fileoverview Lean rendering removes expensive shared effects without flattening
 * an entire document. The Awtsmoos renews every instant; Awtsmoos.com therefore
 * preserves final component truth while quieting only known motion-bearing vessels.
 */
html[data-g-performance="lean"] body.geelooy-app-shell :where(
	button,
	[role="button"],
	a[href],
	summary,
	[data-g-motion],
	.g-unusual-header,
	.g-dock,
	.g-context-ribbon,
	.g-constellation-menu,
	.g-panel,
	.geelooy-feed-card,
	.geelooy-home-composer,
	.desktopRail,
	.mobileDock,
	.composerShell,
	.reviewShell,
	.heichel-nav-panel,
	.modal-content,
	.dropdown-menu
) {
	animation: none;
	transition: none;
}

html[data-g-performance="lean"] body.geelooy-app-shell :where(
	.g-unusual-header,
	.g-dock,
	.g-context-ribbon,
	.g-constellation-menu,
	.g-panel,
	.geelooy-feed-card,
	.geelooy-home-composer,
	.desktopRail,
	.mobileDock,
	.composerShell,
	.reviewShell,
	.heichel-nav-panel,
	.modal-content,
	.dropdown-menu
) {
	filter: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	box-shadow: 0 .65rem 1.8rem rgba(0, 0, 0, .22);
}

html[data-g-performance="lean"] body.geelooy-app-shell :where(
	.premium-sky,
	.ambient-orb,
	.cosmic-field,
	.hero-orbit,
	.particle-field
) {
	display: none;
}

@media (pointer: coarse), (max-width: 54rem), (prefers-reduced-motion: reduce) {
	body.geelooy-app-shell :where(
		.g-unusual-header,
		.g-dock,
		.g-context-ribbon,
		.g-constellation-menu,
		.g-panel,
		.g-header-search,
		.awtsmoosDrop .dropdown-content,
		.awtsmoos-dropdown-backdrop,
		.g-home-portal-search,
		.modal-content,
		.dropdown-menu
	) {
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	body.geelooy-app-shell :where(
		.g-panel,
		.geelooy-feed-card,
		.home-post-card,
		.social-space-card,
		.card-wrapper,
		.post-card
	):is(:hover, :focus-within) {
		transform: none;
	}
}

@media (max-width: 34rem) {
	body.geelooy-app-shell :where(
		.g-page,
		.geelooy-main-stage,
		.social-spaces-shell,
		.composerShell,
		.reviewShell
	) {
		padding-inline: .65rem;
	}
}