/* CompactCSS source: /apps/universal-chat/style.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos renews one social palace before stylesheet order can claim a beginning; Awtsmoos.com lets structure, interaction, custom voice, mobile flow, and accessibility receive focused local garments without cross-page style war.
 */

/* CompactCSS source: /apps/universal-chat/theme.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos is beyond palette and shadow; Awtsmoos.com gives this messaging vessel a restrained local vocabulary so no neighboring page inherits its garments. */

body[data-messaging-page] {
	color-scheme: dark;
	--msg-bg: #07100c;
	--msg-panel: #0b1712;
	--msg-panel-strong: #0e1c16;
	--msg-surface: rgb(255 255 255 / 4.5%);
	--msg-surface-strong: rgb(255 255 255 / 7.5%);
	--msg-line: rgb(223 255 239 / 9%);
	--msg-line-strong: rgb(223 255 239 / 16%);
	--msg-text: #f2faf5;
	--msg-muted: rgb(226 241 233 / 58%);
	--msg-soft: rgb(226 241 233 / 72%);
	--msg-accent: #79e0b7;
	--msg-accent-soft: rgb(121 224 183 / 12%);
	--msg-focus: #b9ffe2;
	--msg-warning: #ffc875;
	--msg-warning-soft: rgb(255 200 117 / 10%);
	--msg-danger: #ffabab;
	--msg-danger-soft: rgb(255 112 112 / 8%);
	--msg-radius-sm: 10px;
	--msg-radius-md: 14px;
	--msg-radius-lg: 22px;
	--msg-touch: 44px;
	--msg-shadow: 0 24px 70px rgb(0 0 0 / 28%);
	--msg-shadow-strong: 0 28px 90px rgb(0 0 0 / 50%);
	--msg-layer-base: 0;
	--msg-layer-content: 2;
	--msg-layer-details: 30;
	--msg-layer-modal: 60;
	inline-size: 100%;
	block-size: 100dvh;
	margin: 0;
	overflow: hidden;
	background: var(--msg-bg);
	color: var(--msg-text);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body[data-messaging-page] *,
body[data-messaging-page] *::before,
body[data-messaging-page] *::after {
	box-sizing: border-box;
}

body[data-messaging-page] :is(button, input, textarea, select) {
	font: inherit;
}

body[data-messaging-page] :is(button, a, input, textarea, select, summary) {
	-webkit-tap-highlight-color: transparent;
}

body[data-messaging-page] #messagingAppRoot {
	inline-size: 100%;
	block-size: 100%;
	min-inline-size: 0;
	min-block-size: 0;
	overflow: hidden;
}

body[data-messaging-page] .messaging-page-glow {
	position: fixed;
	inset: 0;
	z-index: var(--msg-layer-base);
	pointer-events: none;
	background:
		radial-gradient(circle at 82% 6%, rgb(121 224 183 / 8%), transparent 28rem),
		radial-gradient(circle at 12% 100%, rgb(87 128 255 / 5.5%), transparent 34rem);
}



/* CompactCSS source: /apps/universal-chat/layout.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos holds every chamber without collision; Awtsmoos.com fixes each messaging region to an explicit local track so drawers, modals, and panes remain bounded in light. */

body[data-messaging-page] .messaging-app {
	position: relative;
	display: grid;
	grid-template-columns: 148px minmax(300px, 356px) minmax(0, 1fr);
	grid-template-rows: minmax(0, 1fr);
	inline-size: 100%;
	block-size: 100dvh;
	min-inline-size: 0;
	min-block-size: 0;
	overflow: hidden;
	isolation: isolate;
	background: linear-gradient(145deg, rgb(7 16 12 / 98%), rgb(5 12 9 / 99%));
}

body[data-messaging-page] :is(
	.messaging-rail,
	.messaging-list-pane,
	.messaging-thread-pane
) {
	min-inline-size: 0;
	min-block-size: 0;
	max-inline-size: 100%;
	background: rgb(9 18 14 / 90%);
}

body[data-messaging-page] .messaging-rail {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr) auto;
	overflow: hidden;
	border-inline-end: 1px solid var(--msg-line);
}

body[data-messaging-page] .messaging-list-pane {
	display: grid;
	grid-template-rows: auto auto auto auto auto minmax(0, 1fr);
	overflow: hidden;
	border-inline-end: 1px solid var(--msg-line);
}

body[data-messaging-page] .messaging-list-pane > .messaging-pane-header { grid-row: 1; }
body[data-messaging-page] .messaging-list-pane > .messaging-presence-summary { grid-row: 2; }
body[data-messaging-page] .messaging-list-pane > .messaging-workspace-search { grid-row: 3; }
body[data-messaging-page] .messaging-list-pane > .messaging-search-feedback { grid-row: 4; }
body[data-messaging-page] .messaging-list-pane > .messaging-status { grid-row: 5; }

body[data-messaging-page] .messaging-list-pane > .messaging-list {
	grid-row: 6;
	min-block-size: 0;
}

body[data-messaging-page] .messaging-thread-pane {
	position: relative;
	display: grid;
	grid-template-rows: auto minmax(0, 1fr) auto;
	overflow: hidden;
	background: linear-gradient(180deg, rgb(12 24 18 / 72%), rgb(7 15 11 / 90%));
}

body[data-messaging-page] .messaging-special-pane {
	grid-row: 2 / 4;
	min-block-size: 0;
	overflow: auto;
	overscroll-behavior: contain;
}

body[data-messaging-page] #messagingModalHost {
	position: absolute;
	inset: 0;
	z-index: var(--msg-layer-modal);
	pointer-events: none;
}

body[data-messaging-page] #messagingModalHost > * {
	pointer-events: auto;
}

body[data-messaging-page] .messaging-details {
	position: absolute;
	z-index: var(--msg-layer-details);
	inset-block: 0;
	inset-inline-end: 0;
	inline-size: min(360px, 88vw);
	max-inline-size: 100%;
	overflow: auto;
	padding: 1.25rem;
	border-inline-start: 1px solid var(--msg-line-strong);
	background: rgb(10 20 15 / 98%);
	box-shadow: var(--msg-shadow);
}

body[data-messaging-page] [hidden] {
	display: none !important;
}



/* CompactCSS source: /apps/universal-chat/components.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond button and heading; Awtsmoos.com gives core controls shape and hierarchy while focus, hover, touch, warning, and motion live in their own truthful garments—one source for structure, one source for response, so the interface may breathe and rhyme. */

button,
.messaging-link-button,
.messaging-empty-action {
	min-height: 40px;
	border: 1px solid var(--msg-line-strong);
	border-radius: var(--msg-radius-sm);
	background: var(--msg-surface);
	color: var(--msg-text);
	cursor: pointer;
}

.messaging-pane-header,
.messaging-thread-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.8rem;
	min-height: 72px;
	padding: 0.8rem 0.9rem;
	border-bottom: 1px solid var(--msg-line);
	background: #0a1510;
	background: rgba(10, 21, 16, 0.86);
	backdrop-filter: blur(16px);
}

.messaging-pane-heading {
	display: grid;
	min-width: 0;
	gap: 0.15rem;
}

.messaging-kicker,
.messaging-card-eyebrow {
	color: rgba(121, 224, 183, 0.72);
	font-size: 0.63rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.messaging-pane-header h1,
.messaging-special-card h2,
.messaging-empty-state h2 {
	margin: 0;
	font-size: clamp(1.05rem, 1.7vw, 1.3rem);
	line-height: 1.2;
}

#messagingSectionSummary {
	margin: 0;
	overflow: hidden;
	color: var(--msg-muted);
	font-size: 0.73rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.messaging-new-action {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0 0.7rem;
	background: var(--msg-accent-soft);
	color: #dfffee;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}



/* CompactCSS source: /apps/universal-chat/interaction-system.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond focus and touch; Awtsmoos.com lets every finite doorway answer eye, keyboard, mouse, and thumb with one calm covenant—ring and press, never visual guess; light reveals the path, while meaning remains blessed. */

.messaging-app ::selection {
	background: rgba(121, 224, 183, 0.28);
	color: var(--msg-text);
}

.messaging-app input,
.messaging-app textarea {
	caret-color: var(--msg-accent);
}

.messaging-app input[type="checkbox"],
.messaging-app input[type="radio"] {
	accent-color: var(--msg-accent);
}

.messaging-app :where(
	button,
	a[href],
	input,
	textarea,
	select,
	summary,
	[role="button"],
	.messaging-list-row.is-clickable
):focus-visible {
	outline: 2px solid var(--msg-focus);
	outline-offset: 2px;
}

.messaging-app :where(
	button,
	summary,
	[role="button"],
	.messaging-list-row.is-clickable,
	.messaging-mobile-more-item,
	.universal-chat-result
) {
	touch-action: manipulation;
}

.messaging-app button:disabled,
.messaging-app [aria-disabled="true"] {
	cursor: not-allowed;
	opacity: 0.62;
}

.messaging-app [aria-busy="true"] button:disabled,
.messaging-app [aria-busy="true"] input[readonly],
.messaging-app [aria-busy="true"] textarea[readonly] {
	cursor: progress;
}

.messaging-app :where(button, summary, .messaging-list-row.is-clickable, .messaging-mobile-more-item):active {
	transform: translateY(1px) scale(0.985);
}

@media (hover: hover) and (pointer: fine) {
	.messaging-app :where(button, .messaging-link-button, .messaging-empty-action, summary):hover {
		border-color: rgba(121, 224, 183, 0.28);
		background-color: rgba(121, 224, 183, 0.085);
	}

	.messaging-app .messaging-rail-button:hover {
		background: rgba(255, 255, 255, 0.045);
		color: var(--msg-text);
	}

	.messaging-special-pane .universal-chat-result:hover {
		border-color: rgba(121, 224, 183, 0.24);
		background: rgba(121, 224, 183, 0.045);
	}
}

@media (pointer: coarse) {
	.messaging-app :where(button, summary, select, .messaging-list-row.is-clickable) {
		min-height: var(--msg-touch);
	}
}



/* CompactCSS source: /apps/universal-chat/status.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is never disconnected; Awtsmoos.com gives finite network recovery one calm global signal that remains visible above every chamber without replacing local action feedback or consuming a phone like a modal in light. */

.messaging-status {
	min-height: 0;
	margin: 0.35rem 0.75rem 0;
	color: var(--msg-muted);
	font-size: 0.72rem;
	line-height: 1.35;
}

.messaging-connection-state {
	position: absolute;
	z-index: 80;
	top: 0.75rem;
	right: 0.75rem;
	display: flex;
	align-items: center;
	width: fit-content;
	max-width: min(360px, calc(100vw - 1.5rem));
	min-height: 44px;
	margin: 0;
	padding: 0.58rem 0.78rem 0.58rem 2.05rem;
	border: 1px solid rgba(255, 196, 102, 0.22);
	border-radius: 13px;
	background: rgba(18, 25, 20, 0.96);
	box-shadow: 0 14px 42px rgba(0, 0, 0, 0.34);
	backdrop-filter: blur(16px);
	color: #ffe0ae;
	font-size: 0.75rem;
	font-weight: 650;
	line-height: 1.32;
}

.messaging-connection-state::before {
	content: "";
	position: absolute;
	left: 0.78rem;
	top: 50%;
	width: 8px;
	height: 8px;
	transform: translateY(-50%);
	border-radius: 50%;
	background: #ffc875;
	box-shadow: 0 0 0 4px rgba(255, 200, 117, 0.09);
	animation: messaging-reconnect-pulse 1.2s ease-in-out infinite;
}

.messaging-app[data-realtime="reconnecting"] .messaging-presence-summary {
	opacity: 0.62;
}

@keyframes messaging-reconnect-pulse {
	50% {
		opacity: 0.42;
		transform: translateY(-50%) scale(0.78);
	}
}

@media (max-width: 760px) {
	.messaging-connection-state {
		top: max(0.38rem, env(safe-area-inset-top));
		right: 0.55rem;
		left: 0.55rem;
		width: auto;
		max-width: none;
		min-height: 42px;
		padding: 0.5rem 0.68rem 0.5rem 1.95rem;
		border-radius: 12px;
		font-size: 0.7rem;
		line-height: 1.25;
	}

	.messaging-connection-state::before {
		left: 0.7rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.messaging-connection-state::before {
		animation: none;
	}
}



/* CompactCSS source: /apps/universal-chat/loading.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos already contains the revealed result; Awtsmoos.com keeps finite waiting calm and structured, while phone skeletons stay short enough that loading never masquerades as a whole page of content in light. */

.messaging-loading-state {
	display: grid;
	gap: 1rem;
	width: min(900px, calc(100% - 2rem));
	margin: 0 auto;
	padding: clamp(1.2rem, 4vw, 2.4rem) 0 2rem;
}

.messaging-loading-heading {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	color: var(--msg-soft);
	font-size: 0.82rem;
}

.messaging-loading-mark {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--msg-accent);
	box-shadow: 0 0 0 5px rgba(121, 224, 183, 0.08);
	animation: messaging-loading-pulse 1.5s ease-in-out infinite;
}

.messaging-loading-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.7rem;
}

.messaging-loading-card {
	display: grid;
	gap: 0.6rem;
	min-height: 128px;
	padding: 1rem;
	border: 1px solid var(--msg-line);
	border-radius: 17px;
	background: rgba(255, 255, 255, 0.025);
}

.messaging-loading-line {
	display: block;
	width: 82%;
	height: 10px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.045), rgba(121, 224, 183, 0.08), rgba(255, 255, 255, 0.045));
	background-size: 220% 100%;
	animation: messaging-loading-shimmer 1.7s linear infinite;
}

.messaging-loading-line.is-title {
	width: 58%;
	height: 14px;
}

.messaging-loading-line.is-meta {
	width: 34%;
	height: 8px;
}

.messaging-loading-line.is-short {
	width: 64%;
}

@keyframes messaging-loading-shimmer {
	to { background-position: -220% 0; }
}

@keyframes messaging-loading-pulse {
	50% {
		opacity: 0.45;
		transform: scale(0.82);
	}
}

@media (max-width: 600px) {
	.messaging-loading-state {
		width: calc(100% - 1.2rem);
		gap: 0.65rem;
		padding: 0.8rem 0 1rem;
	}

	.messaging-loading-heading {
		gap: 0.5rem;
		font-size: 0.76rem;
	}

	.messaging-loading-grid {
		grid-template-columns: 1fr;
		gap: 0.42rem;
	}

	.messaging-loading-card {
		min-height: 82px;
		gap: 0.42rem;
		padding: 0.72rem;
		border-radius: 14px;
	}

	.messaging-loading-card:nth-child(n + 3) {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.messaging-loading-mark,
	.messaging-loading-line { animation: none; }
}



/* CompactCSS source: /apps/universal-chat/empty-state.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is never empty; Awtsmoos.com gives quiet chambers enough explanation and one deliberate next action, while phone emptiness stays compact instead of consuming the screen merely to announce absence in light. */

.messaging-empty-state {
	display: grid;
	justify-items: center;
	align-content: center;
	min-height: min(420px, 70%);
	max-width: 520px;
	margin: auto;
	padding: 2rem;
	text-align: center;
}

.messaging-special-pane > .messaging-empty-state {
	width: min(620px, 100%);
	min-height: 100%;
}

.messaging-list > .messaging-empty-state,
.messaging-thread > .messaging-empty-state {
	min-height: 100%;
}

.messaging-empty-mark {
	display: grid;
	place-items: center;
	width: 62px;
	height: 62px;
	margin-bottom: 1rem;
	border: 1px solid rgba(121, 224, 183, 0.16);
	border-radius: 20px;
	background: var(--msg-accent-soft);
	color: var(--msg-accent);
}

.messaging-empty-mark .messaging-icon {
	width: 27px;
	height: 27px;
}

.messaging-empty-state h2 {
	margin: 0;
	font-size: clamp(1.05rem, 2vw, 1.3rem);
	line-height: 1.3;
}

.messaging-empty-state p {
	max-width: 52ch;
	margin: 0.55rem 0 0;
	color: var(--msg-soft);
	line-height: 1.6;
}

.messaging-empty-action,
.messaging-link-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	margin-top: 1rem;
	padding: 0 0.9rem;
	border: 1px solid var(--msg-line-strong);
	border-radius: 11px;
	background: rgba(121, 224, 183, 0.08);
	color: var(--msg-text);
	font-size: 0.75rem;
	font-weight: 730;
	text-decoration: none;
}

