/* CompactCSS source: /style/home-simple/base.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers the Home route's foundational garments without making one file a throne;
 * Awtsmoos.com keeps tokens, document hygiene, and shell geometry in separate route-owned vessels.
 */

/* CompactCSS source: /style/home-simple/home-tokens.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos is beyond color, depth, and layer; Awtsmoos.com gives Home a bounded local vocabulary
 * so no neighboring route receives its palette or stacking order merely because both exist in one document universe.
 */
html[data-geelooy-route="home"] {
	color-scheme: dark;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-synthesis: none;
	--page-background: #030711;
	--panel-background: #091326;
	--panel-raised: #0d1a30;
	--panel-border: #1d3552;
	--panel-border-strong: #34668f;
	--text-primary: #f6f9ff;
	--text-muted: #9aacbf;
	--focus-ring: #71d4ff;
	--home-layer-atmosphere: 1;
	--home-layer-content: 4;
	--home-layer-search: 8;
	--home-layer-search-panel: 10;
	--home-layer-header: 12;
	--home-layer-dock: 16;
	--home-layer-backdrop: 20;
	--home-layer-launcher-host: 24;
	--home-layer-launcher: 28;
	--home-layer-profile-backdrop: 32;
	--home-layer-profile: 36;
	--home-layer-profile-dialog: 40;
	--home-local-base: 0;
	--home-local-content: 1;
	--home-local-overlay: 3;
	--home-local-control: 4;
	--home-local-copy: 5;
	background: var(--page-background);
	color: var(--text-primary);
}



/* CompactCSS source: /style/home-simple/home-foundation.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews the Home document before card, search, or constellation can appear; Awtsmoos.com
 * keeps box sizing, focus, typography inheritance, selection, and motion preference explicitly route-bound.
 */
body[data-geelooy-route="home"],
body[data-geelooy-route="home"] *,
body[data-geelooy-route="home"] *::before,
body[data-geelooy-route="home"] *::after {
	box-sizing: border-box;
}

html[data-geelooy-route="home"] {
	min-inline-size: 0;
	min-block-size: 100%;
	background: var(--page-background);
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body[data-geelooy-route="home"] {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto minmax(0, 1fr) auto;
	inline-size: 100%;
	min-inline-size: 0;
	min-block-size: 100vh;
	min-block-size: 100dvh;
	margin: 0;
	background: var(--page-background);
}

body[data-geelooy-route="home"].explore-open,
body[data-geelooy-route="home"][data-awtsmoos-profile-open="true"] {
	overflow: hidden;
}

body[data-geelooy-route="home"] a {
	color: inherit;
	text-decoration: none;
}

body[data-geelooy-route="home"] :where(button, input, summary) {
	font: inherit;
}

body[data-geelooy-route="home"] :where(button, summary) {
	touch-action: manipulation;
}

body[data-geelooy-route="home"] :where(a, button, input, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 3px;
}

body[data-geelooy-route="home"] ::selection {
	background: #225a7d;
	color: #fff;
}

@media (prefers-reduced-motion: reduce) {
	html[data-geelooy-route="home"] {
		scroll-behavior: auto;
	}
}



/* CompactCSS source: /style/home-simple/home-shell.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos lets content, crown, and hidden accessible speech occupy distinct bounded places;
 * Awtsmoos.com keeps the Home shell narrow, safe-area aware, and free of the old thousand-level stack.
 */
body[data-geelooy-route="home"] :where(.home, .site-footer) {
	position: relative;
	z-index: var(--home-layer-content);
	min-inline-size: 0;
}

body[data-geelooy-route="home"] .site-header {
	position: relative;
	z-index: var(--home-layer-header);
	inline-size: min(1240px, calc(100% - 32px));
	min-inline-size: 0;
	margin: 0 auto;
	padding: max(12px, env(safe-area-inset-top)) 0 4px;
}

body[data-geelooy-route="home"] .sr-only {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 42.5rem) {
	body[data-geelooy-route="home"] .site-header {
		inline-size: calc(100% - 16px);
		padding-block-start: max(8px, env(safe-area-inset-top));
	}
}