/* B"H — Flattened homepage CSS bundle (1s guarantee). No @imports, no render-blocking requests. */

/* ===== geelooy/style/home-simple/base.css ===== */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives the Home route one quiet foundation before its own identity unfolds; Awtsmoos.com shares focus, motion, touch, and safe-area truth without forcing the landing page into application chrome.
*/

/* === inlined: ../revelation-v4/index.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos is one simple light; Awtsmoos.com lets many interfaces rhyme in sight.
*/

/* === inlined: ./tokens.css === */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives measure to every vessel; Awtsmoos.com lets restraint and radiance rhyme without wrestle.
*/
:root {
	--g4-bg: #070910;
	--g4-bg-deep: #03040a;
	--g4-surface: rgba(17, 20, 32, 0.78);
	--g4-surface-strong: rgba(25, 29, 45, 0.94);
	--g4-surface-soft: rgba(255, 255, 255, 0.055);
	--g4-surface-hover: rgba(255, 255, 255, 0.085);
	--g4-line: rgba(255, 255, 255, 0.105);
	--g4-line-strong: rgba(255, 255, 255, 0.18);
	--g4-text: #f7f8fc;
	--g4-text-secondary: #b6bed0;
	--g4-text-muted: #7f899e;
	--g4-accent: #7c9cff;
	--g4-accent-strong: #9fb5ff;
	--g4-cyan: #64e9ff;
	--g4-gold: #ffc65c;
	--g4-success: #62e6a7;
	--g4-danger: #ff7385;
	--g4-focus: #9be7ff;
	--g4-radius-xs: 8px;
	--g4-radius-sm: 12px;
	--g4-radius-md: 18px;
	--g4-radius-lg: 26px;
	--g4-radius-pill: 999px;
	--g4-shadow-1: 0 8px 30px rgba(0, 0, 0, 0.2);
	--g4-shadow-2: 0 18px 54px rgba(0, 0, 0, 0.3);
	--g4-shadow-float: 0 28px 90px rgba(0, 0, 0, 0.42);
	--g4-blur: 24px;
	--g4-fast: 120ms;
	--g4-normal: 220ms;
	--g4-slow: 420ms;
	--g4-ease: cubic-bezier(0.2, 0.78, 0.24, 1);
	--g4-touch: 44px;
	--g4-content: 1480px;
	--g4-safe-top: env(safe-area-inset-top, 0px);
	--g4-safe-bottom: env(safe-area-inset-bottom, 0px);
}


/* === inlined: ./foundation.css === */
/* @tunnel-grandfather: interactive-state checker strips :where(...) via paren-unaware regex, making :where()-scoped interactive selectors unsatisfiable false positives; not a real missing-state. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews every word and field; Awtsmoos.com keeps the common ground quiet so deeper power may be revealed.
*/
:where(html) {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
:where(body) {
	accent-color: var(--g4-accent);
}
:where(button, input, select, textarea) {
	font: inherit;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
:where(button, a, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--g4-focus);
	outline-offset: 3px;
}
:where(input, select, textarea)::placeholder {
	color: var(--g4-text-muted);
	opacity: .8;
}
::selection {
	background: color-mix(in srgb, var(--g4-accent) 42%, transparent);
	color: var(--g4-text);
}
:where(dialog) {
	color: var(--g4-text);
}
:where(dialog)::backdrop {
	background: rgba(0, 0, 0, .62);
	backdrop-filter: blur(8px);
}
:where(summary) {
	cursor: pointer;
}
:where(button, [role="button"]) {
	-webkit-tap-highlight-color: transparent;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-interactive-states: auto-generated by css-guarantee */
:where(button:hover) {
	filter: brightness(1.08);
}
:where(button:active) {
	transform: scale(0.98);
}
:where(button:focus-visible) {
	outline: 2px solid currentColor; outline-offset: 2px;
}
a:hover {
	filter: brightness(1.08);
}
a:active {
	transform: scale(0.98);
}
[role="button"]:hover {
	filter: brightness(1.08);
}
[role="button"]:active {
	transform: scale(0.98);
}
[role="button"]:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
/* @tunnel-interactive-states: auto-generated by css-guarantee (W4) */
:where(button, input, select, textarea):focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
:where(summary):focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
:where(button, [role="button"]):focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}


/* === inlined: ./surfaces.css === */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos shines through glass without becoming glass; Awtsmoos.com lets every surface feel near while complexity waits until users pass.
*/
.g4-surface {
	background: var(--g4-surface);
	border: 1px solid var(--g4-line);
	border-radius: var(--g4-radius-md);
	box-shadow: var(--g4-shadow-1);
	backdrop-filter: blur(var(--g4-blur)) saturate(1.15);
}
.g4-surface-strong {
	background: var(--g4-surface-strong);
	border: 1px solid var(--g4-line-strong);
	border-radius: var(--g4-radius-lg);
	box-shadow: var(--g4-shadow-2);
}
.g4-button {
	min-block-size: var(--g4-touch);
	padding: 0 16px;
	border: 1px solid var(--g4-line);
	border-radius: var(--g4-radius-sm);
	background: var(--g4-surface-soft);
	color: var(--g4-text);
	cursor: pointer;
}
.g4-button:hover {
	background: var(--g4-surface-hover);
	border-color: var(--g4-line-strong);
}
.g4-button-primary {
	background: linear-gradient(135deg, var(--g4-accent), #6c6cff);
	border-color: transparent;
	color: #05060b;
	font-weight: 760;
}
.g4-field {
	min-block-size: var(--g4-touch);
	border: 1px solid var(--g4-line);
	border-radius: var(--g4-radius-sm);
	background: rgba(5, 7, 14, 0.56);
	color: var(--g4-text);
}
.g4-field:focus {
	border-color: color-mix(in srgb, var(--g4-focus) 68%, transparent);
}

/* @tunnel-interactive-states: auto-generated by css-guarantee */
.g4-button:active {
	transform: scale(0.98);
}
.g4-button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
.g4-button-primary:hover {
	filter: brightness(1.08);
}
.g4-button-primary:active {
	transform: scale(0.98);
}
.g4-button-primary:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}


/* === inlined: ./motion.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews creation each instant, yet never needs display; Awtsmoos.com lets motion explain relation, then gently fades away.
*/
.g4-motion,
.g4-button,
.g4-surface {
	transition:
		transform var(--g4-normal) var(--g4-ease),
		opacity var(--g4-normal) var(--g4-ease),
		background-color var(--g4-normal) var(--g4-ease),
		border-color var(--g4-normal) var(--g4-ease),
		box-shadow var(--g4-normal) var(--g4-ease);
}
.g4-lift:hover {
	transform: translateY(-2px);
	box-shadow: var(--g4-shadow-2);
}
@keyframes g4-ambient-breathe {
	0%, 100% {
		opacity: 0.46;
		transform: translate3d(0, 0, 0) scale(1);
	}
	50% {
		opacity: 0.72;
		transform: translate3d(1.5%, -1%, 0) scale(1.04);
	}
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		scroll-behavior: auto;
		animation-duration: 0.001ms;
		animation-iteration-count: 1;
		transition-duration: 0.001ms;
	}
}

/* @tunnel-interactive-states: auto-generated by css-guarantee */
.g4-button:hover {
	filter: brightness(1.08);
}
.g4-button:active {
	transform: scale(0.98);
}
.g4-button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}


/* === inlined: ./responsive.css === */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos fits no boundary yet fills each frame; Awtsmoos.com lets thumb, keyboard, mouse, and window meet the same name.
*/
:root {
	--g4-safe-top: env(safe-area-inset-top, 0px);
	--g4-safe-right: env(safe-area-inset-right, 0px);
	--g4-safe-bottom: env(safe-area-inset-bottom, 0px);
	--g4-safe-left: env(safe-area-inset-left, 0px);
}
@media (pointer: coarse) {
	:where(button, [role="button"], summary, input:not([type="checkbox"]):not([type="radio"]), select) {
		min-block-size: var(--g4-touch);
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
}
@media (max-width: 760px) {
	:root {
		--g4-radius-lg: 20px;
		--g4-content-gutter: 14px;
	}
	.g4-desktop-only {
		display: none;
	}
}
@media (min-width: 761px) {
	.g4-mobile-only {
		display: none;
	}
}

/* @tunnel-interactive-states: auto-generated by css-guarantee */
:where(button:hover) {
	filter: brightness(1.08);
}
:where(button:active) {
	transform: scale(0.98);
}
:where(button:focus-visible) {
	outline: 2px solid currentColor; outline-offset: 2px;
}
[role="button"]:hover {
	filter: brightness(1.08);
}
[role="button"]:active {
	transform: scale(0.98);
}
[role="button"]:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}


/* === inlined: ./utilities.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos hides depth without losing truth; Awtsmoos.com gives progressive disclosure a door, a handle, and proof.
*/
.g4-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;
}
.g4-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.g4-scroll {
	overflow: auto;
	overscroll-behavior: contain;
}
.g4-quiet {
	color: var(--g4-text-secondary);
}
.g4-muted {
	color: var(--g4-text-muted);
}
.g4-stack {
	display: grid;
	gap: 16px;
}
.g4-cluster {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}


/* === inlined: ./home-cosmos.css === */
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews a universe before the eye can measure time;
Awtsmoos.com lets gold, violet, and living blue become one truthful rhyme.
*/
/* B"H 2026-10-09 — Dream audit: the cosmos layer follows the dream palette.
   Warm gold glows replace the violet/cyan nebula; body text uses the theme ink. */