.messaging-empty-action:hover,
.messaging-link-button:hover {
	border-color: rgba(121, 224, 183, 0.28);
	background: rgba(121, 224, 183, 0.13);
}

@media (max-width: 600px) {
	.messaging-empty-state {
		align-content: start;
		min-height: 0;
		width: 100%;
		padding: clamp(1.4rem, 10vh, 4rem) 1rem 1.2rem;
	}

	.messaging-special-pane > .messaging-empty-state {
		min-height: 0;
	}

	.messaging-empty-mark {
		width: 52px;
		height: 52px;
		margin-bottom: 0.72rem;
		border-radius: 17px;
	}

	.messaging-empty-mark .messaging-icon {
		width: 23px;
		height: 23px;
	}

	.messaging-empty-state p {
		margin-top: 0.42rem;
		font-size: 0.78rem;
		line-height: 1.48;
	}

	.messaging-empty-action,
	.messaging-link-button {
		width: 100%;
		min-height: 46px;
		margin-top: 0.78rem;
	}
}



/* CompactCSS source: /apps/universal-chat/onboarding.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is one before account and alias; Awtsmoos.com puts canonical action before explanation on narrow glass, while a native disclosure carries the secondary boundary story beneath three honest doors in light. */

.messaging-onboarding-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
	width: min(560px, 100%);
	margin-top: 0.9rem;
}

.messaging-onboarding-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 0.85rem;
	border: 1px solid var(--msg-line-strong);
	border-radius: 11px;
	color: var(--msg-text);
	font-size: 0.75rem;
	font-weight: 720;
	text-decoration: none;
}

.messaging-onboarding-action:hover {
	border-color: rgba(121, 224, 183, 0.28);
	background: rgba(121, 224, 183, 0.08);
}

.messaging-onboarding-action.is-primary {
	border-color: rgba(121, 224, 183, 0.28);
	background: rgba(121, 224, 183, 0.16);
	color: #e8fff4;
}

.messaging-onboarding-action.is-secondary {
	background: rgba(255, 255, 255, 0.028);
}

.messaging-onboarding-action.is-quiet {
	border-color: transparent;
	color: var(--msg-soft);
}

.messaging-onboarding-disclosure {
	width: min(560px, 100%);
	margin-top: 0.55rem;
	text-align: left;
}

.messaging-onboarding-note {
	max-width: 54ch;
	margin: 0;
	color: var(--msg-muted) !important;
	font-size: 0.74rem;
	line-height: 1.5;
}

@media (max-width: 430px) {
	.messaging-onboarding-actions {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.42rem;
		margin-top: 0.72rem;
	}

	.messaging-onboarding-action {
		width: 100%;
		min-height: 48px;
	}

	.messaging-onboarding-action.is-primary {
		min-height: 52px;
		font-size: 0.78rem;
	}

	.messaging-onboarding-disclosure {
		margin-top: 0.42rem;
	}
}



/* CompactCSS source: /apps/universal-chat/special-card.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is one before Mail, privacy, and every sparse chamber; Awtsmoos.com keeps primary actions and boundary choices immediately visible while secondary explanation folds into the shared disclosure grammar in light. */

.messaging-special-card {
	display: grid;
	gap: 0.72rem;
	width: min(760px, calc(100% - 2rem));
	margin: clamp(1.25rem, 5vw, 3rem) auto;
	padding: clamp(1rem, 3vw, 1.5rem);
	border: 1px solid var(--msg-line);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.026);
	box-shadow: 0 18px 60px rgba(0, 0, 0, 0.12);
}

.messaging-special-card h2 {
	margin: 0;
	font-size: clamp(1.15rem, 2vw, 1.45rem);
	line-height: 1.25;
}

.messaging-special-lead,
.messaging-special-explanation {
	max-width: 64ch;
	margin: 0;
	color: var(--msg-soft);
	font-size: 0.82rem;
	line-height: 1.58;
}

.messaging-special-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	margin-top: 0.2rem;
}

.messaging-special-button,
.messaging-special-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 0.85rem;
	font-size: 0.75rem;
	font-weight: 740;
}

.messaging-special-link {
	border-color: rgba(121, 224, 183, 0.24);
	background: rgba(121, 224, 183, 0.13);
	color: #e9fff4;
}

.messaging-special-disclosure {
	margin-top: 0.1rem;
}

@media (max-width: 600px) {
	.messaging-special-card {
		width: calc(100% - 1.2rem);
		gap: 0.62rem;
		margin: 0.7rem auto 1rem;
		padding: 0.85rem;
		border-radius: 18px;
	}

	.messaging-special-lead {
		font-size: 0.78rem;
		line-height: 1.45;
	}

	.messaging-special-actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 0.45rem;
		order: 2;
	}

	.messaging-special-disclosure {
		order: 3;
	}

	.messaging-special-button,
	.messaging-special-link {
		width: 100%;
		min-height: 46px;
	}
}



/* CompactCSS source: /apps/universal-chat/settings.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond every request boundary; Awtsmoos.com keeps the actual privacy choice visible and thumb-reachable while row-level explanation becomes lighter on phones because the shared boundary disclosure now carries the deeper context in light. */

.messaging-settings-list {
	display: grid;
	gap: 0;
	margin-top: 0.8rem;
	border-top: 1px solid var(--msg-line);
}

.messaging-setting-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 132px;
	align-items: center;
	gap: 1rem;
	min-height: 72px;
	padding: 0.68rem 0;
	border-bottom: 1px solid var(--msg-line);
}

.messaging-setting-copy {
	display: grid;
	min-width: 0;
	gap: 0.18rem;
}

.messaging-setting-copy strong {
	font-size: 0.84rem;
	line-height: 1.3;
}

.messaging-setting-copy small {
	max-width: 54ch;
	color: var(--msg-muted);
	font-size: 0.69rem;
	line-height: 1.42;
}

.messaging-setting-row select {
	width: 100%;
	min-height: 42px;
	padding: 0 0.55rem;
	border: 1px solid var(--msg-line-strong);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.045);
	color: var(--msg-text);
	font-size: 0.74rem;
}

@media (max-width: 600px) {
	.messaging-settings-list {
		margin-top: 0.6rem;
	}

	.messaging-setting-row {
		grid-template-columns: minmax(0, 1fr) 124px;
		gap: 0.65rem;
		min-height: 60px;
		padding: 0.5rem 0;
	}

	.messaging-setting-copy small {
		display: none;
	}

	.messaging-setting-copy strong {
		font-size: 0.78rem;
	}

	.messaging-setting-row select {
		min-height: 46px;
		padding-inline: 0.48rem;
		font-size: 0.78rem;
	}
}

@media (max-width: 340px) {
	.messaging-setting-row {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.35rem;
	}
}



/* CompactCSS source: /apps/universal-chat/workspace.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos joins identity and belonging before any pane exists; Awtsmoos.com keeps brand and alias orientation compact so they guide the human without consuming the work itself. */

.messaging-brand {
	display: grid;
	justify-items: center;
	gap: 0.35rem;
	padding: 1rem 0.5rem 0.8rem;
	color: var(--msg-text);
	text-decoration: none;
}

.messaging-brand-mark {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(121, 224, 183, 0.24);
	border-radius: 14px;
	background: linear-gradient(145deg, rgba(121, 224, 183, 0.17), rgba(121, 224, 183, 0.055));
	color: #c6ffe8;
	font-family: Georgia, serif;
	font-size: 1.45rem;
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
}

.messaging-brand-copy {
	display: grid;
	gap: 0.05rem;
	text-align: center;
}

.messaging-brand-copy strong {
	font-size: 0.76rem;
	letter-spacing: 0.02em;
}

.messaging-brand-copy small {
	color: var(--msg-muted);
	font-size: 0.62rem;
}

.messaging-identity {
	margin: 0.5rem;
	padding: 0.65rem;
	border: 1px solid var(--msg-line);
	border-radius: 13px;
	background: rgba(255, 255, 255, 0.025);
}



/* CompactCSS source: /apps/universal-chat/workspace-search.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos sees every vessel without searching; Awtsmoos.com keeps loaded-workspace search visibly bounded, compact on phones, and honest about its local scope while every clear doorway remains thumb-sized in light. */

.messaging-workspace-search {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.5rem;
	height: 46px;
	margin: 0.6rem 0.75rem 0;
	padding: 0 0.2rem 0 0.65rem;
	border: 1px solid var(--msg-line);
	border-radius: 13px;
	background: rgba(255, 255, 255, 0.035);
	transition: border-color 120ms ease, background 120ms ease;
}

.messaging-workspace-search:focus-within {
	border-color: rgba(121, 224, 183, 0.3);
	background: rgba(121, 224, 183, 0.045);
}

.messaging-search-mark {
	color: var(--msg-muted);
	font-size: 1.08rem;
}

.messaging-workspace-search input {
	min-width: 0;
	height: 100%;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--msg-text);
	font-size: 0.78rem;
}

.messaging-workspace-search button {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--msg-muted);
	font-size: 1rem;
}

.messaging-workspace-search button:hover {
	background: rgba(255, 255, 255, 0.06);
	color: var(--msg-text);
}

.messaging-search-feedback {
	margin: 0.28rem 0.85rem 0;
	color: var(--msg-muted);
	font-size: 0.64rem;
	line-height: 1.35;
}

@media (max-width: 760px) {
	.messaging-workspace-search {
		height: 48px;
		gap: 0.36rem;
		margin: 0.48rem 0.6rem 0;
		padding-left: 0.58rem;
	}

	.messaging-workspace-search button {
		width: 44px;
		height: 44px;
		min-width: 44px;
		min-height: 44px;
	}

	.messaging-search-feedback {
		margin-inline: 0.68rem;
	}
}



/* CompactCSS source: /apps/universal-chat/identity.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond alias and anonymous garment; Awtsmoos.com shows the current social identity compactly enough for navigation while keeping privacy status readable in light. */

.messaging-identity {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	align-items: center;
	gap: 0.5rem;
}

.messaging-identity-mark {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border: 1px solid rgba(121, 224, 183, 0.17);
	border-radius: 11px;
	background: var(--msg-accent-soft);
	color: #e3fff1;
	font-size: 0.72rem;
	font-weight: 850;
}

.messaging-identity > span:last-child {
	display: grid;
	min-width: 0;
	gap: 0.05rem;
}

.messaging-identity strong,
.messaging-identity small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.messaging-identity strong {
	font-size: 0.72rem;
	font-weight: 760;
}

.messaging-identity small {
	color: var(--msg-muted);
	font-size: 0.58rem;
}

@media (min-width: 761px) and (max-width: 1100px) {
	.messaging-identity {
		grid-template-columns: 1fr;
		justify-items: center;
	}

	.messaging-identity > span:last-child {
		display: none;
	}
}



/* CompactCSS source: /apps/universal-chat/rail.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is one beyond every route; Awtsmoos.com lets the flagship rail stay dense and legible on wide glass while common hover and focus belong to the interaction covenant—route is structure, response is light, and current place remains clear day and night. */

.messaging-rail-buttons {
	display: flex;
	min-height: 0;
	flex-direction: column;
	gap: 0.2rem;
	overflow: auto;
	padding: 0.25rem 0.55rem 0.75rem;
	scrollbar-width: none;
}

.messaging-rail-button {
	position: relative;
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: 0.45rem;
	min-height: 48px;
	padding: 0.45rem 0.55rem;
	border: 1px solid transparent;
	border-radius: 12px;
	background: transparent;
	color: var(--msg-muted);
	cursor: pointer;
	text-align: left;
}

.messaging-mobile-more-button {
	display: none;
}

.messaging-rail-button.is-active {
	border-color: rgba(121, 224, 183, 0.14);
	background: var(--msg-accent-soft);
	color: #eafff5;
}

.messaging-rail-button.is-active::before {
	content: "";
	position: absolute;
	left: -0.55rem;
	width: 3px;
	height: 24px;
	border-radius: 0 3px 3px 0;
	background: var(--msg-accent);
}

.messaging-rail-icon,
.messaging-icon {
	display: grid;
	place-items: center;
}

.messaging-icon {
	width: 20px;
	height: 20px;
}

.messaging-rail-label {
	overflow: hidden;
	font-size: 0.72rem;
	font-weight: 650;
	line-height: 1.15;
	text-overflow: ellipsis;
}

.messaging-rail-divider {
	height: 1px;
	margin: 0.28rem 0.5rem;
	background: var(--msg-line);
}



/* CompactCSS source: /apps/universal-chat/rail-badges.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos knows every waiting private word and consent gate before a number appears; Awtsmoos.com keeps only concise store-derived awareness, positioned clear of the selected mobile pill so urgency never becomes visual noise in light. */

