/* CompactCSS source: /heichelos/heichel/submit/style.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos lets creation remain simple at the surface while Awtsmoos.com composes focused garments for editor, controls, advanced depth, overlays, and mobile integrity. */

/* CompactCSS source: /style/social-system/index.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers one focused social system for Awtsmoos.com. Historical
 * future-surface, view-flow, and geelooy-system generations remain available to
 * explicit owners, but no longer override every live social route by default.
 */


/* CompactCSS source: /style/social-system/colors.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Social pages share the same dark Geelooy palette as the application shell.
 * This file is an alias bridge, not a competing generation: it maps historical
 * social tokens onto the canonical Awtsmoos.com foundation tokens.
 */

:root {
	color-scheme: dark;
	--g-bg: var(--awt-bg-deep, #060910);
	--g-bg-soft: var(--awt-bg-night, #090d15);
	--g-surface: var(--awt-surface, #111722);
	--g-surface-2: var(--awt-surface-soft, #171f2d);
	--g-border: var(--awt-line, rgba(255, 255, 255, .12));
	--g-border-strong: var(--awt-line-strong, rgba(255, 255, 255, .22));
	--g-text: var(--awt-ink, #f5f7fb);
	--g-text-2: var(--awt-ink-soft, #bac4d3);
	--g-muted: var(--awt-ink-soft, #bac4d3);
	--g-faint: var(--awt-ink-faint, #94a2b7);
	--g-accent: var(--awt-accent, #58c7d8);
	--g-accent-2: var(--awt-gold, #d7b36a);
	--g-danger: var(--awt-danger, #ff7894);
	--g-focus: #7ed7e5;
	--g-shadow-sm: 0 .55rem 1.5rem rgba(0, 0, 0, .22);
	--g-shadow-md: 0 1rem 2.8rem rgba(0, 0, 0, .3);
}



/* CompactCSS source: /style/social-system/spacing.css */
/* B"H */
:root {
  --g-1: .25rem;
  --g-2: .5rem;
  --g-3: .75rem;
  --g-4: 1rem;
  --g-5: 1.25rem;
  --g-6: 1.5rem;
  --g-8: 2rem;
  --g-10: 2.5rem;
  --g-radius-sm: .5rem;
  --g-radius: .75rem;
  --g-radius-lg: 1rem;
  --g-max: 1120px;
  --g-readable: 760px;
}



/* CompactCSS source: /style/social-system/typography.css */
/* B"H
 * Step 3: Typography becomes rhythm, not default text.
 * Letters breathe with responsive scale, readable measure, and clear hierarchy
 * so every dashboard, profile, mail view, and social surface feels premium.
 */
html { color-scheme: light; }

body {
  background: var(--g-bg-soft, #f8fafc);
  color: var(--g-text, #0f172a);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(1rem, .96rem + .18vw, 1.075rem);
  line-height: 1.55;
  text-rendering: optimizeLegibility;
}

:where(h1, h2, h3, h4) {
  color: var(--g-text, #0f172a);
  letter-spacing: -.035em;
  line-height: 1.08;
  margin-block: 0;
  text-wrap: balance;
}

h1 { font-size: clamp(2rem, 7vw, 4.75rem); font-weight: 850; }
h2 { font-size: clamp(1.45rem, 4vw, 2.65rem); font-weight: 800; }
h3 { font-size: clamp(1.1rem, 2vw, 1.45rem); font-weight: 760; }
h4 { font-size: 1rem; font-weight: 730; }

:where(p, li, blockquote) {
  color: var(--g-text-2, #475569);
  margin-block: 0;
  max-width: 72ch;
}

:where(small, .muted, .eyebrow) { color: var(--g-muted, #64748b); }
.eyebrow { font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
::selection { background: rgba(245,202,112,.34); color: var(--g-text, #0f172a); }



/* CompactCSS source: /style/social-system/layout.css */
/* B"H
 * Step 4a: Layout becomes a safe river.
 * Shells center, sections breathe, children shrink instead of overflowing, and
 * fixed app chrome respects the small glowing glass in every hand.
 */
body { margin: 0; }
main { min-height: 100dvh; min-width: 0; }

.geelooy-home-shell, .geelooy-profile-shell, .social-spaces-shell, .app-container {
  inline-size: min(100%, var(--g-max, 1180px));
  margin-inline: auto;
  max-width: 100%;
  min-width: 0;
  padding: clamp(1rem, 2.5vw, var(--g-5, 1.5rem));
}

.clean-home, .geelooy-profile-shell, .social-spaces-shell {
  display: grid;
  gap: clamp(1rem, 2.4vw, var(--g-5, 1.5rem));
}

:where(section, article, aside, header, footer, nav, form) {
  max-width: 100%;
  min-width: 0;
}

:where(.stack) { display: grid; gap: var(--stack-gap, 1rem); }
:where(.cluster) { align-items: center; display: flex; flex-wrap: wrap; gap: var(--cluster-gap, .75rem); }
:where(.full-bleed-safe) { margin-inline: calc(50% - 50dvw); max-width: 100dvw; padding-inline: max(1rem, env(safe-area-inset-left)); }
[hidden], .hidden { display: none !important; }



/* CompactCSS source: /style/social-system/grids.css */
/* B"H
 * Step 4b: Grids stop breaking the vessel.
 * Every column is minmax(0, 1fr), every auto grid respects 100%, and sidebars
 * collapse before they create sideways exile.
 */
.app-grid,
.g-grid { display: grid; gap: var(--g-4, 1rem); min-width: 0; }

.g-grid-2 { display: grid; gap: var(--g-4, 1rem); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.g-grid-3 { display: grid; gap: var(--g-4, 1rem); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.g-grid-auto { display: grid; gap: var(--g-4, 1rem); grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.g-dashboard-grid { display: grid; gap: var(--g-5, 1.5rem); grid-template-columns: minmax(0, 1fr); }
.g-sidebar-grid { display: grid; gap: var(--g-5, 1.5rem); grid-template-columns: minmax(0, min(300px, 32%)) minmax(0, 1fr); }
.g-three-panel-grid { display: grid; gap: var(--g-3, .75rem); grid-template-columns: minmax(0, 300px) minmax(0, 380px) minmax(0, 1fr); }
.home-quick-grid, .profile-stat-grid, .spaces-grid, .profile-about-grid { display: grid; gap: var(--g-4, 1rem); min-width: 0; }
.home-quick-grid, .profile-stat-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); }
.spaces-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.profile-about-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); }
:where(.app-grid, .g-grid, .g-grid-2, .g-grid-3, .g-grid-auto, .g-dashboard-grid, .g-sidebar-grid, .g-three-panel-grid) > * { min-width: 0; }

@media (max-width: 860px) {
  .g-grid-2, .g-grid-3, .g-sidebar-grid, .g-three-panel-grid { grid-template-columns: minmax(0, 1fr); }
}



/* CompactCSS source: /style/social-system/cards.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * Shared cards use one border, one surface, one optional shadow, and no 3D tilt.
 */
:where(.home-command-card, .home-feed-phone, .profile-hero-card, .profile-command-panel, .social-space-card, .social-empty-card, .home-route-card, .profile-about-grid article, .profile-stat-grid article, .home-post-card, .spaces-hero, .geelooy-card, .post-card, .card-wrapper) {
	position: relative;
	min-width: 0;
	overflow: clip;
	border: 1px solid var(--g-border);
	border-radius: var(--g-radius-lg);
	background: var(--awt-surface);
	box-shadow: var(--shadow-paper);
	color: var(--g-text);
	contain: layout paint style;
	transition: transform var(--motion-fast) var(--ease-snap), border-color var(--motion-fast) var(--ease-soft), box-shadow var(--motion-fast) var(--ease-soft), background-color var(--motion-fast) var(--ease-soft);
}
:where(.home-command-card, .profile-hero-card, .profile-command-panel, .home-feed-phone, .spaces-hero) {
	padding: var(--space-5);
}
:where(.home-route-card, .social-space-card, .social-empty-card, .home-post-card, .profile-about-grid article, .profile-stat-grid article, .geelooy-card, .post-card, .card-wrapper) {
	padding: var(--space-4);
}
:where(.home-post-card, .social-space-card, .profile-activity-item, .comment-card, .reviewCard, .queueCard) {
	content-visibility: auto;
	contain-intrinsic-size: auto 12rem;
}
:where(.home-command-card, .social-space-card, .home-route-card, .home-post-card, .profile-hero-card, .spaces-hero, .geelooy-card, .post-card, .card-wrapper):is(:hover, :focus-within) {
	border-color: var(--g-border-strong);
	box-shadow: var(--shadow-card);
	transform: translateY(var(--motion-hover-lift));
}
:where(.card-header, .card-title-row, .space-title-row, .panel-header) {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--space-3);
}
:where(.card-meta, .metadata-row, .space-meta-line, .provenance-row) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2);
	color: var(--g-faint);
	font-size: var(--type-small);
}
:where(.card-meta code, .metadata-row code, .space-meta-line code, .provenance-chip) {
	padding: .25rem .45rem;
	border: 1px solid var(--g-border);
	border-radius: var(--radius-pill);
	background: var(--awt-surface-soft);
	font-family: var(--font-mono);
	font-size: var(--type-caption);
}
@media (pointer: coarse) {
	:where(.home-command-card, .social-space-card, .home-route-card, .home-post-card, .profile-hero-card, .spaces-hero, .geelooy-card, .post-card, .card-wrapper):hover {
		box-shadow: var(--shadow-paper);
		transform: none;
	}
}



/* CompactCSS source: /style/social-system/buttons.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Every social action arrives in its final readable state without transparent
 * frames, jumping hover motion, undefined tokens, or browser-gray controls.
 */

:where(a, button, input[type="button"], input[type="submit"], input[type="reset"]) {
	font: inherit;
}

:where(.g-button, .p-button, .btn, .button, .premium-button, .profile-primary-action, .spaces-create, .space-actions a, .home-empty-actions a, .profile-command-rail a, .profile-inline-actions button, .profile-inline-actions a) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	min-inline-size: 44px;
	min-block-size: 46px;
	padding: .68rem .92rem;
	border: 1px solid var(--g-border-strong, rgba(255, 255, 255, .22));
	border-radius: .75rem;
	background-color: #182536;
	box-shadow: 0 .45rem 1.15rem rgba(0, 0, 0, .18);
	color: var(--g-text, #f5f7fb);
	font-weight: 800;
	line-height: 1.15;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	user-select: none;
	cursor: pointer;
	transition: none;
}

:where(.button-icon, [data-button-icon], [data-icon])::before {
	display: grid;
	inline-size: 1.4rem;
	block-size: 1.4rem;
	place-items: center;
	border-radius: .4rem;
	background: rgba(255, 255, 255, .08);
	content: attr(data-icon);
	font-size: .9em;
	flex: 0 0 auto;
}

:where(.g-button-primary, .p-button-primary, .is-primary, .button-primary, [data-variant="primary"], .premium-button.is-primary, .profile-primary-action, .spaces-create) {
	border-color: #58c7d8;
	background-color: #58c7d8;
	box-shadow: 0 .55rem 1.35rem rgba(88, 199, 216, .18);
	color: #061018;
	font-weight: 880;
}

:where(.is-danger, .button-danger, [data-variant="danger"]) {
	border-color: rgba(255, 120, 148, .48);
	background-color: rgba(255, 120, 148, .12);
	color: #ffb6c4;
}

@media (hover: hover) {
	:where(.g-button, .p-button, .btn, .button, .premium-button):hover:not(:disabled) {
		border-color: rgba(88, 199, 216, .62);
		background-color: #1d2c3e;
		color: #b9f0f6;
	}

	:where(.g-button-primary, .p-button-primary, .is-primary, .button-primary):hover:not(:disabled) {
		background-color: #73d4e1;
		color: #061018;
	}
}

:where(.g-button, .p-button, .btn, .button, .premium-button):focus-visible {
	border-color: #7ed7e5;
	box-shadow: 0 0 0 3px rgba(126, 215, 229, .18);
	outline: 3px solid #7ed7e5;
	outline-offset: 3px;
}

:where(.g-button, .p-button, .btn, .button, .premium-button):disabled,
:where(.g-button, .p-button, .btn, .button, .premium-button)[aria-disabled="true"] {
	cursor: not-allowed;
	opacity: .55;
	box-shadow: none;
}

@media (forced-colors: active) {
	:where(.g-button, .p-button, .btn, .button, .premium-button) {
		background: ButtonFace;
		border: 1px solid ButtonText;
		box-shadow: none;
		color: ButtonText;
	}
}



/* CompactCSS source: /style/social-system/forms.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Social forms render as stable dark instruments immediately.
 */

:where(.field, .form-field, [data-field]) {
	display: grid;
	gap: .5rem;
	min-inline-size: 0;
}

:where(label[for], .field-label, .form-label, .input-label, .control-label):not(.sr-only) {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	inline-size: fit-content;
	color: var(--g-text-2, #bac4d3);
	font-size: .82rem;
	font-weight: 780;
	line-height: 1.25;
}

:where(label[for], .field-label, .form-label, .input-label, .control-label):not(.sr-only)::before {
	inline-size: .44rem;
	block-size: .44rem;
	border-radius: 50%;
	background: var(--g-accent, #58c7d8);
	content: "";
	flex: 0 0 auto;
}

:where([data-required="true"], .is-required):not(.sr-only)::after {
	padding: .15rem .38rem;
	border-radius: 999px;
	background: rgba(255, 120, 148, .12);
	color: var(--g-danger, #ff7894);
	content: "Required";
	font-size: .72rem;
	font-weight: 820;
}

:where(.field-hint, .form-hint, .input-hint, [data-field-hint]) {
	margin: 0;
	color: var(--g-faint, #94a2b7);
	font-size: .82rem;
	line-height: 1.45;
}

:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]), textarea, select) {
	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: #172333;
	box-shadow: inset 0 1px rgba(255, 255, 255, .035);
	color: var(--g-text, #f5f7fb);
	font: inherit;
	font-size: max(16px, 1rem);
	line-height: 1.4;
	outline: 0;
	transition: none;
}

textarea {
	min-block-size: 8rem;
	line-height: 1.55;
	resize: vertical;
}

:where(input, textarea)::placeholder {
	color: var(--g-faint, #94a2b7);
	opacity: 1;
}

:where(input:not([type="checkbox"]):not([type="radio"]), textarea, select):focus-visible {
	border-color: var(--g-focus, #7ed7e5);
	background-color: #192738;
	box-shadow: 0 0 0 3px rgba(126, 215, 229, .16);
}

:where(input, textarea, select):user-invalid {
	border-color: var(--g-danger, #ff7894);
}

:where(input, textarea, select):disabled {
	cursor: not-allowed;
	opacity: .55;
}

:where(input[type="checkbox"], input[type="radio"]) {
	inline-size: 1.2rem;
	block-size: 1.2rem;
	margin: 0;
	accent-color: var(--g-accent, #58c7d8);
}

:where(input[type="file"]) {
	max-inline-size: 100%;
	padding: .65rem;
	border: 1px dashed var(--g-border-strong, rgba(255, 255, 255, .22));
	border-radius: .78rem;
	background: #121d2b;
	color: var(--g-text-2, #bac4d3);
}



/* CompactCSS source: /style/social-system/navigation.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * Navigation uses opaque fast surfaces, visible active geometry, and safe-area space.
 */
:where(.home-command-dock, .profile-bottom-nav, .spaces-bottom-nav, .mobile-bottom-nav, .geelooy-bottom-nav) {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .35rem;
	max-width: min(94dvw, 38rem);
	min-height: 56px;
	padding: .4rem;
	border: 1px solid var(--g-border-strong);
	border-radius: var(--radius-dock);
	background: var(--awt-surface);
	box-shadow: var(--shadow-dock);
	color: var(--g-text);
}
:where(.profile-bottom-nav, .spaces-bottom-nav, .mobile-bottom-nav, .geelooy-bottom-nav) {
	position: fixed;
	z-index: var(--z-dock);
	right: max(.5rem, env(safe-area-inset-right));
	bottom: max(.5rem, env(safe-area-inset-bottom));
	left: max(.5rem, env(safe-area-inset-left));
	margin-inline: auto;
}
:where(.home-command-dock, .profile-bottom-nav, .spaces-bottom-nav, .mobile-bottom-nav, .geelooy-bottom-nav) :where(a, button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .35rem;
	min-width: 44px;
	min-height: 44px;
	padding: .55rem .7rem;
	border: 1px solid transparent;
	border-radius: .85rem;
	background: transparent;
	box-shadow: none;
	color: var(--g-text-2);
	font-size: var(--type-small);
	font-weight: 700;
	text-decoration: none;
	transition: transform var(--motion-fast) var(--ease-snap), background-color var(--motion-fast) var(--ease-soft), color var(--motion-fast) var(--ease-soft), border-color var(--motion-fast) var(--ease-soft);
}
:where(.home-command-dock, .profile-bottom-nav, .spaces-bottom-nav, .mobile-bottom-nav, .geelooy-bottom-nav) :where(a, button):is(:hover, :focus-visible) {
	border-color: var(--g-border);
	background: var(--awt-surface-soft);
	color: var(--g-text);
	transform: translateY(var(--motion-hover-lift));
}
:where(.home-command-dock, .profile-bottom-nav, .spaces-bottom-nav, .mobile-bottom-nav, .geelooy-bottom-nav) :where([aria-current="page"], .active, .Active) {
	border-color: color-mix(in srgb, var(--g-accent) 34%, var(--g-border));
	background: color-mix(in srgb, var(--g-accent) 10%, var(--awt-surface));
	color: var(--g-accent);
	font-weight: 820;
}
:where(.nav-icon, .dock-icon, [data-nav-icon]) {
	display: grid;
	width: 1.45rem;
	height: 1.45rem;
	place-items: center;
	border-radius: .45rem;
	background: color-mix(in srgb, currentColor 9%, transparent);
	flex: 0 0 auto;
}
:where(.nav-copy, .dock-copy) {
	display: grid;
	gap: .05rem;
	text-align: start;
}
:where(.nav-copy small, .dock-copy small) {
	color: var(--g-faint);
	font-size: var(--type-caption);
	font-weight: 600;
}
@media (max-width: 34rem) {
	:where(.profile-bottom-nav, .spaces-bottom-nav, .mobile-bottom-nav, .geelooy-bottom-nav) {
		justify-content: space-around;
	}
	:where(.profile-bottom-nav, .spaces-bottom-nav, .mobile-bottom-nav, .geelooy-bottom-nav) :where(a, button) {
		flex: 1 1 0;
		padding-inline: .35rem;
	}
	:where(.nav-copy small, .dock-copy small) {
		display: none;
	}
}
@media (pointer: coarse) {
	:where(.home-command-dock, .profile-bottom-nav, .spaces-bottom-nav, .mobile-bottom-nav, .geelooy-bottom-nav) :where(a, button):hover {
		transform: none;
	}
}



/* CompactCSS source: /style/social-system/accessibility.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * Focus, hidden regions, touch targets, contrast modes, and reduced motion stay visible.
 */
:where(a, button, input, select, textarea, summary, [tabindex], [role="button"], [role="menuitem"], [role="tab"]):focus-visible {
	outline: 3px solid color-mix(in srgb, var(--g-focus) 82%, white 18%);
	outline-offset: 3px;
}
:where(.sr-only, .g-sr-only, .visually-hidden),
.home-skip-link:not(:focus):not(:focus-visible) {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}
.home-skip-link:is(:focus, :focus-visible) {
	position: fixed;
	z-index: var(--z-command);
	top: max(1rem, env(safe-area-inset-top));
	left: max(1rem, env(safe-area-inset-left));
	padding: .72rem 1rem;
	border: 1px solid var(--g-border-strong);
	border-radius: var(--radius-m);
	background: var(--awt-surface);
	box-shadow: var(--shadow-menu);
	color: var(--g-text);
}
:where([hidden], .hidden, [aria-hidden="true"]) {
	pointer-events: none;
}
:where(button, a, [role="button"], [role="menuitem"], [role="tab"]) {
	min-height: 44px;
}
:where(h1, h2, h3) {
	text-wrap: balance;
}
:where(p, li) {
	overflow-wrap: anywhere;
}
@media (forced-colors: active) {
	:where(button, .btn, .button, input, textarea, select, .card, .panel, [role="tab"]) {
		border: 1px solid CanvasText !important;
		box-shadow: none !important;
	}
	:where([aria-current="page"], [aria-selected="true"], .active, .Active) {
		outline: 2px solid Highlight !important;
	}
}
@media (prefers-contrast: more) {
	:root {
		--awt-line: rgba(23, 26, 33, .3);
		--awt-line-strong: rgba(23, 26, 33, .52);
	}
}
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}



/* CompactCSS source: /style/social-system/utilities.css */
/* B"H */
.clean-expander summary { cursor: pointer; font-weight: 650; }
.home-status-line, .profile-kicker, .spaces-kicker, .home-kicker {
  color: var(--g-muted);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.home-brand-row, .profile-identity-row, .spaces-command-row, .panel-title-row, .home-feed-header,
.space-title-row, .space-meta-line, .space-actions { align-items: center; display: flex; gap: var(--g-3); }
.home-brand-row, .panel-title-row, .home-feed-header, .space-title-row { justify-content: space-between; }



/* CompactCSS source: /style/social-system/animations.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos reserves motion for non-critical structural emphasis. Form
 * controls and buttons on Awtsmoos.com render in their final colors immediately;
 * cards may receive a restrained border change without first-frame ambiguity.
 */

:root {
	--g-ease: ease;
	--g-fast: 140ms;
}

:where(.home-route-card, .social-space-card, .thread-item, .g-card) {
	transition: border-color var(--g-fast) var(--g-ease), box-shadow var(--g-fast) var(--g-ease);
}

@media (hover: hover) {
	:where(.home-route-card, .social-space-card, .thread-item, .g-card):hover {
		border-color: rgba(88, 199, 216, .42);
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}



/* CompactCSS source: /style/social-system/desktop.css */
/* B"H
 * Second pass Step 5: Desktop receives air and clear spatial columns.
 * Wide screens should feel composed, not stretched; sticky panels obey safe top
 * rhythm and every grid column can shrink without overflow.
 */
@media (min-width: 900px) {
  .geelooy-home-shell {
    align-items: start;
    display: grid;
    gap: clamp(1.25rem, 2vw, 2rem);
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
  }

  .home-command-card, .home-quick-grid, .home-tools-strip { grid-column: 1; min-width: 0; }
  .home-feed-phone { grid-column: 2; grid-row: 1 / span 4; position: sticky; top: max(var(--g-5, 1.5rem), env(safe-area-inset-top)); }

  .geelooy-profile-shell {
    align-items: start;
    display: grid;
    gap: clamp(1.25rem, 2vw, 2rem);
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  }

  .profile-hero-card { position: sticky; top: max(var(--g-5, 1.5rem), env(safe-area-inset-top)); }
  :where(.desktop-air, .wide-surface) { max-width: min(100%, 1280px); margin-inline: auto; }
}



/* CompactCSS source: /style/social-system/mobile.css */
/* B"H
 * Second pass Step 6: Mobile becomes first-class glass.
 * Compact layouts preserve finger space, safe areas, bottom dock clearance, and
 * readable type without using 100vw traps.
 */
@media (max-width: 720px) {
  .geelooy-home-shell, .geelooy-profile-shell, .social-spaces-shell, .app-container {
    padding: max(var(--g-3, .75rem), env(safe-area-inset-top)) var(--g-3, .75rem) calc(6.25rem + env(safe-area-inset-bottom));
  }

  .home-command-dock, .profile-bottom-nav, .spaces-bottom-nav, .mobile-bottom-nav {
    inline-size: calc(100dvw - 1rem - env(safe-area-inset-left) - env(safe-area-inset-right));
    max-width: calc(100dvw - 1rem);
  }

  .home-command-dock a, .profile-bottom-nav a, .spaces-bottom-nav a, .mobile-bottom-nav a {
    flex: 1 1 0;
    justify-content: center;
    min-width: 0;
    text-align: center;
  }

  .home-search-vessel { grid-template-columns: minmax(0, 1fr); }
  h1 { font-size: clamp(1.75rem, 9vw, 2.55rem); }
  :where(.mobile-stack) { display: grid; gap: .85rem; }
  :where(.hide-on-mobile) { display: none !important; }
}



/* 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/heichelos/submit/actions.css */
/* B"H — Submit actions: buttons and button-like links only. */
.btn,
.control-btn,
.toolbar-btn,
.action-button,
.back-button-stylized,
.submit-post-btn,
button {
  min-height: var(--submit-touch);
  border: 1px solid var(--submit-line);
  border-radius: .78rem;
  padding: .72rem 1rem;
  background: rgba(255,255,255,.075);
  color: var(--submit-warm);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
}

.btn.primary,
.btn.action-btn,
.action-button,
.spaces-create {
  background: linear-gradient(135deg, var(--submit-gold), var(--submit-cyan));
  color: #03101b;
  border-color: transparent;
}

.submit-post-btn,
.action-btn {
  width: 100%;
  min-height: 3.35rem;
  background: linear-gradient(135deg, var(--submit-gold), var(--submit-cyan));
  color: #03101b;
  border-color: transparent;
}

.btn.icon-btn,
.control-btn,
.toolbar-btn {
  min-width: 2.75rem;
  padding-inline: .72rem;
}

.destructive,
.remove-section-btn:hover {
  background: #7f1d1d;
  color: #fff;
}

:is(button, .btn, .action-button, .back-button-stylized):hover {
  transform: translateY(-1px);
  box-shadow: var(--g-shadow-soft);
}

:is(button, a, input, textarea, select, .content-editor):focus-visible {
  outline: 3px solid rgba(121, 230, 255, .75);
  outline-offset: 3px;
}



/* CompactCSS source: /style/heichelos/submit/sections.css */
/* B"H — Submit sections: verse cards, segment metadata, and empty section state. */
#sectionsArea,
.sections-container,
.sub-sections-area {
  display: grid;
  gap: 1rem;
}

.sections-container:empty::before,
#sectionsArea:empty::before {
  content: "No sections yet. Generate from text or add a blank section.";
  display: block;
  padding: 1rem;
  border: 1px dashed rgba(255, 255, 255, .28);
  border-radius: 1rem;
  color: rgba(255, 250, 241, .78);
}

.section,
.sub-section {
  display: grid;
  gap: .7rem;
}

.sub-section {
  margin-left: .75rem;
}

.section-title-dynamic,
.subsection-title {
  margin: 0;
  color: var(--submit-warm);
  font-weight: 950;
}

.subsection-manager {
  margin-top: .35rem;
  padding-top: .75rem;
  border-top: 1px dashed rgba(67, 46, 24, .22);
}

.section-drag-handle {
  color: var(--submit-muted);
  font-weight: 900;
}



/* CompactCSS source: /style/heichelos/submit/forms.css */
/* B"H — Submit forms: labels, fields, selects, and textareas only. */
.meta-inputs,
.segment-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}

.segment-meta-grid {
  grid-template-columns: 1fr 1fr 1fr .7fr 1fr;
}

.input-group,
.delimiter-input-group {
  display: grid;
  gap: .38rem;
}

label,
.editor-label {
  width: fit-content;
  padding: .32rem .58rem;
  border-radius: 999px;
  background: var(--submit-chip);
  color: var(--submit-gold-light);
}

input[type="text"],
input[type="number"],
textarea,
.segment-select,
select {
  width: 100%;
  border: 1px solid var(--submit-line);
  border-radius: .95rem;
  padding: .88rem 1rem;
  background: rgba(255,255,255,.065);
  color: var(--submit-ink);
  font: inherit;
}

textarea {
  min-height: 8rem;
  resize: vertical;
}

input[disabled],
input[readonly] {
  background: rgba(255,255,255,.04);
  color: var(--submit-muted);
}



/* CompactCSS source: /style/heichelos/submit/modal.css */
/* B"H — Submit modal: image upload portal only. */
.modal,
#imageUploadModal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  place-items: center;
  padding: 1rem;
  background: rgba(5, 7, 18, .72);
  backdrop-filter: blur(12px);
}

.modal[style*="flex"],
#imageUploadModal[style*="flex"] {
  display: grid !important;
}

.modal-content,
.modal-content-stylized {
  position: relative;
  width: min(34rem, 100%);
  display: grid;
  gap: 1rem;
  border-radius: 1.25rem;
  padding: 1rem;
  background: linear-gradient(145deg, var(--submit-card), var(--submit-soft));
  color: var(--submit-ink);
  box-shadow: var(--submit-shadow);
}

.close-button-stylized {
  position: absolute;
  top: .75rem;
  right: .75rem;
}

.drop-zone,
.drop-zone-stylized {
  border: 2px dashed rgba(102, 231, 255, .35);
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
  color: var(--submit-muted);
}



/* CompactCSS source: /heichelos/heichel/submit/styles/create-foundation.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos reveals a clean page before advanced creation machinery; Awtsmoos.com keeps every foundational vessel bounded and readable. */
:root {
	--create-bg:#f5f7fa;
	--create-panel:#fff;
	--create-line:#e4e8ee;
	--create-ink:#0f172a;
	--create-muted:#64748b;
	--create-accent:#0ea5a4;
	--create-danger:#dc2626;
	--create-shadow:0 6px 20px rgba(15,23,42,.08);
}
* { box-sizing:border-box; }
html { color-scheme:light; }
body {
	margin:0;
	min-block-size:100dvh;
	padding:clamp(3.25rem,6vw,4.5rem) .75rem 6.75rem;
	overflow-x:clip;
	background:var(--create-bg);
	color:var(--create-ink);
	font:16px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.submit-page,
.main,
.post-creator-container { display:grid; gap:.9rem; inline-size:min(100%,53.75rem); min-inline-size:0; margin:0 auto; }
.compact-card,
.composer-card,
.submit-hero,
.status-card,
.simple-advanced-drawer,
.input-group,
.editor-wrapper,
.collapsible-section { min-inline-size:0; max-inline-size:100%; border:1px solid var(--create-line); border-radius:1rem; background:var(--create-panel); }
.compact-card,
.composer-card,
.submit-hero,
.status-card,
.simple-advanced-drawer,
.input-group { padding:1rem; }
.submit-hero,
.page-header { display:grid; gap:.45rem; min-inline-size:0; }
.submit-hero h1,
.page-title-glow { margin:0; overflow-wrap:anywhere; color:var(--create-ink); font-size:clamp(1.8rem,6vw,3.2rem); font-weight:750; letter-spacing:-.04em; line-height:1; }
.submit-hero p,
.page-header p,
#submitStatusMessage { margin:0; overflow-wrap:anywhere; color:var(--create-muted); }
.eyebrow,
.hero-kicker,
.editor-label,
.field-label,
label { display:block; margin:.75rem 0 .35rem; color:var(--create-muted); font-size:.78rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.target-summary { display:inline-flex; align-items:center; inline-size:fit-content; max-inline-size:100%; min-block-size:36px; padding:.45rem .7rem; overflow-wrap:anywhere; border:1px solid var(--create-line); border-radius:999px; background:#f8fafc; color:var(--create-muted); font-size:.9rem; }



/* CompactCSS source: /heichelos/heichel/submit/styles/create-controls.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives every creation control a calm rest; Awtsmoos.com reveals bright hover, tactile press, visible focus, disabled truth, and bounded mobile width. */
.text-link,
.top-controls a { color:var(--create-accent); font-weight:700; text-decoration:none; }
.text-input,
input,
textarea,
select,
.bulk-text { inline-size:100%; min-inline-size:0; min-block-size:44px; max-inline-size:100%; padding:.7rem .8rem; border:1px solid var(--create-line); border-radius:.75rem; background:#fff; color:var(--create-ink); font:inherit; }
textarea,
.bulk-text { min-block-size:8rem; resize:vertical; }
.kind-pills,
.composer-actions,
.editor-controls-bar,
.top-controls { display:flex; flex-wrap:wrap; gap:.5rem; min-inline-size:0; margin:.75rem 0; }
.kind-pill,
.soft-btn,
.btn,
.publish-button,
.editor-toolbar button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-inline-size:0;
	min-block-size:44px;
	max-inline-size:100%;
	padding:.6rem .85rem;
	border:1px solid var(--create-line);
	border-radius:999px;
	background:#fff;
	color:var(--create-ink);
	font:inherit;
	font-weight:700;
	cursor:pointer;
	transition:transform 150ms cubic-bezier(.2,.8,.2,1),background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease;
}
.kind-pill.active,
.publish-button,
.btn.primary { border-color:var(--create-ink); background:var(--create-ink); color:#fff; box-shadow:var(--create-shadow); }
@media (hover:hover) and (pointer:fine) {
	:where(.kind-pill,.soft-btn,.btn,.publish-button,.editor-toolbar button,.text-link,.top-controls a):hover { transform:translateY(-1px); filter:brightness(1.035); }
}
:where(.kind-pill,.soft-btn,.btn,.publish-button,.editor-toolbar button,.text-link,.top-controls a):active { transform:scale(.97); }
:where(.kind-pill,.soft-btn,.btn,.publish-button,.editor-toolbar button,.text-link,.top-controls a,input,textarea,select):focus-visible { outline:3px solid color-mix(in srgb,var(--create-accent),white 20%); outline-offset:2px; }
:where(button,input,textarea,select):disabled { cursor:not-allowed; opacity:.48; transform:none; }
@media (prefers-reduced-motion:reduce) {
	:where(.kind-pill,.soft-btn,.btn,.publish-button,.editor-toolbar button,.text-link,.top-controls a) { transition:none; }
}



/* CompactCSS source: /heichelos/heichel/submit/styles/create-editor.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos lets rich creation grow without widening the page; Awtsmoos.com keeps editor media, sections, and advanced depth inside one responsive column. */
.editor-wrapper { min-inline-size:0; padding:.6rem; }
.content-editor { min-inline-size:0; min-block-size:16rem; max-inline-size:100%; padding:1rem; overflow-wrap:anywhere; border:1px solid var(--create-line); border-radius:.9rem; outline:none; background:#fff; line-height:1.6; }
.content-editor:empty::before { color:#94a3b8; content:attr(data-placeholder); }
.content-editor :where(img,audio,video,iframe) { display:block; max-inline-size:100%; margin:.65rem 0; border-radius:.75rem; }
.editor-toolbar,
.editor-toolbar-container,
.toolbar-slot { display:flex; flex-wrap:wrap; gap:.4rem; min-inline-size:0; max-inline-size:100%; margin:.4rem 0; }
.simple-advanced-drawer,
.collapsible-section { min-inline-size:0; max-inline-size:100%; overflow:clip; }
.simple-advanced-drawer summary,
.collapsible-header { min-block-size:44px; max-inline-size:100%; cursor:pointer; font-weight:750; }
.sections-area,
.sub-sections-area { display:grid; gap:.7rem; min-inline-size:0; margin:.8rem 0; }
.section,
.sub-section { display:grid; gap:.55rem; min-inline-size:0; max-inline-size:100%; padding:.85rem; border:1px solid var(--create-line); border-radius:.9rem; background:#f8fafc; }
.section :where(h3,p),
.sub-section :where(h4,p) { margin:0; overflow-wrap:anywhere; }
.subsection-manager { display:grid; gap:.5rem; min-inline-size:0; }
@media (max-width:45rem) { .content-editor { min-block-size:12rem; } }



/* CompactCSS source: /heichelos/heichel/submit/styles/create-overlays.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos lets overlays appear without escaping the viewport; Awtsmoos.com makes modals internally scrollable and every close action tactile. */
.modal {
	position:fixed;
	z-index:80;
	inset:0;
	display:none;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));
	overflow:auto;
	overscroll-behavior:contain;
	background:rgba(15,23,42,.42);
}
.modal.active,
.modal[open] { display:flex; }
.modal-card { box-sizing:border-box; inline-size:min(100%,28.75rem); max-inline-size:100%; max-block-size:calc(100dvh - 2rem); padding:1rem; overflow:auto; overscroll-behavior:contain; border:1px solid var(--create-line); border-radius:1.1rem; background:#fff; box-shadow:var(--create-shadow); }
.modal-close { float:inline-end; min-block-size:44px; }
.drop-zone { max-inline-size:100%; padding:2rem 1rem; overflow-wrap:anywhere; border:1px dashed #cbd5e1; border-radius:.9rem; text-align:center; }
@media (hover:hover) and (pointer:fine) { .modal-close:hover { transform:translateY(-1px); } }
.modal-close:active { transform:scale(.96); }
.modal-close:focus-visible { outline:3px solid color-mix(in srgb,var(--create-accent),white 20%); outline-offset:2px; }



/* CompactCSS source: /heichelos/heichel/submit/styles/create-mobile.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos lets the final publish action stay near without fighting navigation; Awtsmoos.com gives mobile create chrome one bounded geometry owner and keyboard-safe spacing. */
.publish-button {
	position:fixed;
	z-index:45;
	inset-inline-end:max(.9rem,env(safe-area-inset-right));
	inset-block-end:max(.9rem,env(safe-area-inset-bottom));
	max-inline-size:calc(100vw - 1.8rem);
}
.mobile-create-nav {
	position:fixed;
	z-index:40;
	inset-inline: max(.5rem,env(safe-area-inset-left)) max(.5rem,env(safe-area-inset-right));
	inset-block-end:max(.5rem,env(safe-area-inset-bottom));
	display:none;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:.3rem;
	box-sizing:border-box;
	inline-size:auto;
	max-inline-size:none;
	padding:.35rem;
	overflow:clip;
	border:1px solid var(--create-line);
	border-radius:999px;
	background:rgba(255,255,255,.98);
	box-shadow:var(--create-shadow);
}
.mobile-create-nav a { min-inline-size:0; min-block-size:44px; padding:.65rem .45rem; overflow:hidden; border-radius:999px; color:var(--create-muted); font-size:.78rem; font-weight:750; text-align:center; text-overflow:ellipsis; text-decoration:none; white-space:nowrap; }
.mobile-create-nav .active { background:#f1f5f9; color:var(--create-ink); }
@media (hover:hover) and (pointer:fine) { .mobile-create-nav a:hover { transform:translateY(-1px); background:#f8fafc; } }
.mobile-create-nav a:active { transform:scale(.96); }
.mobile-create-nav a:focus-visible { outline:3px solid color-mix(in srgb,var(--create-accent),white 20%); outline-offset:2px; }
@media (min-width:60rem) {
	.submit-page,
	.post-creator-container { grid-template-columns:minmax(0,1fr) 17.5rem; align-items:start; }
	.submit-hero,
	.page-header,
	.composer-card,
	.main-wrapper { grid-column:1/-1; }
	.simple-advanced-drawer,
	.collapsible-section { grid-column:1; }
	.status-card,
	.top-controls { position:sticky; inset-block-start:1rem; grid-column:2; }
}
@media (max-width:45rem) {
	body { padding:3.25rem .65rem 8.25rem; }
	.mobile-create-nav { display:grid; }
	.publish-button { inset-inline:max(.65rem,env(safe-area-inset-left)) max(.65rem,env(safe-area-inset-right)); inset-block-end:calc(4.65rem + max(.65rem,env(safe-area-inset-bottom))); inline-size:auto; max-inline-size:none; }
	.composer-actions,
	.editor-controls-bar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:24rem) {
	.composer-actions,
	.editor-controls-bar { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.mobile-create-nav a { font-size:.7rem; padding-inline:.25rem; }
}
@media (prefers-reduced-motion:reduce) { .publish-button, .mobile-create-nav a { transition:none; animation:none; } }