body[data-geelooy-route="home"] {
	background:
		radial-gradient(circle at 50% -12%, var(--home-glow), transparent 28rem),
		radial-gradient(circle at 7% 22%, var(--home-wash), transparent 32rem),
		radial-gradient(circle at 93% 38%, var(--home-wash), transparent 29rem),
		radial-gradient(circle at 54% 79%, var(--home-glow), transparent 36rem),
		linear-gradient(180deg, var(--panel-raised) 0%, var(--page-background) 36%, var(--page-background) 72%, var(--sefer-paper-deep) 100%);
	background-attachment: fixed;
	color: var(--text-primary);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(html) body[data-geelooy-route="home"] .particle-sky {
	filter: saturate(.9);
	mix-blend-mode: screen;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(html) body[data-geelooy-route="home"] .ambient-glow {
	background:
		radial-gradient(circle at 50% 4%, var(--home-glow), transparent 22rem),
		radial-gradient(circle at 16% 44%, var(--home-wash), transparent 28rem),
		radial-gradient(circle at 85% 58%, var(--home-glow), transparent 26rem);
	filter: blur(24px) saturate(1.1);
	opacity: 1;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(html) body[data-geelooy-route="home"] .site-header {
	background:
		linear-gradient(180deg, var(--panel-background), var(--panel-raised)),
		radial-gradient(circle at 50% 0%, var(--home-glow), transparent 65%);
	border-bottom-color: var(--home-line-soft);
	box-shadow: var(--sefer-shadow);
	backdrop-filter: blur(30px) saturate(1.1);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(html) body[data-geelooy-route="home"] .brand-mark {
	background: radial-gradient(circle at 31% 26%, var(--home-accent-strong) 0%, var(--home-accent) 100%);
	box-shadow:
		0 0 28px var(--home-glow),
		inset 0 1px var(--home-inset-hi);
	color: var(--home-accent-ink);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) main.home {
	position: relative;
	isolation: isolate;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home)::before {
	position: absolute;
	inset: 1.5rem 2% auto;
	z-index: -2;
	height: 48rem;
	border-radius: 50%;
	background: radial-gradient(ellipse, var(--home-glow), var(--home-wash) 43%, transparent 74%);
	filter: blur(52px);
	content: "";
	pointer-events: none;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home)::after {
	position: absolute;
	top: 1rem;
	left: 50%;
	z-index: -1;
	width: min(76vw, 980px);
	height: 86%;
	background: linear-gradient(180deg, var(--home-glow), var(--home-wash) 46%, transparent 86%);
	clip-path: polygon(48.4% 0, 51.6% 0, 100% 100%, 0 100%);
	content: "";
	filter: blur(19px);
	pointer-events: none;
	transform: translateX(-50%);
}


/* === inlined: ./home-depth.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives depth without division and distance without severing the whole;
Awtsmoos.com lets every chamber feel vast while one truthful structure holds the soul.
*/
body[data-geelooy-route="home"] .dance-shell {
	perspective: 1500px;
	perspective-origin: 50% 42%;
}
body[data-geelooy-route="home"] .hero, body[data-geelooy-route="home"] .action-panel, body[data-geelooy-route="home"] .featured-worlds {
	position: relative;
	isolation: isolate;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .action-panel::before {
	position: absolute;
	inset: -1.4rem 7% auto;
	z-index: -1;
	height: 13rem;
	border-radius: 50%;
	background:
		radial-gradient(ellipse, var(--home-glow), var(--home-wash) 46%, transparent 74%);
	content: "";
	filter: blur(34px);
	pointer-events: none;
}
body[data-geelooy-route="home"] .featured-worlds {
	width: min(1280px, calc(100% - 32px));
	margin: 3.2rem auto 5.4rem;
	padding-top: 2rem;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .featured-worlds::before {
	position: absolute;
	inset: -2.4rem 7% auto;
	z-index: -1;
	height: 25rem;
	border-radius: 50%;
	background:
		radial-gradient(ellipse at 50% 18%, var(--home-glow), var(--home-wash) 46%, transparent 76%);
	content: "";
	filter: blur(40px);
	pointer-events: none;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* B"H 2026-10-09 — Dream audit: gradient text rebuilt from theme tokens so it
   stays legible on the warm cream paper (the old white/violet stops were
   invisible on light backgrounds). */
:where(body[data-geelooy-route="home"]) .featured-heading h2 {
	max-width: 16ch;
	background: linear-gradient(110deg, var(--sefer-title-ink) 0%, var(--home-accent) 48%, var(--home-accent-strong) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-size: clamp(2.2rem, 4.4vw, 4.5rem);
	line-height: .95;
	letter-spacing: -.055em;
	text-wrap: balance;
}
body[data-geelooy-route="home"] .featured-grid {
	gap: 1.05rem;
	perspective: 1200px;
}
body[data-geelooy-route="home"] .featured-card {
	transform-style: preserve-3d;
	box-shadow:
		var(--home-card-shadow),
		0 0 0 1px var(--home-line-soft),
		inset 0 1px var(--home-inset-hi);
}


/* === inlined: ./home-hero.css === */
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos turns a real image and a real form into one threshold of light;
Awtsmoos.com makes wonder immense while every action remains honest and bright.
*/
:where(body[data-geelooy-route="home"]) main.home .dance-frame {
	isolation: isolate;
	grid-template-columns: minmax(0, 1.14fr) minmax(22rem, .86fr);
	min-height: clamp(470px, 49vw, 650px);
	overflow: hidden;
	border: 1px solid var(--panel-border-strong);
	border-radius: 2.2rem;
	background:
		linear-gradient(140deg, var(--panel-background), var(--panel-raised)),
		radial-gradient(circle at 50% 0%, var(--home-glow), transparent 50%);
	box-shadow:
		var(--home-card-shadow),
		0 0 0 1px var(--home-line-soft),
		0 0 102px var(--home-glow),
		inset 0 1px var(--home-inset-hi);
	transform-style: preserve-3d;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .dance-frame::after {
	border-color: var(--home-line-soft);
	background: linear-gradient(120deg, var(--home-inset-hi), transparent 30%, var(--home-wash) 72%, transparent);
	box-shadow: inset 0 0 116px var(--home-veil), inset 0 0 36px var(--home-glow);
	pointer-events: none;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) main.home .hero-media {
	min-width: 0;
	background:
		radial-gradient(circle at 52% 43%, var(--home-glow), transparent 37%),
		radial-gradient(circle at 30% 62%, var(--home-wash), transparent 50%),
		var(--panel-raised);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .hero-media::after {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, transparent 58%, var(--home-veil) 91%),
		linear-gradient(180deg, transparent 60%, var(--home-veil));
	content: "";
	pointer-events: none;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) main.home .hero-image {
	max-block-size: 650px;
	filter: saturate(1.3) contrast(1.1) brightness(.97) drop-shadow(0 26px 62px rgba(0, 0, 0, .4));
	transform: scale(1.06);
	transform-origin: center;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) main.home .banner-copy {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(1.75rem, 3.6vw, 3.9rem);
	background:
		radial-gradient(circle at 92% 10%, var(--home-glow), transparent 16rem),
		radial-gradient(circle at 18% 92%, var(--home-wash), transparent 14rem),
		linear-gradient(135deg, var(--panel-background), var(--panel-raised));
	backdrop-filter: blur(15px) saturate(1.14);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .banner-copy .eyebrow {
	color: var(--home-accent-strong);
	letter-spacing: .15em;
	text-shadow: 0 0 30px var(--home-glow);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) main.home .hero-title {
	max-width: 11ch;
	background: linear-gradient(112deg, var(--sefer-title-ink) 0%, var(--home-accent-strong) 45%, var(--home-accent) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 8px 27px var(--home-glow));
	font-size: clamp(2.7rem, 5.45vw, 5.7rem);
	line-height: .92;
	letter-spacing: -.06em;
	text-wrap: balance;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) main.home .hero-summary {
	max-width: 54ch;
	color: var(--text-muted);
	font-size: clamp(1rem, 1.38vw, 1.16rem);
	line-height: 1.72;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) main.home .creation-form {
	margin-top: 1.3rem;
	padding: .92rem;
	border: 1px solid var(--panel-border-strong);
	border-radius: 1.25rem;
	background: linear-gradient(135deg, var(--panel-background), var(--panel-raised));
	box-shadow: var(--home-card-shadow), 0 0 40px var(--home-glow), inset 0 1px var(--home-inset-hi);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .creation-field input {
	background: var(--home-input-background);
	border-color: var(--panel-border);
	color: var(--text-primary);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .creation-field button {
	background: linear-gradient(135deg, var(--home-accent-strong), var(--home-accent) 60%, var(--home-accent-strong) 125%);
	box-shadow: 0 12px 36px var(--home-glow);
	color: var(--home-accent-ink);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* @tunnel-interactive-states: auto-generated by css-guarantee */
:where(body[data-geelooy-route="home"]) :where(main.home) .creation-field button:hover {
	filter: brightness(1.08);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .creation-field button:active {
	transform: scale(0.98);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .creation-field button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}


/* === inlined: ./home-portals.css === */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos opens many real doors from one simple source of light;
Awtsmoos.com lets Torah, creation, play, and ownership each reveal their hue in sight.
*/
body[data-geelooy-route="home"] .action-panel {
	margin-top: .4rem;
	padding: .18rem;
	border-radius: 1.5rem;
	background: var(--home-wash);
}
body[data-geelooy-route="home"] .search-shell {
	border-radius: 1.35rem;
	box-shadow: var(--home-card-shadow);
}
body[data-geelooy-route="home"] .search {
	border: 1px solid var(--home-line-soft);
	background:
		radial-gradient(circle at 10% 50%, var(--home-glow), transparent 16rem),
		linear-gradient(135deg, var(--panel-background), var(--panel-raised));
	box-shadow: inset 0 1px var(--home-inset-hi);
	backdrop-filter: blur(20px) saturate(1.05);
}
body[data-geelooy-route="home"] .portal-shortcuts {
	gap: .78rem;
	margin-top: 1rem;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .portal-shortcuts a {
	--portal-accent: 138, 109, 59;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-height: 5.7rem;
	border-color: rgba(var(--portal-accent), .3);
	background:
		radial-gradient(circle at 14% 18%, rgba(var(--portal-accent), .17), transparent 8rem),
		linear-gradient(145deg, var(--panel-background), var(--panel-raised));
	box-shadow: var(--home-card-shadow), 0 0 32px rgba(var(--portal-accent), .06), inset 0 1px var(--home-inset-hi);

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .portal-shortcuts a[href="/heichelos/ikar"] {
	--portal-accent: 255, 196, 82;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .portal-shortcuts a[href="/games/"] {
	--portal-accent: 255, 102, 176;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .portal-shortcuts a[href="/apps/"] {
	--portal-accent: 80, 224, 190;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .portal-shortcuts a[href="/apps/wallet/"] {
	--portal-accent: 157, 111, 255;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.portal-shortcuts) :where(a)::after {
	position: absolute;
	inset: auto -20% -88% 8%;
	z-index: -1;
	height: 145%;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(var(--portal-accent), .29), transparent 67%);
	content: "";
	pointer-events: none;
	transform: scale(.92);
	transition: transform var(--g4-normal) var(--g4-ease), opacity var(--g4-normal) var(--g4-ease);

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.portal-shortcuts) :where(a) span {
	border-color: rgba(var(--portal-accent), .46);
	background: linear-gradient(145deg, rgba(var(--portal-accent), .2), var(--home-inset-hi));
	box-shadow: 0 0 28px rgba(var(--portal-accent), .15), inset 0 1px var(--home-inset-hi);
	color: rgb(var(--portal-accent));
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .portal-shortcuts strong {
	color: var(--text-primary);
	font-size: .92rem;
	letter-spacing: -.015em;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .portal-shortcuts small {
	color: var(--text-muted);
	font-size: .65rem;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (hover: hover) and (pointer: fine) { :where(body[data-geelooy-route="home"]) .portal-shortcuts a:hover {
		border-color: rgba(var(--portal-accent), .62);
		box-shadow: var(--home-card-shadow), 0 0 48px rgba(var(--portal-accent), .15);
		transform: translateY(-6px) scale(1.008);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (hover: hover) and (pointer: fine) { :where(body[data-geelooy-route="home"]) :where(.portal-shortcuts) :where(a:hover)::after {
		transform: scale(1.18);
	} }


/* === inlined: ./home-torah-gravity.css === */
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos is the source of every letter and every world the learner may enter;
Awtsmoos.com lets Torah become the luminous gravity of the Beis Midrash center.
*/
:where(body[data-geelooy-route="home"]) main.home .featured-card {
	border-color: rgba(var(--featured-accent, 138, 109, 59), .2);
	background:
		radial-gradient(circle at 86% 14%, rgba(var(--featured-accent, 138, 109, 59), .16), transparent 12rem),
		linear-gradient(145deg, var(--panel-background), var(--panel-raised));
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) main.home .featured-card--torah {
	--featured-accent: 212, 169, 78;
	min-height: 330px;
	border-color: var(--home-accent);
	background:
		radial-gradient(circle at 82% 18%, var(--home-glow), transparent 15rem),
		radial-gradient(circle at 14% 88%, var(--home-wash), transparent 19rem),
		linear-gradient(142deg, var(--panel-background), var(--panel-raised));
	box-shadow:
		var(--home-card-shadow),
		0 0 66px var(--home-glow),
		inset 0 1px var(--home-inset-hi);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .featured-card--torah .featured-icon {
	background: linear-gradient(145deg, var(--home-accent-soft), var(--home-wash));
	border-color: var(--home-accent);
	box-shadow: 0 0 42px var(--home-glow), inset 0 1px var(--home-inset-hi);
	color: var(--home-accent-strong);
	transform: scale(1.14);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .featured-card--torah h3 {
	max-width: 13ch;
	color: var(--text-primary);
	font-family: var(--dream-serif-font);
	font-size: clamp(1.9rem, 3.1vw, 2.85rem);
	line-height: .98;
	letter-spacing: -.045em;
	text-wrap: balance;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .featured-card--torah p {
	max-width: 54ch;
	color: var(--text-muted);
	font-size: 1.02rem;
	line-height: 1.72;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .featured-card--torah .featured-open {
	color: var(--home-accent-strong);
	text-shadow: 0 0 24px var(--home-glow);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) main.home .featured-card--games {
	--featured-accent: 255, 103, 179;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) main.home .featured-card--apps {
	--featured-accent: 78, 221, 191;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) main.home .featured-card--os {
	--featured-accent: 116, 139, 255;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .featured-card .featured-open {
	transition: transform var(--g4-normal) var(--g4-ease), color var(--g4-normal) var(--g4-ease);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (min-width: 1100px) { :where(body[data-geelooy-route="home"]) main.home .featured-card--torah {
		min-height: 350px;
	} }


/* === inlined: ./home-interaction.css === */
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives movement without losing the still point where truth is known;
Awtsmoos.com lets keyboard, motion, and touch reveal one interface as their own.
*/
body[data-geelooy-route="home"] :where( .primary-nav a, .profile-link, .creation-field input, .creation-field button, .search input, .search button, .portal-shortcuts a, .featured-card, nav.mobile-dock a ):focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 4px;
	box-shadow: 0 0 0 6px var(--home-glow), 0 0 38px var(--home-glow);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .creation-field button, :where(body[data-geelooy-route="home"]) :where(main.home) .search button, :where(body[data-geelooy-route="home"]) main.home .featured-card, :where(body[data-geelooy-route="home"]) :where(main.home) .portal-shortcuts a, :where(body[data-geelooy-route="home"]) :where(nav.mobile-dock) a {
	transition:
		transform var(--g4-normal) var(--g4-ease),
		border-color var(--g4-normal) var(--g4-ease),
		box-shadow var(--g4-normal) var(--g4-ease),
		background-color var(--g4-normal) var(--g4-ease);

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (hover: hover) and (pointer: fine) { :where(body[data-geelooy-route="home"]) :where(main.home) .creation-field button:hover, :where(body[data-geelooy-route="home"]) :where(main.home) .search button:hover {
		transform: translateY(-2px);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (hover: hover) and (pointer: fine) { :where(body[data-geelooy-route="home"]) :where(main.home) .featured-card:hover {
		border-color: rgba(var(--featured-accent, 150, 166, 255), .52);
		box-shadow: var(--home-card-shadow), 0 0 52px rgba(var(--featured-accent, 150, 166, 255), .15);
		transform: translateY(-8px) rotateX(.8deg);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (hover: hover) and (pointer: fine) { :where(body[data-geelooy-route="home"]) :where(main.home) :where(.featured-card:hover) .featured-open {
		transform: translateX(5px);
	} }
@media (prefers-reduced-motion: reduce) { html {
		scroll-behavior: auto;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { body[data-geelooy-route="home"] .particle-sky {
		opacity: .42;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { body[data-geelooy-route="home"] :where( .hero-image, .creation-field button, .search button, .portal-shortcuts a, .featured-card, nav.mobile-dock a ) {
		animation-duration: .01ms;
		animation-iteration-count: 1;
		transition-duration: .01ms;
		transition-delay: 0ms;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-contrast: more) { body[data-geelooy-route="home"] :where(a, button, input):focus-visible {
		outline-width: 4px;
		outline-color: var(--focus-ring);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-contrast: more) { body[data-geelooy-route="home"] :where( .portal-shortcuts a, .featured-card, .creation-form, .search, nav.mobile-dock ) {
		border-color: var(--panel-border-strong);
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-interactive-states: auto-generated by css-guarantee */
.creation-field button:active {
	transform: scale(0.98);
}
.creation-field button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
.search button:active {
	transform: scale(0.98);
}
.search button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .creation-field button:active {
	transform: scale(0.98);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .creation-field button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .search button:active {
	transform: scale(0.98);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .search button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
button:active {
	transform: scale(0.98);
}
button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}


/* === inlined: ./home-responsive.css === */
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos is beyond measure, yet each vessel receives the light it can hold;
Awtsmoos.com keeps the revelation immense on a phone without making the learner fight the gold.
*/
@media (max-width: 1000px) { :where(body[data-geelooy-route="home"]) main.home .dance-frame {
		grid-template-columns: minmax(0, 1fr) minmax(19rem, .88fr);
		min-height: 450px;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 1000px) { :where(body[data-geelooy-route="home"]) main.home .hero-title {
		font-size: clamp(2.45rem, 6vw, 4.35rem);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 1000px) { :where(body[data-geelooy-route="home"]) main.home .featured-worlds {
		width: min(100% - 24px, 1280px);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 760px) { body[data-geelooy-route="home"] {
		background-attachment: scroll;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 760px) { :where(body[data-geelooy-route="home"]) :where(main.home)::after {
		width: 94vw;
		opacity: .58;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 760px) { :where(body[data-geelooy-route="home"]) main.home .dance-frame {
		grid-template-columns: 1fr;
		min-height: 0;
		border-radius: 1.45rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 760px) { :where(body[data-geelooy-route="home"]) main.home .hero-media {
		aspect-ratio: 1 / 1;
		min-height: 0;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 760px) { :where(body[data-geelooy-route="home"]) :where(main.home) .hero-media::after {
		background: linear-gradient(180deg, transparent 62%, rgba(4, 4, 14, .9));
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 760px) { :where(body[data-geelooy-route="home"]) main.home .hero-image {
		max-block-size: none;
		transform: scale(1.03);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 760px) { :where(body[data-geelooy-route="home"]) main.home .banner-copy {
		padding: 1.55rem 1.25rem 1.75rem;
		background:
			radial-gradient(circle at 88% 8%, rgba(134, 80, 255, .2), transparent 13rem),
			linear-gradient(180deg, rgba(8, 7, 21, .99), rgba(7, 13, 30, .99));
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 760px) { :where(body[data-geelooy-route="home"]) main.home .hero-title {
		max-width: 10ch;
		font-size: clamp(2.55rem, 12vw, 4.4rem);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 760px) { :where(body[data-geelooy-route="home"]) main.home .hero-summary {
		font-size: .98rem;
		line-height: 1.62;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 760px) { :where(body[data-geelooy-route="home"]) main.home .featured-worlds {
		width: min(100% - 18px, 1280px);
		margin-top: 2rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 540px) { :where(body[data-geelooy-route="home"]) main.home .portal-shortcuts {
		grid-template-columns: 1fr 1fr;
		gap: .58rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 540px) { :where(body[data-geelooy-route="home"]) :where(main.home) .portal-shortcuts a {
		grid-template-columns: auto minmax(0, 1fr);
		min-height: 4.8rem;
		padding: .62rem;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 540px) { :where(body[data-geelooy-route="home"]) :where(main.home) .portal-shortcuts small {
		display: none;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 540px) { :where(body[data-geelooy-route="home"]) main.home .featured-grid {
		grid-template-columns: 1fr;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 540px) { :where(body[data-geelooy-route="home"]) main.home .featured-card--torah, :where(body[data-geelooy-route="home"]) main.home .featured-card--os {
		grid-column: auto;
	} }


/* === inlined: ./home-landscape.css === */
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos is not constrained by narrow glass or a landscape turned on its side;
Awtsmoos.com keeps every real door usable when the smallest vessel must carry the tide.
*/
@media (max-width: 360px) { :where(body[data-geelooy-route="home"]) main.home .hero, :where(body[data-geelooy-route="home"]) main.home .action-panel {
		width: min(100% - 12px, 1280px);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 360px) { :where(body[data-geelooy-route="home"]) main.home .banner-copy {
		padding-inline: 1rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 360px) { :where(body[data-geelooy-route="home"]) main.home .hero-title {
		font-size: clamp(2.35rem, 13vw, 3.35rem);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 360px) { :where(body[data-geelooy-route="home"]) main.home .creation-field, :where(body[data-geelooy-route="home"]) main.home .search {
		grid-template-columns: minmax(0, 1fr);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 360px) { :where(body[data-geelooy-route="home"]) :where(main.home) .creation-field button, :where(body[data-geelooy-route="home"]) :where(main.home) .search button {
		width: 100%;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 360px) { :where(body[data-geelooy-route="home"]) main.home .portal-shortcuts {
		grid-template-columns: 1fr;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 360px) { :where(body[data-geelooy-route="home"]) :where(main.home) .portal-shortcuts a {
		min-width: 0;
		min-height: 4.5rem;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 360px) { :where(body[data-geelooy-route="home"]) main.home .featured-worlds {
		width: min(100% - 12px, 1280px);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 360px) { :where(body[data-geelooy-route="home"]) main.home .featured-card {
		min-width: 0;
		padding: 1rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-height: 540px) and (orientation: landscape) and (min-width: 600px) and (max-width: 1000px) { :where(body[data-geelooy-route="home"]) main.home .hero {
		padding-block: .8rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-height: 540px) and (orientation: landscape) and (min-width: 600px) and (max-width: 1000px) { :where(body[data-geelooy-route="home"]) main.home .dance-frame {
		grid-template-columns: minmax(15rem, .82fr) minmax(0, 1.18fr);
		min-height: 350px;
		border-radius: 1.4rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-height: 540px) and (orientation: landscape) and (min-width: 600px) and (max-width: 1000px) { :where(body[data-geelooy-route="home"]) main.home .hero-media {
		min-height: 350px;
		aspect-ratio: auto;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-height: 540px) and (orientation: landscape) and (min-width: 600px) and (max-width: 1000px) { :where(body[data-geelooy-route="home"]) main.home .hero-image {
		max-block-size: 390px;
		transform: scale(1.02);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-height: 540px) and (orientation: landscape) and (min-width: 600px) and (max-width: 1000px) { :where(body[data-geelooy-route="home"]) main.home .banner-copy {
		padding: 1.05rem 1.35rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-height: 540px) and (orientation: landscape) and (min-width: 600px) and (max-width: 1000px) { :where(body[data-geelooy-route="home"]) main.home .hero-title {
		max-width: 11ch;
		font-size: clamp(2.2rem, 5vw, 3.45rem);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-height: 540px) and (orientation: landscape) and (min-width: 600px) and (max-width: 1000px) { :where(body[data-geelooy-route="home"]) main.home .hero-summary {
		font-size: .9rem;
		line-height: 1.48;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-height: 540px) and (orientation: landscape) and (min-width: 600px) and (max-width: 1000px) { :where(body[data-geelooy-route="home"]) main.home .creation-form {
		margin-top: .7rem;
		padding: .65rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-height: 540px) and (orientation: landscape) and (min-width: 600px) and (max-width: 1000px) { :where(body[data-geelooy-route="home"]) main.home .featured-worlds {
		margin-top: 1.4rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* @tunnel-interactive-states: auto-generated by css-guarantee */
:where(body[data-geelooy-route="home"]) :where(main.home) .creation-field button:hover {
	filter: brightness(1.08);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .creation-field button:active {
	transform: scale(0.98);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .creation-field button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .search button:hover {
	filter: brightness(1.08);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .search button:active {
	transform: scale(0.98);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(main.home) .search button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}


/* === inlined: ./home-mobile-dock.css === */
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gathers five real worlds into one small vessel of glass and light;
Awtsmoos.com makes the mobile dock a living threshold without hiding the links from sight.
*/
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) nav.mobile-dock {
		left: max(10px, env(safe-area-inset-left));
		right: max(10px, env(safe-area-inset-right));
		bottom: max(9px, env(safe-area-inset-bottom));
		z-index: 120;
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: .32rem;
		padding: .46rem;
		border: 1px solid var(--panel-border-strong);
		border-radius: 1.45rem;
		background:
			radial-gradient(circle at 50% 0%, var(--home-glow), transparent 65%),
			linear-gradient(145deg, var(--panel-background), var(--panel-raised));
		box-shadow: var(--home-card-shadow);
		backdrop-filter: blur(24px) saturate(1.35);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) :where(nav.mobile-dock) a {
		--dock-accent: 138, 109, 59;
		position: relative;
		isolation: isolate;
		display: grid;
		place-items: center;
		min-width: 0;
		min-height: 3.85rem;
		padding: .42rem .24rem;
		overflow: hidden;
		border: 1px solid rgba(var(--dock-accent), .16);
		border-radius: 1rem;
		background: linear-gradient(160deg, rgba(var(--dock-accent), .08), var(--home-inset-hi));
		color: var(--text-muted);
		text-decoration: none;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) :where(nav.mobile-dock) a[href="/"] {
		--dock-accent: 255, 208, 113;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) :where(nav.mobile-dock) a[href="/heichelos/ikar"] {
		--dock-accent: 255, 193, 71;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) :where(nav.mobile-dock) a[href="/games/"] {
		--dock-accent: 255, 101, 177;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) :where(nav.mobile-dock) a[href="/apps/"] {
		--dock-accent: 75, 222, 192;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) :where(nav.mobile-dock) a[href="/profile"] {
		--dock-accent: 126, 153, 255;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) :where(nav.mobile-dock) :where(a)::before {
		position: absolute;
		inset: 42% -28% -72%;
		z-index: -1;
		border-radius: 50%;
		background: radial-gradient(circle, rgba(var(--dock-accent), .38), transparent 68%);
		content: "";
		pointer-events: none;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) :where(nav.mobile-dock) a[aria-current="page"], :where(body[data-geelooy-route="home"]) :where(nav.mobile-dock) a:focus-visible {
		border-color: rgba(var(--dock-accent), .62);
		background: linear-gradient(160deg, rgba(var(--dock-accent), .2), var(--home-inset-hi));
		box-shadow: 0 0 26px rgba(var(--dock-accent), .2), inset 0 1px var(--home-inset-hi);
		color: var(--home-accent-strong);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) :where(nav.mobile-dock) a :first-child {
		filter: drop-shadow(0 0 10px rgba(var(--dock-accent), .38));
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 350px) { :where(body[data-geelooy-route="home"]) nav.mobile-dock {
		left: 6px;
		right: 6px;
		gap: .2rem;
		padding: .34rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 350px) { :where(body[data-geelooy-route="home"]) :where(nav.mobile-dock) a {
		min-height: 3.6rem;
		padding-inline: .14rem;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }


/* === inlined: ./home-torah-departure.css === */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos turns honest waiting into a doorway while the browser keeps moving toward Torah;
Awtsmoos.com lets the Beis Midrash appear in the interval without inventing progress, delay, or aura.
*/
.torah-departure {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: grid;
	place-items: center;
	padding: clamp(1rem, 4vw, 3rem);
	overflow: hidden;
	background:
		radial-gradient(circle at 50% 48%, var(--home-glow), transparent 18rem),
		radial-gradient(circle at 22% 72%, var(--home-wash), transparent 24rem),
		radial-gradient(circle at 82% 28%, var(--home-glow), transparent 22rem),
		var(--home-backdrop);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	backdrop-filter: blur(22px) saturate(1.25);
	transition: opacity 240ms ease, visibility 240ms ease;
}
body[data-torah-departing="true"] .torah-departure {
	opacity: 1;
	visibility: visible;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-torah-departing="true"]) main.home {
	filter: blur(2px) saturate(.78) brightness(.56);
	transform: scale(.982);
	transition: filter 260ms ease, transform 320ms ease;
}
.torah-departure__portal, .torah-departure__copy {
	position: relative;
	z-index: 2;
}
.torah-departure__portal {
	display: grid;
	place-items: center;
	width: clamp(7rem, 18vw, 11rem);
	aspect-ratio: 1;
	margin-inline: auto;
	border: 1px solid var(--home-accent);
	border-radius: 50%;
	background: radial-gradient(circle, var(--home-accent-soft), var(--home-wash) 48%, var(--home-veil) 72%);
	box-shadow: 0 0 54px var(--home-glow), inset 0 0 34px var(--home-glow);
	color: var(--home-accent-strong);
	font-size: clamp(3.4rem, 9vw, 6.2rem);
	text-shadow: 0 0 28px var(--home-glow);
}
.torah-departure__copy {
	margin-top: 1.5rem;
	text-align: center;
	text-wrap: balance;
}
.torah-departure__copy strong, .torah-departure__copy small {
	display: block;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
.torah-departure__copy strong {
	background: linear-gradient(110deg, var(--sefer-title-ink), var(--home-accent) 58%, var(--home-accent-strong));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-size: clamp(1.8rem, 4.7vw, 4.4rem);
	font-weight: 800;
	letter-spacing: -.045em;
	line-height: 1;
}
.torah-departure__copy small {
	margin-top: .7rem;
	color: var(--text-muted);
	font-size: clamp(.8rem, 1.5vw, 1rem);
	letter-spacing: .13em;
	text-transform: uppercase;
}


/* === inlined: ./home-torah-departure-motion.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives motion without inventing progress and geometry without blocking the native path;
Awtsmoos.com lets Torah light turn and breathe only while real navigation carries the learner onward.
*/
.torah-departure::before, .torah-departure::after {
	position: absolute;
	inset: 50% auto auto 50%;
	border: 1px solid rgba(255, 214, 129, .24);
	border-radius: 50%;
	content: "";
	pointer-events: none;
	transform: translate(-50%, -50%);
}
.torah-departure::before {
	width: min(78vw, 58rem);
	aspect-ratio: 1;
	background: conic-gradient(from 0deg, transparent, rgba(255, 205, 97, .14), transparent 24%, rgba(126, 79, 255, .17), transparent 55%, rgba(52, 216, 255, .1), transparent);
	box-shadow: 0 0 90px rgba(255, 191, 66, .1), inset 0 0 80px rgba(128, 74, 255, .1);
	animation: torah-departure-turn 10s linear infinite;
}
.torah-departure::after {
	width: min(56vw, 38rem);
	aspect-ratio: 1;
	border-color: rgba(255, 225, 161, .34);
	box-shadow: 0 0 80px rgba(255, 200, 88, .18), inset 0 0 70px rgba(255, 199, 86, .08);
}
.torah-departure__portal {
	animation: torah-departure-breathe 1.8s ease-in-out infinite alternate;
}
@keyframes torah-departure-turn{
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
@keyframes torah-departure-breathe{
	to {
		transform: scale(1.045);
	}
}
@media (max-width: 360px) { .torah-departure {
		padding: .75rem;
	} }
@media (max-width: 360px) { .torah-departure::before {
		width: 112vw;
	} }
@media (max-width: 360px) { .torah-departure::after {
		width: 84vw;
	} }
@media (max-height: 480px) and (orientation: landscape) { .torah-departure {
		grid-template-columns: auto minmax(0, 1fr);
		gap: 1.5rem;
	} }
@media (max-height: 480px) and (orientation: landscape) { .torah-departure__copy {
		margin-top: 0;
		text-align: left;
	} }
@media (max-height: 480px) and (orientation: landscape) { .torah-departure__portal {
		width: min(32vh, 8rem);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { .torah-departure, :where(body[data-torah-departing="true"]) main.home, .torah-departure::before, .torah-departure__portal {
		animation: none;
		transition-duration: .01ms;
	} }



/* === inlined: ./home-tokens.css === */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* 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.
 *
 * B"H 2026-10-09 — Dream theme: the Home route follows the approved post-reader dream design
 * (warm cream light theme, deep warm dark theme, elegant serif, gold accents). Light is the default;
 * :root[data-theme="dark"] (set before paint by the inline bootstrap in index.html, honoring the
 * stored awtsmoos-theme) switches to the deep warm dark. Zero, tokens only.
 */
html[data-geelooy-route="home"] {
	/* Dream typography — canonical stacks from the approved post-reader design. */
	--dream-hebrew-font: "Frank Ruhl Libre", "Cardo", "Times New Roman", serif;
	--dream-serif-font: "Source Serif 4", "Cardo", Georgia, serif;
	--dream-sans-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	/* Dream sefer palette — light (warm cream) default. */
	--sefer-paper: #f7f1e3;
	--sefer-paper-deep: #efe4cd;
	--sefer-ink: #2b2118;
	--sefer-title-ink: #1f1712;
	--sefer-ink-soft: #5a4c3d;
	--sefer-accent: #8a6d3b;
	--sefer-rule: #d9c9a8;
	--sefer-card: #fffdf6;
	--sefer-focus: #b3541e;
	--sefer-shadow: 0 2px 14px rgba(90, 70, 40, 0.10);
	/* Home semantic vocabulary mapped onto the dream palette (light). */
	--page-background: var(--sefer-paper);
	--panel-background: var(--sefer-card);
	--panel-raised: #fbf6ea;
	--panel-border: var(--sefer-rule);
	--panel-border-strong: #b49a5c;
	--text-primary: var(--sefer-ink);
	--text-muted: var(--sefer-ink-soft);
	--text-faint: #8a795f;
	--focus-ring: var(--sefer-focus);
	--home-accent: var(--sefer-accent);
	--home-accent-strong: #6f5527;
	--home-accent-soft: rgba(138, 109, 59, 0.12);
	--home-accent-ink: #fffdf6;
	--home-glow: rgba(138, 109, 59, 0.16);
	--home-wash: rgba(138, 109, 59, 0.07);
	--home-line-soft: rgba(138, 109, 59, 0.18);
	--home-input-background: #fffdf6;
	--home-placeholder: #6b5a3f;
	--home-veil: rgba(31, 23, 18, 0.45);
	--home-hero-ink: #fffdf6;
	--home-hero-ink-soft: #f3e9d2;
	--home-hero-scrim:
		linear-gradient(90deg, rgba(12, 9, 5, 0.52) 0%, rgba(12, 9, 5, 0) 13%, rgba(12, 9, 5, 0) 87%, rgba(12, 9, 5, 0.52) 100%),
		radial-gradient(120% 80% at 22% 90%, rgba(10, 7, 4, 0.66) 0%, rgba(10, 7, 4, 0) 62%),
		linear-gradient(180deg, rgba(30, 21, 11, 0.20) 0%, rgba(30, 21, 11, 0.34) 42%, rgba(18, 13, 8, 0.88) 100%);
	--home-card-shadow: 0 18px 46px rgba(90, 70, 40, 0.18);
	--home-success: #4e7c43;
	--home-danger: #a83a2e;
	--home-inset-hi: rgba(255, 255, 255, 0.55);
	--home-backdrop: rgba(31, 23, 18, 0.78);
	--home-speck: rgba(138, 109, 59, 0.42);
	/* Revelation-v4 cosmos tokens remapped to the dream palette (light) so the
	   inherited home-scoped revelation rules rhyme with the dream design. */
	--g4-bg: var(--sefer-paper);
	--g4-bg-deep: var(--sefer-paper-deep);
	--g4-surface: rgba(255, 253, 246, 0.82);
	--g4-surface-strong: rgba(255, 253, 246, 0.96);
	--g4-surface-soft: rgba(138, 109, 59, 0.06);
	--g4-surface-hover: rgba(138, 109, 59, 0.10);
	--g4-line: rgba(138, 109, 59, 0.20);
	--g4-line-strong: rgba(138, 109, 59, 0.34);
	--g4-text: var(--sefer-ink);
	--g4-text-secondary: var(--sefer-ink-soft);
	--g4-text-muted: #8a795f;
	--g4-accent: var(--sefer-accent);
	--g4-accent-strong: #6f5527;
	--g4-cyan: var(--sefer-focus);
	--g4-gold: var(--sefer-accent);
	--g4-success: #4e7c43;
	--g4-danger: #a83a2e;
	--g4-focus: var(--sefer-focus);
	--g4-shadow-1: 0 8px 30px rgba(90, 70, 40, 0.16);
	--g4-shadow-2: 0 18px 54px rgba(90, 70, 40, 0.22);
	--g4-shadow-float: 0 28px 90px rgba(90, 70, 40, 0.30);
	/* Stacking layers (unchanged). */
	--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;
	color-scheme: light;
	font-family: var(--dream-sans-font);
	font-synthesis: none;
	background: var(--page-background);
	color: var(--text-primary);
}
/* B"H — Dream dark theme: deep warm dark, same gold accent language. */
html[data-geelooy-route="home"][data-theme="dark"] {
	--sefer-paper: #171209;
	--sefer-paper-deep: #100c06;
	--sefer-ink: #f0e7d3;
	--sefer-title-ink: #faf3e2;
	--sefer-ink-soft: #c9b992;
	--sefer-accent: #d4a94e;
	--sefer-rule: #4a3a22;
	--sefer-card: #201a10;
	--sefer-focus: #e8a34d;
	--sefer-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
	--page-background: var(--sefer-paper);
	--panel-background: var(--sefer-card);
	--panel-raised: #2a2114;
	--panel-border: var(--sefer-rule);
	--panel-border-strong: #6f5527;
	--text-primary: var(--sefer-ink);
	--text-muted: var(--sefer-ink-soft);
	--text-faint: #9c8c6d;
	--focus-ring: var(--sefer-focus);
	--home-accent: var(--sefer-accent);
	--home-accent-strong: #e8bd68;
	--home-accent-soft: rgba(212, 169, 78, 0.14);
	--home-accent-ink: #171209;
	--home-glow: rgba(212, 169, 78, 0.18);
	--home-wash: rgba(212, 169, 78, 0.08);
	--home-line-soft: rgba(212, 169, 78, 0.24);
	--home-input-background: #201a10;
	--home-placeholder: #cdbb92;
	--home-veil: rgba(16, 12, 6, 0.62);
	--home-hero-ink: #faf3e2;
	--home-hero-ink-soft: #e6d9b8;
	--home-hero-scrim:
		linear-gradient(90deg, rgba(8, 6, 3, 0.55) 0%, rgba(8, 6, 3, 0) 13%, rgba(8, 6, 3, 0) 87%, rgba(8, 6, 3, 0.55) 100%),
		radial-gradient(120% 80% at 22% 90%, rgba(6, 4, 2, 0.70) 0%, rgba(6, 4, 2, 0) 62%),
		linear-gradient(180deg, rgba(16, 12, 6, 0.22) 0%, rgba(16, 12, 6, 0.36) 42%, rgba(8, 6, 3, 0.90) 100%);
	--home-card-shadow: 0 18px 46px rgba(0, 0, 0, 0.42);
	--home-success: #7fb873;
	--home-danger: #e08a7d;
	--home-inset-hi: rgba(255, 255, 255, 0.08);
	--home-backdrop: rgba(16, 12, 6, 0.82);
	--home-speck: rgba(212, 169, 78, 0.50);
	--g4-bg: var(--sefer-paper);
	--g4-bg-deep: var(--sefer-paper-deep);
	--g4-surface: rgba(32, 26, 16, 0.82);
	--g4-surface-strong: rgba(32, 26, 16, 0.96);
	--g4-surface-soft: rgba(212, 169, 78, 0.07);
	--g4-surface-hover: rgba(212, 169, 78, 0.11);
	--g4-line: rgba(212, 169, 78, 0.24);
	--g4-line-strong: rgba(212, 169, 78, 0.38);
	--g4-text: var(--sefer-ink);
	--g4-text-secondary: var(--sefer-ink-soft);
	--g4-text-muted: #9c8c6d;
	--g4-accent: var(--sefer-accent);
	--g4-accent-strong: #e8bd68;
	--g4-cyan: var(--sefer-focus);
	--g4-gold: var(--sefer-accent);
	--g4-success: #7fb873;
	--g4-danger: #e08a7d;
	--g4-focus: var(--sefer-focus);
	--g4-shadow-1: 0 8px 30px rgba(0, 0, 0, 0.35);
	--g4-shadow-2: 0 18px 54px rgba(0, 0, 0, 0.45);
	--g4-shadow-float: 0 28px 90px rgba(0, 0, 0, 0.55);
	color-scheme: dark;
}


/* === inlined: ./home-foundation.css === */
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
 * Boruch Hashem
 * Blessed be He
 *
 * The Awtsmoos renews the Home document before card, search, or constellation can appear; Awtsmoos.com keeps box sizing, focus, skip travel, typography, selection, and motion explicitly route-bound.
 */
body[data-geelooy-route="home"], body[data-geelooy-route="home"] *, :where(body[data-geelooy-route="home"]) *::before, :where(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"] .home-skip-link {
	position: fixed;
	z-index: calc(var(--home-layer-header) + 10);
	inset-block-start: max(.5rem, env(safe-area-inset-top));
	inset-inline-start: .5rem;
	inline-size: 44px;
	block-size: 44px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	opacity: 0;
	pointer-events: none;
	white-space: nowrap;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .home-skip-link:focus-visible {
	inline-size: auto;
	block-size: auto;
	padding: .72rem 1rem;
	overflow: visible;
	clip-path: none;
	opacity: 1;
	pointer-events: auto;
	border: 2px solid var(--home-accent);
	border-radius: .75rem;
	background: var(--panel-raised);
	color: var(--text-primary);
	font-weight: 850;
	white-space: normal;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) a {
	color: inherit;
	text-decoration: none;
}
body[data-geelooy-route="home"] :where(button, input, summary) {
	font: inherit;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
body[data-geelooy-route="home"] :where(button, summary) {
	touch-action: manipulation;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
body[data-geelooy-route="home"] :where(a, button, input, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 3px;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) ::selection {
	background: var(--home-accent);
	color: var(--home-accent-ink);
}
@media (prefers-reduced-motion: reduce) { html[data-geelooy-route="home"] {
		scroll-behavior: auto;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* @tunnel-interactive-states: auto-generated by css-guarantee */
:where(body[data-geelooy-route="home"]) button:hover {
	filter: brightness(1.08);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) button:active {
	transform: scale(0.98);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
button:hover {
	filter: brightness(1.08);
}
button:active {
	transform: scale(0.98);
}
button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}


/* === inlined: ./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));
	}
}


/* ===== geelooy/style/home-simple/components.css ===== */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gathers many Home vessels without multiplying ownership; Awtsmoos.com keeps picture, live copy, search, navigation, and mobile law independently inspectable.
*/

/* === inlined: ./background.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos suspends Awtsmoos.com in a quiet GPU sky: deep enough to feel alive,
soft enough that Torah, words, and choices remain the light the eye receives first.
*/
body[data-geelooy-route="home"] .particle-sky {
	position: fixed;
	inset: 0;
	z-index: var(--home-layer-atmosphere);
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: saturate(.96);
	mix-blend-mode: screen;
	pointer-events: none;
	transition: opacity .7s ease, filter .7s ease;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .particle-sky[data-particle-status="building"], :where(body[data-geelooy-route="home"]) .particle-sky[data-particle-status="restoring"] {
	opacity: .1;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .particle-sky[data-particle-status="running"] {
	opacity: .28;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .particle-sky[data-particle-status="degraded"], :where(body[data-geelooy-route="home"]) .particle-sky[data-particle-status="paused"] {
	opacity: .2;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .particle-sky[data-particle-status="static"] {
	opacity: .16;
	filter: saturate(.82);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .particle-sky[data-particle-status="unavailable"], :where(body[data-geelooy-route="home"]) .particle-sky[data-particle-status="error"], :where(body[data-geelooy-route="home"]) .particle-sky[data-particle-status="lost"] {
	opacity: 0;
}
body[data-geelooy-route="home"] .ambient-glow {
	position: fixed;
	inset: 4% auto auto 50%;
	z-index: 0;
	width: min(84vw, 1100px);
	aspect-ratio: 1.65;
	border-radius: 50%;
	background:
		radial-gradient(circle at 36% 40%, var(--home-glow), transparent 36%),
		radial-gradient(circle at 69% 46%, var(--home-wash), transparent 34%);
	filter: blur(68px);
	transform: translateX(-50%);
	pointer-events: none;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"])::before, :where(body[data-geelooy-route="home"])::after {
	position: fixed;
	inset: 0;
	z-index: 0;
	content: "";
	pointer-events: none;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"])::before {
	background:
		radial-gradient(circle at 8% 18%, var(--home-wash), transparent 26%),
		radial-gradient(circle at 88% 28%, var(--home-wash), transparent 28%),
		linear-gradient(180deg, var(--panel-raised) 0%, var(--page-background) 72%, var(--sefer-paper-deep) 100%);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"])::after {
	opacity: .14;
	background-image:
		radial-gradient(circle, var(--home-speck) 0 1px, transparent 1.35px),
		radial-gradient(circle, var(--home-wash) 0 .7px, transparent 1px);
	background-position: 0 0, 34px 21px;
	background-size: 73px 73px, 97px 97px;
	mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .particle-sky[data-particle-status="building"], :where(body[data-geelooy-route="home"]) .particle-sky[data-particle-status="restoring"] {
		opacity: .07;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .particle-sky[data-particle-status="running"] {
		opacity: .18;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .particle-sky[data-particle-status="degraded"], :where(body[data-geelooy-route="home"]) .particle-sky[data-particle-status="paused"] {
		opacity: .14;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .particle-sky[data-particle-status="static"] {
		opacity: .11;
	} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .ambient-glow {
		inset-block-start: 12%;
		width: calc(100vw - 16px);
		max-width: calc(100vw - 16px);
		filter: blur(76px);
	} }
@media (prefers-reduced-motion: reduce) { body[data-geelooy-route="home"] .particle-sky {
		transition: none;
	} }


/* === inlined: ./navigation.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos arranges the upper vessels of Awtsmoos.com: brand, worlds, and identity remain distinct while one light passes through them.
*/

/* === inlined: ./navigation-shell.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos joins crown geometry and living identity without confusing their vessels; Awtsmoos.com imports each focused layer so the header stays simple, clear, and extensible.
*/

/* === inlined: ./navigation-header.css === */
/* @tunnel-grandfather: single-cascade sheet; component selectors layered across feature sheets — registry one-owner rule structurally inapplicable; consolidation needs visual QA. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives the upper rail an exact finite order while Awtsmoos.com keeps brand, worlds, signal, and identity inside one mobile-safe crown.
*/
body[data-geelooy-route="home"] .header-rail {
	display: grid;
	grid-template-areas: "brand signal worlds profile";
	grid-template-columns: minmax(0, 1fr) auto auto auto;
	align-items: center;
	gap: .55rem;
	min-height: 58px;
	padding: .5rem .62rem .5rem .72rem;
	border: 1px solid var(--home-line-soft);
	border-radius: 1.15rem;
	background: linear-gradient(135deg, var(--panel-background), var(--panel-raised));
	box-shadow: var(--sefer-shadow), inset 0 1px var(--home-inset-hi);
}

body[data-geelooy-route="home"] .system-signal {
	grid-area: signal;
}

body[data-geelooy-route="home"] .world-launcher {
	grid-area: worlds;
	justify-self: end;
}

@media (max-width: 760px) {
	body[data-geelooy-route="home"] .header-rail {
		grid-template-areas: "brand worlds profile";
		grid-template-columns: minmax(0, 1fr) auto auto;
	}

	body[data-geelooy-route="home"] .system-signal {
		display: none;
	}
}

@media (max-width: 430px) {
	body[data-geelooy-route="home"] .header-rail {
		min-height: 54px;
		gap: .35rem;
		padding: .38rem .42rem;
		border-radius: .95rem;
	}
}


/* === inlined: ./navigation-brand.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives identity a small luminous vessel; Awtsmoos.com lets hover lift, focus reveal, and active press answer the hand without disturbing the rail around it.
*/
body[data-geelooy-route="home"] .brand {
	grid-area: brand;
	display: inline-flex;
	align-items: center;
	gap: .72rem;
	min-width: 0;
	min-height: 44px;
	width: max-content;
}
body[data-geelooy-route="home"] .brand-mark {
	display: grid;
	place-items: center;
	width: 2.35rem;
	height: 2.35rem;
	border: 1px solid var(--home-line-soft);
	border-radius: .8rem;
	background: linear-gradient(145deg, var(--home-accent-soft), var(--home-wash));
	box-shadow: inset 0 1px var(--home-inset-hi), 0 8px 24px var(--home-glow);
	color: var(--home-accent-strong);
	font-size: 1.12rem;
	font-weight: 850;
	transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}
body[data-geelooy-route="home"] .brand-copy {
	display: grid;
	gap: .04rem;
	min-width: 0;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .brand-copy strong {
	font-size: .91rem;
	letter-spacing: .01em;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .brand-copy small {
	color: var(--text-muted);
	font-size: .58rem;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.brand:hover) .brand-mark, :where(body[data-geelooy-route="home"]) :where(.brand:focus-visible) .brand-mark {
	border-color: var(--home-accent);
	transform: translateY(-1px);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.brand:active) .brand-mark {
	transform: translateY(1px) scale(.96);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .brand:focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 3px;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 430px) { :where(body[data-geelooy-route="home"]) .brand-copy small {
		display: none;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
@media (max-width: 430px) { body[data-geelooy-route="home"] .brand-mark {
		width: 2.15rem;
		height: 2.15rem;
	} }
@media (prefers-reduced-motion: reduce) { body[data-geelooy-route="home"] .brand-mark {
		transition: none;
	} }



/* === inlined: ./launcher-button.css === */
/* B"H
Boruch Hashem
Blessed is He
Nine quiet points become one doorway: the Awtsmoos launcher reveals every Awtsmoos.com world without crowding the crown, while hover and press each answer with their own clear motion.
*/
body[data-geelooy-route="home"] .world-launcher {
	position: static;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-launcher summary {
	list-style: none;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.world-launcher) :where(summary)::-webkit-details-marker {
	display: none;
}
/* @tunnel-specificity: base :where()-reduced for :focus-visible budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .launcher-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	min-height: 44px;
	padding: .5rem .72rem;
	border: 1px solid var(--home-line-soft);
	border-radius: .8rem;
	background: var(--home-wash);
	color: var(--text-muted);
	cursor: pointer;
	font-size: .72rem;
	font-weight: 820;
	letter-spacing: .02em;
	transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
body[data-geelooy-route="home"] .launcher-glyph {
	width: 18px;
	height: 18px;
	background-image: radial-gradient(circle, currentColor 0 1.45px, transparent 1.8px);
	background-position: 0 0;
	background-size: 8px 8px;
	opacity: .92;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .launcher-button:hover, :where(body[data-geelooy-route="home"]) :where(.world-launcher[open]) .launcher-button {
	border-color: var(--panel-border-strong);
	background: var(--home-accent-soft);
	color: var(--text-primary);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .launcher-button:focus-visible {
	border-color: var(--panel-border-strong);
	background: var(--home-accent-soft);
	color: var(--text-primary);
	outline: 3px solid var(--focus-ring);
	outline-offset: 3px;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .launcher-button:active {
	transform: translateY(1px) scale(.96);
}
/* @tunnel-specificity: base :where()-reduced for :focus-visible budget W4 2026-10-08 */
@media (max-width: 460px) { :where(body[data-geelooy-route="home"]) .launcher-button {
		width: 44px;
		padding: 0;
		overflow: hidden;
	} }
/* B"H 2026-10-09 — Dream audit: same intent without. The chained
   route + launcher selector (0,4,1) outranks the :where()-reduced base rules. */
@media (max-width: 460px) { body[data-geelooy-route="home"] .world-launcher .launcher-button > span:last-child {
		display: none;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: base :where()-reduced for :focus-visible budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .launcher-button {
		transition: none;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* @tunnel-interactive-states: auto-generated by css-guarantee */
:where(body[data-geelooy-route="home"]) :where(.world-launcher[open]) .launcher-button:hover {
	filter: brightness(1.08);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.world-launcher[open]) .launcher-button:active {
	transform: scale(0.98);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.world-launcher[open]) .launcher-button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .launcher-button span:hover {
	filter: brightness(1.08);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .launcher-button span:active {
	transform: scale(0.98);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .launcher-button span:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
/* @tunnel-interactive-states: auto-generated by css-guarantee (W4) */
:where(body[data-geelooy-route="home"]) .launcher-button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
:where(body[data-geelooy-route="home"]) .launcher-button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
:where(body[data-geelooy-route="home"]) .launcher-button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}


/* === inlined: ./explore-menu.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lowers a broad constellation from the top of Awtsmoos.com; the chamber is deep and solid, while a closed doorway leaves no hidden geometry wandering beyond the world.
*/
body[data-geelooy-route="home"] .world-panel {
	position: absolute;
	top: calc(100% + .5rem);
	left: 50%;
	z-index: var(--home-layer-launcher);
	width: min(1120px, calc(100vw - 32px));
	max-height: calc(100dvh - 92px - env(safe-area-inset-bottom));
	padding: 1rem;
	overflow: auto;
	border: 1px solid var(--panel-border);
	border-radius: 1.35rem;
	background: var(--panel-background);
	box-shadow: var(--home-card-shadow);
	transform: translateX(-50%);
	transform-origin: top center;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.world-launcher:not([open])) .world-panel {
	display: none;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.world-launcher[open]) .world-panel {
	animation: world-panel-arrival .2s ease-out;
}
body[data-geelooy-route="home"] .world-panel-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 1rem;
	padding: .2rem .25rem .9rem;
	border-bottom: 1px solid var(--panel-border);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-panel-heading div {
	display: grid;
	gap: .18rem;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-panel-heading small, :where(body[data-geelooy-route="home"]) .world-panel-heading span {
	color: var(--text-muted);
	font-size: .62rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-panel-heading strong {
	color: var(--text-primary);
	font-family: var(--dream-serif-font);
	font-size: clamp(1.25rem, 2vw, 1.8rem);
	letter-spacing: -.035em;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-panel::-webkit-scrollbar {
	width: 10px;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-panel::-webkit-scrollbar-thumb {
	border: 3px solid transparent;
	border-radius: 999px;
	background: var(--panel-border-strong);
	background-clip: padding-box;
}
@keyframes world-panel-arrival{
	from {
		opacity: 0;
		transform: translate(-50%, -12px) scale(.985);
	}

	to {
		opacity: 1;
		transform: translate(-50%, 0) scale(1);
	}
}
@media (max-width: 680px) { body[data-geelooy-route="home"] .world-panel {
		top: calc(100% + .4rem);
		width: calc(100vw - 16px);
		max-height: calc(100dvh - 78px - env(safe-area-inset-bottom));
		padding: .72rem;
		border-radius: 1.05rem;
	} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .world-panel-heading {
		padding: .15rem .15rem .7rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .world-panel-heading span {
		display: none;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) :where(.world-launcher[open]) .world-panel {
		animation: none;
	} }


/* === inlined: ./world-grid.css === */
/* B"H
Boruch Hashem
Blessed is He
Each tile is a small keli for a different light; together the Awtsmoos.com worlds form a grid clearer than a pile of links.
*/
body[data-geelooy-route="home"] .world-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .62rem;
}
body[data-geelooy-route="home"] .world-tile {
	--world-accent: 138, 109, 59;
	display: grid;
	grid-template-columns: 2.75rem minmax(0, 1fr);
	align-items: center;
	gap: .72rem;
	min-height: 72px;
	padding: .72rem;
	border: 1px solid var(--home-line-soft);
	border-radius: 1rem;
	background: linear-gradient(145deg, rgba(var(--world-accent), .09), var(--home-inset-hi));
	box-shadow: inset 0 1px var(--home-inset-hi), var(--sefer-shadow);
	transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}
/* B"H 2026-10-09 — Dream audit: the default world-tone follows the theme's gold. */
html[data-geelooy-route="home"][data-theme="dark"] .world-tile {
	--world-accent: 212, 169, 78;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-tile span {
	display: grid;
	place-items: center;
	width: 2.75rem;
	height: 2.75rem;
	border: 1px solid rgba(var(--world-accent), .3);
	border-radius: .86rem;
	background: linear-gradient(145deg, rgba(var(--world-accent), .24), rgba(var(--world-accent), .08));
	box-shadow: 0 10px 24px rgba(var(--world-accent), .09), inset 0 1px var(--home-inset-hi);
	color: rgb(var(--world-accent));
	font-size: .92rem;
	font-weight: 900;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-tile b {
	display: grid;
	gap: .16rem;
	min-width: 0;
	font-size: .84rem;
	letter-spacing: -.01em;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-tile small {
	overflow: hidden;
	color: var(--text-muted);
	font-size: .62rem;
	font-weight: 650;
	letter-spacing: .01em;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-tile:hover, :where(body[data-geelooy-route="home"]) .world-tile:focus-visible {
	border-color: rgba(var(--world-accent), .48);
	background: linear-gradient(145deg, rgba(var(--world-accent), .18), var(--home-inset-hi));
	box-shadow: var(--home-card-shadow), inset 0 1px var(--home-inset-hi);
	outline: 3px solid var(--focus-ring);
	outline-offset: 2px;
	transform: translateY(-2px);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-tile:active {
	border-color: rgba(var(--world-accent), .6);
	filter: brightness(.96);
	transform: translateY(1px) scale(.98);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-tile[data-tone="gold"] { --world-accent: 245, 193, 99; }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-tile[data-tone="blue"] { --world-accent: 99, 178, 255; }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-tile[data-tone="violet"] { --world-accent: 178, 130, 255; }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-tile[data-tone="cyan"] { --world-accent: 91, 218, 222; }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-tile[data-tone="green"] { --world-accent: 104, 220, 160; }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-tile[data-tone="rose"] { --world-accent: 245, 121, 164; }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-tile[data-tone="indigo"] { --world-accent: 126, 143, 255; }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-tile[data-tone="orange"] { --world-accent: 246, 153, 82; }
@media (max-width: 900px) { body[data-geelooy-route="home"] .world-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	} }
@media (max-width: 620px) { body[data-geelooy-route="home"] .world-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: .5rem;
	} }
@media (max-width: 620px) { body[data-geelooy-route="home"] .world-tile {
		grid-template-columns: 2.35rem minmax(0, 1fr);
		min-height: 64px;
		padding: .58rem;
		border-radius: .85rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 620px) { :where(body[data-geelooy-route="home"]) .world-tile span {
		width: 2.35rem;
		height: 2.35rem;
		border-radius: .72rem;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
@media (prefers-reduced-motion: reduce) { body[data-geelooy-route="home"] .world-tile {
		transition: none;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .world-tile:hover, :where(body[data-geelooy-route="home"]) .world-tile:focus-visible, :where(body[data-geelooy-route="home"]) .world-tile:active {
		transform: none;
	} }


/* === inlined: ./profile-mount.css === */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives identity one compact crown and one viewport-bounded chamber, preventing the profile vessel from swallowing the Awtsmoos.com mobile header.
*/
body[data-geelooy-route="home"] .profile-mount {
	position: relative;
	z-index: var(--home-layer-profile);
	grid-area: profile;
	justify-self: end;
	width: max-content;
	min-width: 0;
	max-width: 190px;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .profile-mount .awtsmoosDrop, :where(body[data-geelooy-route="home"]) .profile-mount .loggedIn, :where(body[data-geelooy-route="home"]) .profile-mount .notLoggedIn {
	width: max-content;
	max-width: 100%;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .profile-mount .profile-trigger {
	width: auto;
	min-width: 44px;
	max-width: 190px;
	min-height: 44px;
	padding-block: 4px;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .profile-mount .awtsmoosDrop {
	z-index: var(--home-layer-profile);
}
/* B"H 2026-10-09 — Dream audit: zero. The chained route+mount selector
   (0,5,1) outranks the profile dropdown base rules (0,2,0)/(0,2,1), so the fixed
   chamber geometry wins by specificity alone. The dropdown interior keeps its
   dark-glass identity (Yaakov 2026-10-08); only the geometry is home-owned. */
body[data-geelooy-route="home"] .profile-mount .awtsmoosDrop .dropdown-content:not(.alias-switcher) {
	position: fixed;
	top: max(4.75rem, calc(env(safe-area-inset-top) + 4.35rem));
	right: max(.75rem, env(safe-area-inset-right));
	bottom: auto;
	left: auto;
	z-index: var(--home-layer-profile-dialog);
	align-content: start;
	width: min(25rem, calc(100vw - 1.5rem));
	min-width: 0;
	max-height: calc(100dvh - 5.5rem);
	overflow-y: auto;
	overscroll-behavior: contain;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .profile-mount .awtsmoos-dropdown-backdrop {
	position: fixed;
	inset: 0;
	z-index: var(--home-layer-profile-backdrop);
}
body[data-geelooy-route="home"][data-awtsmoos-profile-open="true"] {
	overflow: hidden;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 760px) { body[data-geelooy-route="home"] .profile-mount, :where(body[data-geelooy-route="home"]) .profile-mount .awtsmoosDrop, :where(body[data-geelooy-route="home"]) .profile-mount .loggedIn, :where(body[data-geelooy-route="home"]) .profile-mount .notLoggedIn {
		width: 44px;
		min-width: 44px;
		max-width: 44px;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 760px) { :where(body[data-geelooy-route="home"]) .profile-mount .profile-trigger {
		width: 44px;
		min-width: 44px;
		max-width: 44px;
		height: 44px;
		min-height: 44px;
		padding: 4px;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 760px) { :where(body[data-geelooy-route="home"]) .profile-mount .profile-trigger-copy, :where(body[data-geelooy-route="home"]) .profile-mount .profile-chevron {
		display: none;
	} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .profile-mount .awtsmoosDrop .dropdown-content:not(.alias-switcher) {
		top: max(4.35rem, calc(env(safe-area-inset-top) + 4.1rem));
		right: max(.5rem, env(safe-area-inset-right));
		bottom: max(.5rem, env(safe-area-inset-bottom));
		left: max(.5rem, env(safe-area-inset-left));
		width: auto;
		max-height: none;
		border-radius: 1.15rem;
	} }



/* === inlined: ./system-signal.css === */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos marks the living system with one quiet pulse while Awtsmoos.com keeps that signal inside Home;
 * wide horizons may show its breath, narrow horizons may hide it, and no neighboring route receives the pulse by accident.
 */
body[data-geelooy-route="home"] .system-signal {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	padding: .42rem .62rem;
	border: 1px solid var(--home-line-soft);
	border-radius: 999px;
	background: var(--home-wash);
	color: var(--text-muted);
	font-size: .62rem;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .system-signal i, :where(body[data-geelooy-route="home"]) .portal-status i {
	width: .42rem;
	height: .42rem;
	border-radius: 50%;
	background: var(--home-success);
	box-shadow: 0 0 .8rem var(--home-success);
	animation: signal-pulse 2.4s ease-in-out infinite;
}
@keyframes signal-pulse{
	50% {
		opacity: .45;
		transform: scale(.78);
	}
}
@media (max-width: 760px) { body[data-geelooy-route="home"] .system-signal {
		display: none;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .system-signal i, :where(body[data-geelooy-route="home"]) .portal-status i {
		animation: none;
	} }


/* === inlined: ./explore-backdrop.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos darkens the outer field only enough to focus the chosen constellation; Awtsmoos.com does not smear the world behind the menu, because focus can come from contrast without distortion.
*/
body[data-geelooy-route="home"] .explore-backdrop {
	position: fixed;
	inset: 0;
	z-index: var(--home-layer-backdrop);
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: var(--home-backdrop);
	cursor: default;
	opacity: 0;
	pointer-events: none;
	transition: opacity .18s ease;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .explore-backdrop.is-visible {
	opacity: 1;
	pointer-events: auto;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"].explore-open) .site-header {
	z-index: var(--home-layer-launcher-host);
}
@media (prefers-reduced-motion: reduce) { body[data-geelooy-route="home"] .explore-backdrop {
		transition: none;
	} }


/* === inlined: ./launcher-filter.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives the constellation a searching vessel while Awtsmoos.com keeps search and metadata in smaller ordered chambers;
each module answers one purpose, so future expansion never turns the launcher into a crowded wall.
*/

/* === inlined: ./launcher-filter-search.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets a name uncover a world, and Awtsmoos.com makes the searching hand feel the border brighten, settle, and press with deliberate rhythm.
*/
body[data-geelooy-route="home"] .launcher-tools {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: .72rem;
	margin-bottom: .78rem;
}
body[data-geelooy-route="home"] .launcher-search {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: .55rem;
	min-height: 50px;
	padding: .2rem .45rem .2rem .78rem;
	border: 1px solid var(--home-line-soft);
	border-radius: .92rem;
	background: var(--home-wash);
	color: var(--text-muted);
	transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .launcher-search:hover {
	border-color: var(--panel-border-strong);
	background: var(--home-accent-soft);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .launcher-search:focus-within {
	border-color: var(--home-accent);
	background: var(--home-accent-soft);
	box-shadow: 0 0 0 4px var(--home-glow);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .launcher-search:active {
	transform: scale(.995);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .launcher-search span {
	font-size: 1rem;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .launcher-search input {
	box-sizing: border-box;
	min-width: 0;
	height: 46px;
	min-height: 46px;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--text-primary);
	font-size: .76rem;
	font-weight: 650;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.launcher-search) :where(input)::placeholder {
	color: var(--home-placeholder);
}
@media (max-width: 620px) { body[data-geelooy-route="home"] .launcher-tools {
		grid-template-columns: 1fr;
		gap: .42rem;
	} }
@media (prefers-reduced-motion: reduce) { body[data-geelooy-route="home"] .launcher-search {
		transition: none;
	} }


/* === inlined: ./launcher-filter-meta.css === */
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos places quiet guidance beside discovery, while Awtsmoos.com keeps hints and empty states secondary so the main path remains clear and free.
*/
:where(body[data-geelooy-route="home"]) .launcher-search kbd, :where(body[data-geelooy-route="home"]) .launcher-meta kbd {
	border: 1px solid var(--home-line-soft);
	border-radius: .42rem;
	background: var(--home-wash);
	box-shadow: inset 0 -1px var(--home-glow);
	color: var(--text-muted);
	font-family: inherit;
	font-size: .58rem;
	font-weight: 850;
}
body[data-geelooy-route="home"] .launcher-meta {
	display: grid;
	justify-items: end;
	gap: .24rem;
	min-width: 7rem;
	color: var(--text-muted);
	font-size: .58rem;
	font-weight: 760;
	letter-spacing: .04em;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .launcher-meta kbd {
	padding: .18rem .3rem;
}
body[data-geelooy-route="home"] .world-empty {
	margin: .85rem 0 .2rem;
	padding: 1.25rem;
	border: 1px dashed var(--panel-border-strong);
	border-radius: .92rem;
	color: var(--text-muted);
	font-size: .72rem;
	font-weight: 720;
	text-align: center;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .world-tile[hidden], :where(body[data-geelooy-route="home"]) .world-empty[hidden] {
	display: none;
}
@media (max-width: 620px) { body[data-geelooy-route="home"] .launcher-meta {
		display: flex;
		justify-content: space-between;
		min-width: 0;
		padding-inline: .2rem;
	} }



/* === inlined: ./hero-layout.css === */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos orders the homepage of Awtsmoos.com like light entering vessels in sequence:
wonder first, search next, then practical doors revealed as the traveler scrolls into deeper space.
*/
body[data-geelooy-route="home"] .home {
	display: grid;
	place-items: start center;
	width: 100%;
	padding: 14px 16px 6px;
}
body[data-geelooy-route="home"] .hero {
	display: grid;
	gap: .82rem;
	width: min(1240px, 100%);
}
body[data-geelooy-route="home"] .dance-shell {
	order: 1;
	min-width: 0;
	will-change: transform;
}
body[data-geelooy-route="home"] .action-panel {
	order: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: .75rem;
}
body[data-geelooy-route="home"] .portal-shortcuts {
	order: 3;
}
body[data-geelooy-route="home"] .portal-status {
	order: 4;
}
body[data-geelooy-route="home"] .direct-navigation {
	order: 5;
}
body[data-geelooy-route="home"] .search-paths {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: .42rem;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search-paths a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: .52rem .78rem;
	border: 1px solid var(--home-line-soft);
	border-radius: 999px;
	background: var(--home-veil);
	color: var(--text-muted);
	font-size: .68rem;
	font-weight: 760;
	transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search-paths a:hover, :where(body[data-geelooy-route="home"]) .search-paths a:focus-visible {
	border-color: var(--panel-border-strong);
	background: var(--home-accent-soft);
	color: var(--text-primary);
	outline: 3px solid var(--focus-ring);
	outline-offset: 2px;
	transform: translateY(-1px);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search-paths a:active {
	border-color: var(--home-accent);
	background: var(--home-accent-soft);
	color: var(--text-primary);
	transform: translateY(1px) scale(.98);
}
@media (max-width: 800px) { body[data-geelooy-route="home"] .action-panel {
		grid-template-columns: 1fr;
	} }
@media (max-width: 800px) { body[data-geelooy-route="home"] .search-paths {
		justify-content: center;
		flex-wrap: wrap;
	} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .home {
		padding: 8px 8px calc(6.5rem + env(safe-area-inset-bottom));
	} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .hero {
		gap: .65rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .search-paths a {
		min-height: 44px;
		padding: .5rem .72rem;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }

/* B"H Yaakov 2026-10-08: Homepage H1 = Awtsmoos (not Shliach). No.
   B"H 2026-10-09: Dream theme — elegant serif title, gold Shliach doorway, warm hero ink. */
body[data-geelooy-route="home"] .home-hero-title {
  font-family: var(--dream-serif-font);
  font-size: clamp(2.8rem, 7vw, 5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.05;
  color: var(--home-hero-ink);
  text-shadow: 0 2px 24px var(--home-veil);
  margin: 0 0 0.4rem;
}
body[data-geelooy-route="home"] .home-hero-sub {
  font-size: clamp(1rem, 2.4vw, 1.35rem);
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--home-hero-ink-soft);
  margin: 0 0 1.4rem;
}
body[data-geelooy-route="home"] .shliach-hero-link {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  gap: 0.7rem;
  padding: 0.85rem 1.4rem;
  border: 1px solid var(--home-accent-strong);
  border-radius: 1rem;
  background: var(--home-accent);
  color: var(--home-accent-ink);
  font-size: 1.15rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: var(--sefer-shadow);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
body[data-geelooy-route="home"] .shliach-hero-link-icon {
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 0.6rem;
  background: var(--home-accent-soft);
  font-size: 1.2rem;
  font-weight: 900;
}
@media (hover: hover) and (pointer: fine) {
  body[data-geelooy-route="home"] .shliach-hero-link:hover {
    border-color: var(--home-accent-strong);
    box-shadow: var(--home-card-shadow);
    transform: translateY(-2px);
  }
}
body[data-geelooy-route="home"] .shliach-hero-link:active {
  transform: translateY(1px) scale(0.98);
}
body[data-geelooy-route="home"] .shliach-hero-link:focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 3px;
}


/* === inlined: ./hero-image.css === */
/* @tunnel-grandfather: single-cascade sheet; component selectors layered across feature sheets — registry one-owner rule structurally inapplicable; consolidation needs visual QA. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives the Home world enough horizon to invite without swallowing the learner's screen; Awtsmoos.com makes this late route-owned rule more specific than inherited Revelation geometry so one square legacy vessel cannot consume a phone viewport.
*/
body[data-geelooy-route="home"] .dance-frame {
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	overflow: hidden;
	border: 1px solid var(--panel-border);
	border-radius: 1.65rem;
	background: var(--panel-background);
	box-shadow: var(--home-card-shadow);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .dance-frame::after {
	position: absolute;
	inset: 0;
	z-index: var(--home-local-overlay);
	border: 1px solid var(--home-line-soft);
	border-radius: inherit;
	box-shadow: inset 0 0 70px var(--home-glow);
	content: "";
	pointer-events: none;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) main.home .hero-media {
	position: relative;
	z-index: 0;
	overflow: hidden;
	min-inline-size: 0;
	aspect-ratio: 16 / 7;
	background: var(--panel-raised);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) main.home .hero-image {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	object-position: center 47%;
}
@media (max-width: 760px) { body[data-geelooy-route="home"] .dance-frame {
		border-radius: 1rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 760px) { :where(body[data-geelooy-route="home"]) main.home .hero-media {
		aspect-ratio: 16 / 9;
		max-block-size: min(42svh, 15rem);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 760px) { :where(body[data-geelooy-route="home"]) main.home .hero-image {
		object-position: center 48%;
	} }


/* === inlined: ./hero-copy.css === */
/* B"H — compact Shliach doorway; full artwork remains visible and separate from the main hero. */
body[data-geelooy-route="home"] .shliach-home-shell {
 display:grid; grid-template-columns:minmax(8rem,34%) 1fr; align-items:stretch; width:100%; min-width:0;
 overflow:hidden; border:1px solid var(--home-line-soft); border-radius:1.35rem; background:var(--panel-background);
 box-shadow:var(--home-card-shadow); text-decoration:none; color:inherit;
}
body[data-geelooy-route="home"] .shliach-home-banner-image {
 display:block; width:100%; height:100%; max-height:15rem; aspect-ratio:1; object-fit:contain; background:var(--panel-raised);
 transition:transform .28s ease,filter .28s ease;
}
body[data-geelooy-route="home"] .shliach-home-caption {
 display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; align-content:center; gap:.28rem .8rem;
 padding:clamp(.9rem,3vw,1.6rem); min-width:0;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .shliach-home-caption strong { font-size:clamp(1.15rem,4.5vw,2rem); line-height:1.05; 
  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .shliach-home-caption small { color:var(--text-muted); font-size:clamp(.72rem,2.8vw,.95rem); }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .shliach-home-caption span { grid-column:2; grid-row:1 / span 2; align-self:center; font-size:1.5rem; 
  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.shliach-home-shell:hover) .shliach-home-banner-image, :where(body[data-geelooy-route="home"]) :where(.shliach-home-shell:focus-visible) .shliach-home-banner-image { filter:brightness(1.08) saturate(1.06); transform:scale(1.015); }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.shliach-home-shell:active) .shliach-home-banner-image { filter:brightness(.95); transform:scale(.99); }
@media (max-width:520px) { body[data-geelooy-route="home"] .shliach-home-shell { grid-template-columns:42% 1fr; } }
@media (max-width:520px) { body[data-geelooy-route="home"] .shliach-home-banner-image { max-height:10.5rem; } }
@media (max-width:520px) { body[data-geelooy-route="home"] .shliach-home-caption { padding:.8rem; } }
@media (prefers-reduced-motion:reduce) { body[data-geelooy-route="home"] .shliach-home-banner-image { transition:none; } }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion:reduce) { :where(body[data-geelooy-route="home"]) :where(.shliach-home-shell:hover) .shliach-home-banner-image, :where(body[data-geelooy-route="home"]) :where(.shliach-home-shell:focus-visible) .shliach-home-banner-image, :where(body[data-geelooy-route="home"]) :where(.shliach-home-shell:active) .shliach-home-banner-image { transform:none; } }
body[data-geelooy-route="home"] .shliach-home-section { width:min(100%,48rem); margin:clamp(.8rem,2.5vw,1.4rem) auto 0; padding:0 clamp(.35rem,1.5vw,.8rem); }


/* === inlined: ./hero-actions.css === */
/* @tunnel-grandfather: single-cascade sheet; component selectors layered across feature sheets — registry one-owner rule structurally inapplicable; consolidation needs visual QA. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos turns intention into action without confusing invitation with response;
Awtsmoos.com lets a fine pointer lift, a thumb press, and one shared focus law reveal the way.
*/
body[data-geelooy-route="home"] .hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .7rem;
	margin-top: 1rem;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .hero-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	min-height: 44px;
	padding: .75rem 1rem;
	border: 1px solid var(--panel-border);
	border-radius: .88rem;
	background: var(--panel-background);
	color: var(--text-primary);
	font-size: .82rem;
	font-weight: 850;
	text-align: center;
	box-shadow: var(--sefer-shadow);
	transition:
		background 160ms ease,
		border-color 160ms ease,
		color 160ms ease,
		filter 120ms ease,
		transform 180ms cubic-bezier(.2, .8, .2, 1);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .hero-actions a:first-child {
	border-color: var(--home-accent-strong);
	background: var(--home-accent);
	color: var(--home-accent-ink);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .hero-actions a[data-world-id="wallet"] {
	border-color: var(--panel-border-strong);
	background: var(--panel-raised);
	color: var(--home-accent-strong);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (hover: hover) and (pointer: fine) { :where(body[data-geelooy-route="home"]) .hero-actions a:hover {
		border-color: var(--panel-border-strong);
		background: var(--panel-raised);
		color: var(--text-primary);
		transform: translateY(-2px);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (hover: hover) and (pointer: fine) { :where(body[data-geelooy-route="home"]) :where(.hero-actions) a:first-child:hover {
		border-color: var(--home-accent-strong);
		background: var(--home-accent-strong);
		color: var(--home-accent-ink);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (hover: hover) and (pointer: fine) { :where(body[data-geelooy-route="home"]) :where(.hero-actions) a[data-world-id="wallet"]:hover {
		border-color: var(--home-accent);
		background: var(--home-accent-soft);
		color: var(--home-accent-strong);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .hero-actions a:active {
	filter: brightness(.96);
	transform: translateY(1px) scale(.985);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .hero-actions a:focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 2px;
}
/* B"H 2026-10-09 — Dream audit: disabled state for hero action links. */
:where(body[data-geelooy-route="home"]) .hero-actions a[aria-disabled="true"] {
	opacity: .55;
	cursor: not-allowed;
	transform: none;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
@media (max-width: 680px) { body[data-geelooy-route="home"] .hero-actions {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .hero-actions a {
		min-width: 0;
		padding-inline: .6rem;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .hero-actions a {
		transition: none;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .hero-actions a:hover, :where(body[data-geelooy-route="home"]) .hero-actions a:active, :where(body[data-geelooy-route="home"]) .hero-actions a:focus-visible {
		transform: none;
	} }


/* === inlined: ./shliach-hero.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos sets its Shliach as the doorway of the Home world; Awtsmoos.com keeps the living artwork whole behind one scrim while the search vessel rests inside the hero itself, so no void and no clipped crown can stand between the visitor and the door.
*/
body[data-geelooy-route="home"] .shliach-hero-card {
	position: relative;
	isolation: isolate;
	display: grid;
	min-height: clamp(22rem, 44vw, 32rem);
	border: 1px solid var(--panel-border);
	border-radius: 1.65rem;
	background: var(--panel-background);
	box-shadow: var(--home-card-shadow);
}
body[data-geelooy-route="home"] .shliach-hero-media {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	border-radius: inherit;
}
body[data-geelooy-route="home"] .shliach-hero-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
body[data-geelooy-route="home"] .shliach-hero-scrim {
	position: absolute;
	inset: 0;
	/* B"H 2026-10-13 — Yaakov: text was blocking the hero image. Scrim now only
	   darkens the bottom where the search + Shliach link sit; the artwork breathes. */
	background: linear-gradient(to top, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .28) 22%, transparent 45%);
}
body[data-geelooy-route="home"] .shliach-hero-content {
	position: relative;
	z-index: 1;
	display: grid;
	gap: .8rem;
	align-content: end;
	justify-items: start;
	min-width: 0;
	max-width: 46rem;
	padding: clamp(1.25rem, 4vw, 3rem);
}
body[data-geelooy-route="home"] .shliach-hero-title {
	min-width: 0;
	max-width: 100%;
	margin: 0;
	color: var(--home-hero-ink);
	font-family: var(--dream-serif-font);
	font-size: clamp(2.1rem, 6.4vw, 3.6rem);
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 1.02;
	overflow-wrap: anywhere;
	text-wrap: balance;
	text-shadow: 0 2px 18px rgba(0, 0, 0, .7), 0 1px 4px rgba(0, 0, 0, .85);
}
body[data-geelooy-route="home"] .shliach-hero-sub {
	min-width: 0;
	max-width: 100%;
	margin: 0;
	color: var(--home-hero-ink-soft);
	font-size: clamp(1rem, 2.6vw, 1.28rem);
	font-weight: 650;
	overflow-wrap: anywhere;
	text-shadow: 0 1px 12px rgba(0, 0, 0, .65), 0 1px 3px rgba(0, 0, 0, .8);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .shliach-hero-content .search-shell {
	width: 100%;
	min-width: 0;
}
body[data-geelooy-route="home"] .shliach-hero-cta {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	min-height: 44px;
	padding: .7rem 1.15rem;
	border: 1px solid var(--home-accent-strong);
	border-radius: 999px;
	background: var(--home-accent);
	color: var(--home-accent-ink);
	font-size: .86rem;
	font-weight: 800;
	text-decoration: none;
	backdrop-filter: blur(8px);
	transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .shliach-hero-cta:hover, :where(body[data-geelooy-route="home"]) .shliach-hero-cta:focus-visible {
	border-color: var(--home-accent-strong);
	background: var(--home-accent-strong);
	color: var(--home-accent-ink);
	outline: 3px solid var(--focus-ring);
	outline-offset: 3px;
	transform: translateY(-1px);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .shliach-hero-cta:active {
	border-color: var(--home-accent-strong);
	background: var(--home-accent-strong);
	filter: brightness(.96);
	transform: translateY(1px) scale(.98);
}
/* B"H 2026-10-09 — Dream audit: disabled state for the hero CTA. */
:where(body[data-geelooy-route="home"]) .shliach-hero-cta[aria-disabled="true"] {
	opacity: .55;
	cursor: not-allowed;
	transform: none;
}
@media (max-width: 680px) { body[data-geelooy-route="home"] .shliach-hero-card {
		min-height: clamp(21rem, 118vw, 30rem);
		border-radius: 1rem;
	} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .shliach-hero-content {
		padding: 1.1rem 1rem 1.25rem;
	} }
@media (prefers-reduced-motion: reduce) { body[data-geelooy-route="home"] .shliach-hero-cta {
		transition: none;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .shliach-hero-cta:hover, :where(body[data-geelooy-route="home"]) .shliach-hero-cta:focus-visible, :where(body[data-geelooy-route="home"]) .shliach-hero-cta:active {
		transform: none;
	} }

/* B"H — Yaakov 2026-10-08: homepage hero contrast fix — lighten scrim, add text shadows.
   B"H 2026-10-09: folded into the base rules above (same selector, later order wins — no). */


/* === inlined: ./portal-shortcuts.css === */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos reveals broad portals only where the screen can hold their full form;
Awtsmoos.com lets a pointer invite, a press answer, and mobile navigation remain one clear norm.
*/
body[data-geelooy-route="home"] .portal-shortcuts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .55rem;
	margin-top: .7rem;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .portal-shortcuts a {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	column-gap: .65rem;
	min-width: 0;
	min-height: 4.5rem;
	padding: .65rem .75rem;
	border: 1px solid var(--panel-border);
	border-radius: .95rem;
	background: var(--panel-background);
	color: var(--text-primary);
	transition:
		background 160ms ease,
		border-color 160ms ease,
		box-shadow 160ms ease,
		filter 120ms ease,
		transform 180ms cubic-bezier(.2, .8, .2, 1);
}
/* B"H — golden drive icons in portal shortcuts (Yaakov 2026-10-13) */
:where(body[data-geelooy-route="home"]) .portal-shortcuts .portal-shortcut-icon img {
	width: 1.75rem;
	height: 1.75rem;
	object-fit: contain;
	border-radius: .4rem;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.portal-shortcuts) :where(a) span {
	display: grid;
	place-items: center;
	width: 2.4rem;
	height: 2.4rem;
	border: 1px solid var(--home-line-soft);
	border-radius: .75rem;
	background: var(--panel-raised);
	color: var(--home-accent-strong);
	font-size: 1.05rem;
	font-weight: 900;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .portal-shortcuts strong, :where(body[data-geelooy-route="home"]) .portal-shortcuts small {
	min-width: 0;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .portal-shortcuts strong {
	font-size: .86rem;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .portal-shortcuts small {
	grid-column: 2;
	color: var(--text-muted);
	font-size: .62rem;
	line-height: 1.35;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (hover: hover) and (pointer: fine) { :where(body[data-geelooy-route="home"]) .portal-shortcuts a:hover {
		border-color: var(--panel-border-strong);
		background: var(--panel-raised);
		box-shadow: var(--home-card-shadow);
		transform: translateY(-2px);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .portal-shortcuts a:active {
	border-color: var(--home-accent);
	filter: brightness(.96);
	transform: translateY(1px) scale(.988);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .portal-shortcuts a:focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 2px;
}
@media (max-width: 900px) { body[data-geelooy-route="home"] .portal-shortcuts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .portal-shortcuts a {
		transition: none;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .portal-shortcuts a:hover, :where(body[data-geelooy-route="home"]) .portal-shortcuts a:active, :where(body[data-geelooy-route="home"]) .portal-shortcuts a:focus-visible {
		transform: none;
	} }


/* === inlined: ./search.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos separates the searching vessel from its decisive action; Awtsmoos.com keeps both focused so a future feature can grow without crowding the question itself.
*/

/* === inlined: ./search-surface.css === */
/* @tunnel-grandfather: single-cascade sheet; component selectors layered across feature sheets — registry one-owner rule structurally inapplicable; consolidation needs visual QA. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
A calm universal search surface that expands only when the question needs room.
*/
body[data-geelooy-route="home"] .search {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	align-items: end;
	gap: .5rem;
	width: 100%;
	min-height: 68px;
	padding: .48rem;
	border: 1px solid var(--home-line-soft);
	border-radius: 2rem;
	background: var(--panel-background);
	box-shadow: var(--home-card-shadow), inset 0 1px var(--home-inset-hi);
	backdrop-filter: blur(20px);
	transition: border-color .18s ease, box-shadow .18s ease, border-radius .18s ease;
	position: relative;
}
/* B"H 2026-10-09 — Dream search: gold shimmer line atop the bar. */
body[data-geelooy-route="home"] .search::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(135deg, var(--home-accent-soft), transparent 30%, transparent 70%, var(--home-accent-soft));
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	opacity: .6;
	transition: opacity .2s ease;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search:hover {
	border-color: var(--panel-border-strong);
	box-shadow: var(--home-card-shadow), inset 0 1px var(--home-inset-hi), 0 0 24px var(--home-glow);
}
:where(body[data-geelooy-route="home"]) .search:hover::before { opacity: 1; }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search:focus-within, :where(body[data-geelooy-route="home"]) .search.has-query {
	border-color: var(--home-accent);
	border-radius: 1.45rem;
	box-shadow: 0 0 0 4px var(--home-glow), var(--home-card-shadow), 0 0 44px var(--home-glow);
}
:where(body[data-geelooy-route="home"]) .search:focus-within::before { opacity: 1; }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search.is-invalid { border-color: var(--home-danger); animation: search-nudge .24s ease; }
body[data-geelooy-route="home"] .search-symbol {
	display: grid;
	place-items: center;
	width: 3.15rem;
	height: 3.15rem;
	margin: .1rem;
	border: 0;
	border-radius: 50%;
	background: var(--home-accent-soft);
	color: var(--home-accent-strong);
	font-size: 1.45rem;
	transition: background .18s ease, color .18s ease, transform .18s ease;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search:focus-within .search-symbol {
	background: var(--home-accent);
	color: var(--home-accent-ink);
	transform: scale(1.06);
}
/* B"H 2026-10-09 — Dream audit: the search composer never had a base style.
   Explicit dream ink on the theme input surface, both themes. */
:where(body[data-geelooy-route="home"]) :where(.search) :where(textarea) {
	min-height: 44px;
	padding: .6rem .2rem;
	border: 0;
	border-radius: .6rem;
	background: transparent;
	color: var(--text-primary);
	font-family: var(--dream-serif-font);
	font-size: 1.08rem;
	line-height: 1.5;
	resize: none;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.search) :where(textarea)::placeholder {
	color: var(--home-placeholder);
	opacity: 1;
	font-style: italic;
	letter-spacing: .01em;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.search) :where(textarea):focus {
	outline: 2px solid var(--aw-focus-ring); outline-offset: 2px;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.search) :where(textarea):focus::placeholder {
	color: var(--home-placeholder);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.search) :where(textarea):disabled {
	opacity: .55;
	cursor: not-allowed;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
@media (max-width: 680px) { body[data-geelooy-route="home"] .search { grid-template-columns: auto minmax(0, 1fr) auto; padding: .4rem; } }
@media (max-width: 680px) { body[data-geelooy-route="home"] .search-symbol { width: 2.8rem; height: 2.8rem; } }
@media (max-width: 680px) { body[data-geelooy-route="home"] .shortcut-key { display: none; } }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .search.is-invalid { animation: none; } }
/* B"H 2026-10-13 — Golden search icon replaces the ⌕ text glyph.
   Size the icon image to fill the search-symbol circle cleanly. */
:where(body[data-geelooy-route="home"]) .search-symbol img.gicon--search {
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 50%;
	object-fit: cover;
	display: block;
}


/* === inlined: ./search-action.css === */
/* @tunnel-grandfather: single-cascade sheet; component selectors layered across feature sheets — registry one-owner rule structurally inapplicable; consolidation needs visual QA. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The search action stays unmistakable as the composer grows.
*/
body[data-geelooy-route="home"] .shortcut-key {
	align-self: center;
	padding: .35rem .45rem;
	border: 1px solid var(--panel-border);
	border-radius: .55rem;
	background: var(--panel-raised);
	color: var(--text-muted);
	font-size: .62rem;
	font-weight: 800;
	white-space: nowrap;
}
body[data-geelooy-route="home"] .search-button-arrow { font-size: 1.45rem; font-weight: 900; line-height: 1; }
/* B"H 2026-10-09 — Dream audit: the search submit button never had a base style
   (native browser chrome). It is now a dream gold action with full states. */
body[data-geelooy-route="home"] .search button {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	min-height: 44px;
	padding: .55rem 1rem;
	border: 1px solid var(--home-accent-strong);
	border-radius: 999px;
	background: var(--home-accent);
	color: var(--home-accent-ink);
	cursor: pointer;
	font-weight: 800;
	box-shadow: var(--sefer-shadow);
	transition: background .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease, filter .12s ease;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search button:hover, :where(body[data-geelooy-route="home"]) .search button:focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 3px;
	background: var(--home-accent-strong);
	border-color: var(--home-accent-strong);
	box-shadow: 0 14px 34px var(--home-glow);
	transform: translateY(-1px) scale(1.025);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search button:active {
	filter: brightness(.96);
	transform: translateY(1px) scale(.98);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search button:disabled { cursor: progress; opacity: .7; 
  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* @tunnel-interactive-states: auto-generated by css-guarantee */
:where(body[data-geelooy-route="home"]) .search-button-label:hover {
	filter: brightness(1.08);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search-button-label:active {
	transform: scale(0.98);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search-button-label:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search-button-arrow:hover {
	filter: brightness(1.08);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search-button-arrow:active {
	transform: scale(0.98);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search-button-arrow:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}



/* === inlined: ./search-responsive.css === */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
Responsive law for the expanding universal search.
*/
@keyframes search-flight{ to { transform: translateY(-3px); } }
@keyframes search-nudge{ 25% { transform: translateX(-3px); } 75% { transform: translateX(3px); } }
@media (max-width: 680px) { body[data-geelooy-route="home"] .search { min-height: 64px; border-radius: 1.55rem; } }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .search:focus-within, :where(body[data-geelooy-route="home"]) .search.has-query { border-radius: 1.25rem; } }
@media (max-width: 680px) { body[data-geelooy-route="home"] .search-button-label, body[data-geelooy-route="home"] .shortcut-key { display: none; } }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { body[data-geelooy-route="home"] .search, :where(body[data-geelooy-route="home"]) .search button, :where(body[data-geelooy-route="home"]) :where(.search.is-searching) .search-button-arrow { animation: none; transition: none; 
  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
/* @tunnel-interactive-states: auto-generated by css-guarantee */
:where(body[data-geelooy-route="home"]) .search-button-label:hover {
	filter: brightness(1.08);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search-button-label:active {
	transform: scale(0.98);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search-button-label:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search button:hover {
	filter: brightness(1.08);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search button:active {
	transform: scale(0.98);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .search button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.search.is-searching) .search-button-arrow:hover {
	filter: brightness(1.08);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.search.is-searching) .search-button-arrow:active {
	transform: scale(0.98);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.search.is-searching) .search-button-arrow:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}


/* === inlined: ./omnibox.css === */
/* @tunnel-grandfather: single-cascade sheet; component selectors layered across feature sheets — registry one-owner rule structurally inapplicable; consolidation needs visual QA. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos opens verified paths beneath one searching vessel; Awtsmoos.com keeps that chamber solid and legible, because discovery should be revealed by order rather than a frosted distortion of what lies behind it.
*/
body[data-geelooy-route="home"] .search-shell {
	position: relative;
	z-index: var(--home-layer-search);
	width: 100%;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.search-shell.is-open) .search {
	border-color: var(--home-accent);
	border-radius: 1.15rem 1.15rem .62rem .62rem;
	box-shadow: 0 0 0 4px var(--home-glow), var(--home-card-shadow);
}
body[data-geelooy-route="home"] .omnibox-panel {
	position: absolute;
	top: calc(100% + .42rem);
	right: 0;
	left: 0;
	z-index: var(--home-layer-search-panel);
	max-height: min(430px, calc(100vh - 9rem));
	overflow: auto;
	padding: .48rem;
	border: 1px solid var(--panel-border);
	border-radius: .72rem 1rem 1.15rem 1.15rem;
	background: var(--panel-background);
	box-shadow: var(--home-card-shadow);
	transform-origin: top center;
	animation: omnibox-arrive .18s ease both;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .omnibox-panel[hidden] {
	display: none;
}
body[data-geelooy-route="home"] .omnibox-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .8rem;
	padding: .42rem .55rem .5rem;
	color: var(--text-muted);
	font-size: .6rem;
	font-weight: 840;
	letter-spacing: .11em;
	text-transform: uppercase;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .omnibox-heading button {
	padding: .36rem .5rem;
	border: 1px solid transparent;
	border-radius: .45rem;
	background: transparent;
	color: var(--text-muted);
	cursor: pointer;
	font: inherit;
	letter-spacing: .04em;
	text-transform: none;
	transition: background .14s ease, border-color .14s ease, color .14s ease, transform .14s ease;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .omnibox-heading button:hover {
	border-color: var(--panel-border-strong);
	background: var(--panel-raised);
	color: var(--text-primary);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .omnibox-heading button:active {
	border-color: var(--home-accent);
	background: var(--panel-raised);
	color: var(--text-primary);
	transform: scale(.96);
}
/* B"H 2026-10-09 — Dream audit: disabled state for the history-clear button. */
:where(body[data-geelooy-route="home"]) .omnibox-heading button:disabled {
	opacity: .55;
	cursor: not-allowed;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .omnibox-heading button:focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 2px;
}
body[data-geelooy-route="home"] .omnibox-options {
	display: grid;
	gap: .2rem;
}
@keyframes omnibox-arrive{
	from {
		opacity: 0;
		transform: translateY(-5px) scale(.992);
	}
}
@media (prefers-reduced-motion: reduce) { body[data-geelooy-route="home"] .omnibox-panel {
		animation: none;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .omnibox-heading button {
		transition: none;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .omnibox-heading button:active {
		transform: none;
	} }


/* === inlined: ./omnibox-options.css === */
/* @tunnel-grandfather: single-cascade sheet; component selectors layered across feature sheets — registry one-owner rule structurally inapplicable; consolidation needs visual QA. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
Each omnibox option is a small native doorway: clear label, quiet meaning, visible type, and one arrow toward the chosen Awtsmoos.com world.
*/
body[data-geelooy-route="home"] .omnibox-option {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	align-items: center;
	gap: .72rem;
	min-height: 58px;
	padding: .54rem .65rem;
	border: 1px solid transparent;
	border-radius: .78rem;
	color: var(--text-primary);
	transition: background .14s ease, border-color .14s ease, transform .14s ease;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .omnibox-option:hover, :where(body[data-geelooy-route="home"]) .omnibox-option.is-active {
	border-color: var(--home-line-soft);
	background: linear-gradient(90deg, var(--home-accent-soft), var(--home-wash));
	outline: none;
	transform: translateX(2px);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .omnibox-option:active {
	border-color: var(--panel-border-strong);
	background: linear-gradient(90deg, var(--home-accent-soft), var(--home-wash));
	transform: translateX(2px) scale(.99);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .omnibox-option:focus-visible {
	border-color: var(--home-accent);
	outline: 3px solid var(--focus-ring);
	outline-offset: 1px;
}
body[data-geelooy-route="home"] .omnibox-symbol {
	display: grid;
	place-items: center;
	width: 2.35rem;
	height: 2.35rem;
	border: 1px solid var(--home-line-soft);
	border-radius: .7rem;
	background: var(--home-wash);
	color: var(--home-accent-strong);
	font-size: .82rem;
	font-weight: 900;
}
body[data-geelooy-route="home"] .omnibox-copy {
	display: grid;
	gap: .12rem;
	min-width: 0;
}
body[data-geelooy-route="home"] .omnibox-badge {
	padding: .28rem .42rem;
	border-radius: 999px;
	background: var(--home-wash);
	color: var(--text-muted);
	font-size: .53rem;
	font-weight: 800;
	white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) { body[data-geelooy-route="home"] .omnibox-option {
		transition: none;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .omnibox-option:hover, :where(body[data-geelooy-route="home"]) .omnibox-option.is-active, :where(body[data-geelooy-route="home"]) .omnibox-option:active {
		transform: none;
	} }


/* === inlined: ./omnibox-responsive.css === */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos reshapes the searching constellation for narrow horizons while Awtsmoos.com keeps touch, text, and dock clearance
 * inside the Home vessel; every result remains reachable without a fixed panel wandering beyond the living glass.
 */
@media (max-width: 680px) { body[data-geelooy-route="home"] .omnibox-panel {
		position: fixed;
		top: auto;
		right: .5rem;
		bottom: calc(4.95rem + env(safe-area-inset-bottom));
		left: .5rem;
		max-height: min(58vh, 440px);
		border-radius: 1.1rem;
	} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .omnibox-option {
		grid-template-columns: auto minmax(0, 1fr) auto;
		min-height: 56px;
		padding: .48rem .55rem;
	} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .omnibox-badge {
		display: none;
	} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .omnibox-arrow {
		font-size: .72rem;
	} }
@media (max-width: 430px) { body[data-geelooy-route="home"] .omnibox-heading {
		padding-inline: .4rem;
	} }
@media (max-width: 430px) { body[data-geelooy-route="home"] .omnibox-symbol {
		width: 2.15rem;
		height: 2.15rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 430px) { :where(body[data-geelooy-route="home"]) .omnibox-copy strong {
		font-size: .72rem;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 430px) { :where(body[data-geelooy-route="home"]) .omnibox-copy small {
		font-size: .6rem;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
@media (prefers-reduced-motion: reduce) { body[data-geelooy-route="home"] .omnibox-panel, body[data-geelooy-route="home"] .omnibox-option {
		animation: none;
		transition: none;
	} }


/* === inlined: ./featured-worlds.css === */
/* @tunnel-grandfather: single-cascade sheet; component selectors layered across feature sheets — registry one-owner rule structurally inapplicable; consolidation needs visual QA. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gathers four paths beneath the hero, giving Awtsmoos.com a second horizon;
this section owns their colors and heading rhythm while each card keeps its own mechanics clear.
*/
body[data-geelooy-route="home"] .featured-worlds {
	width: min(1240px, 100%);
	padding: 1.5rem 0 .8rem;
}
body[data-geelooy-route="home"] .featured-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: .9rem;
	padding-inline: .15rem;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .featured-heading p, :where(body[data-geelooy-route="home"]) .featured-card small {
	margin: 0;
	color: var(--text-muted);
	font-size: .6rem;
	font-weight: 850;
	letter-spacing: .14em;
	text-transform: uppercase;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .featured-heading h2 {
	margin: .2rem 0 0;
	color: var(--text-primary);
	font-family: var(--dream-serif-font);
	font-size: clamp(1.5rem, 3vw, 2.6rem);
	letter-spacing: -.055em;
	line-height: 1;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (hover: hover) and (pointer: fine) { :where(body[data-geelooy-route="home"]) .featured-heading a:hover {
		background: var(--home-accent-soft);
		color: var(--text-primary);
		transform: translateY(-1px);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .featured-heading a:active {
	background: var(--home-accent-soft);
	color: var(--text-primary);
	filter: brightness(.96);
	transform: translateY(1px) scale(.985);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .featured-heading a:focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 2px;
}
body[data-geelooy-route="home"] .featured-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .7rem;
}
body[data-geelooy-route="home"] .featured-card--torah {
	--featured-accent: 99, 178, 255;
}
body[data-geelooy-route="home"] .featured-card--apps {
	--featured-accent: 104, 220, 160;
}
body[data-geelooy-route="home"] .featured-card--games {
	--featured-accent: 245, 121, 164;
}
body[data-geelooy-route="home"] .featured-card--os {
	--featured-accent: 148, 126, 255;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .featured-heading a:hover, :where(body[data-geelooy-route="home"]) .featured-heading a:active, :where(body[data-geelooy-route="home"]) .featured-heading a:focus-visible {
		transform: none;
	} }


/* === inlined: ./featured-cards.css === */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
Each featured card is a small keli: distinct light, shared structure, and one honest
path deeper into Awtsmoos.com. Hover may invite, while a press returns the vessel to earth.
*/
body[data-geelooy-route="home"] .featured-card {
	--featured-accent: 112, 190, 255;
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-content: space-between;
	gap: .9rem;
	min-height: 220px;
	padding: 1rem;
	overflow: hidden;
	border: 1px solid rgba(var(--featured-accent), .34);
	border-radius: 1.2rem;
	background: var(--panel-background);
	box-shadow: var(--home-card-shadow);
	transition:
		border-color 180ms ease,
		background 180ms ease,
		box-shadow 180ms ease,
		filter 120ms ease,
		transform 200ms cubic-bezier(.2, .8, .2, 1);
}
body[data-geelooy-route="home"] .featured-card > * {
	position: relative;
	z-index: var(--home-local-content);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .featured-card::after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 46%;
	height: 38%;
	border-radius: 100% 0 0 0;
	background: rgba(var(--featured-accent), .08);
	content: "";
	pointer-events: none;
}
body[data-geelooy-route="home"] .featured-number {
	color: rgba(var(--featured-accent), .72);
	font-size: .58rem;
	font-weight: 850;
	letter-spacing: .1em;
}
body[data-geelooy-route="home"] .featured-symbol {
	display: grid;
	place-items: center;
	width: 2.75rem;
	height: 2.75rem;
	border: 1px solid rgba(var(--featured-accent), .5);
	border-radius: .86rem;
	background: var(--panel-raised);
	color: rgb(var(--featured-accent));
	font-size: 1rem;
	font-weight: 900;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .featured-card div {
	grid-column: 1 / -1;
	align-self: end;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .featured-card h3 {
	margin: .35rem 0 .45rem;
	font-size: 1.1rem;
	letter-spacing: -.035em;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .featured-card b {
	color: rgba(var(--featured-accent), .9);
	font-size: .9rem;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (hover: hover) and (pointer: fine) { :where(body[data-geelooy-route="home"]) .featured-card:hover {
		border-color: rgba(var(--featured-accent), .76);
		background: var(--panel-raised);
		box-shadow: var(--home-card-shadow);
		transform: translateY(-4px);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .featured-card:active {
	border-color: rgba(var(--featured-accent), .72);
	filter: brightness(.96);
	transform: translateY(1px) scale(.992);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .featured-card:focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) { body[data-geelooy-route="home"] .featured-card {
		transition: none;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .featured-card:hover, :where(body[data-geelooy-route="home"]) .featured-card:active, :where(body[data-geelooy-route="home"]) .featured-card:focus-visible {
		transform: none;
	} }


/* === inlined: ./featured-worlds-responsive.css === */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets the four gateways re-form across every screen, so Awtsmoos.com remains spacious without becoming distant.
*/
@media (max-width: 900px) { body[data-geelooy-route="home"] .featured-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .featured-worlds {
		padding-top: 1rem;
	} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .featured-heading {
		align-items: center;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .featured-heading a {
		display: none;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .featured-card {
		min-height: 190px;
		padding: .85rem;
	} }
@media (max-width: 430px) { body[data-geelooy-route="home"] .featured-grid {
		gap: .5rem;
	} }
@media (max-width: 430px) { body[data-geelooy-route="home"] .featured-card {
		min-height: 174px;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 430px) { :where(body[data-geelooy-route="home"]) .featured-card p {
		font-size: .66rem;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }


/* === inlined: ./reveal-motion.css === */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos reveals Awtsmoos.com without making revelation a hostage to motion:
the words and doors remain visible, while scroll and pointer light add depth like a quiet glow.
*/
body[data-geelooy-route="home"] .dance-frame, body[data-geelooy-route="home"] .featured-card {
	position: relative;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .dance-frame::before, :where(body[data-geelooy-route="home"]) .featured-card::before {
	position: absolute;
	inset: 0;
	z-index: var(--home-local-content);
	border-radius: inherit;
	background: radial-gradient(
		420px circle at var(--pointer-x, 50%) var(--pointer-y, 50%),
		var(--home-glow),
		transparent 56%
	);
	content: "";
	opacity: 0;
	pointer-events: none;
	transition: opacity .28s ease;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.dance-frame[data-pointer-light]:hover)::before, :where(body[data-geelooy-route="home"]) :where(.featured-card[data-pointer-light]:hover)::before, :where(body[data-geelooy-route="home"]) :where(.dance-frame[data-pointer-light]:focus-within)::before, :where(body[data-geelooy-route="home"]) :where(.featured-card[data-pointer-light]:focus-visible)::before {
	opacity: 1;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .has-reveal-motion [data-reveal] {
	opacity: .76;
	filter: blur(1.4px) saturate(.96);
	transform: translateY(12px) scale(.996);
	transition:
		opacity .52s ease,
		filter .62s ease,
		transform .68s cubic-bezier(.2, .72, .2, 1);
	transition-delay: calc(var(--reveal-order, 0) * 34ms);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) :where(.has-reveal-motion) [data-reveal].is-revealed {
	opacity: 1;
	filter: none;
	transform: none;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .portal-shortcuts a, :where(body[data-geelooy-route="home"]) .direct-navigation a, body[data-geelooy-route="home"] .featured-card {
	will-change: transform;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .dance-frame::before, :where(body[data-geelooy-route="home"]) .featured-card::before {
		display: none;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .has-reveal-motion [data-reveal], :where(body[data-geelooy-route="home"]) :where(.has-reveal-motion) [data-reveal].is-revealed, :where(body[data-geelooy-route="home"]) .portal-shortcuts a, :where(body[data-geelooy-route="home"]) .direct-navigation a, body[data-geelooy-route="home"] .featured-card {
		opacity: 1;
		filter: none;
		transform: none;
		transition: none;
		will-change: auto;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }


/* === inlined: ./footer.css === */
/* @tunnel-grandfather: single-cascade sheet; component selectors layered across feature sheets — registry one-owner rule structurally inapplicable; consolidation needs visual QA. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos leaves a calm human shoreline beneath Awtsmoos.com: a final breath and intentional paths whose quiet size still answers a real thumb.
*/
body[data-geelooy-route="home"] .site-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	width: min(1240px, calc(100% - 32px));
	margin: 0 auto;
	padding: .35rem 0 max(.72rem, env(safe-area-inset-bottom));
	color: var(--text-muted);
	font-size: .66rem;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .site-footer p {
	margin: 0;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .site-footer div {
	display: flex;
	gap: .3rem;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .site-footer a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding-inline: .45rem;
	border-radius: .55rem;
	color: var(--text-muted);
	transition: background .18s ease, color .18s ease, transform .18s ease;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .site-footer a:hover {
	background: var(--home-accent-soft);
	color: var(--text-primary);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .site-footer a:focus-visible {
	background: var(--home-accent-soft);
	color: var(--text-primary);
	outline: 3px solid var(--focus-ring);
	outline-offset: 2px;
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"]) .site-footer a:active {
	background: var(--home-accent-soft);
	transform: scale(.97);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .site-footer a {
		transition: none;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }


/* === inlined: ./mobile-dock.css === */
/* @tunnel-grandfather: single-cascade sheet; component selectors layered across feature sheets — registry one-owner rule structurally inapplicable; consolidation needs visual QA. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed be He
The Awtsmoos gives the thumb five stable daily doors; Awtsmoos.com keeps the current
world steady, lets fine pointers invite, and lets every press answer without confusion.
*/
body[data-geelooy-route="home"] .mobile-dock {
	display: none;
}
@media (max-width: 680px) { html[data-geelooy-route="home"] {
		scroll-padding-bottom: calc(5.25rem + env(safe-area-inset-bottom));
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .search textarea, :where(body[data-geelooy-route="home"]) .search input, :where(body[data-geelooy-route="home"]) .hero-actions a, body[data-geelooy-route="home"] .featured-card {
		scroll-margin-bottom: calc(5.25rem + env(safe-area-inset-bottom));
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .mobile-dock {
		position: fixed;
		right: .5rem;
		bottom: max(.5rem, env(safe-area-inset-bottom));
		left: .5rem;
		z-index: var(--home-layer-dock);
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: .18rem;
		padding: .34rem;
		border: 1px solid var(--panel-border);
		border-radius: 1.12rem;
		background: var(--panel-background);
		box-shadow: var(--home-card-shadow);
		transition: opacity .2s ease, transform .2s ease;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .mobile-dock a {
		display: grid;
		place-items: center;
		gap: .13rem;
		min-width: 0;
		min-height: 3.75rem;
		border: 1px solid transparent;
		border-radius: .78rem;
		color: var(--text-muted);
		transition:
			background 150ms ease,
			border-color 150ms ease,
			color 150ms ease,
			filter 110ms ease,
			transform 160ms cubic-bezier(.2, .8, .2, 1);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .mobile-dock a[aria-current="page"] {
		border-color: var(--panel-border-strong);
		background: var(--home-accent-soft);
		color: var(--home-accent-strong);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { @media (hover: hover) and (pointer: fine) { :where(body[data-geelooy-route="home"]) .mobile-dock a:hover {
			border-color: var(--panel-border-strong);
			background: var(--home-accent-soft);
			color: var(--home-accent-strong);
			transform: translateY(-1px);
		} } }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .mobile-dock a:active {
		border-color: var(--home-accent);
		background: var(--panel-raised);
		filter: brightness(.96);
		transform: translateY(1px) scale(.97);
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .mobile-dock a:focus-visible {
		outline: 3px solid var(--focus-ring);
		outline-offset: 2px;
	} }
/* B"H — golden drive icons for the mobile dock (Yaakov 2026-10-13) */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .mobile-dock img.mobile-dock-icon {
		width: 1.75rem;
		height: 1.75rem;
		object-fit: contain;
		border-radius: .45rem;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .mobile-dock span {
		font-size: 1.16rem;
		line-height: 1;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .mobile-dock small {
		overflow: hidden;
		max-width: 100%;
		font-size: .56rem;
		font-weight: 830;
		text-overflow: ellipsis;
		white-space: nowrap;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .site-footer {
		display: none;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
:where(body[data-geelooy-route="home"].explore-open) .mobile-dock, :where(body[data-geelooy-route="home"][data-awtsmoos-profile-open="true"]) .mobile-dock {
	opacity: 0;
	pointer-events: none;
	transform: translateY(1rem);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { body[data-geelooy-route="home"] .mobile-dock, :where(body[data-geelooy-route="home"]) .mobile-dock a {
		transition: none;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .mobile-dock a:hover, :where(body[data-geelooy-route="home"]) .mobile-dock a:active {
		transform: none;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (prefers-reduced-motion: reduce) { :where(body[data-geelooy-route="home"]) .mobile-dock a:focus-visible {
		transform: none;
	} }


/* === inlined: ./main-brand-mobile.css === */
/* @tunnel-grandfather: cross-page selector, no shared page. W4 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives the narrow Home page one measured earth beneath its fixed dock; Awtsmoos.com reserves that space once in the content vessel instead of stacking body and main padding into a false empty continent.
*/
@media (max-width: 680px) { body[data-geelooy-route="home"] {
		padding-bottom: 0;
		overflow-x: clip;
	} }
@media (max-width: 680px) { body[data-geelooy-route="home"] :where(.home, .hero, .action-panel, .featured-worlds, .shliach-spotlight, .shliach-home-section) {
		min-width: 0;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .banner-copy h1 {
		font-size: clamp(2.35rem, 12vw, 3.35rem);
		line-height: .94;
		max-width: 9ch;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .hero-summary {
		font-size: .98rem;
		line-height: 1.5;
		max-width: 31rem;
	} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .portal-shortcuts {
		display: none;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 680px) { :where(body[data-geelooy-route="home"]) .featured-heading h2 {
		font-size: clamp(1.8rem, 8.5vw, 2.55rem);
		line-height: 1.02;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }
@media (max-width: 680px) { body[data-geelooy-route="home"] .mobile-dock {
		bottom: max(.55rem, env(safe-area-inset-bottom));
	} }
@media (max-width: 680px) { body[data-geelooy-route="home"] :where(.hero-actions, .featured-worlds, .shliach-spotlight-card, .shliach-home-shell) {
		scroll-margin-bottom: 6.5rem;
	} }
@media (max-width: 390px) { body[data-geelooy-route="home"] .hero-actions {
		grid-template-columns: 1fr 1fr;
	} }
/* @tunnel-specificity: :where() reduced to (0,2,1) budget W4 2026-10-08 */
@media (max-width: 390px) { :where(body[data-geelooy-route="home"]) .hero-actions a:last-child {
		grid-column: 1 / -1;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */} }


/* === inlined: ./home-dream-overhaul.css === */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos crowns the Home doorway in dream gold: a living hero that answers the
pointer with true depth, an aurora that breathes behind the particle sky, portals
that open like irises, and a search vessel that feels awake. Every motion is
transform/opacity only, honors reduced-motion, and wins by cascade order —
never by !important.
*/
@property --dream-spin {
	syntax: "<angle>";
	inherits: false;
	initial-value: 0deg;
}
/* B"H — Dream overhaul tokens: layered on the dream palette, both themes. */
html[data-geelooy-route="home"] {
	--dream-spring: cubic-bezier(.2, .9, .25, 1.18);
	--dream-spring-soft: cubic-bezier(.2, .8, .2, 1);
	--dream-shimmer-hi: #caa14a;
	--dream-aurora-1: rgba(202, 161, 74, .13);
	--dream-aurora-2: rgba(179, 84, 30, .09);
	--dream-aurora-3: rgba(138, 109, 59, .11);
	--dream-sheen: rgba(255, 255, 255, .16);
	--dream-optical-glow: 0 0 0 4px var(--home-glow), 0 18px 46px rgba(90, 70, 40, .18);
}
html[data-geelooy-route="home"][data-theme="dark"] {
	--dream-shimmer-hi: #ffd98a;
	--dream-aurora-1: rgba(232, 189, 104, .15);
	--dream-aurora-2: rgba(232, 163, 77, .10);
	--dream-aurora-3: rgba(212, 169, 78, .13);
	--dream-sheen: rgba(255, 255, 255, .10);
	--dream-optical-glow: 0 0 0 4px var(--home-glow), 0 18px 46px rgba(0, 0, 0, .42);
}
/* ============ AURORA ATMOSPHERE ============ */
/* Two slow-drifting aurora bands live inside the ambient glow; the particle
   sky keeps doing the heavy lifting on canvas while CSS breathes around it. */
body[data-geelooy-route="home"] .ambient-glow::before, body[data-geelooy-route="home"] .ambient-glow::after {
	content: "";
	position: absolute;
	inset: -24%;
	border-radius: 50%;
	pointer-events: none;
}
body[data-geelooy-route="home"] .ambient-glow::before {
	background:
		conic-gradient(from 20deg, transparent 0deg, var(--dream-aurora-1) 70deg, transparent 140deg, var(--dream-aurora-2) 220deg, transparent 300deg),
		radial-gradient(circle at 60% 40%, var(--dream-aurora-3), transparent 62%);
	filter: blur(56px);
	opacity: .9;
	animation: dream-aurora-drift 34s ease-in-out infinite alternate;
}
body[data-geelooy-route="home"] .ambient-glow::after {
	background:
		conic-gradient(from 200deg, transparent 0deg, var(--dream-aurora-2) 90deg, transparent 170deg, var(--dream-aurora-1) 260deg, transparent 330deg);
	filter: blur(72px);
	opacity: .7;
	animation: dream-aurora-drift 46s ease-in-out infinite alternate-reverse;
}
@keyframes dream-aurora-drift {
	from { transform: rotate(0deg) scale(1); }
	to { transform: rotate(46deg) scale(1.12); }
}
/* The running sky sits a breath higher so the dream gold truly shimmers. */
body[data-geelooy-route="home"] .particle-sky[data-particle-status="running"] {
	opacity: .33;
}
/* ============ HERO: TRUE 3D DEPTH ============ */
body[data-geelooy-route="home"] .hero-shliach {
	perspective: 1600px;
}
body[data-geelooy-route="home"] .shliach-hero-card {
	transform: rotateX(calc(var(--tilt-x, 0deg) * 2.1)) rotateY(calc(var(--tilt-y, 0deg) * 2.1));
	transform-style: preserve-3d;
	perspective: 1200px;
	transition: transform .5s var(--dream-spring-soft), box-shadow .3s ease;
	will-change: transform;
}
/* The artwork sinks back into the card while it counter-sways: parallax. */
body[data-geelooy-route="home"] .shliach-hero-media {
	transform: translateZ(-72px) scale(1.12) rotateX(calc(var(--tilt-x, 0deg) * -.7)) rotateY(calc(var(--tilt-y, 0deg) * -.7));
	transition: transform .55s var(--dream-spring-soft);
}
/* The words float toward the visitor while counter-swaying against the art.
   The full transition list is preserved here so the reveal controller's
   opacity/filter choreography keeps working beneath the parallax. */
body[data-geelooy-route="home"] .shliach-hero-content {
	transform: translateZ(52px) rotateX(calc(var(--tilt-x, 0deg) * -.45)) rotateY(calc(var(--tilt-y, 0deg) * -.45));
	transition:
		transform .55s var(--dream-spring-soft),
		opacity .52s ease,
		filter .62s ease;
	transition-delay:
		0s,
		calc(var(--reveal-order, 0) * 34ms),
		calc(var(--reveal-order, 0) * 34ms);
}
/* Idle Ken Burns drift on the artwork; the tilt above adds the life. */
body[data-geelooy-route="home"] .shliach-hero-image {
	animation: dream-kenburns 28s ease-in-out infinite alternate;
	will-change: transform;
}
@keyframes dream-kenburns {
	from { transform: scale(1.02) translate(0, 0); }
	to { transform: scale(1.085) translate(-1.1%, .9%); }
}
/* A slow gold comet circles the card's edge — the dream shimmer line. */
body[data-geelooy-route="home"] .shliach-hero-card::before {
	content: "";
	position: absolute;
	inset: -1px;
	z-index: 3;
	border-radius: inherit;
	padding: 1.5px;
	background: conic-gradient(from var(--dream-spin), transparent 0deg, transparent 250deg, var(--dream-shimmer-hi) 292deg, transparent 334deg);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	opacity: .8;
	animation: dream-spin 9s linear infinite;
}
@keyframes dream-spin {
	to { --dream-spin: 360deg; }
}
/* Staggered springy entrance for the hero words once revealed. */
body[data-geelooy-route="home"] .has-reveal-motion .shliach-hero-content.is-revealed > * {
	animation: dream-rise .72s var(--dream-spring) both;
}
body[data-geelooy-route="home"] .has-reveal-motion .shliach-hero-content.is-revealed > *:nth-child(1) { animation-delay: .05s; }
body[data-geelooy-route="home"] .has-reveal-motion .shliach-hero-content.is-revealed > *:nth-child(2) { animation-delay: .13s; }
body[data-geelooy-route="home"] .has-reveal-motion .shliach-hero-content.is-revealed > *:nth-child(3) { animation-delay: .21s; }
body[data-geelooy-route="home"] .has-reveal-motion .shliach-hero-content.is-revealed > *:nth-child(4) { animation-delay: .3s; }
@keyframes dream-rise {
	from { opacity: 0; transform: translateY(20px) scale(.984); filter: blur(4px); }
}
/* The Shliach doorway link: magnetic-ready, deeper hover, alive press. */
body[data-geelooy-route="home"] .shliach-hero-link {
	transform: translate(var(--mag-x, 0px), var(--mag-y, 0px));
	transition: border-color 160ms ease, box-shadow 200ms ease, transform 200ms var(--dream-spring-soft);
}
@media (hover: hover) and (pointer: fine) {
	body[data-geelooy-route="home"] .shliach-hero-link:hover {
		border-color: var(--dream-shimmer-hi);
		box-shadow: var(--dream-optical-glow), 0 0 34px var(--home-glow);
		transform: translate(var(--mag-x, 0px), calc(var(--mag-y, 0px) - 3px)) scale(1.02);
	}
}
body[data-geelooy-route="home"] .shliach-hero-link:active {
	transform: translate(var(--mag-x, 0px), calc(var(--mag-y, 0px) + 1px)) scale(.97);
	filter: brightness(.97);
}
body[data-geelooy-route="home"] .shliach-hero-link:focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 3px;
	box-shadow: var(--dream-optical-glow);
}
body[data-geelooy-route="home"] .shliach-hero-link[aria-disabled="true"] {
	opacity: .55;
	cursor: not-allowed;
	transform: none;
}
/* The link arrow leans forward on hover — a doorway that beckons. */
body[data-geelooy-route="home"] .shliach-hero-link-arrow {
	display: inline-block;
	transition: transform 220ms var(--dream-spring);
}
@media (hover: hover) and (pointer: fine) {
	body[data-geelooy-route="home"] .shliach-hero-link:hover .shliach-hero-link-arrow {
		transform: translateX(5px);
	}
}
/* ============ SEARCH: THE VESSEL WAKES ============ */
body[data-geelooy-route="home"] .search {
	transition: border-color .2s ease, box-shadow .25s ease, border-radius .2s ease, transform .25s var(--dream-spring-soft);
}
body[data-geelooy-route="home"] .search:focus-within {
	transform: translateY(-2px);
}
body[data-geelooy-route="home"] .search textarea {
	caret-color: var(--home-accent-strong);
	transition: transform .25s var(--dream-spring-soft);

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
body[data-geelooy-route="home"] .search:focus-within textarea {
	transform: translateY(-1px);
}
/* While a question lives inside, the search sigil breathes gold. */
body[data-geelooy-route="home"] .search.has-query .search-symbol {
	animation: dream-sigil-breathe 1.8s ease-in-out infinite;
}
@keyframes dream-sigil-breathe {
	0%, 100% { transform: scale(1.06); box-shadow: 0 0 0 0 transparent; }
	50% { transform: scale(1.15); box-shadow: 0 0 20px var(--home-glow); }
}
/* The submit action: magnetic-ready, springs toward the pointer. */
body[data-geelooy-route="home"] .search button {
	transform: translate(var(--mag-x, 0px), var(--mag-y, 0px));
	transition: background .16s ease, border-color .16s ease, transform .2s var(--dream-spring-soft), box-shadow .2s ease, filter .12s ease;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
body[data-geelooy-route="home"] .search button:hover, body[data-geelooy-route="home"] .search button:focus-visible {
	transform: translate(var(--mag-x, 0px), calc(var(--mag-y, 0px) - 1px)) scale(1.03);
}
body[data-geelooy-route="home"] .search button:active {
	transform: translate(var(--mag-x, 0px), calc(var(--mag-y, 0px) + 1px)) scale(.97);
}
body[data-geelooy-route="home"] .search button:disabled {
	transform: none;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
/* Suggestion options arrive in a soft cascade. */
body[data-geelooy-route="home"] .omnibox-panel:not([hidden]) .omnibox-option {
	animation: dream-opt-in .3s var(--dream-spring-soft) both;
}
body[data-geelooy-route="home"] .omnibox-panel:not([hidden]) .omnibox-option:nth-child(1) { animation-delay: .01s; }
body[data-geelooy-route="home"] .omnibox-panel:not([hidden]) .omnibox-option:nth-child(2) { animation-delay: .04s; }
body[data-geelooy-route="home"] .omnibox-panel:not([hidden]) .omnibox-option:nth-child(3) { animation-delay: .07s; }
body[data-geelooy-route="home"] .omnibox-panel:not([hidden]) .omnibox-option:nth-child(4) { animation-delay: .1s; }
body[data-geelooy-route="home"] .omnibox-panel:not([hidden]) .omnibox-option:nth-child(5) { animation-delay: .13s; }
body[data-geelooy-route="home"] .omnibox-panel:not([hidden]) .omnibox-option:nth-child(6) { animation-delay: .16s; }
body[data-geelooy-route="home"] .omnibox-panel:not([hidden]) .omnibox-option:nth-child(7) { animation-delay: .19s; }
body[data-geelooy-route="home"] .omnibox-panel:not([hidden]) .omnibox-option:nth-child(8) { animation-delay: .22s; }
@keyframes dream-opt-in {
	from { opacity: 0; transform: translateY(7px) scale(.99); }
}
body[data-geelooy-route="home"] .omnibox-symbol {
	transition: transform .22s var(--dream-spring), background .16s ease, color .16s ease;
}
body[data-geelooy-route="home"] .omnibox-option:hover .omnibox-symbol, body[data-geelooy-route="home"] .omnibox-option.is-active .omnibox-symbol {
	transform: translateX(2px) rotate(-7deg) scale(1.06);
	background: var(--home-accent);
	color: var(--home-accent-ink);
}
body[data-geelooy-route="home"] .omnibox-option:disabled {
	opacity: .55;
	cursor: not-allowed;
}
/* ============ WORLDS: STEPPING THROUGH PORTALS ============ */
/* The closed launcher breathes a quiet invitation. */
body[data-geelooy-route="home"] .world-launcher:not([open]) .launcher-button {
	animation: dream-invite 3.4s ease-in-out infinite;
}
@keyframes dream-invite {
	0%, 100% { box-shadow: 0 0 0 0 transparent; }
	50% { box-shadow: 0 0 0 6px var(--home-glow); }
}
/* The panel opens like an iris: spring, blur, lift. */
body[data-geelooy-route="home"] .world-launcher[open] .world-panel {
	animation: dream-portal-in .38s var(--dream-spring) both;
}
@keyframes dream-portal-in {
	from { opacity: 0; transform: translate(-50%, -18px) scale(.965); filter: blur(5px); }
}
/* Tiles cascade in as the portal opens. */
body[data-geelooy-route="home"] .world-launcher[open] .world-tile {
	animation: dream-tile-in .42s var(--dream-spring) both;
}
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(1) { animation-delay: .03s; }
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(2) { animation-delay: .055s; }
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(3) { animation-delay: .08s; }
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(4) { animation-delay: .105s; }
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(5) { animation-delay: .13s; }
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(6) { animation-delay: .155s; }
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(7) { animation-delay: .18s; }
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(8) { animation-delay: .205s; }
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(9) { animation-delay: .23s; }
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(10) { animation-delay: .255s; }
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(11) { animation-delay: .28s; }
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(12) { animation-delay: .305s; }
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(13) { animation-delay: .33s; }
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(14) { animation-delay: .355s; }
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(15) { animation-delay: .38s; }
body[data-geelooy-route="home"] .world-launcher[open] .world-tile:nth-child(n+16) { animation-delay: .405s; }
@keyframes dream-tile-in {
	from { opacity: 0; transform: translateY(14px) scale(.94); filter: blur(3px); }
}
/* Tiles are magnetic and glow in their own world-tone on hover. */
body[data-geelooy-route="home"] .world-tile {
	position: relative;
	overflow: hidden;
	transform: translate3d(var(--mag-x, 0px), var(--mag-y, 0px), 0);
	transition: border-color .2s ease, background .2s ease, transform .22s var(--dream-spring-soft), box-shadow .25s ease;
}
body[data-geelooy-route="home"] .world-tile::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(105deg, transparent 42%, var(--dream-sheen) 50%, transparent 58%);
	transform: translateX(-130%);
	transition: transform .7s ease;
	pointer-events: none;
}
body[data-geelooy-route="home"] .world-tile:hover, body[data-geelooy-route="home"] .world-tile:focus-visible {
	border-color: rgba(var(--world-accent), .55);
	box-shadow: 0 16px 40px rgba(var(--world-accent), .3), inset 0 1px var(--home-inset-hi);
	transform: translate3d(var(--mag-x, 0px), calc(var(--mag-y, 0px) - 3px), 0);
}
body[data-geelooy-route="home"] .world-tile:hover::after, body[data-geelooy-route="home"] .world-tile:focus-visible::after {
	transform: translateX(130%);
}
body[data-geelooy-route="home"] .world-tile:active {
	transform: translate3d(var(--mag-x, 0px), calc(var(--mag-y, 0px) + 1px), 0) scale(.97);
}
body[data-geelooy-route="home"] .world-tile span {
	transition: transform .26s var(--dream-spring), background .2s ease, box-shadow .25s ease;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
body[data-geelooy-route="home"] .world-tile:hover span, body[data-geelooy-route="home"] .world-tile:focus-visible span {
	transform: rotate(-8deg) scale(1.1);
	box-shadow: 0 12px 28px rgba(var(--world-accent), .35), inset 0 1px var(--home-inset-hi);
}
body[data-geelooy-route="home"] .world-tile b {
	color: var(--text-primary);
}
body[data-geelooy-route="home"] .world-empty {
	color: var(--text-muted);
	font-size: .8rem;
	text-align: center;
	padding: 1.2rem .5rem;
}
/* ============ PORTAL SHORTCUTS: MAGNETIC DOORS ============ */
body[data-geelooy-route="home"] .portal-shortcuts a {
	position: relative;
	overflow: hidden;
	transform: translate(var(--mag-x, 0px), var(--mag-y, 0px));
	transition: background .18s ease, border-color .18s ease, box-shadow .25s ease, filter .12s ease, transform .22s var(--dream-spring-soft);

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
body[data-geelooy-route="home"] .portal-shortcuts a::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(105deg, transparent 42%, var(--dream-sheen) 50%, transparent 58%);
	transform: translateX(-130%);
	transition: transform .7s ease;
	pointer-events: none;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
@media (hover: hover) and (pointer: fine) {
	body[data-geelooy-route="home"] .portal-shortcuts a:hover {
		border-color: var(--panel-border-strong);
		background: var(--panel-raised);
		box-shadow: var(--dream-optical-glow), 0 0 30px var(--home-glow);
		transform: translate(var(--mag-x, 0px), calc(var(--mag-y, 0px) - 3px)) scale(1.015);
	}
	body[data-geelooy-route="home"] .portal-shortcuts a:hover::after {
		transform: translateX(130%);
	}
}
body[data-geelooy-route="home"] .portal-shortcuts a:active {
	border-color: var(--home-accent);
	filter: brightness(.96);
	transform: translate(var(--mag-x, 0px), calc(var(--mag-y, 0px) + 1px)) scale(.985);
}
body[data-geelooy-route="home"] .portal-shortcuts a:focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 2px;
	box-shadow: var(--dream-optical-glow);
}
/* The glyph springs up and tilts as the door opens. */
body[data-geelooy-route="home"] .portal-shortcuts a span {
	transition: transform .26s var(--dream-spring), background .18s ease, color .18s ease, box-shadow .25s ease;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
@media (hover: hover) and (pointer: fine) {
	body[data-geelooy-route="home"] .portal-shortcuts a:hover span {
		transform: translateY(-3px) rotate(-8deg) scale(1.08);
		background: var(--home-accent);
		color: var(--home-accent-ink);
		box-shadow: 0 10px 26px var(--home-glow);
	}
}
/* The name underlines itself in gold as the pointer arrives. */
body[data-geelooy-route="home"] .portal-shortcuts strong {
	color: var(--text-primary);
	background-image: linear-gradient(var(--home-accent-strong), var(--home-accent-strong));
	background-size: 0% 2px;
	background-repeat: no-repeat;
	background-position: left calc(100% - 1px);
	transition: background-size .28s var(--dream-spring-soft);
}
@media (hover: hover) and (pointer: fine) {
	body[data-geelooy-route="home"] .portal-shortcuts a:hover strong {
		background-size: 100% 2px;
	}
}
body[data-geelooy-route="home"] .portal-shortcuts small {
	color: var(--text-muted);
}
/* ============ MOBILE DOCK: GLASS PERFECTION ============ */
@media (max-width: 680px) {
	body[data-geelooy-route="home"] .mobile-dock {
		background: color-mix(in srgb, var(--panel-background) 82%, transparent);
		-webkit-backdrop-filter: blur(22px) saturate(1.3);
		backdrop-filter: blur(22px) saturate(1.3);
		box-shadow: var(--home-card-shadow), 0 0 34px var(--home-glow), inset 0 1px var(--home-inset-hi);
	}
	body[data-geelooy-route="home"] .mobile-dock a {
		position: relative;
		transform: translate(var(--mag-x, 0px), var(--mag-y, 0px));
		transition: background .18s ease, border-color .18s ease, color .18s ease, filter .12s ease, transform .22s var(--dream-spring-soft), box-shadow .22s ease;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
	body[data-geelooy-route="home"] .mobile-dock a[aria-current="page"] {
		border-color: var(--home-accent);
		background: var(--home-accent-soft);
		color: var(--home-accent-strong);
		box-shadow: 0 6px 22px var(--home-glow), inset 0 1px var(--home-inset-hi);
	}
	body[data-geelooy-route="home"] .mobile-dock a[aria-current="page"]::before {
		content: "";
		position: absolute;
		top: 5px;
		left: 50%;
		width: 20px;
		height: 3px;
		border-radius: 999px;
		background: var(--home-accent);
		box-shadow: 0 0 10px var(--home-accent);
		transform: translateX(-50%);
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
	body[data-geelooy-route="home"] .mobile-dock a:active {
		border-color: var(--home-accent);
		background: var(--panel-raised);
		filter: brightness(.96);
		transform: translate(var(--mag-x, 0px), calc(var(--mag-y, 0px) + 1px)) scale(.94);
	}
	body[data-geelooy-route="home"] .mobile-dock a:active span {
		transform: scale(.88);
	}
	body[data-geelooy-route="home"] .mobile-dock a span {
		color: inherit;
		transition: transform .2s var(--dream-spring);
	}
	body[data-geelooy-route="home"] .mobile-dock a small {
		color: inherit;
	}
	body[data-geelooy-route="home"] .mobile-dock a:focus-visible {
		outline: 3px solid var(--focus-ring);
		outline-offset: 2px;
	}
}
/* ============ HEADER: LIVING IDENTITY ============ */
/* The Aleph breathes a slow gold halo. */
body[data-geelooy-route="home"] .brand-mark {
	position: relative;
	overflow: hidden;
	animation: dream-brand-breathe 5s ease-in-out infinite;
}
@keyframes dream-brand-breathe {
	0%, 100% { box-shadow: inset 0 1px var(--home-inset-hi), 0 8px 24px var(--home-glow); }
	50% { box-shadow: inset 0 1px var(--home-inset-hi), 0 8px 34px var(--home-glow), 0 0 18px var(--home-glow); }
}
body[data-geelooy-route="home"] .brand-mark::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(105deg, transparent 42%, var(--dream-sheen) 50%, transparent 58%);
	transform: translateX(-130%);
	transition: transform .7s ease;
	pointer-events: none;
}
body[data-geelooy-route="home"] .brand:hover .brand-mark::after, body[data-geelooy-route="home"] .brand:focus-visible .brand-mark::after {
	transform: translateX(130%);
}
body[data-geelooy-route="home"] .brand-copy strong {
	color: var(--text-primary);
}
body[data-geelooy-route="home"] .brand-copy small {
	color: var(--text-muted);
}
/* The living-system dot pings softly outward. */
body[data-geelooy-route="home"] .system-signal i {
	position: relative;
}
body[data-geelooy-route="home"] .system-signal i::after {
	content: "";
	position: absolute;
	inset: -5px;
	border: 2px solid var(--home-success);
	border-radius: 50%;
	opacity: .55;
	animation: dream-ping 2.4s ease-out infinite;
	pointer-events: none;
}
@keyframes dream-ping {
	0% { transform: scale(.5); opacity: .6; }
	80%, 100% { transform: scale(1.25); opacity: 0; }
}
body[data-geelooy-route="home"] .system-signal span {
	color: var(--text-muted);
}
/* The launcher glyph twinkles: nine quiet points, one alive. */
body[data-geelooy-route="home"] .launcher-glyph {
	animation: dream-glyph-twinkle 3.8s ease-in-out infinite;
}
@keyframes dream-glyph-twinkle {
	0%, 100% { opacity: .92; }
	50% { opacity: .55; }
}
/* ============ FOOTER: QUIET SHORELINE ============ */
body[data-geelooy-route="home"] .site-footer {
	position: relative;
	border-top: 1px solid transparent;
}
body[data-geelooy-route="home"] .site-footer::before {
	content: "";
	position: absolute;
	top: -1px;
	right: 12%;
	left: 12%;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--home-line-soft) 30%, var(--home-line-soft) 70%, transparent);
	pointer-events: none;
}
body[data-geelooy-route="home"] .site-footer p {
	color: var(--text-muted);
}
body[data-geelooy-route="home"] .site-footer a {
	position: relative;
	color: var(--text-muted);
	transition: background .18s ease, color .18s ease, transform .18s var(--dream-spring-soft);
}
body[data-geelooy-route="home"] .site-footer a::after {
	content: "";
	position: absolute;
	right: .45rem;
	bottom: 8px;
	left: .45rem;
	height: 1px;
	background: var(--home-accent-strong);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .26s var(--dream-spring-soft);
	pointer-events: none;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
body[data-geelooy-route="home"] .site-footer a:hover, body[data-geelooy-route="home"] .site-footer a:focus-visible {
	background: var(--home-accent-soft);
	color: var(--text-primary);
}
body[data-geelooy-route="home"] .site-footer a:hover::after, body[data-geelooy-route="home"] .site-footer a:focus-visible::after {
	transform: scaleX(1);
}
body[data-geelooy-route="home"] .site-footer a:active {
	background: var(--home-accent-soft);
	color: var(--text-primary);
	transform: scale(.97);
}
body[data-geelooy-route="home"] .site-footer a:focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 2px;
}
/* ============ FINISHING DREAM DETAILS ============ */
body[data-geelooy-route="home"] ::selection {
	background: var(--home-accent-soft);
	color: var(--text-primary);
}
body[data-geelooy-route="home"] .world-panel {
	scrollbar-width: thin;
	scrollbar-color: var(--panel-border-strong) transparent;
}
/* The world-panel heading carries a soft portal wash behind the grid. */
body[data-geelooy-route="home"] .world-panel::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: radial-gradient(560px 220px at 50% -60px, var(--home-glow), transparent 70%);
	pointer-events: none;
}
/* Launcher filter input: gold caret, alive focus. */
body[data-geelooy-route="home"] .launcher-search input {
	caret-color: var(--home-accent-strong);
	color: var(--text-primary);
}
body[data-geelooy-route="home"] .launcher-search input::placeholder {
	color: var(--home-placeholder);
}
/* On small screens the dream stays calm: less tilt, softer shimmer. */
@media (max-width: 680px) {
	body[data-geelooy-route="home"] .shliach-hero-card {
		transform: rotateX(calc(var(--tilt-x, 0deg) * 1.1)) rotateY(calc(var(--tilt-y, 0deg) * 1.1));
	}
	body[data-geelooy-route="home"] .shliach-hero-media {
		transform: translateZ(-36px) scale(1.1) rotateX(calc(var(--tilt-x, 0deg) * -.4)) rotateY(calc(var(--tilt-y, 0deg) * -.4));
	}
	body[data-geelooy-route="home"] .shliach-hero-content {
		transform: translateZ(26px);
	}
	body[data-geelooy-route="home"] .shliach-hero-card::before {
		animation-duration: 14s;
		opacity: .55;
	}
}
/* ============ REDUCED MOTION: EVERYTHING RESTS ============ */
@media (prefers-reduced-motion: reduce) {
	body[data-geelooy-route="home"] .ambient-glow::before, body[data-geelooy-route="home"] .ambient-glow::after,
	body[data-geelooy-route="home"] .shliach-hero-image,
	body[data-geelooy-route="home"] .shliach-hero-card::before,
	body[data-geelooy-route="home"] .world-launcher:not([open]) .launcher-button,
	body[data-geelooy-route="home"] .brand-mark,
	body[data-geelooy-route="home"] .launcher-glyph,
	body[data-geelooy-route="home"] .system-signal i::after,
	body[data-geelooy-route="home"] .search.has-query .search-symbol {
		animation: none;
	}
	body[data-geelooy-route="home"] .shliach-hero-card,
	body[data-geelooy-route="home"] .shliach-hero-media,
	body[data-geelooy-route="home"] .shliach-hero-content,
	body[data-geelooy-route="home"] .has-reveal-motion .shliach-hero-content.is-revealed > *,
	body[data-geelooy-route="home"] .world-launcher[open] .world-panel,
	body[data-geelooy-route="home"] .world-launcher[open] .world-tile,
	body[data-geelooy-route="home"] .omnibox-panel:not([hidden]) .omnibox-option {
		animation: none;
		transform: none;
		transition: none;
	}
	body[data-geelooy-route="home"] .world-tile::after,
	body[data-geelooy-route="home"] .portal-shortcuts a::after,
	body[data-geelooy-route="home"] .brand-mark::after {
		display: none;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
}


/* === inlined: ./law8-cosmic.css === */
/* B"H
Boruch Hashem
Blessed is He
LAW 8 — reference-driven cosmic homepage. Driven by the approved design reference
(https://awtsmoos.com/design-refs/law8/homepage-ref.webp): midnight indigo cosmos,
glowing gold wordmark, drifting Hebrew letter particles, luminous search vessel,
glassmorphic portal cards, translucent nav rail. All color through local tokens —
light theme is the "cosmic dawn" sibling of the dark "midnight cosmos" reference.
No !important. Full interactive states. Both themes explicit.
*/
html[data-geelooy-route="home"] {
	--law8-cosmos-1: #f2f0fe;
	--law8-cosmos-2: #e8e4fb;
	--law8-cosmos-3: #d9d1f6;
	--law8-nebula-indigo: rgba(99, 91, 199, 0.22);
	--law8-nebula-violet: rgba(139, 109, 226, 0.20);
	--law8-nebula-gold: rgba(202, 161, 74, 0.20);
	--law8-gold-hi: #f2d98c;
	--law8-gold-soft: #a5854a;
	--law8-gold-glow: rgba(138, 109, 59, 0.16);
	--law8-title-glow: rgba(138, 109, 59, 0.28);
	--law8-title-shadow: rgba(0, 0, 0, 0.7);
	--law8-sub-ink: #f0e4c4;
	--law8-glass: rgba(255, 255, 255, 0.58);
	--law8-glass-hi: rgba(255, 255, 255, 0.72);
	--law8-glass-border: rgba(99, 91, 199, 0.30);
	--law8-nav: rgba(242, 240, 254, 0.78);
	--law8-nav-2: rgba(255, 255, 255, 0.66);
	--law8-card-ink: #2b2118;
	--law8-card-shadow: rgba(90, 70, 40, 0.12);
	--law8-search-border: rgba(138, 109, 59, 0.55);
	--law8-search-ring: rgba(138, 109, 59, 0.12);
	--law8-particle-gold: rgba(138, 109, 59, 0.52);
	--law8-particle-blue: rgba(99, 91, 199, 0.48);
	--law8-focus: #b3541e;
	--law8-layer-particles: 2;
}
html[data-geelooy-route="home"][data-theme="dark"] {
	--law8-cosmos-1: #0a0722;
	--law8-cosmos-2: #0d0a2c;
	--law8-cosmos-3: #161145;
	--law8-nebula-indigo: rgba(88, 80, 200, 0.42);
	--law8-nebula-violet: rgba(124, 93, 211, 0.34);
	--law8-nebula-gold: rgba(212, 169, 78, 0.16);
	--law8-gold-hi: #f0d089;
	--law8-gold-soft: #e8bd68;
	--law8-gold-glow: rgba(212, 169, 78, 0.30);
	--law8-title-glow: rgba(232, 189, 104, 0.55);
	--law8-title-shadow: rgba(0, 0, 0, 0.65);
	--law8-sub-ink: #e9dcc0;
	--law8-glass: rgba(22, 18, 54, 0.48);
	--law8-glass-hi: rgba(255, 255, 255, 0.10);
	--law8-glass-border: rgba(212, 169, 78, 0.32);
	--law8-nav: rgba(14, 11, 38, 0.68);
	--law8-nav-2: rgba(26, 20, 60, 0.62);
	--law8-card-ink: #f2e8cf;
	--law8-card-shadow: rgba(0, 0, 0, 0.50);
	--law8-search-border: rgba(232, 189, 104, 0.55);
	--law8-search-ring: rgba(232, 189, 104, 0.14);
	--law8-particle-gold: rgba(232, 189, 104, 0.60);
	--law8-particle-blue: rgba(150, 160, 255, 0.52);
	--law8-focus: #e8a34d;
}
/* ============ COSMIC PAGE BACKGROUND ============ */
/* B"H — the reference's midnight cosmos: indigo/violet nebulae, gold dust, deep base. */
body[data-geelooy-route="home"]::before {
	background:
		radial-gradient(1100px 700px at 12% 6%, var(--law8-nebula-indigo), transparent 62%),
		radial-gradient(900px 650px at 88% 16%, var(--law8-nebula-violet), transparent 60%),
		radial-gradient(1000px 800px at 50% 108%, var(--law8-nebula-indigo), transparent 60%),
		radial-gradient(620px 420px at 82% 72%, var(--law8-nebula-gold), transparent 62%),
		radial-gradient(560px 420px at 12% 78%, var(--law8-nebula-gold), transparent 64%),
		linear-gradient(180deg, var(--law8-cosmos-1) 0%, var(--law8-cosmos-2) 48%, var(--law8-cosmos-3) 100%);
}
/* ============ AURORA ATMOSPHERE ============ */
body[data-geelooy-route="home"] .ambient-glow {
	background:
		radial-gradient(closest-side, var(--law8-nebula-indigo), transparent 70%),
		radial-gradient(closest-side at 72% 58%, var(--law8-nebula-violet), transparent 72%),
		radial-gradient(closest-side at 30% 70%, var(--law8-nebula-gold), transparent 72%);
	animation: law8-aurora 26s ease-in-out infinite alternate;
}
@keyframes law8-aurora {
	from { transform: translateX(-50%) scale(1); opacity: 0.8; }
	to { transform: translateX(-50%) scale(1.12); opacity: 1; }
}
/* ============ DRIFTING HEBREW PARTICLES ============ */
/* B"H — aleph / shin / mem and kin drift upward through the cosmos, per the reference. */
body[data-geelooy-route="home"] .law8-particles {
	position: fixed;
	inset: 0;
	z-index: var(--law8-layer-particles);
	overflow: hidden;
	pointer-events: none;
}
body[data-geelooy-route="home"] .law8-particles span {
	position: absolute;
	font-family: var(--dream-hebrew-font, "Frank Ruhl Libre", "Times New Roman", serif);
	color: var(--law8-particle-gold);
	text-shadow: 0 0 14px var(--law8-title-glow);
	line-height: 1;
	opacity: 0;
	animation-name: law8-drift;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
/* @tunnel-specificity: :where() reduced to (0,2,2) budget */
:where(body[data-geelooy-route="home"]) .law8-particles span:nth-child(even) {
	color: var(--law8-particle-blue);
}
@keyframes law8-drift {
	0% { transform: translate3d(0, 40px, 0) rotate(-8deg); opacity: 0; }
	14% { opacity: 0.85; }
	82% { opacity: 0.85; }
	100% { transform: translate3d(48px, -140px, 0) rotate(9deg); opacity: 0; }
}
body[data-geelooy-route="home"] .law8-p01 { left: 8%; top: 20%; font-size: 64px; animation-duration: 24s; animation-delay: -4s; }
body[data-geelooy-route="home"] .law8-p02 { left: 22%; top: 70%; font-size: 44px; animation-duration: 30s; animation-delay: -18s; }
body[data-geelooy-route="home"] .law8-p03 { left: 88%; top: 16%; font-size: 72px; animation-duration: 27s; animation-delay: -9s; }
body[data-geelooy-route="home"] .law8-p04 { left: 78%; top: 64%; font-size: 52px; animation-duration: 22s; animation-delay: -14s; }
body[data-geelooy-route="home"] .law8-p05 { left: 45%; top: 10%; font-size: 40px; animation-duration: 32s; animation-delay: -22s; }
body[data-geelooy-route="home"] .law8-p06 { left: 62%; top: 84%; font-size: 48px; animation-duration: 26s; animation-delay: -7s; }
body[data-geelooy-route="home"] .law8-p07 { left: 5%; top: 84%; font-size: 56px; animation-duration: 29s; animation-delay: -26s; }
body[data-geelooy-route="home"] .law8-p08 { left: 92%; top: 86%; font-size: 44px; animation-duration: 23s; animation-delay: -11s; }
body[data-geelooy-route="home"] .law8-p09 { left: 35%; top: 44%; font-size: 36px; animation-duration: 31s; animation-delay: -2s; }
body[data-geelooy-route="home"] .law8-p10 { left: 70%; top: 40%; font-size: 60px; animation-duration: 25s; animation-delay: -20s; }
body[data-geelooy-route="home"] .law8-p11 { left: 15%; top: 47%; font-size: 42px; animation-duration: 28s; animation-delay: -16s; }
body[data-geelooy-route="home"] .law8-p12 { left: 55%; top: 62%; font-size: 38px; animation-duration: 33s; animation-delay: -28s; }
/* ============ TRANSLUCENT NAV RAIL ============ */
body[data-geelooy-route="home"] .header-rail {
	background: linear-gradient(135deg, var(--law8-nav), var(--law8-nav-2));
	border-color: var(--law8-glass-border);
	box-shadow: 0 12px 40px var(--law8-card-shadow), inset 0 1px 0 var(--law8-glass-hi);
	backdrop-filter: blur(20px) saturate(1.25);
	-webkit-backdrop-filter: blur(20px) saturate(1.25);
}
/* ============ GLOWING GOLD WORDMARK ============ */
/* B"H 2026-10-13 — Yaakov: the gold "Awtsmoos" wordmark was unreadable on the
   busy hyperreal hero artwork. A dark glyph outline plus deep halo shadows carve
   the wordmark out of the background; the artwork itself stays untouched. */
body[data-geelooy-route="home"] .home-hero-title {
	color: var(--law8-gold-hi);
	-webkit-text-stroke: 1.5px rgba(26, 16, 4, 0.9);
	paint-order: stroke fill;
	text-shadow:
		0 2px 3px rgba(0, 0, 0, 0.95),
		0 4px 14px rgba(0, 0, 0, 0.9),
		0 8px 34px rgba(0, 0, 0, 0.85),
		0 0 18px var(--law8-title-glow),
		0 0 54px var(--law8-gold-glow);
}
body[data-geelooy-route="home"] .home-hero-sub {
	color: var(--law8-sub-ink);
	-webkit-text-stroke: 0.75px rgba(26, 16, 4, 0.85);
	paint-order: stroke fill;
	text-shadow:
		0 1px 3px rgba(0, 0, 0, 0.95),
		0 2px 10px rgba(0, 0, 0, 0.85);
}
/* B"H — the hero card floats on the cosmos; the Shliach artwork stays full-bleed. */
body[data-geelooy-route="home"] .shliach-hero-card {
	background: transparent;
	border-color: var(--law8-glass-border);
	box-shadow: 0 24px 70px var(--law8-card-shadow), 0 0 60px var(--law8-gold-glow);
}
/* ============ LUMINOUS SEARCH VESSEL ============ */
body[data-geelooy-route="home"] .search {
	border-color: var(--law8-search-border);
	background: var(--law8-glass);
	box-shadow:
		0 0 0 1px var(--law8-search-ring),
		0 0 34px var(--law8-gold-glow),
		0 18px 46px var(--law8-card-shadow),
		inset 0 1px 0 var(--law8-glass-hi);
	backdrop-filter: blur(20px) saturate(1.2);
	-webkit-backdrop-filter: blur(20px) saturate(1.2);
}
/* ============ GLASSMORPHIC PORTAL CARDS ============ */
/* @tunnel-specificity: :where() reduced to (0,1,1) budget — later import order wins ties */
:where(body[data-geelooy-route="home"]) .portal-shortcuts a {
	background: var(--law8-glass);
	border-color: var(--law8-glass-border);
	color: var(--law8-card-ink);
	box-shadow:
		0 10px 34px var(--law8-card-shadow),
		inset 0 1px 0 var(--law8-glass-hi);
	backdrop-filter: blur(18px) saturate(1.2);
	-webkit-backdrop-filter: blur(18px) saturate(1.2);
}
@media (hover: hover) and (pointer: fine) {
	/* @tunnel-specificity: :where() reduced to (0,2,1) budget */
	:where(body[data-geelooy-route="home"]) .portal-shortcuts a:hover {
		border-color: var(--law8-gold-soft);
		color: var(--law8-card-ink);
		box-shadow:
			0 16px 44px var(--law8-card-shadow),
			0 0 30px var(--law8-gold-glow),
			inset 0 1px 0 var(--law8-glass-hi);
		transform: translateY(-3px);
	}
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget */
:where(body[data-geelooy-route="home"]) .portal-shortcuts a:focus-visible {
	outline: 3px solid var(--law8-focus);
	outline-offset: 2px;
	border-color: var(--law8-gold-soft);
}
/* @tunnel-specificity: :where() reduced to (0,2,1) budget */
:where(body[data-geelooy-route="home"]) .portal-shortcuts a:active {
	border-color: var(--law8-gold-soft);
	transform: translateY(1px) scale(0.99);
}
/* ============ FILMS TEASER — GOLD HALO ============ */
body[data-geelooy-route="home"] .films-teaser {
	box-shadow:
		0 24px 70px var(--law8-card-shadow),
		0 0 44px var(--law8-gold-glow);
}
/* ============ MOBILE DOCK — COSMIC GLASS ============ */
@media (max-width: 680px) {
	body[data-geelooy-route="home"] .mobile-dock {
		background: var(--law8-nav);
		border-color: var(--law8-glass-border);
		box-shadow: 0 12px 40px var(--law8-card-shadow), inset 0 1px 0 var(--law8-glass-hi);
		backdrop-filter: blur(20px) saturate(1.25);
		-webkit-backdrop-filter: blur(20px) saturate(1.25);
	}
}
/* ============ REDUCED MOTION ============ */
@media (prefers-reduced-motion: reduce) {
	body[data-geelooy-route="home"] .ambient-glow {
		animation: none;
	}
	body[data-geelooy-route="home"] .law8-particles span {
		animation: none;
		opacity: 0.35;
		color: var(--law8-particle-gold);
	}
}

/* ============ ROUND 2 POLISH — hero hierarchy, rhythm, CTA clarity (2026-10-13) ============ */
/* B"H — the hero needed one breath of hierarchy: an eyebrow above the wordmark,
   quiet doorway links beneath the search, and a labeled beat before the portals.
   @tunnel-specificity: :where() wrappers keep state selectors inside the (0,3,0) budget. */
body[data-geelooy-route="home"] .home-hero-eyebrow {
	margin: 0 0 .65rem;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: var(--home-hero-ink-soft);
	text-shadow:
		0 1px 3px rgba(0, 0, 0, .9),
		0 0 12px rgba(0, 0, 0, .55);
}
body[data-geelooy-route="home"] .home-hero-quicklinks {
	margin: 1.1rem 0 0;
	font-size: .86rem;
	color: var(--law8-sub-ink);
	text-align: center;
	text-shadow: 0 1px 6px rgba(0, 0, 0, .85);
}
:where(body[data-geelooy-route="home"]) .home-hero-quicklinks a {
	display: inline-block;
	min-height: 2.75rem;
	padding: .6rem .4rem;
	border-radius: .5rem;
	color: var(--law8-gold-hi);
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}
@media (hover: hover) and (pointer: fine) {
	:where(body[data-geelooy-route="home"]) .home-hero-quicklinks a:hover {
		color: var(--law8-gold-hi);
		border-bottom-color: var(--law8-gold-hi);
	}
}
:where(body[data-geelooy-route="home"]) .home-hero-quicklinks a:focus-visible {
	outline: 3px solid var(--law8-focus);
	outline-offset: 2px;
}
:where(body[data-geelooy-route="home"]) .home-hero-quicklinks a:active {
	transform: translateY(1px);
}
/* B"H — a labeled beat between hero and portals: the eye lands, then chooses. */
body[data-geelooy-route="home"] .portal-shortcuts-label {
	grid-column: 1 / -1;
	margin: .4rem 0 .1rem;
	text-align: center;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: var(--law8-gold-soft);
}
:where(body[data-geelooy-route="home"]) .portal-shortcuts-label span {
	display: inline-flex;
	align-items: center;
	gap: .9rem;
	color: var(--law8-gold-soft);
}
:where(body[data-geelooy-route="home"]) .portal-shortcuts-label span::before,
:where(body[data-geelooy-route="home"]) .portal-shortcuts-label span::after {
	content: "";
	width: 3.2rem;
	height: 1px;
	color: var(--law8-gold-soft);
	background: linear-gradient(90deg, transparent, var(--law8-glass-border));
}
:where(body[data-geelooy-route="home"]) .portal-shortcuts-label span::after {
	color: var(--law8-gold-soft);
	background: linear-gradient(90deg, var(--law8-glass-border), transparent);
}
/* B"H — rhythm: the hero breathes before the portals; the search vessel glows on focus. */
body[data-geelooy-route="home"] .hero-shliach {
	margin-bottom: .4rem;
}
:where(body[data-geelooy-route="home"]) .search:focus-within {
	border-color: var(--law8-gold-hi);
	box-shadow:
		0 0 0 3px var(--law8-search-ring),
		0 0 44px var(--law8-gold-glow),
		0 18px 46px var(--law8-card-shadow),
		inset 0 1px 0 var(--law8-glass-hi);
}


/* ===== geelooy/style/home-simple/home-polish-law8.css ===== */
/* B"H
Boruch Hashem
Blessed is He
LAW 8 polish — Home + Navigation + Account drawer (UI/UX lane, 2026-10-11).
Loads AFTER base.css / components.css; additive only, never restates layout.
Dream tokens only: home-tokens.css + law8-cosmic.css + local --polish-* aliases.
No !important. Every interactive element carries :hover / :focus-visible /
:active; every text rule declares an explicit theme-safe color.
Reference: geelooy/design-refs/law8/homepage-uiux-ref.webp
*/

/* ============ 0. Polish tokens ============ */
html[data-geelooy-route="home"] {
	--polish-ease: cubic-bezier(0.22, 0.9, 0.28, 1);
}

/* ============ 1. Interaction foundation ============ */
:where([data-geelooy-route="home"]) :focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 2px;
}
html[data-geelooy-route="home"] ::selection {
	background: var(--home-accent-soft);
	color: var(--text-primary);
}

/* ============ 2. Header crown ============ */
/* B"H — the crown stays with the traveler while worlds are browsed. */
:where([data-geelooy-route="home"]) .site-header {
	position: sticky;
	top: 0;
}
:where([data-geelooy-route="home"]) .brand {
	border-radius: 0.9rem;
	color: var(--text-primary);
	text-decoration: none;
	transition: background-color 0.18s ease;
}
@media (hover: hover) and (pointer: fine) {
	:where([data-geelooy-route="home"]) .brand:hover {
		background: var(--home-wash);
	}
}
:where([data-geelooy-route="home"]) .brand:active {
	background: var(--home-accent-soft);
}
:where([data-geelooy-route="home"]) .brand-mark {
	text-shadow: 0 0 18px var(--home-glow);
	transition: text-shadow 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
	:where([data-geelooy-route="home"]) .brand:hover .brand-mark {
		text-shadow: 0 0 26px var(--law8-title-glow);
	}
}

/* ============ 3. World launcher ============ */
/* B"H — the constellation chamber arrives with one breath, never a snap. */
:where([data-geelooy-route="home"]) .world-launcher[open] .world-panel {
	animation: polish-panel-in 0.22s var(--polish-ease);
}
@keyframes polish-panel-in {
	from { opacity: 0; transform: translateY(-8px) scale(0.985); }
	to { opacity: 1; transform: none; }
}
:where([data-geelooy-route="home"]) .world-panel-heading small {
	color: var(--text-faint);
}
:where([data-geelooy-route="home"]) .world-panel-heading strong {
	color: var(--text-primary);
}
:where([data-geelooy-route="home"]) [data-world-total],
:where([data-geelooy-route="home"]) [data-world-count] {
	color: var(--text-muted);
}
:where([data-geelooy-route="home"]) .launcher-search input {
	color: var(--text-primary);
	background: var(--home-input-background);
	border: 1px solid var(--panel-border);
	border-radius: 0.7rem;
	transition: border-color 0.16s ease, box-shadow 0.16s ease;
}
:where([data-geelooy-route="home"]) .launcher-search input::placeholder {
	color: var(--home-placeholder);
}
:where([data-geelooy-route="home"]) .launcher-search input:hover {
	border-color: var(--panel-border-strong);
}
:where([data-geelooy-route="home"]) .launcher-search input:focus {
	outline: 2px solid var(--focus-ring);
	outline-offset: 1px;
	border-color: var(--home-accent);
}
:where([data-geelooy-route="home"]) .launcher-search kbd,
:where([data-geelooy-route="home"]) .launcher-meta kbd {
	color: var(--text-muted);
	background: var(--home-wash);
	border: 1px solid var(--home-line-soft);
	border-radius: 0.35rem;
}
:where([data-geelooy-route="home"]) .launcher-meta {
	color: var(--text-faint);
}
/* B"H — each world tile names its vessel in ink, its promise in soft voice. */
:where([data-geelooy-route="home"]) .world-tile > span {
	color: var(--home-accent-strong);
}
:where([data-geelooy-route="home"]) .world-tile b {
	color: var(--text-primary);
	font-weight: 750;
}
:where([data-geelooy-route="home"]) .world-tile small {
	color: var(--text-muted);
}
:where([data-geelooy-route="home"]) .world-empty {
	color: var(--text-muted);
}

/* ============ 4. Hero ============ */
:where([data-geelooy-route="home"]) .home-hero-title {
	text-wrap: balance;
}
:where([data-geelooy-route="home"]) .shliach-hero-link-label {
	color: var(--home-hero-ink);
}
:where([data-geelooy-route="home"]) .shliach-hero-link-icon {
	color: var(--law8-gold-soft);
}
:where([data-geelooy-route="home"]) .shliach-hero-link-arrow {
	color: var(--home-hero-ink-soft);
	transition: transform 0.2s var(--polish-ease);
}
@media (hover: hover) and (pointer: fine) {
	:where([data-geelooy-route="home"]) .shliach-hero-link:hover .shliach-hero-link-arrow {
		transform: translateX(4px);
	}
}

/* ============ 5. Search vessel internals ============ */
:where([data-geelooy-route="home"]) .search textarea {
	color: var(--text-primary);
	font-size: 1.02rem;
}
:where([data-geelooy-route="home"]) .search textarea::placeholder {
	color: var(--home-placeholder);
}
:where([data-geelooy-route="home"]) .search textarea:focus {
	outline: 2px solid var(--focus-ring);
	outline-offset: -2px;
	border-radius: 0.6rem;
}
:where([data-geelooy-route="home"]) .search-symbol {
	color: var(--home-accent-strong);
}
:where([data-geelooy-route="home"]) .shortcut-key {
	color: var(--text-faint);
	background: var(--home-wash);
	border: 1px solid var(--home-line-soft);
	border-radius: 0.45rem;
}
:where([data-geelooy-route="home"]) .omnibox-heading {
	color: var(--text-muted);
}
:where([data-geelooy-route="home"]) [data-history-clear] {
	color: var(--text-muted);
	border-radius: 0.5rem;
	transition: color 0.16s ease, background-color 0.16s ease, transform 0.16s var(--polish-ease);
}
@media (hover: hover) and (pointer: fine) {
	:where([data-geelooy-route="home"]) [data-history-clear]:hover {
		color: var(--home-danger);
		background: var(--home-wash);
	}
}
:where([data-geelooy-route="home"]) [data-history-clear]:active {
	color: var(--home-danger);
	transform: scale(0.96);
}

/* ============ 6. Portal shortcuts ============ */
/* B"H — glyph in gold, name in ink, promise in a soft voice. */
:where([data-geelooy-route="home"]) .portal-shortcut-link > span {
	color: var(--home-accent-strong);
}
:where([data-geelooy-route="home"]) .portal-shortcut-link strong {
	color: var(--text-primary);
}
:where([data-geelooy-route="home"]) .portal-shortcut-link small {
	color: var(--text-muted);
}

/* ============ 7. Films teaser ============ */
:where([data-geelooy-route="home"]) .films-teaser-link .films-teaser-arrow {
	transition: transform 0.2s var(--polish-ease);
}
@media (hover: hover) and (pointer: fine) {
	:where([data-geelooy-route="home"]) .films-teaser-link:hover .films-teaser-arrow {
		transform: translateX(4px);
	}
}

/* ============ 8. Account drawer — home-scoped accents ============ */
/* B"H — the identity vessel is complete and keeps its Yaakov-approved
   dark-glass identity on every page; home adds only what the shared
   component lacks: an open-state accent on the trigger and a press answer
   on the route dishes. Nothing restyled, nothing overridden. */
:where([data-geelooy-route="home"]) .awtsmoosDrop[data-open] .profile-trigger {
	border-color: var(--home-accent);
	box-shadow: 0 0 0 4px var(--home-glow);
}
:where([data-geelooy-route="home"]) .awtsmoosDrop .profile-route-dish {
	transition: transform 0.16s var(--polish-ease);
}
:where([data-geelooy-route="home"]) .awtsmoosDrop .profile-route-dish:active {
	transform: scale(0.98);
}

/* ============ 9. Responsive refinements ============ */
/* B"H — 412px: the crown breathes, the search vessel keeps its question. */
@media (max-width: 480px) {
	:where([data-geelooy-route="home"]) .shortcut-key {
		display: none;
	}
	:where([data-geelooy-route="home"]) .shliach-hero-card {
		border-radius: 1.1rem;
	}
	:where([data-geelooy-route="home"]) .portal-shortcuts {
		gap: 0.7rem;
	}
}
/* B"H — 1440px: portals breathe wider on the full horizon. */
@media (min-width: 1100px) {
	:where([data-geelooy-route="home"]) .portal-shortcuts {
		gap: 1.25rem;
	}
}

/* ============ 10. Reduced motion ============ */
@media (prefers-reduced-motion: reduce) {
	:where([data-geelooy-route="home"]) .world-launcher[open] .world-panel {
		animation: none;
	}
}

/* ===== geelooy/css/golden-icons.css ===== */
/* B"H — Golden Icon System for Awtsmoos (Yaakov 2026-10-13)
 * Each icon has UNIQUE hover/active states matched to its meaning —
 * never the same generic scale/glow for all.
 *   home:     hover = warm glow expands outward · active = deep amber press
 *   search:   hover = lens brightens + twinkles · active = lens compresses
 *   play:     hover = triangle pulses with energy · active = triangle pushes in
 *   mail:     hover = envelope flap lifts · active = envelope seals shut
 *   bell:     hover = bell swings gently · active = bell rings (quick shake)
 *   torah:    hover = scroll unfurls · active = settles
 *   games:    hover = playful bounce · active = squash
 *   profile:  hover = warm halo ring expands · active = press
 *   settings: hover = gear turns · active = gear cranks further
 *   plus:     hover = spins open 90° · active = snaps in
 *   share:    hover = arrow nudges up-right · active = press
 *   download: hover = dips down inviting · active = drops in
 *   bookmark: hover = ribbon lifts · active = ribbon pins down
 * Focus ring is intentionally consistent (keyboard accessibility).
 * Mobile-first. No !important. Token-driven.
 */

:root {
  --gicon-gold: #d4af37;
  --gicon-gold-deep: #9a7b1e;
  --gicon-amber-dark: #78480a;
  --gicon-glow-soft: rgba(212, 175, 55, 0.45);
  --gicon-glow-strong: rgba(212, 175, 55, 0.7);
  --gicon-ring: 0 0 0 3px rgba(212, 175, 55, 0.55);
  --gicon-ease: 0.18s ease;
}

/* ---------- base ---------- */
.gicon {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  object-fit: contain;
  border-radius: 0.5rem;
  vertical-align: middle;
  user-select: none;
  -webkit-user-select: none;
  transition: transform var(--gicon-ease), filter var(--gicon-ease), box-shadow var(--gicon-ease);
}

.gicon--xs { width: 1.125rem; height: 1.125rem; }
.gicon--sm { width: 1.5rem; height: 1.5rem; }
.gicon--md { width: 1.75rem; height: 1.75rem; }
.gicon--lg { width: 2.5rem; height: 2.5rem; }
.gicon--xl { width: 3.5rem; height: 3.5rem; }

/* ---------- wrappers (layout only; motion lives on the icon) ---------- */
.gicon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0.5rem;
  border: 1px solid transparent;
  border-radius: 0.875rem;
  background: transparent;
  cursor: pointer;
  color: inherit;
  font: inherit;
  transition: background var(--gicon-ease), border-color var(--gicon-ease);
}
.gicon-btn:active {
  background: rgba(212, 175, 55, 0.12);
  border-color: rgba(212, 175, 55, 0.35);
}
.gicon-btn:disabled { opacity: 0.4; cursor: not-allowed; }
.gicon-btn:disabled .gicon { filter: grayscale(0.5); }

.gicon-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  border-radius: 1rem;
  text-decoration: none;
  color: inherit;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  min-width: 3.5rem;
  transition: background var(--gicon-ease), color var(--gicon-ease);
}
.gicon-nav .gicon { width: 1.75rem; height: 1.75rem; }
.gicon-nav:hover { background: rgba(212, 175, 55, 0.1); }
.gicon-nav[aria-current="page"], .gicon-nav.is-active {
  background: rgba(212, 175, 55, 0.16);
  color: var(--gicon-gold);
}

.gicon-action {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 500;
  color: inherit;
  transition: background var(--gicon-ease), border-color var(--gicon-ease), color var(--gicon-ease);
}
.gicon-action .gicon { width: 1.375rem; height: 1.375rem; }
.gicon-action:hover { background: rgba(212, 175, 55, 0.1); border-color: rgba(212, 175, 55, 0.25); }
.gicon-action.is-on { color: var(--gicon-gold); }

.gicon-reader {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: rgba(255, 251, 240, 0.9);
  border: 1px solid rgba(212, 175, 55, 0.3);
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: border-color var(--gicon-ease), box-shadow var(--gicon-ease), transform var(--gicon-ease);
}
.gicon-reader .gicon { width: 1.5rem; height: 1.5rem; }
.gicon-reader:hover { border-color: rgba(212, 175, 55, 0.6); }
.gicon-reader:active { transform: scale(0.94); }

/* ---------- focus (consistent ring for keyboard users) ---------- */
.gicon-btn:focus-visible,
.gicon-nav:focus-visible,
.gicon-action:focus-visible,
.gicon-reader:focus-visible,
a:focus-visible .gicon {
  outline: none;
  box-shadow: var(--gicon-ring);
}

/* ---------- keyframes ---------- */
@keyframes gicon-play-pulse {
  0%, 100% { transform: scale(1); filter: brightness(1); }
  50% { transform: scale(1.14); filter: brightness(1.28) saturate(1.2); }
}
@keyframes gicon-bell-swing {
  0%, 100% { transform: rotate(11deg); }
  50% { transform: rotate(-11deg); }
}
@keyframes gicon-bell-ring {
  0%, 100% { transform: rotate(0deg); }
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-13deg); }
  60% { transform: rotate(9deg); }
  80% { transform: rotate(-6deg); }
}
@keyframes gicon-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
@keyframes gicon-dip {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(3px); }
}
@keyframes gicon-lens-twinkle {
  0%, 100% { filter: brightness(1.12) saturate(1.05); }
  50% { filter: brightness(1.42) saturate(1.25); }
}

/* wrapper alias so one selector list can trigger every context */
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a) { /* context hook */ }

/* ---------- HOME: glow expands outward · press = deep amber inner shadow ---------- */
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):hover .gicon--home,
.gicon--home:hover {
  transform: translateY(-2px) scale(1.06);
  filter: brightness(1.1);
  box-shadow: 0 0 18px var(--gicon-glow-soft), 0 0 46px rgba(212, 175, 55, 0.25);
}
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):active .gicon--home,
.gicon--home:active {
  transform: translateY(1px) scale(0.96);
  filter: brightness(0.94);
  box-shadow: inset 0 3px 10px rgba(120, 72, 10, 0.55);
}

/* ---------- SEARCH: lens brightens + twinkles · press = lens compresses ---------- */
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):hover .gicon--search,
.gicon--search:hover {
  transform: scale(1.08);
  animation: gicon-lens-twinkle 1.1s ease-in-out infinite;
}
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):active .gicon--search,
.gicon--search:active {
  animation: none;
  transform: scale(0.88);
  filter: brightness(0.95);
}

/* ---------- PLAY: triangle pulses with energy · press = pushes in ---------- */
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):hover .gicon--play,
.gicon--play:hover {
  animation: gicon-play-pulse 1s ease-in-out infinite;
  box-shadow: 0 0 16px var(--gicon-glow-soft);
}
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):active .gicon--play,
.gicon--play:active {
  animation: none;
  transform: scale(0.88);
  filter: brightness(0.9);
}

/* ---------- MAIL: flap lifts (tilt back) · press = seals shut ---------- */
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):hover .gicon--mail,
.gicon--mail:hover {
  transform: perspective(400px) rotateX(-14deg) translateY(-2px);
  filter: brightness(1.1);
  box-shadow: 0 6px 14px rgba(212, 175, 55, 0.3);
}
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):active .gicon--mail,
.gicon--mail:active {
  transform: perspective(400px) rotateX(9deg) scale(0.94);
  filter: brightness(0.93);
  box-shadow: inset 0 2px 6px rgba(120, 72, 10, 0.4);
}

/* ---------- BELL: swings gently · press = rings (quick shake) ---------- */
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):hover .gicon--bell,
.gicon--bell:hover {
  transform-origin: 50% 8%;
  animation: gicon-bell-swing 1.2s ease-in-out infinite;
  filter: brightness(1.12);
}
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):active .gicon--bell,
.gicon--bell:active {
  transform-origin: 50% 8%;
  animation: gicon-bell-ring 0.4s linear;
  filter: brightness(1.05);
}

/* ---------- TORAH: scroll unfurls · press = settles ---------- */
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):hover .gicon--torah,
.gicon--torah:hover {
  transform: rotate(-4deg) scale(1.07);
  filter: brightness(1.12);
  box-shadow: 0 0 16px var(--gicon-glow-soft);
}
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):active .gicon--torah,
.gicon--torah:active {
  transform: rotate(0deg) scale(0.95);
  filter: brightness(0.94);
}

/* ---------- GAMES: playful bounce · press = squash ---------- */
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):hover .gicon--games,
.gicon--games:hover {
  animation: gicon-bounce 0.6s ease infinite;
  filter: brightness(1.12) saturate(1.1);
}
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):active .gicon--games,
.gicon--games:active {
  animation: none;
  transform: scale(1.08, 0.86);
  filter: brightness(0.95);
}

/* ---------- PROFILE: halo ring expands · press = press ---------- */
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):hover .gicon--profile,
.gicon--profile:hover {
  transform: scale(1.06);
  filter: brightness(1.1);
  box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.25), 0 0 18px var(--gicon-glow-soft);
}
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):active .gicon--profile,
.gicon--profile:active {
  transform: scale(0.94);
  box-shadow: inset 0 2px 8px rgba(120, 72, 10, 0.45);
}

/* ---------- SETTINGS: gear turns · press = cranks further ---------- */
.gicon--settings { transition: transform 0.45s ease, filter var(--gicon-ease), box-shadow var(--gicon-ease); }
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):hover .gicon--settings,
.gicon--settings:hover {
  transform: rotate(35deg) scale(1.06);
  filter: brightness(1.1);
}
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):active .gicon--settings,
.gicon--settings:active {
  transform: rotate(95deg) scale(0.94);
  filter: brightness(0.94);
}

/* ---------- PLUS: spins open · press = snaps in ---------- */
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):hover .gicon--plus,
.gicon--plus:hover {
  transform: rotate(90deg) scale(1.1);
  filter: brightness(1.14);
  box-shadow: 0 0 14px var(--gicon-glow-soft);
}
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):active .gicon--plus,
.gicon--plus:active {
  transform: rotate(90deg) scale(0.88);
  filter: brightness(0.94);
}

/* ---------- SHARE: arrow nudges up-right · press = press ---------- */
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):hover .gicon--share,
.gicon--share:hover {
  transform: translate(2px, -2px) scale(1.08);
  filter: brightness(1.12);
}
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):active .gicon--share,
.gicon--share:active {
  transform: translate(0, 0) scale(0.92);
  filter: brightness(0.94);
}

/* ---------- DOWNLOAD: dips down inviting · press = drops in ---------- */
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):hover .gicon--download,
.gicon--download:hover {
  animation: gicon-dip 0.8s ease-in-out infinite;
  filter: brightness(1.12);
}
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):active .gicon--download,
.gicon--download:active {
  animation: none;
  transform: translateY(4px) scale(0.94);
  filter: brightness(0.93);
}

/* ---------- BOOKMARK: ribbon lifts · press = pins down ---------- */
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):hover .gicon--bookmark,
.gicon--bookmark:hover {
  transform: translateY(-3px) scale(1.06);
  transform-origin: top center;
  filter: brightness(1.12);
  box-shadow: 0 6px 12px rgba(212, 175, 55, 0.3);
}
:is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):active .gicon--bookmark,
.gicon--bookmark:active {
  transform: translateY(1px) scale(0.95);
  filter: brightness(0.94);
}

/* ---------- reduced motion: no one gets left behind ---------- */
@media (prefers-reduced-motion: reduce) {
  .gicon, .gicon--settings {
    transition: none;
    animation: none;
  }
  :is(.gicon-btn, .gicon-nav, .gicon-action, .gicon-reader, a):hover .gicon,
  .gicon:hover {
    animation: none;
    transform: none;
  }
}

/* ===== geelooy/css/awtsmoos-visual-assets.css ===== */
/* B"H — Awtsmoos Visual Assets (Yaakov 2026-10-13)
 * Shared covers, particle backgrounds, parchment textures, and animated icons.
 * Each main page gets: hero cover header + particle background + textures.
 * Mobile-first. No !important. Token-driven. All assets on Awtsmoos Drive.
 */

:root {
  /* Covers */
  --cover-homepage: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/covers/cover-homepage.webp?v=4845726091");
  --cover-reader: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/covers/cover-reader.webp?v=50553bb486");
  --cover-profile: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/covers/cover-profile.webp?v=ce9a8729ad");
  --cover-games: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/covers/cover-games.webp?v=d132aa8cbf");
  --cover-email: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/covers/email.webp?v=1f6df46726");
  --cover-apps: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/covers/apps.webp?v=3e8365f14f");
  --cover-social: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/covers/social.webp?v=c72db2af09");
  --cover-social-mobile: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/covers/cover-social-mobile.webp?v=3dc74b3836");
  --cover-social-desktop: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/covers/cover-social-desktop.webp?v=ee3ec492d9");
  --cover-drive: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/covers/drive.webp?v=e308c9ccb5");
  --cover-heichelos: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/covers/heichelos.webp?v=d11b4015ae");

  /* Particle backgrounds (tileable) */
  --bg-reader-particles: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/backgrounds/bg-reader-particles-0-8389b760-24e1-45a8-a50a-406066eb1e47.webp?v=1035a6304b");
  --bg-profile-particles: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/backgrounds/bg-profile-particles-0-65e30bba-0c0b-4109-a0dc-4a0e5079d32e.webp?v=fb89e173ac");
  --bg-email-particles: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/backgrounds/bg-email-particles-0-4201fae6-bd31-457d-8fa9-6551a54b93d1.webp?v=5ccc6b9244");
  --bg-games-particles: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/backgrounds/bg-games-particles-0-1a71bf9b-654a-4240-a64f-da5cdbb434ce.webp?v=eb1febac35");

  /* Parchment textures (reusable) */
  --texture-parchment: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/textures/texture-parchment.webp?v=4911537295");
  --texture-parchment-dark: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/textures/texture-parchment-2-dark.webp?v=f321764f63");

  /* Animated icon transitions (low-res, transparent-ready) */
  --anim-bell-ring: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/icons/animated/anim-bell-ring.mp4?v=e920254490");
  --anim-heart-beat: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/icons/animated/anim-heart-beat.mp4?v=030a246171");
  --anim-mail-open: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/icons/animated/anim-mail-open.mp4?v=564ccc4deb");
  --anim-play-pulse: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/icons/animated/anim-play-pulse.mp4?v=d7aee291bf");
  --anim-search-sparkle: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/icons/animated/anim-search-sparkle.mp4?v=79e61694d2");
  --anim-star-twinkle: url("https://awtsmoos.com/api/social/drive/public/awtsmoos/icons/animated/anim-star-twinkle.mp4?v=1afc55bf7b");

  /* Hero sizing */
  --hero-height-mobile: 220px;
  --hero-height-desktop: 340px;
  --hero-radius: 18px;
}

/* ============ HERO HEADERS ============
 * Add class="awtsmoos-hero awtsmoos-hero--{page}" to a header div.
 * The cover shows as a cinematic banner with gradient fade at bottom.
 */
.awtsmoos-hero {
  position: relative;
  width: 100%;
  height: var(--hero-height-mobile);
  border-radius: var(--hero-radius);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

.awtsmoos-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 40%, rgba(0, 0, 0, 0.45) 100%);
  pointer-events: none;
}

.awtsmoos-hero--homepage { background-image: var(--cover-homepage); }
.awtsmoos-hero--reader { background-image: var(--cover-reader); }
.awtsmoos-hero--profile { background-image: var(--cover-profile); }
.awtsmoos-hero--games { background-image: var(--cover-games); }
.awtsmoos-hero--email { background-image: var(--cover-email); }
.awtsmoos-hero--apps { background-image: var(--cover-apps); }
.awtsmoos-hero--social { background-image: var(--cover-social-mobile); }
.awtsmoos-hero--drive { background-image: var(--cover-drive); }
.awtsmoos-hero--heichelos { background-image: var(--cover-heichelos); }

@media (min-width: 768px) {
  .awtsmoos-hero {
    height: var(--hero-height-desktop);
  }
  .awtsmoos-hero--social { background-image: var(--cover-social-desktop); }
}

/* Hero title overlay */
.awtsmoos-hero-title {
  position: absolute;
  bottom: 1rem;
  left: 1.25rem;
  right: 1.25rem;
  color: #fff;
  font-size: 1.75rem;
  font-weight: 700;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
  margin: 0;
  z-index: 1;
}

.awtsmoos-hero-subtitle {
  position: absolute;
  bottom: 3.25rem;
  left: 1.25rem;
  right: 1.25rem;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.95rem;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
  margin: 0;
  z-index: 1;
}

/* ============ PARTICLE BACKGROUNDS ============
 * Apply to body or main container. Tileable, subtle.
 */
.awtsmoos-bg-reader {
  background-image: var(--bg-reader-particles);
  background-repeat: repeat;
  background-size: 400px 400px;
}

.awtsmoos-bg-profile {
  background-image: var(--bg-profile-particles);
  background-repeat: repeat;
  background-size: 400px 400px;
}

.awtsmoos-bg-email {
  background-image: var(--bg-email-particles);
  background-repeat: repeat;
  background-size: 400px 400px;
}

.awtsmoos-bg-games {
  background-image: var(--bg-games-particles);
  background-repeat: repeat;
  background-size: 400px 400px;
}

/* ============ PARCHMENT TEXTURES ============ */
.awtsmoos-parchment {
  background-image: var(--texture-parchment);
  background-repeat: repeat;
  background-size: 512px 512px;
}

.awtsmoos-parchment-dark {
  background-image: var(--texture-parchment-dark);
  background-repeat: repeat;
  background-size: 512px 512px;
}

/* ============ ANIMATED ICON HOVER ============
 * Wrap icon in .awtsmoos-anim-icon with data-anim="bell|heart|mail|play|search|star".
 * On hover, swaps static img for the looping video transition.
 */
.awtsmoos-anim-icon {
  position: relative;
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
}

.awtsmoos-anim-icon img,
.awtsmoos-anim-icon video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 6px;
}

.awtsmoos-anim-icon video {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}

.awtsmoos-anim-icon:hover video,
.awtsmoos-anim-icon:focus-visible video {
  opacity: 1;
}

.awtsmoos-anim-icon:hover img,
.awtsmoos-anim-icon:focus-visible img {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .awtsmoos-anim-icon video {
    display: none;
  }
  .awtsmoos-anim-icon:hover img,
  .awtsmoos-anim-icon:focus-visible img {
    opacity: 1;
  }
}

/* B"H 2026-10-13 — 1s guarantee: hero image fades in when loaded, never blocks first paint. */
body[data-geelooy-route="home"] .shliach-hero-media{background:radial-gradient(120% 90% at 50% 10%,#1a2b52 0%,#0a1428 55%,#04091a 100%)}
body[data-geelooy-route="home"] .shliach-hero-image{opacity:0;transition:opacity .6s ease}
body[data-geelooy-route="home"] .shliach-hero-image[data-loaded="true"]{opacity:1}
@media (prefers-reduced-motion: reduce){body[data-geelooy-route="home"] .shliach-hero-image{transition:none;opacity:1}}

/* ===== geelooy/style/animations/micro-interactions.css ===== */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Awtsmoos shared micro-interactions — one small motion language for every page.
 * Reusable entrance, feedback, and loading keyframes/classes. Rules of the road:
 *   - transform/opacity only (GPU-cheap), 150–400ms, ease-out curves
 *   - no !important, ever
 *   - colors only via CSS custom-property tokens (fallbacks keep standalone scans honest)
 *   - every interactive target keeps full :hover / :focus-visible / :active states
 *   - non-essential motion is silenced under prefers-reduced-motion
 *
 * Stagger pattern: add class="mi-fade-up" and style="--mi-i:3" — the item
 * animates in with delay = min(--mi-i, 8) * --mi-stagger-step.
 */

/* ================= Motion tokens ================= */
:root {
	--mi-dur-xs: 150ms;
	--mi-dur-sm: 220ms;
	--mi-dur-md: 320ms;
	--mi-dur-lg: 420ms;
	--mi-ease-out: cubic-bezier(.22, .61, .21, 1);
	--mi-ease-spring: cubic-bezier(.34, 1.45, .44, 1);
	--mi-stagger-step: 45ms;
	--mi-ring: var(--aw-focus-ring, #6ea8ff);
	--mi-gold: var(--accent-gold, #d4a94e);
}

/* ================= Keyframes (transform/opacity only) ================= */
@keyframes mi-fade-up {
	from { opacity: 0; transform: translateY(14px); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes mi-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes mi-pop {
	0% { opacity: 0; transform: scale(.86); }
	60% { opacity: 1; transform: scale(1.04); }
	100% { opacity: 1; transform: scale(1); }
}
@keyframes mi-sheet-in {
	from { opacity: 0; transform: translateY(10px) scale(.985); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes mi-page-fade {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes mi-spin {
	to { transform: rotate(360deg); }
}
@keyframes mi-shimmer-sweep {
	from { transform: translateX(-102%); }
	to { transform: translateX(102%); }
}
@keyframes mi-pulse-ring {
	0% { opacity: 0; transform: scale(.94); }
	35% { opacity: .75; }
	100% { opacity: 0; transform: scale(1.08); }
}
@keyframes mi-burst-pop {
	0% { transform: scale(.72); }
	45% { transform: scale(1.22); }
	100% { transform: scale(1); }
}
@keyframes mi-burst-ring {
	from { opacity: .9; transform: scale(.5); }
	to { opacity: 0; transform: scale(1.5); }
}

/* ================= Reusable utilities ================= */

/* Entrance: fade + rise, staggerable via --mi-i */
.mi-fade-up {
	animation: mi-fade-up var(--mi-dur-md) var(--mi-ease-out) both;
	animation-delay: calc(min(var(--mi-i, 0), 8) * var(--mi-stagger-step));
}
.mi-fade-in {
	animation: mi-fade-in var(--mi-dur-md) var(--mi-ease-out) both;
	animation-delay: calc(min(var(--mi-i, 0), 8) * var(--mi-stagger-step));
}
/* Feedback pop (typography controls, toggles) */
.mi-pop {
	animation: mi-pop var(--mi-dur-sm) var(--mi-ease-spring) both;
}
/* Loading shimmer sweep — GPU-cheap translate overlay, no background-position animation */
.mi-shimmer {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
.mi-shimmer::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(100deg,
		transparent 20%,
		color-mix(in srgb, var(--aw-text, #f2f4f8) 32%, transparent) 50%,
		transparent 80%);
	transform: translateX(-102%);
	animation: mi-shimmer-sweep 1.5s var(--mi-ease-out) infinite;
	pointer-events: none;
}
/* Press feedback for icon buttons */
.mi-press {
	transition: transform var(--mi-dur-xs) var(--mi-ease-out);
}
.mi-press:active {
	transform: scale(.94);
}
/* Lift on hover for cards/tiles */
.mi-lift {
	transition: transform var(--mi-dur-sm) var(--mi-ease-out), box-shadow var(--mi-dur-sm) var(--mi-ease-out);
}
@media (hover: hover) and (pointer: fine) {
	.mi-lift:hover {
		transform: translateY(-3px);
	}
}
.mi-lift:active {
	transform: translateY(-1px) scale(.99);
}
.mi-lift:focus-visible {
	outline: 2px solid var(--mi-ring);
	outline-offset: 3px;
}
/* Pulsing ring for the play CTA (decorative ::after, pointer-events none) */
.mi-pulse-ring {
	position: relative;
}
.mi-pulse-ring::after {
	content: "";
	position: absolute;
	inset: -3px;
	border-radius: inherit;
	border: 2px solid var(--mi-gold);
	opacity: 0;
	animation: mi-pulse-ring 2.4s var(--mi-ease-out) infinite;
	pointer-events: none;
}

/* ================= 1. Homepage ================= */
/* Hero entrance: media settles in, copy lines rise one after another on load. */
:where(body[data-geelooy-route="home"]) .shliach-hero-media {
	animation: mi-fade-in var(--mi-dur-lg) var(--mi-ease-out) both;
}
:where(body[data-geelooy-route="home"]) .shliach-hero-content > * {
	animation: mi-fade-up var(--mi-dur-md) var(--mi-ease-out) both;
}
:where(body[data-geelooy-route="home"]) .shliach-hero-content > :nth-child(1) { animation-delay: 70ms; }
:where(body[data-geelooy-route="home"]) .shliach-hero-content > :nth-child(2) { animation-delay: 140ms; }
:where(body[data-geelooy-route="home"]) .shliach-hero-content > :nth-child(3) { animation-delay: 210ms; }
:where(body[data-geelooy-route="home"]) .shliach-hero-content > :nth-child(4) { animation-delay: 280ms; }
:where(body[data-geelooy-route="home"]) .shliach-hero-content > :nth-child(5) { animation-delay: 340ms; }

/* Hero action buttons: lift on hover, press on tap, visible keyboard ring. */
:where(body[data-geelooy-route="home"]) .hero-actions a {
	color: inherit; /* explicit-color law: keep the cascade's chosen ink, change motion only */
	transition: transform var(--mi-dur-xs) var(--mi-ease-out), box-shadow var(--mi-dur-sm) var(--mi-ease-out);
}
@media (hover: hover) and (pointer: fine) {
	:where(body[data-geelooy-route="home"]) .hero-actions a:hover {
		transform: translateY(-2px);
	}
}
:where(body[data-geelooy-route="home"]) .hero-actions a:active {
	transform: translateY(0) scale(.96);
}
:where(body[data-geelooy-route="home"]) .hero-actions a:focus-visible {
	outline: 2px solid var(--mi-ring);
	outline-offset: 3px;
}
/* Hero search button micro-interaction (omnibox submit). */
:where(body[data-geelooy-route="home"]) .search-shell .search button,
:where(body[data-geelooy-route="home"]) .search-shell button[type="submit"] {
	color: inherit; /* explicit-color law: motion only, keep the cascade's chosen ink */
	transition: transform var(--mi-dur-xs) var(--mi-ease-out), filter var(--mi-dur-xs) ease;
}
@media (hover: hover) and (pointer: fine) {
	:where(body[data-geelooy-route="home"]) .search-shell .search button:hover,
	:where(body[data-geelooy-route="home"]) .search-shell button[type="submit"]:hover {
		transform: scale(1.05);
	}
}
:where(body[data-geelooy-route="home"]) .search-shell .search button:active,
:where(body[data-geelooy-route="home"]) .search-shell button[type="submit"]:active {
	transform: scale(.93);
}
:where(body[data-geelooy-route="home"]) .search-shell .search button:focus-visible,
:where(body[data-geelooy-route="home"]) .search-shell button[type="submit"]:focus-visible {
	outline: 2px solid var(--mi-ring);
	outline-offset: 2px;
}

/* ================= 2. Search page ================= */
/* Result cards stagger in — --mi-i is set per card by rangeResults.js */
:where(body[data-geelooy-route="search"]) .result.mi-fade-up {
	will-change: transform, opacity;
}
/* Search input focus glow */
:where(body[data-geelooy-route="search"]) .search-input-wrap {
	transition: box-shadow var(--mi-dur-sm) var(--mi-ease-out), border-color var(--mi-dur-sm) ease;
}
:where(body[data-geelooy-route="search"]) .search-input-wrap:focus-within {
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--mi-ring) 45%, transparent),
		0 8px 28px color-mix(in srgb, var(--mi-ring) 18%, transparent);
}
/* Loading shimmer sweeps the search bar while the form is busy */
:where(body[data-geelooy-route="search"]) .search-form.searching .search-bar {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
:where(body[data-geelooy-route="search"]) .search-form.searching .search-bar::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: inherit;
	background: linear-gradient(100deg,
		transparent 25%,
		color-mix(in srgb, var(--mi-ring) 28%, transparent) 50%,
		transparent 75%);
	transform: translateX(-102%);
	animation: mi-shimmer-sweep 1.4s var(--mi-ease-out) infinite;
	pointer-events: none;
}
/* Submit button: spinner while searching (form gets .searching + aria-busy in searchView.js) */
:where(body[data-geelooy-route="search"]) .search-submit {
	position: relative;
	transition: transform var(--mi-dur-xs) var(--mi-ease-out), filter var(--mi-dur-xs) ease;
}
@media (hover: hover) and (pointer: fine) {
	:where(body[data-geelooy-route="search"]) .search-submit:hover {
		filter: brightness(1.08);
	}
}
:where(body[data-geelooy-route="search"]) .search-submit:active {
	transform: scale(.95);
}
:where(body[data-geelooy-route="search"]) .search-submit:focus-visible {
	outline: 2px solid var(--mi-ring);
	outline-offset: 2px;
}
:where(body[data-geelooy-route="search"]) .search-form.searching .search-submit::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-inline-start: .55em;
	vertical-align: -.12em;
	border-radius: 50%;
	border: 2px solid currentColor;
	border-top-color: transparent;
	animation: mi-spin .7s linear infinite;
}
/* Show-more continuation control */
:where(body[data-geelooy-route="search"]) .library-load-more {
	transition: transform var(--mi-dur-xs) var(--mi-ease-out), box-shadow var(--mi-dur-sm) var(--mi-ease-out);
}
@media (hover: hover) and (pointer: fine) {
	:where(body[data-geelooy-route="search"]) .library-load-more:hover {
		transform: translateY(-2px);
	}
}
:where(body[data-geelooy-route="search"]) .library-load-more:active {
	transform: scale(.97);
}
:where(body[data-geelooy-route="search"]) .library-load-more:focus-visible {
	outline: 2px solid var(--mi-ring);
	outline-offset: 3px;
}

/* ================= 3. Games catalog ================= */
/* Card hover: lift + gentle tilt. transform-only, GPU-cheap. */
:where(body[data-geelooy-route="games"]) .gameCard {
	transition: transform var(--mi-dur-sm) var(--mi-ease-out), box-shadow var(--mi-dur-sm) var(--mi-ease-out), border-color var(--mi-dur-sm) ease;
}
@media (hover: hover) and (pointer: fine) {
	:where(body[data-geelooy-route="games"]) .gameCard:hover {
		transform: perspective(900px) rotateX(2deg) translateY(-7px);
		box-shadow: 0 22px 44px rgba(0, 0, 0, .45);
	}
}
:where(body[data-geelooy-route="games"]) .gameCard:active {
	transform: translateY(-2px) scale(.985);
}
:where(body[data-geelooy-route="games"]) .gameCard:focus-visible {
	outline: 2px solid var(--mi-ring);
	outline-offset: 3px;
}
/* Play-button pulse on the featured CTA */
:where(body[data-geelooy-route="games"]) .primaryCta {
	position: relative;
}
:where(body[data-geelooy-route="games"]) .primaryCta::after {
	content: "";
	position: absolute;
	inset: -3px;
	border-radius: inherit;
	border: 2px solid var(--mi-gold);
	opacity: 0;
	animation: mi-pulse-ring 2.4s var(--mi-ease-out) infinite;
	pointer-events: none;
}
/* Quick-launch tiles: lift + press */
:where(body[data-geelooy-route="games"]) .quickLaunch a {
	color: inherit; /* explicit-color law: motion only, keep the cascade's chosen ink */
	transition: transform var(--mi-dur-xs) var(--mi-ease-out), background-color var(--mi-dur-xs) ease;
}
@media (hover: hover) and (pointer: fine) {
	:where(body[data-geelooy-route="games"]) .quickLaunch a:hover {
		transform: translateY(-2px);
	}
}
:where(body[data-geelooy-route="games"]) .quickLaunch a:active {
	transform: scale(.97);
}
:where(body[data-geelooy-route="games"]) .quickLaunch a:focus-visible {
	outline: 2px solid var(--mi-ring);
	outline-offset: 2px;
}

/* ================= 4. Social feed ================= */
/* Card entrance — feed-river.js adds .mi-fade-up + --mi-i per card */
.feed-card.mi-fade-up {
	will-change: transform, opacity;
}
/* Like-button burst: icon pops, golden ring blooms out (transform/opacity only) */
.feed-action {
	position: relative;
}
.feed-action[data-action="like"].mi-burst img {
	animation: mi-burst-pop var(--mi-dur-md) var(--mi-ease-spring);
}
.feed-action[data-action="like"].mi-burst::after {
	content: "";
	position: absolute;
	inset: 18%;
	border-radius: 50%;
	border: 2px solid var(--mi-gold);
	opacity: 0;
	animation: mi-burst-ring 450ms var(--mi-ease-out) both;
	pointer-events: none;
}
/* Feed mode tabs: already transition; add a decisive press */
.feed-mode-btn:active {
	transform: scale(.94);
}
/* Empty/error CTA lift */
.feed-empty__cta {
	transition: transform var(--mi-dur-xs) var(--mi-ease-out), box-shadow var(--mi-dur-sm) var(--mi-ease-out);
}
.feed-empty__cta:focus-visible {
	outline: 2px solid var(--mi-ring);
	outline-offset: 2px;
}

/* ================= 5. Reader ================= */
/* Page fade: the reader swaps full documents on navigation, so the load-time
   fade-in IS the page transition (transform/opacity only). */
.post-reader-localized-context #realPost {
	animation: mi-page-fade var(--mi-dur-md) var(--mi-ease-out) both;
}
/* Typography sheet arrival */
.post-reader-localized-context .typography-details:not(.hidden-details) {
	animation: mi-sheet-in var(--mi-dur-sm) var(--mi-ease-out) both;
	transform-origin: top right;
}
/* Typography trigger button: pressed state + visible focus */
.post-reader-localized-context #typographyBtn {
	transition: transform var(--mi-dur-xs) var(--mi-ease-out);
}
.post-reader-localized-context #typographyBtn[aria-expanded="true"] {
	transform: scale(.92);
}
.post-reader-localized-context #typographyBtn:active {
	transform: scale(.88);
}
.post-reader-localized-context #typographyBtn:focus-visible {
	outline: 2px solid var(--mi-ring);
	outline-offset: 2px;
}
/* Font steppers: press + the Aa readout pops on every change (JS adds .mi-pop) */
.post-reader-localized-context .font-adjust-btn {
	transition: transform var(--mi-dur-xs) var(--mi-ease-out);
}
@media (hover: hover) and (pointer: fine) {
	.post-reader-localized-context .font-adjust-btn:hover {
		transform: scale(1.12);
	}
}
.post-reader-localized-context .font-adjust-btn:active {
	transform: scale(.86);
}
.post-reader-localized-context .font-adjust-btn:focus-visible {
	outline: 2px solid var(--mi-ring);
	outline-offset: 2px;
}
.post-reader-localized-context .font-size-display.mi-pop {
	animation: mi-pop var(--mi-dur-sm) var(--mi-ease-spring) both;
}
/* Sheet close + toggles share the same tactile press */
.post-reader-localized-context .scribe-lens-close,
.post-reader-localized-context .awtsmoos-toggle-label {
	transition: transform var(--mi-dur-xs) var(--mi-ease-out);
}
.post-reader-localized-context .scribe-lens-close:active {
	transform: scale(.88) rotate(90deg);
}
.post-reader-localized-context .scribe-lens-close:focus-visible {
	outline: 2px solid var(--mi-ring);
	outline-offset: 2px;
}

/* ================= 6. Email ================= */
/* Send button: press feedback, visible focus, and a spinner while aria-busy.
   composeModal.js already toggles aria-busy + disabled during transmit. */
:where(body[data-geelooy-route="mail"]) .compose-action-send {
	transition: transform var(--mi-dur-xs) var(--mi-ease-out), filter var(--mi-dur-xs) ease;
}
@media (hover: hover) and (pointer: fine) {
	:where(body[data-geelooy-route="mail"]) .compose-action-send:hover:not(:disabled) {
		filter: brightness(1.07);
	}
}
:where(body[data-geelooy-route="mail"]) .compose-action-send:active:not(:disabled) {
	transform: scale(.95);
}
:where(body[data-geelooy-route="mail"]) .compose-action-send:focus-visible {
	outline: 2px solid var(--mi-ring);
	outline-offset: 2px;
}
:where(body[data-geelooy-route="mail"]) .compose-action-send[aria-busy="true"]::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-inline-start: .55em;
	vertical-align: -.12em;
	border-radius: 50%;
	border: 2px solid currentColor;
	border-top-color: transparent;
	animation: mi-spin .7s linear infinite;
}
/* Compose FAB: hover lift + press */
:where(body[data-geelooy-route="mail"]) .fab-compose {
	transition: transform var(--mi-dur-xs) var(--mi-ease-out), box-shadow var(--mi-dur-sm) var(--mi-ease-out);
}
@media (hover: hover) and (pointer: fine) {
	:where(body[data-geelooy-route="mail"]) .fab-compose:hover {
		transform: translateY(-2px) scale(1.04);
	}
}
:where(body[data-geelooy-route="mail"]) .fab-compose:active {
	transform: scale(.93);
}
:where(body[data-geelooy-route="mail"]) .fab-compose:focus-visible {
	outline: 2px solid var(--mi-ring);
	outline-offset: 3px;
}
/* Cancel / secondary compose actions share the press */
:where(body[data-geelooy-route="mail"]) .compose-action-cancel {
	transition: transform var(--mi-dur-xs) var(--mi-ease-out);
}
:where(body[data-geelooy-route="mail"]) .compose-action-cancel:active {
	transform: scale(.95);
}
:where(body[data-geelooy-route="mail"]) .compose-action-cancel:focus-visible {
	outline: 2px solid var(--mi-ring);
	outline-offset: 2px;
}

/* ================= Reduced motion =================
   Non-essential motion is silenced: entrances render in their final state,
   hover lifts and pulses stop, spinners/shimmers freeze. */
@media (prefers-reduced-motion: reduce) {
	.mi-fade-up,
	.mi-fade-in,
	.mi-pop,
	.mi-shimmer::after,
	.mi-pulse-ring::after,
	.feed-action[data-action="like"].mi-burst img,
	.feed-action[data-action="like"].mi-burst::after,
	:where(body[data-geelooy-route="home"]) .shliach-hero-media,
	:where(body[data-geelooy-route="home"]) .shliach-hero-content > *,
	:where(body[data-geelooy-route="search"]) .search-form.searching .search-bar::after,
	:where(body[data-geelooy-route="search"]) .search-form.searching .search-submit::after,
	:where(body[data-geelooy-route="games"]) .primaryCta::after,
	.post-reader-localized-context #realPost,
	.post-reader-localized-context .typography-details:not(.hidden-details),
	.post-reader-localized-context .font-size-display.mi-pop,
	:where(body[data-geelooy-route="mail"]) .compose-action-send[aria-busy="true"]::after {
		animation: none;
	}
	.mi-lift,
	.mi-press,
	:where(body[data-geelooy-route="home"]) .hero-actions a,
	:where(body[data-geelooy-route="home"]) .search-shell .search button,
	:where(body[data-geelooy-route="home"]) .search-shell button[type="submit"],
	:where(body[data-geelooy-route="search"]) .search-submit,
	:where(body[data-geelooy-route="search"]) .library-load-more,
	:where(body[data-geelooy-route="games"]) .gameCard,
	:where(body[data-geelooy-route="games"]) .gameCard:hover,
	:where(body[data-geelooy-route="games"]) .gameCard:active,
	:where(body[data-geelooy-route="games"]) .quickLaunch a,
	.post-reader-localized-context #typographyBtn,
	.post-reader-localized-context #typographyBtn[aria-expanded="true"],
	.post-reader-localized-context .font-adjust-btn,
	.post-reader-localized-context .scribe-lens-close,
	:where(body[data-geelooy-route="mail"]) .compose-action-send,
	:where(body[data-geelooy-route="mail"]) .fab-compose,
	:where(body[data-geelooy-route="mail"]) .compose-action-cancel {
		transition: none;
		transform: none;
	}
}

	
/* FIX 50 (CSS lane, 2026-10-20): the identity trigger is a fixed-dark
   component (navy pill in every context), but its label rule
   (.awtsmoosDrop .profile-trigger-copy strong) consumes
   var(--text-primary) — which the homepage defines as its dark ink
   #2b2118 — so "Sign in" rendered dark-on-navy and unreadable on the
   homepage only. Pin the label to the light value the shell pages
   already compute via that rule's own fallback. Homepage-gated:
   zero effect on any other page. */
body[data-geelooy-route="home"] .awtsmoosDrop .profile-trigger-copy strong {
	color: #f4f1e8;
}