.messaging-rail-badge {
	position: absolute;
	top: 0.28rem;
	right: 0.28rem;
	display: grid;
	place-items: center;
	min-width: 18px;
	height: 18px;
	padding: 0 0.28rem;
	border: 2px solid rgba(8, 17, 13, 0.95);
	border-radius: 999px;
	background: var(--msg-accent);
	color: #06110c;
	font-size: 0.58rem;
	font-weight: 900;
	line-height: 1;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

@media (min-width: 761px) {
	.messaging-rail-badge {
		top: 0.2rem;
		right: 0.2rem;
	}
}

@media (max-width: 760px) {
	.messaging-rail-badge {
		top: 0.45rem;
		right: calc(50% - 27px);
		min-width: 18px;
		height: 18px;
		padding-inline: 0.22rem;
		font-size: 0.54rem;
		box-shadow: 0 0 0 2px rgba(8, 17, 13, 0.78), 0 4px 10px rgba(0, 0, 0, 0.18);
	}

	.messaging-rail-button.is-active .messaging-rail-badge {
		border-color: rgba(12, 28, 20, 0.98);
	}
}



/* CompactCSS source: /apps/universal-chat/list.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos knows every relationship before a row exists; Awtsmoos.com gives conversation summaries the compact rhythm of a dependable inbox, while one quiet accent edge makes the room currently owning the thread unmistakable in light. */

.messaging-list {
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 0.5rem 0.45rem 1rem;
	scrollbar-gutter: stable;
}

.messaging-list-row {
	position: relative;
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.7rem;
	min-height: 64px;
	padding: 0.55rem 0.6rem;
	border: 1px solid transparent;
	border-radius: 13px;
	background: transparent;
	color: var(--msg-text);
}

.messaging-list-row + .messaging-list-row {
	margin-top: 0.12rem;
}

.messaging-list-row.is-clickable {
	cursor: pointer;
}

.messaging-list-row.is-clickable:hover {
	background: rgba(255, 255, 255, 0.035);
}

.messaging-list-row.is-selected {
	border-color: rgba(121, 224, 183, 0.14);
	background: var(--msg-accent-soft);
}

.messaging-list-row.is-selected::before {
	content: "";
	position: absolute;
	top: 0.62rem;
	bottom: 0.62rem;
	left: 0.14rem;
	width: 3px;
	border-radius: 999px;
	background: var(--msg-accent);
	box-shadow: 0 0 12px rgba(121, 224, 183, 0.16);
}

.messaging-list-row.has-unread .messaging-row-copy strong {
	color: #f7fffa;
	font-weight: 800;
}

.messaging-row-avatar {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(121, 224, 183, 0.13);
	border-radius: 14px;
	background: linear-gradient(145deg, rgba(121, 224, 183, 0.12), rgba(255, 255, 255, 0.035));
	color: #dfffee;
	font-size: 0.72rem;
	font-weight: 850;
	letter-spacing: 0.03em;
}

.messaging-row-copy {
	display: grid;
	min-width: 0;
	gap: 0.18rem;
}

.messaging-row-title-line {
	display: flex;
	min-width: 0;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.5rem;
}

.messaging-row-title-line strong {
	overflow: hidden;
	font-size: 0.88rem;
	font-weight: 680;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.messaging-row-copy small {
	overflow: hidden;
	color: var(--msg-muted);
	font-size: 0.75rem;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}



/* CompactCSS source: /apps/universal-chat/list-meta.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos contains every unread count and timestamp without badge or clock; Awtsmoos.com keeps secondary row metadata small, scan-friendly, and accessible in light. */

.messaging-row-meta {
	flex: 0 0 auto;
	color: var(--msg-muted);
	font-size: 0.66rem;
	font-weight: 550;
}

.messaging-unread {
	display: grid;
	place-items: center;
	min-width: 22px;
	height: 22px;
	padding: 0 0.35rem;
	border-radius: 999px;
	background: var(--msg-accent);
	color: #06110c;
	font-size: 0.66rem;
	font-weight: 900;
}

.messaging-list-row > button {
	min-height: 34px;
	padding: 0 0.55rem;
	font-size: 0.72rem;
}

.messaging-list-row > div:last-child:not(.messaging-row-copy) {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.35rem;
}



/* CompactCSS source: /apps/universal-chat/mobile-list-density.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos knows every relationship before an inbox row exists; Awtsmoos.com makes the phone list faster to scan without shrinking touch safety or hiding unread, preview, time, or consent actions in light. */

@media (max-width: 760px) {
	.messaging-list {
		padding: 0.32rem 0.35rem 0.85rem;
		scrollbar-gutter: auto;
	}

	.messaging-list-row {
		grid-template-columns: 40px minmax(0, 1fr) auto;
		gap: 0.55rem;
		min-height: 60px;
		padding: 0.42rem 0.45rem;
		border-radius: 12px;
	}

	.messaging-list-row + .messaging-list-row {
		margin-top: 0.06rem;
	}

	.messaging-row-avatar {
		width: 40px;
		height: 40px;
		border-radius: 13px;
	}

	.messaging-row-copy {
		gap: 0.12rem;
	}

	.messaging-row-title-line strong {
		font-size: 0.84rem;
	}

	.messaging-row-copy small {
		font-size: 0.71rem;
		line-height: 1.28;
	}

	.messaging-row-meta {
		font-size: 0.61rem;
	}

	.messaging-list-row > button {
		min-height: 44px;
	}

	.messaging-list-row.is-selected::before {
		top: 0.5rem;
		bottom: 0.5rem;
	}
}



/* CompactCSS source: /apps/universal-chat/relationship-list.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos distinguishes relationship from conversation before either becomes a row; Awtsmoos.com lets consent decisions breathe below identity so actions stay legible, touchable, and morally explicit in light. */

.messaging-relationship-row {
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: start;
	padding-block: 0.7rem;
	border-color: var(--msg-line);
	background: rgba(255, 255, 255, 0.018);
}

.messaging-relationship-row .messaging-row-avatar {
	margin-top: 0.05rem;
}

.messaging-relationship-row .messaging-row-copy {
	align-self: center;
}

.messaging-relationship-row .messaging-row-actions {
	grid-column: 2;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-top: 0.05rem;
}

.messaging-row-action {
	min-height: 40px;
	padding: 0 0.68rem;
	border-radius: 10px;
	font-size: 0.7rem;
	font-weight: 720;
}

.messaging-row-action.is-primary {
	border-color: rgba(121, 224, 183, 0.2);
	background: rgba(121, 224, 183, 0.13);
	color: #e5fff2;
}

.messaging-row-action.is-secondary {
	background: rgba(255, 255, 255, 0.035);
	color: var(--msg-soft);
}

.messaging-row-action.is-danger {
	border-color: rgba(255, 130, 130, 0.14);
	background: transparent;
	color: rgba(255, 174, 174, 0.72);
}

.messaging-row-action.is-danger:hover {
	border-color: rgba(255, 130, 130, 0.28);
	background: rgba(255, 110, 110, 0.07);
	color: #ffd0d0;
}

.messaging-relationship-row.is-request {
	border-color: rgba(121, 224, 183, 0.095);
}

.messaging-relationship-row.is-friend {
	background: transparent;
}

@media (max-width: 840px) {
	.messaging-relationship-row .messaging-row-actions {
		gap: 0.35rem;
	}

	.messaging-row-action {
		min-height: 40px;
		padding-inline: 0.6rem;
	}
}

@media (max-width: 430px) {
	.messaging-relationship-row {
		grid-template-columns: 44px minmax(0, 1fr);
		padding: 0.72rem 0.65rem;
	}

	.messaging-relationship-row .messaging-row-actions {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		margin-top: 0.2rem;
	}

	.messaging-relationship-row.is-friend .messaging-row-actions {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.messaging-row-action {
		min-height: 44px;
		padding-inline: 0.48rem;
	}
}



/* CompactCSS source: /apps/universal-chat/thread.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond message and chronology; Awtsmoos.com gives accepted private speech a calm reading column, visible navigation controls, and enough air that long Torah conversation remains human in light. */

.messaging-thread-header {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-height: 72px;
	padding: 0.85rem 1rem;
	border-bottom: 1px solid var(--msg-line);
	background: rgba(9, 19, 14, 0.78);
	backdrop-filter: blur(14px);
}

.messaging-thread-heading {
	display: grid;
	min-width: 0;
	gap: 0.16rem;
}

.messaging-thread-heading strong,
.messaging-thread-heading small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.messaging-thread-heading strong {
	font-size: 0.96rem;
}

.messaging-thread-heading small {
	color: var(--msg-muted);
	font-size: 0.7rem;
}

.messaging-thread-tools {
	display: flex;
	gap: 0.4rem;
	margin-left: auto;
}

.messaging-thread-tools button,
.messaging-mobile-back {
	min-height: 40px;
	padding: 0 0.7rem;
	font-size: 0.7rem;
}

.messaging-thread {
	min-height: 0;
	overflow: auto;
	padding: 1rem clamp(0.85rem, 3vw, 2.5rem) 1.35rem;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
}

.private-message {
	width: fit-content;
	max-width: min(76%, 760px);
	margin-bottom: 0.75rem;
	padding: 0.72rem 0.82rem;
	border: 1px solid var(--msg-line);
	border-radius: 15px 15px 15px 5px;
	background: rgba(255, 255, 255, 0.035);
}

.private-message.is-mine {
	margin-left: auto;
	border-color: rgba(121, 224, 183, 0.2);
	border-radius: 15px 15px 5px 15px;
	background: rgba(121, 224, 183, 0.09);
}

.private-message header {
	display: flex;
	gap: 0.6rem;
	align-items: baseline;
	margin-bottom: 0.3rem;
	font-size: 0.67rem;
}

.private-message header strong {
	color: #dff8ec;
}

.private-message header time {
	color: var(--msg-muted);
}

.private-message p {
	margin: 0;
	white-space: pre-wrap;
	word-break: break-word;
	line-height: 1.55;
}

@media (max-width: 760px) {
	.messaging-thread-tools button,
	.messaging-mobile-back {
		min-height: 44px;
	}
}



/* CompactCSS source: /apps/universal-chat/thread-identity.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond room title and member count; Awtsmoos.com keeps the title permanently visible while secondary identity detail may fold on narrow glass without becoming permission or routing state in light. */

.messaging-thread-identity {
	display: grid;
	min-width: 0;
	gap: 0.14rem;
	padding: 0.2rem 0.25rem;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--msg-text);
	text-align: left;
}

.messaging-thread-title-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.35rem;
	min-width: 0;
}

.messaging-thread-title-row strong {
	overflow: hidden;
	font-size: 0.96rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.messaging-thread-identity-detail {
	display: block;
	max-height: 2rem;
	overflow: hidden;
	color: var(--msg-muted);
	font-size: 0.7rem;
	line-height: 1.3;
	opacity: 1;
	transform: translateY(0);
	transition: max-height 180ms ease, opacity 160ms ease, transform 180ms ease;
}

.messaging-thread-identity-detail > span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.messaging-thread-identity-chevron {
	display: none;
	color: var(--msg-muted);
	font-size: 0.78rem;
	transition: transform 160ms ease;
}

@media (max-width: 430px) {
	.messaging-thread-identity {
		min-height: 44px;
		align-content: center;
		gap: 0.05rem;
		padding: 0.2rem 0.3rem;
	}

	.messaging-thread-identity-chevron {
		display: inline-block;
	}

	.messaging-thread-identity[aria-expanded="true"] .messaging-thread-identity-chevron {
		transform: rotate(180deg);
	}

	.messaging-thread-identity[aria-expanded="false"] .messaging-thread-identity-detail {
		max-height: 0;
		opacity: 0;
		transform: translateY(-3px);
	}
}



/* CompactCSS source: /apps/universal-chat/message-rhythm.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos contains every word without clutter; Awtsmoos.com lets adjacent speech from one person gather into visual runs while date boundaries keep long private history readable in light. */

.messaging-date-divider {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	margin: 1.05rem 0 0.85rem;
	color: var(--msg-muted);
	font-size: 0.66rem;
	font-weight: 720;
	letter-spacing: 0.03em;
}

.messaging-date-divider::before,
.messaging-date-divider::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	background: var(--msg-line);
}

.messaging-date-divider time {
	flex: 0 0 auto;
}

.private-message.is-continuation {
	margin-top: 0.16rem;
	border-top-left-radius: 7px;
}

.private-message.is-mine.is-continuation {
	border-top-left-radius: 16px;
	border-top-right-radius: 7px;
}

.private-message.is-continuation header {
	display: none;
}

.private-message:not(.is-continuation) {
	margin-top: 0.65rem;
}

.messaging-date-divider + .private-message {
	margin-top: 0;
}

@media (max-width: 760px) {
	.messaging-thread {
		padding-inline: 0.72rem;
	}

	.private-message {
		max-width: 88%;
	}

	.messaging-date-divider {
		margin-block: 0.9rem 0.7rem;
	}
}



/* CompactCSS source: /apps/universal-chat/mobile-message-rhythm.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos contains every private word before spacing exists; Awtsmoos.com lets narrow-phone speech gather into tighter readable runs while first-message authorship, time, date boundaries, and exact text remain in light. */

@media (max-width: 760px) {
	.messaging-thread {
		padding: 0.56rem 0.56rem 1rem;
		scroll-padding-bottom: 1rem;
	}

	.private-message {
		max-width: 92%;
		margin-bottom: 0.3rem;
		padding: 0.58rem 0.66rem;
		border-radius: 14px 14px 14px 5px;
	}

	.private-message.is-mine {
		border-radius: 14px 14px 5px 14px;
	}

	.private-message header {
		gap: 0.45rem;
		margin-bottom: 0.2rem;
		font-size: 0.63rem;
	}

	.private-message p {
		font-size: 0.86rem;
		line-height: 1.5;
	}

	.private-message.is-continuation {
		margin-top: 0.08rem;
	}

	.private-message:not(.is-continuation) {
		margin-top: 0.5rem;
	}

	.messaging-date-divider {
		gap: 0.5rem;
		margin: 0.68rem 0 0.46rem;
		font-size: 0.61rem;
	}
}

@media (max-width: 380px) {
	.messaging-thread {
		padding-inline: 0.48rem;
	}

	.private-message {
		max-width: 94%;
		padding: 0.54rem 0.6rem;
	}
}



/* CompactCSS source: /apps/universal-chat/composer.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos contains private speech before field, button, and viewport can divide; Awtsmoos.com gives Universal Chat one structural composer vessel whose geometry stays bounded, readable, and mobile-first.
 */
body[data-messaging-page] .messaging-composer {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: .6rem;
	min-inline-size: 0;
	padding: .72rem clamp(.75rem, 2vw, 1rem) max(.72rem, env(safe-area-inset-bottom));
	border-top: 1px solid var(--msg-line);
	background:
		linear-gradient(145deg, rgba(35, 100, 76, .07), rgba(8, 17, 13, .97) 48%, rgba(43, 86, 101, .05)),
		rgba(8, 17, 13, .96);
	box-shadow: 0 -12px 34px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .025);
	backdrop-filter: blur(16px);
}

body[data-messaging-page] .messaging-composer-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: end;
	gap: .45rem;
	min-inline-size: 0;
}

body[data-messaging-page] .messaging-composer textarea {
	box-sizing: border-box;
	inline-size: 100%;
	min-inline-size: 0;
	min-block-size: 44px;
	max-block-size: 160px;
	resize: none;
	padding: .72rem .78rem;
	border: 1px solid rgba(121, 224, 183, .22);
	border-radius: 13px;
	outline: 0;
	background: linear-gradient(180deg, rgba(3, 11, 8, .78), rgba(20, 42, 32, .5));
	box-shadow: inset 0 1px 8px rgba(0, 0, 0, .15);
	color: var(--msg-text);
	caret-color: #79e0b7;
	font: inherit;
	font-size: .84rem;
	line-height: 1.45;
	transition: border-color .15s ease, background .15s ease, box-shadow .15s ease, opacity .15s ease;
}

body[data-messaging-page] .messaging-composer textarea::placeholder {
	color: color-mix(in srgb, var(--msg-muted) 72%, transparent);
}

body[data-messaging-page] .messaging-text-send,
body[data-messaging-page] .messaging-voice-start {
	min-inline-size: 48px;
	min-block-size: 48px;
	padding: 0 .8rem;
	border: 1px solid rgba(121, 224, 183, .27);
	border-radius: 13px;
	background: linear-gradient(145deg, rgba(121, 224, 183, .16), rgba(73, 136, 151, .1));
	color: #eafff3;
	font: inherit;
	font-weight: 760;
	cursor: pointer;
	transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease, opacity .15s ease;
}

@media (max-width: 430px) {
	body[data-messaging-page] .messaging-composer {
		gap: .4rem;
		padding-inline: .55rem;
	}

	body[data-messaging-page] .messaging-composer-row {
		gap: .35rem;
	}

	body[data-messaging-page] .messaging-composer textarea {
		max-block-size: 112px;
		padding: .64rem .68rem;
		border-radius: 14px;
	}

	body[data-messaging-page] .messaging-text-send,
	body[data-messaging-page] .messaging-voice-start {
		min-inline-size: 48px;
		min-block-size: 48px;
		padding-inline: .55rem;
	}
}



/* CompactCSS source: /apps/universal-chat/composer-interaction.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos renews hover, focus, press, disabled state, and motion before one private gesture can become old; Awtsmoos.com lets Universal Chat answer every interaction with precise bounded light.
 */
body[data-messaging-page] .messaging-composer textarea:focus-visible {
	border-color: rgba(121, 224, 183, .58);
	background: linear-gradient(180deg, rgba(5, 18, 13, .9), rgba(24, 53, 39, .58));
	box-shadow: 0 0 0 3px rgba(121, 224, 183, .08), inset 0 1px 8px rgba(0, 0, 0, .18);
}

body[data-messaging-page] .messaging-composer textarea[readonly],
body[data-messaging-page] .messaging-composer textarea:disabled {
	cursor: progress;
	opacity: .62;
	filter: saturate(.58);
}

body[data-messaging-page] .messaging-text-send:focus-visible,
body[data-messaging-page] .messaging-voice-start:focus-visible {
	outline: 2px solid rgba(151, 245, 207, .96);
	outline-offset: 3px;
}

body[data-messaging-page] .messaging-text-send:active,
body[data-messaging-page] .messaging-voice-start:active {
	transform: translateY(1px) scale(.97);
}

body[data-messaging-page] .messaging-text-send:disabled,
body[data-messaging-page] .messaging-voice-start:disabled {
	cursor: not-allowed;
	opacity: .52;
	filter: saturate(.55);
}

@media (hover: hover) and (pointer: fine) {
	body[data-messaging-page] .messaging-composer textarea:hover {
		border-color: rgba(121, 224, 183, .38);
		background: linear-gradient(180deg, rgba(4, 15, 11, .86), rgba(24, 49, 37, .54));
	}

	body[data-messaging-page] .messaging-text-send:hover,
	body[data-messaging-page] .messaging-voice-start:hover {
		border-color: rgba(145, 239, 204, .54);
		background: linear-gradient(145deg, rgba(121, 224, 183, .24), rgba(73, 151, 169, .14));
		box-shadow: 0 8px 20px rgba(54, 183, 137, .08);
		transform: translateY(-1px);
	}
}

@media (prefers-reduced-motion: reduce) {
	body[data-messaging-page] .messaging-composer textarea,
	body[data-messaging-page] .messaging-text-send,
	body[data-messaging-page] .messaging-voice-start {
		transition-duration: .01ms;
	}
}



/* CompactCSS source: /apps/universal-chat/details.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond drawer, member, and role; Awtsmoos.com keeps accepted relationship truth visible while close, identity, and member responsibility remain reachable at every safe edge—roles stay clear, administration may fold, and the drawer never steals the whole world. */

.messaging-details > button:first-child {
	position: sticky;
	top: 0;
	z-index: 3;
	float: right;
	width: var(--msg-touch);
	min-height: var(--msg-touch);
	padding: 0;
	border-radius: 12px;
	background: #0a140f;
	background: rgba(10, 20, 15, 0.94);
	backdrop-filter: blur(12px);
}

.messaging-details-header {
	display: grid;
	gap: 0.4rem;
	padding: 0.4rem 3rem 1rem 0;
	border-bottom: 1px solid var(--msg-line);
}

.messaging-details-header h2 {
	margin: 0;
	font-size: 1.2rem;
	line-height: 1.25;
}

.messaging-details-copy {
	margin: 0;
	color: var(--msg-soft);
	font-size: 0.78rem;
	line-height: 1.55;
}

.messaging-details-members {
	padding-top: 1rem;
}

.messaging-details-members h3 {
	margin: 0 0 0.45rem;
	color: var(--msg-muted);
	font-size: 0.67rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.messaging-member-row {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.6rem;
	min-height: 54px;
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--msg-line);
}

.messaging-member-avatar {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 12px;
	background: var(--msg-accent-soft);
	color: var(--msg-accent);
	font-size: 0.7rem;
	font-weight: 820;
}

.messaging-member-copy {
	display: grid;
	min-width: 0;
	gap: 0.08rem;
}

.messaging-member-copy strong {
	overflow: hidden;
	font-size: 0.82rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.messaging-member-copy small {
	color: var(--msg-muted);
	font-size: 0.66rem;
}

@media (max-width: 760px) {
	.messaging-details {
		padding-top: max(0.8rem, env(safe-area-inset-top));
		padding-right: max(0.85rem, env(safe-area-inset-right));
		padding-bottom: max(0.85rem, env(safe-area-inset-bottom));
		padding-left: max(0.85rem, env(safe-area-inset-left));
		overscroll-behavior: contain;
	}
}



/* CompactCSS source: /apps/universal-chat/group-details.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond owner, admin, member, and invitation; Awtsmoos.com keeps membership identity permanently visible while desktop administration remains direct and narrow-glass management lives in its own smaller garment of light. */

.messaging-group-footer {
	position: sticky;
	bottom: calc(-1.1rem - env(safe-area-inset-bottom));
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 1rem -1.1rem -1.1rem;
	padding: 0.75rem 1.1rem max(0.8rem, env(safe-area-inset-bottom));
	border-top: 1px solid var(--msg-line);
	background: rgba(10, 20, 15, 0.96);
	backdrop-filter: blur(14px);
}

.messaging-group-footer button {
	min-height: 40px;
	font-size: 0.7rem;
}

.messaging-details-members > div {
	display: grid;
}

.messaging-member-row .messaging-row-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.35rem;
}

.messaging-member-row .messaging-row-action {
	min-height: 34px;
	padding: 0 0.55rem;
	font-size: 0.64rem;
}

.messaging-member-row .messaging-row-action.is-danger,
.messaging-group-footer .messaging-row-action.is-danger {
	border-color: rgba(255, 130, 130, 0.2);
	background: rgba(255, 100, 100, 0.06);
	color: #ffb8b8;
}

.messaging-member-management {
	grid-column: 3;
	align-self: center;
	border: 0;
	background: transparent;
}

.messaging-member-management > .messaging-disclosure-summary {
	display: none;
}

.messaging-member-management > .messaging-disclosure-body {
	padding: 0;
}

@media (max-width: 900px) and (min-width: 761px) {
	.messaging-details {
		width: min(360px, 44vw);
	}

	.messaging-member-row {
		grid-template-columns: 36px minmax(0, 1fr);
	}

	.messaging-member-management {
		grid-column: 1 / -1;
	}

	.messaging-member-management > .messaging-disclosure-summary {
		display: grid;
	}
}



/* CompactCSS source: /apps/universal-chat/group-details-mobile.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond member and manager; Awtsmoos.com keeps every group alias and role visible while repeated owner/admin controls fold behind one thumb-sized Manage doorway on narrow glass in light. */

@media (max-width: 760px) {
	.messaging-member-row {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 0.55rem;
		min-height: 58px;
	}

	.messaging-member-management {
		grid-column: 1 / -1;
		width: 100%;
		border: 1px solid var(--msg-line);
		border-radius: 12px;
		background: rgba(255, 255, 255, 0.02);
	}

	.messaging-member-management > .messaging-disclosure-summary {
		display: grid;
		min-height: 46px;
		padding: 0.55rem 0.65rem;
	}

	.messaging-member-management .messaging-disclosure-copy strong {
		font-size: 0.72rem;
	}

	.messaging-member-management .messaging-disclosure-copy small {
		font-size: 0.6rem;
	}

	.messaging-member-management > .messaging-disclosure-body {
		padding: 0 0.65rem 0.65rem;
	}

	.messaging-member-management .messaging-row-actions {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.4rem;
	}

	.messaging-member-management .messaging-row-action {
		width: 100%;
		min-height: 44px;
	}

	.messaging-group-footer {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.45rem;
		margin-inline: -1.1rem;
	}

	.messaging-group-footer button {
		width: 100%;
		min-height: 46px;
	}
}

@media (max-width: 380px) {
	.messaging-group-footer {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /apps/universal-chat/modal.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is present before any sheet interrupts the workspace; Awtsmoos.com keeps transactional forms inside the visual viewport, scrollable without escape, and safe around every device edge—intent stays near, focus stays clear, and no finite dialog swallows the air. */

.messaging-modal-overlay {
	position: fixed;
	z-index: 1000;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
	background: rgba(0, 0, 0, 0.68);
	backdrop-filter: blur(8px);
	overscroll-behavior: contain;
}

.messaging-modal {
	display: grid;
	gap: 0.8rem;
	width: min(440px, 100%);
	max-height: min(720px, 92dvh);
	overflow: auto;
	padding: 1rem;
	border: 1px solid var(--msg-line-strong);
	border-radius: 18px;
	background: #0c1913;
	box-shadow: var(--msg-shadow-strong);
	overscroll-behavior: contain;
	scroll-padding-block: 0.75rem;
}

.messaging-modal h2 {
	margin: 0;
	font-size: 1.1rem;
	line-height: 1.25;
}

.messaging-modal p {
	margin: 0;
	color: var(--msg-soft);
	font-size: 0.8rem;
	line-height: 1.55;
}

.messaging-modal-field {
	display: grid;
	gap: 0.35rem;
	margin-top: 0.15rem;
}

.messaging-modal-field > span {
	color: var(--msg-soft);
	font-size: 0.7rem;
	font-weight: 760;
}

.messaging-modal input,
.messaging-modal textarea,
.messaging-modal select {
	width: 100%;
	min-height: var(--msg-touch);
	padding: 0.65rem 0.75rem;
	border: 1px solid var(--msg-line-strong);
	border-radius: var(--msg-radius-sm);
	background: var(--msg-surface);
	color: var(--msg-text);
}

@media (max-width: 600px) {
	.messaging-modal-overlay {
		align-items: flex-end;
		padding: env(safe-area-inset-top) 0 0;
	}

	.messaging-modal {
		width: 100%;
		max-height: min(82dvh, 680px);
		padding: 1rem max(0.85rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(0.85rem, env(safe-area-inset-left));
		border-right: 0;
		border-bottom: 0;
		border-left: 0;
		border-radius: var(--msg-radius-lg) var(--msg-radius-lg) 0 0;
	}
}



/* CompactCSS source: /apps/universal-chat/modal-actions.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is one before success, failure, waiting, and retry; Awtsmoos.com keeps transactional intent visible through uncertainty—busy is named, failure remains beside the field, and entered truth never fades into mystery. */

.messaging-modal-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.5rem;
	margin-top: 0.2rem;
}

.messaging-modal-action {
	min-height: var(--msg-touch);
	padding-inline: 0.8rem;
	font-weight: 720;
}

.messaging-modal-action.is-primary {
	border-color: rgba(121, 224, 183, 0.22);
	background: rgba(121, 224, 183, 0.14);
	color: #e9fff4;
}

.messaging-modal-action:disabled,
.messaging-modal input[readonly] {
	opacity: 0.7;
}

.messaging-modal[aria-busy="true"] .messaging-modal-action:disabled,
.messaging-modal[aria-busy="true"] input[readonly] {
	cursor: progress;
}

.messaging-modal-error {
	padding: 0.65rem 0.72rem;
	border: 1px solid rgba(255, 171, 171, 0.28);
	border-radius: var(--msg-radius-sm);
	background: var(--msg-danger-soft);
	color: #ffd5d5;
	font-size: 0.72rem;
	font-weight: 620;
	line-height: 1.45;
}

.messaging-modal[aria-busy="true"] .messaging-modal-field {
	opacity: 0.86;
}

@media (max-width: 600px) {
	.messaging-modal-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.messaging-modal-action {
		min-height: 46px;
	}
}

@media (max-width: 360px) {
	.messaging-modal-actions {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /apps/universal-chat/disclosure.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond concealment and revelation; Awtsmoos.com gives secondary knowledge a native details vessel whose summary stays touchable, whose content breathes when revealed, and whose motion remains a servant of meaning in light. */

.messaging-disclosure {
	border: 1px solid var(--msg-line);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.025);
	contain: layout paint;
}

.messaging-disclosure-summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 28px;
	align-items: center;
	gap: 0.65rem;
	min-height: 48px;
	padding: 0.7rem 0.8rem;
	cursor: pointer;
	list-style: none;
}

.messaging-disclosure-summary::-webkit-details-marker {
	display: none;
}

.messaging-disclosure-copy {
	display: grid;
	min-width: 0;
	gap: 0.12rem;
}

.messaging-disclosure-copy strong {
	font-size: 0.78rem;
	line-height: 1.3;
}

.messaging-disclosure-copy small {
	overflow: hidden;
	color: var(--msg-muted);
	font-size: 0.66rem;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.messaging-disclosure-indicator {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 9px;
	background: rgba(121, 224, 183, 0.07);
	color: var(--msg-accent);
	font-size: 0.95rem;
	transform: rotate(0deg);
	transition: transform 180ms ease, background 180ms ease;
}

.messaging-disclosure[open] .messaging-disclosure-indicator {
	background: rgba(121, 224, 183, 0.13);
	transform: rotate(180deg);
}

.messaging-disclosure-body {
	display: grid;
	gap: 0.65rem;
	padding: 0 0.8rem 0.8rem;
	animation: messagingDisclosureReveal 180ms ease both;
}

@keyframes messagingDisclosureReveal {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}

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

@media (max-width: 760px) {
	.messaging-disclosure-summary {
		min-height: 52px;
		padding: 0.72rem 0.75rem;
	}

	.messaging-disclosure-body {
		padding: 0 0.75rem 0.75rem;
	}
}



/* CompactCSS source: /apps/universal-chat/activity.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos remembers meaning without surveillance; Awtsmoos.com keeps the private journal primary while capture choices fold into one native mobile disclosure instead of occupying the path before the remembered deeds in light. */

.messaging-special-header {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 0.85rem;
}

.messaging-special-header h2 {
	margin: 0;
	font-size: clamp(1.1rem, 2vw, 1.45rem);
}

.messaging-special-header p {
	margin: 0.3rem 0 0;
	max-width: 66ch;
	color: var(--msg-soft);
	line-height: 1.55;
}

.messaging-activity-workspace {
	width: min(920px, calc(100% - 2rem));
	margin: 0 auto;
	padding: clamp(1.1rem, 4vw, 2.4rem) 0 2rem;
}

.messaging-activity-header > div:first-child {
	min-width: 0;
}

.messaging-activity-disclosure {
	margin-bottom: 0.2rem;
}

.messaging-activity-preferences {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.messaging-activity-preferences span {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 0.55rem;
	border: 1px solid var(--msg-line);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.025);
	color: var(--msg-muted);
	font-size: 0.64rem;
	font-weight: 680;
	white-space: nowrap;
}

.messaging-activity-journal {
	display: grid;
	gap: 1.15rem;
	margin-top: 0.8rem;
}

.messaging-activity-day > h3 {
	margin: 0 0 0.35rem;
	color: var(--msg-soft);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.messaging-activity-workspace > .messaging-empty-state {
	min-height: 440px;
}

@media (max-width: 760px) {
	.messaging-activity-workspace {
		width: calc(100% - 1.2rem);
		padding: 0.75rem 0 1.5rem;
	}

	.messaging-activity-header {
		margin-bottom: 0.65rem;
	}

	.messaging-activity-header p {
		font-size: 0.78rem;
		line-height: 1.45;
	}

	.messaging-activity-preferences {
		gap: 0.3rem;
	}

	.messaging-activity-journal {
		margin-top: 0.65rem;
	}
}



/* CompactCSS source: /apps/universal-chat/activity-journal.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos remembers meaningful paths without needing an engagement score; Awtsmoos.com keeps each owner-only event readable in light while phone density is imported explicitly by the flagship root as its own smaller garment. */

.messaging-activity-list {
	position: relative;
	display: grid;
	gap: 0;
	max-width: 800px;
}

.messaging-activity-list::before {
	content: "";
	position: absolute;
	top: 0.9rem;
	bottom: 0.9rem;
	left: 7px;
	width: 1px;
	background: var(--msg-line-strong);
}

.messaging-activity-card {
	position: relative;
	display: grid;
	grid-template-columns: 16px minmax(0, 1fr);
	gap: 0.75rem;
	padding: 0.72rem 0;
}

.messaging-activity-marker {
	position: relative;
	z-index: 1;
	width: 9px;
	height: 9px;
	margin-top: 0.38rem;
	border: 2px solid #0b1712;
	border-radius: 50%;
	background: var(--msg-accent);
	box-shadow: 0 0 0 3px rgba(121, 224, 183, 0.08);
}

.messaging-activity-copy {
	display: grid;
	gap: 0.45rem;
	padding-bottom: 0.72rem;
	border-bottom: 1px solid var(--msg-line);
}

.messaging-activity-heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem;
}

.messaging-activity-heading strong {
	min-width: 0;
	overflow-wrap: anywhere;
	font-size: 0.9rem;
	line-height: 1.4;
}

.messaging-activity-heading time {
	flex: 0 0 auto;
	color: var(--msg-muted);
	font-size: 0.68rem;
}

.messaging-activity-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
}

.messaging-activity-chip {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 0 0.45rem;
	border: 1px solid var(--msg-line);
	border-radius: 999px;
	color: var(--msg-muted);
	font-size: 0.6rem;
	line-height: 1;
}

.messaging-activity-open {
	justify-self: start;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 0 0.65rem;
	border: 1px solid var(--msg-line-strong);
	border-radius: 9px;
	color: var(--msg-text);
	font-size: 0.68rem;
	font-weight: 720;
	text-decoration: none;
}

.messaging-activity-open:hover {
	border-color: rgba(121, 224, 183, 0.26);
	background: rgba(121, 224, 183, 0.07);
}



/* CompactCSS source: /apps/universal-chat/activity-journal-mobile.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond wide journal and narrow glass; Awtsmoos.com lets meaningful owner-only activity compress for the thumb while keeping title, time, semantic chips, and safe return path present in light. */

@media (max-width: 600px) {
	.messaging-activity-card {
		gap: 0.55rem;
		padding: 0.56rem 0;
	}

	.messaging-activity-copy {
		gap: 0.36rem;
		padding-bottom: 0.58rem;
	}

	.messaging-activity-heading {
		align-items: flex-start;
		gap: 0.45rem;
	}

	.messaging-activity-heading strong {
		font-size: 0.84rem;
		line-height: 1.34;
	}

	.messaging-activity-chip {
		min-height: 22px;
		font-size: 0.57rem;
	}

	.messaging-activity-open {
		justify-self: stretch;
		width: 100%;
		min-height: 46px;
	}
}



/* CompactCSS source: /apps/universal-chat/discovery.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos offers infinite paths without trapping the learner in one loop; Awtsmoos.com keeps Discover's candidates primary while ranking transparency folds into a compact native disclosure on phones in light. */

.messaging-discovery-workspace,
.messaging-discovery-anonymous {
	display: grid;
	gap: 0.9rem;
	width: min(980px, calc(100% - 2rem));
	margin: 0 auto;
	padding: clamp(1.1rem, 4vw, 2.4rem) 0 2rem;
}

.messaging-discovery-hero,
.messaging-discovery-header {
	display: grid;
	gap: 0.45rem;
	max-width: 780px;
}

.messaging-discovery-hero h2,
.messaging-discovery-header h2 {
	margin: 0;
	font-size: clamp(1.45rem, 3vw, 2.25rem);
	letter-spacing: -0.035em;
}

.messaging-discovery-hero p,
.messaging-discovery-header p {
	margin: 0;
	color: var(--msg-soft);
	line-height: 1.6;
}

.messaging-discovery-lead {
	max-width: 66ch;
}

.messaging-discovery-disclosure {
	margin-top: 0.15rem;
}

.messaging-discovery-ranking-detail {
	display: grid;
	gap: 0.55rem;
}

.messaging-discovery-controls {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem;
}

.messaging-discovery-mode {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 0.6rem;
	border: 1px solid var(--msg-line);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.025);
	color: var(--msg-muted);
	font-size: 0.64rem;
	font-weight: 720;
}

.messaging-discovery-controls button {
	min-height: 40px;
	padding: 0 0.75rem;
	font-size: 0.72rem;
}

.messaging-discovery-start-grid,
.messaging-discovery-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
}

@media (max-width: 820px) {
	.messaging-discovery-start-grid,
	.messaging-discovery-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	.messaging-discovery-workspace,
	.messaging-discovery-anonymous {
		width: calc(100% - 1.2rem);
		gap: 0.7rem;
		padding: 0.75rem 0 1.5rem;
	}

	.messaging-discovery-header h2,
	.messaging-discovery-hero h2 {
		font-size: clamp(1.3rem, 7vw, 1.8rem);
	}

	.messaging-discovery-lead {
		font-size: 0.78rem;
		line-height: 1.45;
	}

	.messaging-discovery-controls button {
		min-height: 44px;
	}
}



/* CompactCSS source: /apps/universal-chat/discovery-cards.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos contains every useful path before a card exists; Awtsmoos.com keeps Discover reasons readable while phone cards become shorter, calmer, and thumb-complete without fabricating a route merely to make every recommendation clickable in light. */

.messaging-discovery-start-card,
.messaging-discovery-card {
	display: grid;
	gap: 0.55rem;
	align-content: start;
	min-height: 210px;
	padding: 1rem;
	border: 1px solid var(--msg-line);
	border-radius: 18px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.035), rgba(121, 224, 183, 0.025));
}

.messaging-discovery-start-card small,
.messaging-discovery-kind {
	color: rgba(121, 224, 183, 0.74);
	font-size: 0.65rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.messaging-discovery-start-card strong,
.messaging-discovery-card strong {
	font-size: 1rem;
	line-height: 1.3;
}

.messaging-discovery-start-card p,
.messaging-discovery-card p {
	margin: 0;
	color: var(--msg-muted);
	font-size: 0.8rem;
	line-height: 1.55;
}

.messaging-discovery-start-card button,
.messaging-discovery-link,
.messaging-discovery-action {
	align-self: end;
	justify-self: start;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	margin-top: auto;
	padding: 0 0.75rem;
	border: 1px solid var(--msg-line-strong);
	border-radius: 10px;
	background: var(--msg-accent-soft);
	color: #e5fff2;
	font-size: 0.75rem;
	font-weight: 720;
	text-decoration: none;
}

.messaging-discovery-context-note {
	align-self: end;
	justify-self: start;
	margin-top: auto;
	color: var(--msg-muted);
	font-size: 0.68rem;
	line-height: 1.35;
}

@media (max-width: 820px) {
	.messaging-discovery-start-card,
	.messaging-discovery-card {
		min-height: 0;
	}
}

@media (max-width: 600px) {
	.messaging-discovery-start-card,
	.messaging-discovery-card {
		gap: 0.42rem;
		padding: 0.78rem;
		border-radius: 15px;
	}

	.messaging-discovery-start-card p,
	.messaging-discovery-card p {
		font-size: 0.76rem;
		line-height: 1.45;
	}

	.messaging-discovery-start-card button,
	.messaging-discovery-link,
	.messaging-discovery-action {
		justify-self: stretch;
		width: 100%;
		min-height: 46px;
	}

	.messaging-discovery-context-note {
		margin-top: 0.15rem;
	}
}



/* CompactCSS source: /apps/universal-chat/presence.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is present without exposure; Awtsmoos.com keeps the visible roster primary while aggregate counts and privacy explanation fold into a compact native disclosure on phones in light. */

.messaging-presence-summary {
	margin: 0.55rem 0.75rem 0;
	padding: 0.55rem 0.7rem;
	border: 1px solid rgba(121, 224, 183, 0.08);
	border-radius: 12px;
	background: rgba(121, 224, 183, 0.07);
	color: rgba(226, 255, 244, 0.82);
	font-size: 0.77rem;
}

.messaging-presence-dashboard {
	display: grid;
	gap: 0.9rem;
	width: min(900px, calc(100% - 2rem));
	margin: 0 auto;
	padding: clamp(1.1rem, 4vw, 2.4rem) 0 2rem;
}

.messaging-presence-header {
	display: grid;
	gap: 0.45rem;
	max-width: 720px;
}

.messaging-presence-header h2 {
	margin: 0;
	font-size: clamp(1.45rem, 3vw, 2.2rem);
	letter-spacing: -0.035em;
}

.messaging-presence-header p,
.messaging-presence-overview-detail > p {
	margin: 0;
	color: var(--msg-soft);
	line-height: 1.6;
}

.messaging-presence-overview-detail {
	display: grid;
	gap: 0.65rem;
}

.messaging-presence-roster-section {
	padding-top: 0.2rem;
}

.messaging-presence-roster-section h3 {
	margin: 0 0 0.7rem;
	font-size: 0.88rem;
}

.messaging-online-roster {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-content: flex-start;
}

.messaging-online-roster.is-empty {
	padding: 0.9rem;
	border: 1px dashed var(--msg-line-strong);
	border-radius: 14px;
	color: var(--msg-muted);
	line-height: 1.45;
}

.messaging-online-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-height: 38px;
	padding: 0.45rem 0.7rem;
	border: 1px solid var(--msg-line);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
}

.messaging-online-chip::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--msg-accent);
	box-shadow: 0 0 0 3px rgba(121, 224, 183, 0.08);
}

@media (max-width: 760px) {
	.messaging-presence-dashboard {
		width: calc(100% - 1.2rem);
		gap: 0.7rem;
		padding: 0.75rem 0 1.5rem;
	}

	.messaging-presence-header h2 {
		font-size: clamp(1.3rem, 7vw, 1.8rem);
	}

	.messaging-presence-header p {
		font-size: 0.78rem;
		line-height: 1.45;
	}

	.messaging-online-roster {
		gap: 0.4rem;
	}

	.messaging-online-chip {
		min-height: 40px;
		padding-inline: 0.65rem;
		font-size: 0.76rem;
	}
}



/* CompactCSS source: /apps/universal-chat/presence-metrics.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is present before number or card; Awtsmoos.com lets privacy-filtered counts become two compact mobile tiles inside their disclosure, legible without turning one expanded explanation into another full screen of light. */

.messaging-presence-metrics {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
}

.messaging-presence-metric {
	display: grid;
	gap: 0.3rem;
	min-height: 154px;
	align-content: center;
	padding: 1.1rem;
	border: 1px solid var(--msg-line);
	border-radius: 19px;
	background: linear-gradient(145deg, rgba(121, 224, 183, 0.09), rgba(255, 255, 255, 0.018));
}

.messaging-presence-metric span,
.messaging-presence-metric small {
	color: var(--msg-muted);
}

.messaging-presence-metric span {
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.messaging-presence-metric strong {
	font-size: clamp(2.2rem, 5vw, 3.8rem);
	font-weight: 820;
	line-height: 0.95;
	letter-spacing: -0.06em;
}

.messaging-presence-metric small {
	font-size: 0.75rem;
	line-height: 1.4;
}

@media (max-width: 560px) {
	.messaging-presence-metrics {
		gap: 0.42rem;
	}

	.messaging-presence-metric {
		min-height: 96px;
		padding: 0.7rem;
		border-radius: 14px;
	}

	.messaging-presence-metric span {
		font-size: 0.56rem;
		letter-spacing: 0.05em;
	}

	.messaging-presence-metric strong {
		font-size: clamp(1.7rem, 9vw, 2.2rem);
	}

	.messaging-presence-metric small {
		font-size: 0.64rem;
		line-height: 1.3;
	}
}



/* CompactCSS source: /apps/universal-chat/public-torah.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is one Torah before drawer and flagship; Awtsmoos.com pins every optional and permanent chamber to its own grid row so hidden status or history can never steal the reading track in light. */

.messaging-special-pane > .universal-chat-drawer,
.messaging-special-pane .universal-chat-drawer.is-expanded {
	position: relative;
	inset: auto;
	display: grid;
	grid-template-rows: auto auto auto auto auto minmax(180px, 1fr) max-content;
	gap: 0;
	width: 100%;
	max-width: none;
	height: 100%;
	min-height: 0;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--msg-text);
}

.messaging-special-pane .universal-chat-header {
	grid-row: 1;
	min-height: 72px;
	padding: 0.85rem clamp(0.85rem, 2.5vw, 1.6rem);
	border-bottom: 1px solid var(--msg-line);
	background: rgba(10, 21, 16, 0.7);
}

.messaging-special-pane .universal-chat-controls {
	grid-row: 2;
	justify-content: flex-start;
	min-height: 48px;
	padding-block: 0.45rem;
	border-bottom: 1px solid var(--msg-line);
}

.messaging-special-pane .universal-chat-status {
	grid-row: 3;
}

.messaging-special-pane .universal-chat-roster {
	grid-row: 4;
}

.messaging-special-pane .universal-chat-older {
	grid-row: 5;
}

.messaging-special-pane .universal-chat-messages {
	grid-row: 6;
	min-height: 0;
	margin: 0;
	border-radius: 0;
	background: transparent;
	scrollbar-gutter: stable;
}

.messaging-special-pane .universal-chat-composer {
	grid-row: 7;
}

.messaging-special-pane #universalChatClose,
.messaging-special-pane .universal-chat-app-link {
	display: none;
}

.messaging-special-pane .universal-chat-controls,
.messaging-special-pane .universal-chat-status,
.messaging-special-pane .universal-chat-roster {
	margin: 0;
	padding-inline: clamp(0.85rem, 2.5vw, 1.6rem);
}

.messaging-special-pane .universal-chat-status,
.messaging-special-pane .universal-chat-roster {
	padding-block: 0.28rem;
	color: var(--msg-muted);
	font-size: 0.72rem;
	opacity: 1;
}



/* CompactCSS source: /apps/universal-chat/public-torah-controls.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is one presence before alias, feed scope, or privacy switch; Awtsmoos.com keeps feed and hiding decisions permanently visible as compact phone rows without letting socket state masquerade as identity in light. */

.messaging-special-pane .universal-chat-header {
	align-items: center;
}

.messaging-special-pane .universal-chat-header > div {
	gap: 0.18rem;
}

.messaging-special-pane .universal-chat-header strong {
	font-size: 1.08rem;
	letter-spacing: -0.018em;
}

.messaging-special-pane #universalChatIdentity {
	color: var(--msg-muted);
	font-size: 0.7rem;
	font-weight: 680;
}

.messaging-special-pane .universal-chat-controls {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.55rem 0.8rem;
}

.messaging-special-pane .universal-chat-view-control,
.messaging-special-pane .universal-chat-privacy-control {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	color: var(--msg-soft);
	font-size: 0.7rem;
	font-weight: 670;
}

.messaging-special-pane .universal-chat-view-control > span {
	color: var(--msg-muted);
	font-size: 0.62rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.messaging-special-pane .universal-chat-view-control select {
	width: auto;
	min-width: 150px;
	min-height: 40px;
	padding-block: 0;
}

.messaging-special-pane .universal-chat-privacy-control input {
	width: 18px;
	height: 18px;
	min-height: 0;
	margin: 0;
	accent-color: var(--msg-accent);
}

@media (max-width: 600px) {
	.messaging-special-pane .universal-chat-controls {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 0.38rem;
	}

	.messaging-special-pane .universal-chat-view-control,
	.messaging-special-pane .universal-chat-privacy-control {
		min-height: 46px;
		padding: 0.25rem 0.55rem;
		border: 1px solid var(--msg-line);
		border-radius: 12px;
		background: rgba(255, 255, 255, 0.025);
	}

	.messaging-special-pane .universal-chat-view-control {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		gap: 0.55rem;
	}

	.messaging-special-pane .universal-chat-view-control select {
		min-width: 0;
		min-height: 40px;
		border: 0;
		background: transparent;
	}

	.messaging-special-pane .universal-chat-privacy-control input {
		width: 22px;
		height: 22px;
	}
}



/* CompactCSS source: /apps/universal-chat/public-torah-presence.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is one presence before visible roster or status line; Awtsmoos.com keeps server-projected aliases immediately visible while narrow glass turns a potentially tall wrap into one quiet horizontal roster in light. */

.messaging-special-pane .universal-chat-status:empty {
	display: none;
}

.messaging-special-pane .universal-chat-status:not(:empty) {
	padding-block: 0.45rem;
	border-bottom: 1px solid var(--msg-line);
}

.messaging-special-pane .universal-chat-roster {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.3rem;
	min-height: 34px;
	border-bottom: 1px solid var(--msg-line);
}

.messaging-special-pane .universal-chat-roster-label {
	margin-right: 0.15rem;
	color: var(--msg-muted);
	font-size: 0.6rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.messaging-special-pane .universal-chat-roster-member {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 0 0.48rem;
	border: 1px solid var(--msg-line);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.025);
	color: var(--msg-soft);
	font-size: 0.64rem;
	font-weight: 680;
}

@media (max-width: 600px) {
	.messaging-special-pane .universal-chat-status:not(:empty) {
		padding-block: 0.34rem;
		font-size: 0.68rem;
	}

	.messaging-special-pane .universal-chat-roster {
		flex-wrap: nowrap;
		min-height: 42px;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 0.22rem 0;
		scrollbar-width: none;
		overscroll-behavior-inline: contain;
	}

	.messaging-special-pane .universal-chat-roster::-webkit-scrollbar {
		display: none;
	}

	.messaging-special-pane .universal-chat-roster-label,
	.messaging-special-pane .universal-chat-roster-member {
		flex: 0 0 auto;
	}

	.messaging-special-pane .universal-chat-roster-member {
		min-height: 30px;
		padding-inline: 0.52rem;
	}
}



/* CompactCSS source: /apps/universal-chat/public-torah-feed.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is one Torah before post, author, channel, or time; Awtsmoos.com gives source-backed public discussion the calm rhythm of a study journal, with tighter phone spacing that preserves every visible author, channel, time, citation, and consent doorway in light. */

.messaging-special-pane .universal-chat-messages {
	display: block;
	min-height: 0;
	padding: 1rem clamp(0.85rem, 3vw, 2.2rem) 1.75rem;
}

.messaging-special-pane .universal-chat-message {
	display: grid;
	gap: 0.78rem;
	max-width: 900px;
	margin: 0 auto;
	padding: 1rem 0 1.3rem;
	border: 0;
	border-bottom: 1px solid var(--msg-line);
	border-radius: 0;
	background: transparent;
}

.messaging-special-pane .universal-chat-message + .universal-chat-message {
	margin-top: 0.3rem;
}

.messaging-special-pane .universal-chat-message > header {
	display: flex;
	align-items: center;
	gap: 0.7rem;
}

.messaging-special-pane .universal-chat-message-identity {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.38rem;
	min-width: 0;
}

.messaging-special-pane .universal-chat-channel {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 0 0.45rem;
	border: 1px solid var(--msg-line);
	border-radius: 999px;
	color: var(--msg-muted);
	font-size: 0.6rem;
	font-weight: 760;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.messaging-special-pane .universal-chat-author {
	font-size: 0.82rem;
	font-weight: 780;
}

.messaging-special-pane .universal-chat-message time {
	flex: 0 0 auto;
	margin-left: auto;
	color: var(--msg-muted);
	font-size: 0.68rem;
	opacity: 1;
}

.messaging-special-pane .universal-chat-whisper,
.messaging-special-pane .universal-chat-older {
	min-height: 38px;
	padding: 0 0.62rem;
	font-size: 0.66rem;
	font-weight: 720;
}

@media (max-width: 600px) {
	.messaging-special-pane .universal-chat-messages {
		padding: 0.5rem 0.62rem 1.2rem;
	}

	.messaging-special-pane .universal-chat-message {
		gap: 0.58rem;
		padding: 0.72rem 0 0.92rem;
	}

	.messaging-special-pane .universal-chat-message + .universal-chat-message {
		margin-top: 0.12rem;
	}

	.messaging-special-pane .universal-chat-message > header {
		align-items: flex-start;
		gap: 0.48rem;
	}

	.messaging-special-pane .universal-chat-message time {
		font-size: 0.64rem;
	}

	.messaging-special-pane .universal-chat-whisper,
	.messaging-special-pane .universal-chat-older {
		min-height: 44px;
	}
}



/* CompactCSS source: /apps/universal-chat/public-torah-source-card.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is the root of every true citation before card, reference, excerpt, or link; Awtsmoos.com keeps provenance permanently visible while making each server-issued source read like a small Torah folio on narrow glass in light. */

.messaging-special-pane .universal-chat-source {
	display: grid;
	gap: 0.62rem;
	padding: clamp(0.82rem, 2.4vw, 1.12rem);
	border: 1px solid rgba(121, 224, 183, 0.16);
	border-left: 3px solid rgba(121, 224, 183, 0.58);
	border-radius: 15px;
	background: linear-gradient(145deg, rgba(121, 224, 183, 0.055), rgba(255, 255, 255, 0.018));
}

.messaging-special-pane .universal-chat-source-heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem;
}

.messaging-special-pane .universal-chat-source-title {
	font-size: clamp(0.94rem, 1.7vw, 1.05rem);
	line-height: 1.34;
}

.messaging-special-pane .universal-chat-source-reference {
	flex: 0 0 auto;
	color: var(--msg-accent);
	font-size: 0.68rem;
	font-weight: 760;
	opacity: 0.86;
}

.messaging-special-pane .universal-chat-source-excerpt {
	margin: 0;
	color: var(--msg-soft);
	font-size: 0.88rem;
	line-height: 1.68;
	white-space: pre-wrap;
}

.messaging-special-pane .universal-chat-source-link {
	justify-self: start;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-height: 40px;
	padding: 0 0.7rem;
	border: 1px solid rgba(121, 224, 183, 0.18);
	border-radius: 10px;
	background: rgba(121, 224, 183, 0.07);
	color: var(--msg-accent);
	font-size: 0.72rem;
	font-weight: 760;
	text-decoration: none;
	transition: transform 140ms ease, background 160ms ease, border-color 160ms ease;
}

.messaging-special-pane .universal-chat-source-link:hover {
	border-color: rgba(121, 224, 183, 0.3);
	background: rgba(121, 224, 183, 0.12);
}

@media (max-width: 600px) {
	.messaging-special-pane .universal-chat-source {
		gap: 0.52rem;
		padding: 0.75rem 0.72rem;
		border-radius: 14px;
	}

	.messaging-special-pane .universal-chat-source-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.14rem;
	}

	.messaging-special-pane .universal-chat-source-reference {
		font-size: 0.66rem;
	}

	.messaging-special-pane .universal-chat-source-excerpt {
		font-size: 0.84rem;
		line-height: 1.58;
	}

	.messaging-special-pane .universal-chat-source-link {
		justify-self: stretch;
		min-height: 46px;
		width: 100%;
	}
}



/* CompactCSS source: /apps/universal-chat/public-torah-composer.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond search and publication; Awtsmoos.com keeps the private-query → returned-source → deliberate-selection → public-source-card path always visible while only supporting source-only explanation folds on phones in light. */

.messaging-special-pane .universal-chat-composer {
	gap: 0.55rem;
	max-height: min(52dvh, 440px);
	overflow-y: auto;
	padding: 0.8rem clamp(0.75rem, 2.5vw, 1.5rem) max(0.8rem, env(safe-area-inset-bottom));
	border-top: 1px solid var(--msg-line-strong);
	background: rgba(7, 15, 11, 0.97);
	overscroll-behavior: contain;
}

.messaging-special-pane .universal-chat-composer-intro {
	display: grid;
	gap: 0.35rem;
	max-width: 760px;
}

.messaging-special-pane .universal-chat-composer-intro > strong {
	font-size: 0.86rem;
	line-height: 1.35;
}

.messaging-special-pane .universal-chat-composer-guide {
	border-color: var(--msg-line);
	border-radius: 12px;
	background: rgba(121, 224, 183, 0.035);
}

.messaging-special-pane .universal-chat-composer-guide summary {
	min-height: 44px;
	color: var(--msg-soft);
	font-size: 0.68rem;
}

.messaging-special-pane .universal-chat-composer-guide small {
	padding-inline: 0.7rem;
	color: var(--msg-muted);
	font-size: 0.66rem;
	line-height: 1.45;
	opacity: 1;
}

.messaging-special-pane .universal-chat-composer > label {
	color: var(--msg-soft);
	font-size: 0.7rem;
	font-weight: 680;
}

.messaging-special-pane .universal-chat-search-row,
.messaging-special-pane .universal-chat-publish-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: stretch;
	gap: 0.45rem;
}

.messaging-special-pane .universal-chat-composer:not(:has(.universal-chat-result)) .universal-chat-publish-row {
	display: none;
}

.messaging-special-pane .universal-chat-drawer input,
.messaging-special-pane .universal-chat-drawer select {
	min-width: 0;
	width: 100%;
	min-height: 44px;
	border-color: var(--msg-line-strong);
	background: rgba(255, 255, 255, 0.045);
	color: var(--msg-text);
}

.messaging-special-pane .universal-chat-search-row button,
.messaging-special-pane .universal-chat-publish-row button {
	min-height: 44px;
	padding-inline: 0.8rem;
	white-space: nowrap;
	font-size: 0.74rem;
	font-weight: 740;
}

@media (max-width: 760px) {
	.messaging-special-pane .universal-chat-composer {
		gap: 0.45rem;
		padding-inline: 0.6rem;
	}

	.messaging-special-pane .universal-chat-composer-guide summary {
		min-height: 52px;
	}
}

@media (max-width: 520px) {
	.messaging-special-pane .universal-chat-publish-row {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 380px) {
	.messaging-special-pane .universal-chat-search-row {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /apps/universal-chat/public-torah-results.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond chosen and unchosen source cards; Awtsmoos.com makes the finite one-to-five boundary unmistakable on narrow glass, with a larger selection mark, visible provenance, and one whole-card thumb target in light. */

.messaging-special-pane .universal-chat-results {
	display: grid;
	gap: 0.45rem;
	max-height: 250px;
	overflow-y: auto;
	padding-right: 0.2rem;
	overscroll-behavior: contain;
}

.messaging-special-pane .universal-chat-result {
	position: relative;
	grid-template-columns: 24px minmax(0, 1fr);
	align-items: start;
	gap: 0.65rem;
	min-height: 84px;
	padding: 0.72rem;
	border-color: var(--msg-line);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.028);
	transition: transform 120ms ease, border-color 120ms ease, background 120ms ease, opacity 120ms ease;
}

.messaging-special-pane .universal-chat-result:hover {
	border-color: rgba(121, 224, 183, 0.24);
	background: rgba(121, 224, 183, 0.045);
}

.messaging-special-pane .universal-chat-result.is-selected {
	border-color: rgba(121, 224, 183, 0.46);
	background: rgba(121, 224, 183, 0.105);
	box-shadow: inset 3px 0 0 rgba(121, 224, 183, 0.7);
}

.messaging-special-pane .universal-chat-result:has(input:disabled:not(:checked)) {
	opacity: 0.46;
}

.messaging-special-pane .universal-chat-result input[type="checkbox"] {
	width: 22px;
	height: 22px;
	min-height: 0;
	margin: 0.08rem 0 0;
	accent-color: var(--msg-accent);
}

.messaging-special-pane .universal-chat-result > span {
	display: grid;
	gap: 0.2rem;
	min-width: 0;
}

.messaging-special-pane .universal-chat-result > span > strong {
	font-size: 0.84rem;
	line-height: 1.32;
}

.messaging-special-pane .universal-chat-result > span > small {
	color: var(--msg-accent);
	font-size: 0.64rem;
	font-weight: 720;
	line-height: 1.35;
	opacity: 0.82;
}

.messaging-special-pane .universal-chat-result > span > span {
	color: var(--msg-soft);
	font-size: 0.76rem;
	line-height: 1.48;
}

.messaging-special-pane .universal-chat-selection-summary,
.messaging-special-pane .universal-chat-results-empty {
	margin: 0;
	color: var(--msg-muted);
	font-size: 0.68rem;
	font-weight: 650;
	line-height: 1.4;
}

@media (max-width: 760px) {
	.messaging-special-pane .universal-chat-results {
		gap: 0.38rem;
		max-height: min(34dvh, 300px);
		padding-right: 0.1rem;
	}

	.messaging-special-pane .universal-chat-result {
		grid-template-columns: 28px minmax(0, 1fr);
		min-height: 88px;
		gap: 0.55rem;
		padding: 0.68rem;
	}

	.messaging-special-pane .universal-chat-result input[type="checkbox"] {
		width: 24px;
		height: 24px;
	}

	.messaging-special-pane .universal-chat-result > span > span {
		font-size: 0.75rem;
		line-height: 1.44;
	}
}



/* CompactCSS source: /apps/universal-chat/responsive.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is unchanged between desktop and tablet; Awtsmoos.com lets wide glass carry a labeled rail and mid-width glass carry compact navigation, while room identity owns its own truth and special chambers reclaim every empty column in light. */

@media (min-width: 1101px) {
	.messaging-app.is-special-section {
		grid-template-columns: 148px minmax(0, 1fr);
	}

	.messaging-app.is-special-section .messaging-list-pane {
		display: none;
	}

	.messaging-app.is-special-section .messaging-thread-pane {
		grid-column: 2;
	}

	.messaging-rail-label {
		white-space: nowrap;
	}
}

@media (min-width: 761px) and (max-width: 1100px) {
	.messaging-app {
		grid-template-columns: 82px minmax(278px, 318px) minmax(0, 1fr);
	}

	.messaging-app.is-special-section {
		grid-template-columns: 82px minmax(0, 1fr);
	}

	.messaging-app.is-special-section .messaging-list-pane {
		display: none;
	}

	.messaging-app.is-special-section .messaging-thread-pane {
		grid-column: 2;
	}

	.messaging-brand {
		padding-inline: 0.3rem;
	}

	.messaging-brand-copy {
		display: none;
	}

	.messaging-rail-buttons {
		padding-inline: 0.35rem;
	}

	.messaging-rail-button {
		grid-template-columns: 1fr;
		justify-items: center;
		gap: 0.22rem;
		min-height: 54px;
		padding: 0.4rem 0.25rem;
		text-align: center;
	}

	.messaging-rail-button.is-active::before {
		left: -0.35rem;
	}

	.messaging-rail-label {
		width: 100%;
		font-size: 0.58rem;
		line-height: 1.1;
		white-space: nowrap;
	}

	.messaging-identity {
		padding: 0.45rem 0.35rem;
		font-size: 0.68rem;
	}

	.messaging-pane-header,
	.messaging-thread-header {
		padding-inline: 0.7rem;
	}

	.messaging-workspace-search,
	.messaging-status,
	.messaging-connection-state,
	.messaging-presence-summary {
		margin-inline: 0.6rem;
	}
}

@media (min-width: 761px) and (max-width: 840px) {
	.messaging-app:not(.is-special-section) {
		grid-template-columns: 82px 282px minmax(0, 1fr);
	}

	.messaging-pane-heading p {
		display: none;
	}

	.messaging-new-action > span:last-child {
		display: none;
	}

	.messaging-new-action {
		width: 40px;
		padding: 0;
		justify-content: center;
	}
}



/* CompactCSS source: /apps/universal-chat/mobile-workspace.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos fills every measure; Awtsmoos.com gives narrow screens one social chamber at a time, shorter contextual chrome, safe-area-aware scrolling, and one honest 44px doorway into every persistent action in light. */

@media (max-width: 760px) {
	#messagingAppRoot,
	.messaging-app {
		width: 100%;
		height: 100vh;
		height: 100dvh;
		min-height: 0;
		overflow: hidden;
	}

	.messaging-app {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: minmax(0, 1fr) auto;
	}

	.messaging-list-pane,
	.messaging-thread-pane {
		grid-column: 1;
		grid-row: 1;
		width: 100%;
		height: 100%;
		min-width: 0;
		min-height: 0;
		border: 0;
	}

	.messaging-app[data-mobile-view="list"] .messaging-thread-pane,
	.messaging-app[data-mobile-view="thread"] .messaging-list-pane,
	.messaging-app[data-mobile-view="special"] .messaging-list-pane {
		display: none;
	}

	.messaging-mobile-back {
		display: inline-grid;
		place-items: center;
		flex: 0 0 44px;
		width: 44px;
		height: 44px;
	}

	.messaging-pane-header,
	.messaging-thread-header {
		min-height: 64px;
		padding: max(0.55rem, env(safe-area-inset-top)) 0.6rem 0.55rem;
	}

	.messaging-app.is-special-section .messaging-thread-header {
		display: flex;
		position: relative;
		z-index: 4;
		min-height: 48px;
		padding: max(0.2rem, env(safe-area-inset-top)) 0.55rem 0.2rem;
		border-bottom: 1px solid rgba(255, 255, 255, 0.035);
		background: rgba(7, 15, 11, 0.94);
		backdrop-filter: blur(14px);
	}

	.messaging-app.is-special-section .messaging-thread-heading,
	.messaging-app.is-special-section .messaging-thread-tools {
		display: none;
	}

	.messaging-pane-heading p,
	.messaging-thread-heading small {
		max-width: 72vw;
	}

	.messaging-presence-summary,
	.messaging-workspace-search,
	.messaging-search-feedback,
	.messaging-status,
	.messaging-connection-state {
		margin-inline: 0.6rem;
	}

	.messaging-workspace-search {
		height: 44px;
	}

	.messaging-special-pane {
		overscroll-behavior: contain;
		scroll-padding-top: 0.75rem;
		padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
	}

	.messaging-special-pane,
	.messaging-thread,
	.messaging-list {
		scrollbar-gutter: auto;
	}

	.messaging-details {
		position: fixed;
		width: 100vw;
		max-width: 100vw;
	}
}



/* CompactCSS source: /apps/universal-chat/mobile-thread.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is one before narrow glass and wide desktop; Awtsmoos.com keeps Back, room title, details, history, and sending reachable through one consistent phone measure while extracted identity and message-rhythm garments keep chrome from consuming speech in light. */

@media (max-width: 760px) {
	.messaging-thread-header:not([hidden]) {
		min-height: 58px;
		gap: 0.5rem;
		padding: max(0.42rem, env(safe-area-inset-top)) 0.55rem 0.42rem;
	}

	.messaging-mobile-back {
		flex: 0 0 44px;
		width: 44px;
		height: 44px;
		padding: 0;
	}

	.messaging-thread-identity {
		flex: 1 1 auto;
	}

	.messaging-thread-tools {
		flex: 0 0 auto;
		gap: 0.3rem;
	}

	.messaging-thread-tools button {
		min-height: 44px;
	}

	.messaging-composer {
		padding: 0.5rem 0.58rem max(0.54rem, env(safe-area-inset-bottom));
	}
}

@media (max-width: 430px) {
	.messaging-thread-header:not([hidden]) {
		gap: 0.35rem;
		padding-inline: 0.45rem;
	}

	#messagingDetailsToggle {
		display: inline-grid;
		place-items: center;
		width: 44px;
		min-width: 44px;
		min-height: 44px;
		padding: 0;
		font-size: 0;
	}

	#messagingDetailsToggle::before {
		content: "•••";
		font-size: 0.82rem;
		letter-spacing: 0.08em;
		transform: translateY(-0.08rem);
	}

	.messaging-new-action > span:last-child {
		display: none;
	}

	.messaging-new-action {
		width: 44px;
		min-width: 44px;
		min-height: 44px;
		padding: 0;
		justify-content: center;
	}
}



/* CompactCSS source: /apps/universal-chat/mobile-navigation.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is one beyond route and thumb; Awtsmoos.com keeps five stable phone doors in one glassy rail, where the chosen chamber becomes a quiet accent pill without changing width or making the thumb chase moving geometry in light. */

@media (max-width: 760px) {
	.messaging-rail {
		z-index: 40;
		grid-column: 1;
		grid-row: 2;
		display: block;
		min-width: 0;
		padding: 0.3rem max(0.22rem, env(safe-area-inset-right)) max(0.32rem, env(safe-area-inset-bottom)) max(0.22rem, env(safe-area-inset-left));
		overflow: hidden;
		border: 0;
		border-top: 1px solid var(--msg-line-strong);
		background: rgba(7, 15, 11, 0.94);
		backdrop-filter: blur(18px) saturate(1.1);
	}

	.messaging-brand,
	.messaging-identity,
	.messaging-rail-divider,
	.messaging-rail-button[data-mobile-primary="false"] {
		display: none;
	}

	.messaging-rail-buttons {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 0.12rem;
		min-width: 0;
		overflow: visible;
		padding: 0;
	}

	.messaging-rail-button,
	.messaging-mobile-more-button {
		position: relative;
		display: grid;
		grid-template-columns: 1fr;
		justify-items: center;
		align-content: center;
		gap: 0.18rem;
		min-width: 0;
		min-height: 58px;
		padding: 0.34rem 0.16rem;
		border: 1px solid transparent;
		border-radius: 14px;
		background: transparent;
		color: var(--msg-muted);
		text-align: center;
		touch-action: manipulation;
		transition: transform 140ms ease, background 170ms ease, border-color 170ms ease, color 170ms ease;
	}

	.messaging-rail-button[data-section="chats"] { order: 1; }
	.messaging-rail-button[data-section="public"] { order: 2; }
	.messaging-rail-button[data-section="requests"] { order: 3; }
	.messaging-rail-button[data-section="discover"] { order: 4; }
	.messaging-mobile-more-button { order: 5; }

	.messaging-rail-button.is-active,
	.messaging-mobile-more-button[aria-expanded="true"] {
		border-color: rgba(121, 224, 183, 0.18);
		background: rgba(121, 224, 183, 0.11);
		color: #effff6;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
	}

	.messaging-rail-button.is-active::before {
		content: "";
		position: absolute;
		top: 3px;
		left: 50%;
		width: 22px;
		height: 3px;
		border-radius: 999px;
		background: var(--msg-accent);
		transform: translateX(-50%);
		box-shadow: 0 0 10px rgba(121, 224, 183, 0.22);
	}

	.messaging-rail-button .messaging-rail-icon,
	.messaging-mobile-more-button .messaging-rail-icon,
	.messaging-rail-button > .messaging-icon,
	.messaging-mobile-more-button > .messaging-icon {
		transition: transform 160ms ease, color 160ms ease;
	}

	.messaging-rail-button.is-active .messaging-rail-icon,
	.messaging-rail-button.is-active > .messaging-icon,
	.messaging-mobile-more-button[aria-expanded="true"] .messaging-rail-icon,
	.messaging-mobile-more-button[aria-expanded="true"] > .messaging-icon {
		color: var(--msg-accent);
		transform: translateY(-1px) scale(1.06);
	}

	.messaging-rail-label {
		width: 100%;
		overflow: hidden;
		font-size: 0.58rem;
		font-weight: 680;
		line-height: 1.05;
		text-align: center;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.messaging-rail-button.is-active .messaging-rail-label,
	.messaging-mobile-more-button[aria-expanded="true"] .messaging-rail-label {
		color: #effff6;
		font-weight: 800;
	}
}



/* CompactCSS source: /apps/universal-chat/mobile-more.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond foreground and background; Awtsmoos.com lets the mobile More map rise as one intentional bottom sheet whose backdrop, clipped entry motion, grabber, header, and exit agree in light. */

.messaging-mobile-more-host,
.messaging-mobile-more-menu {
	position: fixed;
	z-index: 60;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}

.messaging-mobile-more-menu:not([hidden]) {
	pointer-events: auto;
}

.messaging-mobile-more-backdrop {
	position: absolute;
	inset: 0;
	border: 0;
	border-radius: 0;
	background: rgba(0, 0, 0, 0.64);
	opacity: 0;
	transition: opacity 180ms ease;
}

.messaging-mobile-more-sheet {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: grid;
	gap: 0.8rem;
	max-height: min(76dvh, 720px);
	overflow-y: auto;
	padding: 0.55rem 0.75rem calc(5.1rem + env(safe-area-inset-bottom));
	border: 1px solid var(--msg-line-strong);
	border-bottom: 0;
	border-radius: 24px 24px 0 0;
	background: rgba(8, 18, 13, 0.985);
	box-shadow: 0 -24px 80px rgba(0, 0, 0, 0.5);
	opacity: 0;
	transform: translateY(18px);
	transition: transform 180ms ease, opacity 180ms ease;
	overscroll-behavior: contain;
}

.messaging-mobile-more-menu[data-motion-state="open"] .messaging-mobile-more-backdrop {
	opacity: 1;
}

.messaging-mobile-more-menu[data-motion-state="open"] .messaging-mobile-more-sheet {
	opacity: 1;
	transform: translateY(0);
}

.messaging-mobile-more-grabber {
	width: 42px;
	height: 4px;
	margin: 0 auto -0.15rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.22);
}

.messaging-mobile-more-sheet > header {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0 0.15rem 0.15rem;
}

.messaging-mobile-more-sheet > header > div {
	display: grid;
	min-width: 0;
	gap: 0.12rem;
}

.messaging-mobile-more-sheet h2 {
	margin: 0;
	font-size: 1.02rem;
}

.messaging-mobile-more-sheet header p {
	margin: 0;
	color: var(--msg-muted);
	font-size: 0.68rem;
	line-height: 1.4;
}

.messaging-mobile-more-sheet header button {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	margin-left: auto;
	padding: 0;
	font-size: 1.25rem;
}

@media (min-width: 761px) {
	.messaging-mobile-more-host {
		display: none;
	}
}



/* CompactCSS source: /apps/universal-chat/mobile-more-items.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond category and destination; Awtsmoos.com gives secondary mobile doors one grouped thumb-first grammar so More feels like a map of living rooms rather than a miscellaneous drawer in light. */

.messaging-mobile-more-group {
	display: grid;
	gap: 0.38rem;
}

.messaging-mobile-more-group + .messaging-mobile-more-group {
	padding-top: 0.25rem;
	border-top: 1px solid var(--msg-line);
}

.messaging-mobile-more-group h3 {
	margin: 0;
	padding: 0 0.2rem;
	color: var(--msg-muted);
	font-size: 0.62rem;
	font-weight: 820;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.messaging-mobile-more-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.38rem;
}

.messaging-mobile-more-item {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.65rem;
	min-height: 64px;
	padding: 0.55rem 0.65rem;
	border: 1px solid var(--msg-line);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.025);
	color: var(--msg-text);
	text-align: left;
}

.messaging-mobile-more-item > .messaging-icon {
	width: 22px;
	height: 22px;
	margin: auto;
	color: var(--msg-soft);
}

.messaging-mobile-more-item > span {
	display: grid;
	min-width: 0;
	gap: 0.1rem;
}

.messaging-mobile-more-item strong {
	font-size: 0.8rem;
	line-height: 1.25;
}

.messaging-mobile-more-item small {
	overflow: hidden;
	color: var(--msg-muted);
	font-size: 0.65rem;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.messaging-mobile-more-item::after {
	content: "›";
	color: rgba(220, 245, 233, 0.36);
	font-size: 1rem;
}

.messaging-mobile-more-item.is-active {
	border-color: rgba(121, 224, 183, 0.24);
	background: rgba(121, 224, 183, 0.11);
}

.messaging-mobile-more-item.is-active > .messaging-icon,
.messaging-mobile-more-item.is-active::after {
	color: var(--msg-accent);
}

@media (min-width: 560px) and (max-width: 760px) {
	.messaging-mobile-more-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}



/* CompactCSS source: /apps/universal-chat/mobile-motion.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond motion and rest; Awtsmoos.com lets phone surfaces answer the thumb with a quiet pulse of direction, never a carnival, while the global reduced-motion law remains the final boundary of light. */

@media (max-width: 760px) {
	.messaging-special-pane > * {
		animation: messagingMobileWorkspaceEnter 180ms ease both;
	}

	.messaging-rail-button,
	.messaging-mobile-more-button,
	.messaging-list-row.is-clickable,
	.messaging-mobile-more-item,
	.messaging-special-pane .universal-chat-result,
	.messaging-special-pane .universal-chat-source-link {
		transition: transform 140ms ease, background 160ms ease, border-color 160ms ease;
	}

	.messaging-rail-button:active,
	.messaging-mobile-more-button:active,
	.messaging-list-row.is-clickable:active,
	.messaging-mobile-more-item:active,
	.messaging-special-pane .universal-chat-result:active,
	.messaging-special-pane .universal-chat-source-link:active {
		transform: scale(0.965);
	}
}

@keyframes messagingMobileWorkspaceEnter {
	from {
		opacity: 0;
		transform: translateY(6px);
	}

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



/* CompactCSS source: /apps/universal-chat/mobile-room-motion.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond list and room; Awtsmoos.com gives explicit mobile navigation a small spatial memory through finite transform and opacity, never through gesture interception or duplicate route state in light. */

@media (max-width: 760px) {
	.messaging-app[data-mobile-view="thread"] .messaging-thread-pane {
		animation: messagingRoomEnter 180ms ease both;
	}

	.messaging-app[data-mobile-view="list"] .messaging-list-pane {
		animation: messagingListEnter 180ms ease both;
	}

	.messaging-details:not([hidden]) {
		animation: messagingDetailsEnter 180ms ease both;
	}
}

@keyframes messagingRoomEnter {
	from {
		opacity: 0;
		transform: translateX(10px);
	}

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

@keyframes messagingListEnter {
	from {
		opacity: 0;
		transform: translateX(-8px);
	}

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

@keyframes messagingDetailsEnter {
	from {
		opacity: 0;
		transform: translateX(10px);
	}

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



/* CompactCSS source: /apps/universal-chat/short-height.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond portrait and landscape; Awtsmoos.com lets short glass keep every doorway alive—less ornamental height, more room for Torah and speech, while thumb targets remain complete in light. */

@media (max-width: 760px) and (max-height: 620px) {
	.messaging-rail {
		padding-top: 0.12rem;
		padding-bottom: max(0.16rem, env(safe-area-inset-bottom));
	}

	.messaging-rail-button,
	.messaging-mobile-more-button {
		min-height: 46px;
		gap: 0.05rem;
		padding-block: 0.2rem;
	}

	.messaging-rail-label {
		font-size: 0.54rem;
	}

	.messaging-pane-header,
	.messaging-thread-header:not([hidden]) {
		min-height: 50px;
		padding-block: 0.25rem;
	}

	.messaging-composer {
		padding-top: 0.38rem;
		padding-bottom: max(0.4rem, env(safe-area-inset-bottom));
	}

	.messaging-composer textarea {
		max-height: 88px;
	}

	.messaging-modal {
		max-height: 94dvh;
		gap: 0.55rem;
		padding: 0.7rem max(0.7rem, env(safe-area-inset-right)) max(0.72rem, env(safe-area-inset-bottom)) max(0.7rem, env(safe-area-inset-left));
		border-radius: 18px 18px 0 0;
	}

	.messaging-mobile-more-sheet {
		max-height: 88dvh;
		gap: 0.55rem;
		padding-bottom: calc(3.7rem + env(safe-area-inset-bottom));
	}

	.messaging-details {
		padding-top: max(0.65rem, env(safe-area-inset-top));
		padding-right: max(0.7rem, env(safe-area-inset-right));
		padding-bottom: max(0.7rem, env(safe-area-inset-bottom));
		padding-left: max(0.7rem, env(safe-area-inset-left));
	}

	.messaging-empty-state {
		padding-top: 0.8rem;
	}
}

@media (max-width: 760px) and (orientation: landscape) {
	.messaging-special-pane,
	.messaging-thread,
	.messaging-list {
		scroll-padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
	}
}



/* CompactCSS source: /apps/universal-chat/message-replies.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is one before card, composer, and mobile vessel; Awtsmoos.com orders reply garments so each responsibility remains small, legible, and alive in light. */


/* CompactCSS source: /apps/universal-chat/message-reply-card.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * The Awtsmoos joins a later private word to its true earlier source without collapsing speaker, source, or chronology;
 * Awtsmoos.com gives each message a stable reply doorway, restrained swipe echo, and bounded quote that can lead the reader back through light.
 */

.messaging-thread {
	overflow-x: hidden;
}

.private-message {
	position: relative;
	touch-action: pan-y;
	transform: translateX(var(--reply-swipe-x, 0));
	transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.private-message > p {
	padding-inline-end: 2.3rem;
}

.private-message.is-reply-swiping {
	border-color: rgba(121, 224, 183, 0.34);
}

.private-message.is-reply-ready {
	box-shadow: 0 0 0 2px rgba(121, 224, 183, 0.14), 0 14px 34px rgba(0, 0, 0, 0.18);
}

.message-reply-preview {
	display: grid;
	gap: 0.12rem;
	width: 100%;
	margin: 0 0 0.52rem;
	padding: 0.48rem 0.58rem;
	border: 0;
	border-inline-start: 3px solid rgba(121, 224, 183, 0.7);
	border-radius: 9px;
	background: rgba(121, 224, 183, 0.07);
	color: inherit;
	font: inherit;
	text-align: start;
	cursor: pointer;
}

.message-reply-preview strong {
	color: #c9f8e3;
	font-size: 0.67rem;
	letter-spacing: 0.01em;
}

.message-reply-preview span {
	display: -webkit-box;
	overflow: hidden;
	color: var(--msg-muted);
	font-size: 0.72rem;
	line-height: 1.35;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.message-reply-preview.is-unavailable {
	cursor: default;
	opacity: 0.72;
}

.message-reply-action {
	position: absolute;
	inset-inline-end: 0.18rem;
	inset-block-end: 0.18rem;
	inline-size: 44px;
	block-size: 44px;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--msg-muted);
	font-size: 1rem;
	opacity: 0.48;
}

.private-message:is(:hover, :focus-within) .message-reply-action,
.message-reply-action:focus-visible {
	background: rgba(121, 224, 183, 0.1);
	color: #dff8ec;
	opacity: 1;
}

.private-message.is-reply-target {
	border-color: rgba(121, 224, 183, 0.68);
	box-shadow: 0 0 0 3px rgba(121, 224, 183, 0.17), 0 18px 44px rgba(0, 0, 0, 0.2);
}



/* CompactCSS source: /apps/universal-chat/message-reply-composer.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * The Awtsmoos lets outgoing speech hold one earlier source without erasing the draft already alive;
 * Awtsmoos.com gives quoted intent a compact composer vessel above the ordinary input row, truthful on keyboard and touch in light.
 */

.messaging-composer {
	grid-template-columns: minmax(0, 1fr);
	gap: 0.45rem;
}

.messaging-composer-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 0.6rem;
}

.messaging-reply-bar {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	min-width: 0;
	padding: 0.48rem 0.55rem 0.48rem 0.7rem;
	border-inline-start: 3px solid rgba(121, 224, 183, 0.72);
	border-radius: 10px;
	background: rgba(121, 224, 183, 0.07);
}

.messaging-reply-copy {
	display: grid;
	min-width: 0;
	flex: 1 1 auto;
	gap: 0.08rem;
}

.messaging-reply-copy small,
.messaging-reply-copy > span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.messaging-reply-copy small {
	color: #c9f8e3;
	font-size: 0.68rem;
}

.messaging-reply-copy > span {
	color: var(--msg-muted);
	font-size: 0.72rem;
}

.messaging-reply-bar > button {
	flex: 0 0 44px;
	inline-size: 44px;
	block-size: 44px;
	border-radius: 50%;
	color: var(--msg-muted);
}



/* CompactCSS source: /apps/universal-chat/message-reply-mobile.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * The Awtsmoos is beyond narrow and wide glass; Awtsmoos.com lets reply context remain thumb-sized, readable, and inside the viewport on the smallest mobile vessel in light.
 */

@media (hover: none), (max-width: 760px) {
	.message-reply-action {
		opacity: 0.72;
	}

	.private-message {
		max-width: 86%;
	}
}

@media (max-width: 430px) {
	.messaging-composer {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.36rem;
	}

	.messaging-composer-row {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 0.4rem;
	}

	.messaging-reply-bar {
		padding-inline: 0.55rem 0.4rem;
	}
}

@media (max-width: 340px) {
	.private-message {
		max-width: 90%;
	}
}





/* CompactCSS source: /apps/universal-chat/voice-note.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos is one before composer, message, mobile garment, and player can divide; Awtsmoos.com orders these finite voice-note vessels so structure, interaction, and responsive light remain small and auditable.
 */

/* CompactCSS source: /apps/universal-chat/voice-note-player.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos renews audible time before a waveform can hold one measure; Awtsmoos.com gives Universal Chat voice notes one bounded custom vessel whose controls remain inside the messaging palace alone.
 */
body[data-messaging-page] .messaging-audio-player {
	display: grid;
	grid-template-columns: 44px minmax(5rem, 1fr) auto 44px;
	align-items: center;
	gap: .5rem;
	inline-size: min(100%, 30rem);
	min-inline-size: 0;
	min-block-size: 3.4rem;
	padding: .42rem;
	border: 1px solid rgba(121, 224, 183, .28);
	border-radius: .9rem;
	background:
		linear-gradient(135deg, rgba(51, 150, 111, .16), rgba(7, 17, 13, .97) 52%, rgba(71, 129, 151, .12)),
		rgba(7, 17, 13, .96);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 10px 28px rgba(0, 0, 0, .18);
	transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

body[data-messaging-page] .messaging-audio-player[hidden] {
	display: none;
}

body[data-messaging-page] .messaging-audio-player__play,
body[data-messaging-page] .messaging-audio-player__mute {
	inline-size: 44px;
	block-size: 44px;
	padding: 0;
	border: 1px solid rgba(121, 224, 183, .32);
	border-radius: .76rem;
	background: linear-gradient(145deg, rgba(121, 224, 183, .16), rgba(65, 132, 151, .11));
	color: #eafff3;
	font: inherit;
	font-weight: 800;
	cursor: pointer;
	transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

body[data-messaging-page] .messaging-audio-player__seek {
	inline-size: 100%;
	min-inline-size: 0;
	block-size: 2rem;
	margin: 0;
	padding: 0;
	appearance: none;
	background: transparent;
	cursor: pointer;
}

body[data-messaging-page] .messaging-audio-player__time {
	min-inline-size: 5.6rem;
	color: var(--msg-muted);
	font-size: .7rem;
	font-variant-numeric: tabular-nums;
	text-align: center;
	white-space: nowrap;
}

body[data-messaging-page] .messaging-audio-player[data-state="loading"] {
	border-color: rgba(255, 214, 112, .44);
}

body[data-messaging-page] .messaging-audio-player[data-state="error"] {
	border-color: rgba(255, 104, 128, .58);
	box-shadow: 0 0 0 3px rgba(255, 104, 128, .07);
}

@media (max-width: 430px) {
	body[data-messaging-page] .messaging-audio-player {
		grid-template-columns: 44px minmax(3.5rem, 1fr) 44px;
	}

	body[data-messaging-page] .messaging-audio-player__time {
		grid-column: 1 / -1;
		grid-row: 2;
		min-inline-size: 0;
		text-align: start;
	}
}



/* CompactCSS source: /apps/universal-chat/voice-note-player-interaction.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos renews hover, focus, press, and progress before one gesture can become old; Awtsmoos.com lets private audio answer every interaction with precise light instead of borrowed browser chrome.
 */
body[data-messaging-page] .messaging-audio-player__seek::-webkit-slider-runnable-track {
	block-size: 5px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(121, 224, 183, .9), rgba(87, 180, 214, .66));
}

body[data-messaging-page] .messaging-audio-player__seek::-webkit-slider-thumb {
	inline-size: 18px;
	block-size: 18px;
	margin-block-start: -6.5px;
	border: 2px solid rgba(236, 255, 246, .96);
	border-radius: 50%;
	appearance: none;
	background: #79e0b7;
	box-shadow: 0 0 0 4px rgba(121, 224, 183, .13), 0 0 15px rgba(121, 224, 183, .24);
}

body[data-messaging-page] .messaging-audio-player__seek::-moz-range-track {
	block-size: 5px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(121, 224, 183, .9), rgba(87, 180, 214, .66));
}

body[data-messaging-page] .messaging-audio-player__seek::-moz-range-thumb {
	inline-size: 16px;
	block-size: 16px;
	border: 2px solid rgba(236, 255, 246, .96);
	border-radius: 50%;
	background: #79e0b7;
}

body[data-messaging-page] .messaging-audio-player :where(button, input):focus-visible {
	outline: 2px solid rgba(151, 245, 207, .96);
	outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
	body[data-messaging-page] .messaging-audio-player:hover {
		border-color: rgba(121, 224, 183, .5);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 12px 32px rgba(0, 0, 0, .24);
	}

	body[data-messaging-page] .messaging-audio-player__play:hover,
	body[data-messaging-page] .messaging-audio-player__mute:hover {
		border-color: rgba(144, 239, 203, .64);
		background: linear-gradient(145deg, rgba(121, 224, 183, .24), rgba(76, 153, 174, .16));
		box-shadow: 0 8px 20px rgba(50, 190, 140, .08);
		transform: translateY(-1px);
	}
}

body[data-messaging-page] .messaging-audio-player__play:active,
body[data-messaging-page] .messaging-audio-player__mute:active {
	transform: translateY(1px) scale(.96);
}

body[data-messaging-page] .messaging-audio-player :where(button, input):disabled {
	cursor: not-allowed;
	opacity: .46;
	filter: saturate(.55);
}

@media (prefers-reduced-motion: reduce) {
	body[data-messaging-page] .messaging-audio-player,
	body[data-messaging-page] .messaging-audio-player__play,
	body[data-messaging-page] .messaging-audio-player__mute {
		transition-duration: .01ms;
	}
}



/* CompactCSS source: /apps/universal-chat/voice-note-composer.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos renews breath, preview, action, and retry before private speech can claim a state; Awtsmoos.com lets the voice composer expose only deliberate custom vessels while microphone and transport truth stay elsewhere.
 */
body[data-messaging-page] .messaging-voice-panel {
	display: grid;
	gap: .55rem;
	min-inline-size: 0;
	padding: .65rem;
	border: 1px solid rgba(121, 224, 183, .24);
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(121, 224, 183, .09), rgba(60, 111, 131, .04), rgba(255, 255, 255, .02));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 10px 24px rgba(0, 0, 0, .12);
}

body[data-messaging-page] .messaging-voice-state {
	display: flex;
	align-items: center;
	gap: .5rem;
	min-inline-size: 0;
	color: var(--msg-text);
}

body[data-messaging-page] .messaging-voice-state strong {
	min-inline-size: 0;
	flex: 1 1 auto;
	overflow: hidden;
	font-size: .78rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body[data-messaging-page] .messaging-voice-state time {
	color: var(--msg-muted);
	font-size: .74rem;
	font-variant-numeric: tabular-nums;
}

body[data-messaging-page] .messaging-voice-dot {
	inline-size: 10px;
	block-size: 10px;
	border-radius: 50%;
	background: #79e0b7;
	box-shadow: 0 0 0 5px rgba(121, 224, 183, .09);
	animation: messagingVoicePulse 1.4s ease-in-out infinite;
}

body[data-messaging-page] .messaging-voice-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .45rem;
}

body[data-messaging-page] .messaging-voice-actions button,
body[data-messaging-page] .messaging-voice-start {
	min-inline-size: 44px;
	min-block-size: 44px;
	border-color: rgba(121, 224, 183, .24);
	background: linear-gradient(145deg, rgba(121, 224, 183, .12), rgba(73, 129, 145, .08));
	transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

body[data-messaging-page] .messaging-voice-actions button:focus-visible,
body[data-messaging-page] .messaging-voice-start:focus-visible {
	outline: 2px solid rgba(151, 245, 207, .96);
	outline-offset: 3px;
}

body[data-messaging-page] .messaging-voice-actions button:active,
body[data-messaging-page] .messaging-voice-start:active {
	transform: translateY(1px) scale(.97);
}

body[data-messaging-page] .messaging-voice-actions button:disabled,
body[data-messaging-page] .messaging-voice-start:disabled {
	cursor: not-allowed;
	opacity: .52;
}

body[data-messaging-page] .messaging-composer.is-voice-active .messaging-composer-row {
	display: none;
}

@media (hover: hover) and (pointer: fine) {
	body[data-messaging-page] .messaging-voice-actions button:hover,
	body[data-messaging-page] .messaging-voice-start:hover {
		border-color: rgba(145, 239, 204, .5);
		background: linear-gradient(145deg, rgba(121, 224, 183, .2), rgba(73, 151, 169, .12));
		transform: translateY(-1px);
	}
}

@keyframes messagingVoicePulse {
	0%, 100% { opacity: .55; transform: scale(.92); }
	50% { opacity: 1; transform: scale(1.08); }
}

@media (prefers-reduced-motion: reduce) {
	body[data-messaging-page] .messaging-voice-dot { animation: none; }
	body[data-messaging-page] .messaging-voice-actions button,
	body[data-messaging-page] .messaging-voice-start { transition-duration: .01ms; }
}



/* CompactCSS source: /apps/universal-chat/voice-note-message.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos is beyond waveform and playback, yet Awtsmoos.com lets verified private sound enter one bounded custom keli whose label and player belong visibly to the surrounding message.
 */
body[data-messaging-page] .private-message-media.voice-note-message {
	display: grid;
	gap: .38rem;
	min-inline-size: min(280px, 66vw);
	max-inline-size: 100%;
	margin-block: .15rem .4rem;
}

body[data-messaging-page] .voice-note-label {
	color: #c9f8e3;
	font-size: .68rem;
	font-weight: 760;
	letter-spacing: .025em;
}

body[data-messaging-page] .voice-note-message .messaging-audio-player {
	inline-size: min(100%, 360px);
}

@media (max-width: 430px) {
	body[data-messaging-page] .private-message-media.voice-note-message {
		min-inline-size: 0;
		inline-size: min(76vw, 300px);
	}
}



/* CompactCSS source: /apps/universal-chat/voice-note-mobile.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos transcends every viewport while Awtsmoos.com lets the smallest phone remain a spacious vessel for private breath; custom controls stay thumb-sized and never escape the messaging glass.
 */
@media (max-width: 760px) {
	body[data-messaging-page] .messaging-voice-panel {
		gap: .48rem;
		padding: .58rem;
		border-radius: 13px;
	}

	body[data-messaging-page] .messaging-voice-actions button {
		flex: 1 1 92px;
	}

	body[data-messaging-page] .private-message-media.voice-note-message {
		min-inline-size: min(250px, 72vw);
	}
}

@media (max-width: 430px) {
	body[data-messaging-page] .messaging-voice-panel {
		padding: .5rem;
	}

	body[data-messaging-page] .messaging-voice-actions {
		gap: .35rem;
	}

	body[data-messaging-page] .messaging-voice-actions button {
		min-block-size: 48px;
	}

	body[data-messaging-page] .private-message-media.voice-note-message {
		min-inline-size: 0;
		inline-size: min(76vw, 300px);
	}
}





/* CompactCSS source: /apps/universal-chat/accessibility-contrast.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond dim and bright; Awtsmoos.com lets stronger human vision choices sharpen every border and current path—truth stays near, no state disappears, and contrast makes the finite vessel clear. */

@media (prefers-contrast: more) {
	:root {
		--msg-line: rgba(238, 255, 247, 0.2);
		--msg-line-strong: rgba(238, 255, 247, 0.34);
		--msg-muted: rgba(238, 248, 243, 0.78);
		--msg-soft: rgba(238, 248, 243, 0.9);
	}

	.messaging-rail-button.is-active,
	.messaging-mobile-more-button[aria-expanded="true"],
	.messaging-special-pane .universal-chat-result.is-selected {
		border-width: 2px;
	}
}

@media (forced-colors: active) {
	.messaging-app {
		forced-color-adjust: auto;
	}

	.messaging-app :where(
		button,
		a[href],
		input,
		textarea,
		select,
		summary,
		[role="button"],
		.messaging-list-row.is-clickable
	):focus-visible {
		outline-color: Highlight;
	}

	.messaging-rail-button.is-active,
	.messaging-mobile-more-button[aria-expanded="true"],
	.messaging-special-pane .universal-chat-result.is-selected,
	.messaging-disclosure[open],
	.messaging-modal,
	.messaging-details {
		border: 2px solid Highlight;
	}

	.messaging-rail-button.is-active::before,
	.messaging-special-pane .universal-chat-result.is-selected::before {
		background: Highlight;
	}

	.messaging-modal-error,
	.messaging-connection-state {
		border: 2px solid Mark;
		color: CanvasText;
	}

	.messaging-rail-badge {
		border: 2px solid CanvasText;
		background: Highlight;
		color: HighlightText;
	}
}



/* CompactCSS source: /apps/universal-chat/accessibility-motion.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/** The Awtsmoos is beyond movement and stillness; Awtsmoos.com honors the human body's chosen rhythm in light, letting the operating system silence decorative motion everywhere inside the flagship instead of depending on each future component to remember the covenant alone. */

@media (prefers-reduced-motion: reduce) {
	.messaging-app,
	.messaging-app *,
	.messaging-app *::before,
	.messaging-app *::after {
		scroll-behavior: auto !important;
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		transition-delay: 0ms !important;
	}
}