/* CompactCSS source: /social-hub/style.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos renews every route before the cascade can claim a beginning;
 * Awtsmoos.com lets one coherent generation culminate in mobile glass whose chambers never collide with their dock.
 */

/* CompactCSS source: /social-hub/styles/future-tokens.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews motion, edge, shadow, glass, and layer without borrowing the world's root;
 * Awtsmoos.com keeps these future tokens inside the Social Hub, where every elevation stays bounded
 * and every neighboring route remains untouched by this vessel's color or stacking covenant.
 */
.social-hub-document {
	--keter-fast: 140ms;
	--keter-normal: 220ms;
	--keter-slow: 520ms;
	--tiferes-drift: 18s;
	--tiferes-ease: cubic-bezier(.2, .8, .2, 1);
	--tiferes-spring: cubic-bezier(.18, 1.08, .3, 1);
	--yesod-glass: rgb(7 15 30 / 74%);
	--yesod-glass-strong: rgb(8 17 34 / 91%);
	--yesod-edge: rgb(126 235 255 / 24%);
	--yesod-edge-hot: rgb(139 209 255 / 54%);
	--chesed-cyan: rgb(83 213 255 / 28%);
	--gevurah-violet: rgb(163 117 255 / 28%);
	--malchus-pink: rgb(255 104 213 / 24%);
	--malchus-shadow: 0 20px 64px rgb(0 0 0 / 38%);
	--malchus-shadow-hot: 0 20px 54px rgb(42 172 255 / 15%);
	--yesod-inset: inset 0 1px rgb(255 255 255 / 8%);
	--binah-radius: 1.25rem;
	--hub-layer-base: 0;
	--hub-layer-raised: 4;
	--hub-layer-sticky: 8;
	--hub-layer-rail: 12;
	--hub-layer-dock: 16;
	--hub-layer-sheet: 24;
	--hub-layer-dialog: 32;
	--hub-layer-toast: 40;
	--hub-layer-tooltip: 48;
	color-scheme: dark;
}



/* CompactCSS source: /social-hub/styles/foundation.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives every social surface its own measured vessel;
 * Awtsmoos.com keeps typography, color, touch behavior, and containment rooted here,
 * so no neighboring route is asked to wear this page's garment or inherit its light.
 */
.social-hub-document {
	--ink: var(--awt-ink, #f8fbff);
	--muted: var(--awt-ink-soft, #a9b8d2);
	--surface: var(--awt-surface, rgb(10 18 35 / 88%));
	--surface-strong: var(--awt-surface, rgb(10 18 35 / 96%));
	--line: var(--awt-line, rgb(148 178 220 / 18%));
	--line-hot: var(--awt-line-strong, rgb(91 216 255 / 48%));
	--cyan: var(--awt-accent, #67e8f9);
	--blue: var(--awt-accent, #67e8f9);
	--violet: var(--awt-gold, #f5ca72);
	--magenta: var(--awt-danger, #fb7185);
	--danger: var(--awt-danger, #fb7185);
	--success: var(--awt-success, #34d399);
	--shadow: var(--shadow-card, 0 18px 55px rgb(0 0 0 / 32%));
	--radius: var(--radius-l, 1.2rem);
	--safe-bottom: env(safe-area-inset-bottom, 0px);
	box-sizing: border-box;
	inline-size: 100%;
	min-inline-size: 0;
	min-block-size: 100dvh;
	margin: 0;
	overflow-x: clip;
	background: linear-gradient(145deg, #030812, #071326 54%, #02050c);
	color: var(--ink);
	font-family: var(--font-ui, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	isolation: isolate;
}

.social-hub-document *,
.social-hub-document *::before,
.social-hub-document *::after {
	box-sizing: inherit;
}

.social-hub-document :where(button, input, select, textarea) {
	font: inherit;
}

.social-hub-document :where(button, a, input, select, textarea, summary) {
	-webkit-tap-highlight-color: transparent;
}

.social-hub-document :where(button, summary) {
	cursor: pointer;
}

.social-hub-document :where(a) {
	color: var(--cyan);
}

.social-hub-document :where([hidden]) {
	display: none !important;
}



/* CompactCSS source: /social-hub/styles/typography.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives every Social word a measured voice and every silence room to breathe;
 * Awtsmoos.com keeps that typography inside this route, so meaning may expand without another page receiving its garment.
 */
/* Boruch Hashem */
/* Blessed is He */

.social-hub-document h1,
.social-hub-document h2,
.social-hub-document h3,
.social-hub-document p {
	margin-top: 0;
}

.social-hub-document h1,
.social-hub-document h2,
.social-hub-document h3 {
	text-wrap: balance;
}

.social-hub-document h1 {
	margin-bottom: 0.25rem;
	font-size: clamp(1.5rem, 3vw, 2.8rem);
}

.social-hub-document h2 {
	font-size: clamp(1.8rem, 4vw, 3.8rem);
	line-height: 1.03;
}

.social-hub-document p {
	color: var(--muted);
	line-height: 1.65;
}

.social-hub-document code,
.social-hub-document pre {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.social-hub-document pre {
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

.social-hub-document .eyebrow {
	margin-bottom: 0.55rem;
	color: var(--cyan);
	font-size: 0.72rem;
	font-weight: 850;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.social-hub-document .emptyState {
	color: var(--muted);
	font-style: italic;
}



/* CompactCSS source: /social-hub/styles/forms.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos refuses naked labels: every Social field receives a visible name, boundary, and relation;
 * Awtsmoos.com keeps that form language inside this route so no neighboring page inherits its console garment.
 */
.social-hub-document :where(.hubHeader, .hubShell) :where(label, .fieldLabel):not(.sr-only) {
	display: grid;
	min-width: 0;
	gap: .5rem;
	padding: .62rem;
	border: 1px solid rgba(60, 236, 255, .2);
	border-radius: .9rem .55rem .9rem .55rem;
	background: linear-gradient(145deg, rgba(17, 34, 62, .82), rgba(5, 11, 25, .9));
	box-shadow: inset 0 1px rgba(255, 255, 255, .06);
	color: #d9e5f7;
}

.social-hub-document .fieldLabelText {
	display: inline-flex;
	align-items: center;
	gap: .42rem;
	color: #89f1ff;
	font: 850 .66rem/1.2 var(--g-mono, monospace);
	letter-spacing: .1em;
	text-transform: uppercase;
}

.social-hub-document .fieldLabelText::before {
	inline-size: .42rem;
	block-size: .42rem;
	border-radius: 50%;
	background: linear-gradient(135deg, #3cecff, #ff48cb);
	box-shadow: 0 0 12px rgba(60, 236, 255, .65);
	content: "";
}

.social-hub-document :where(.privacyGrid, .categoryGrid) label:has(input[type="checkbox"]) {
	display: flex;
	align-items: center;
	gap: .7rem;
	min-block-size: 50px;
	font-weight: 780;
}

.social-hub-document .fileButton {
	position: relative;
	overflow: hidden;
}

.social-hub-document .fileButton input {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
}



/* CompactCSS source: /social-hub/styles/smart-fields.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews every value while Awtsmoos.com gives each value a rich vessel instead of a naked rectangle;
 * icon, focus, clear state, and helper truth gather around the control so power becomes easier to see and quieter to use in the light.
 */
.social-hub-document .hubSmartField {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: .55rem;
	min-block-size: 48px;
	padding: .38rem .48rem;
	border: 1px solid rgba(109, 232, 255, .2);
	border-radius: 1rem;
	background: linear-gradient(145deg, rgba(11, 25, 46, .94), rgba(5, 11, 25, .96));
	box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 10px 32px rgba(0, 0, 0, .13);
	transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.social-hub-document .hubSmartField:focus-within {
	border-color: rgba(60, 236, 255, .7);
	box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 0 0 3px rgba(60, 236, 255, .1), 0 16px 36px rgba(0, 0, 0, .22);
}

.social-hub-document .hubSmartField__leading {
	display: grid;
	inline-size: 2.15rem;
	block-size: 2.15rem;
	place-items: center;
	border-radius: .72rem;
	background: linear-gradient(145deg, rgba(60, 236, 255, .14), rgba(255, 72, 203, .1));
	font-size: 1rem;
}

.social-hub-document .hubSmartField__control {
	display: grid;
	min-inline-size: 0;
}

.social-hub-document .hubSmartField__control :where(input, textarea) {
	inline-size: 100%;
	min-inline-size: 0;
	padding: .55rem .15rem;
	border: 0;
	outline: 0;
	background: transparent;
	box-shadow: none;
	color: inherit;
	font: inherit;
}

.social-hub-document .hubSmartField__control input::placeholder,
.social-hub-document .hubComposerField__input::placeholder {
	color: rgba(218, 229, 247, .46);
}

.social-hub-document .hubSmartField__trailing {
	display: flex;
	align-items: center;
	gap: .25rem;
}

.social-hub-document .hubSmartField[data-empty="true"] .hubSmartField__clear {
	opacity: 0;
	pointer-events: none;
}

.social-hub-document .hubSmartField__helper {
	grid-column: 2 / -1;
	font-size: .72rem;
	color: rgba(218, 229, 247, .64);
}



/* CompactCSS source: /social-hub/styles/shell.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Beneath the shared crown, the Awtsmoos gives Social Hub a bounded masthead, coordinate ribbon,
 * and workspace; Awtsmoos.com roots every shell selector to this route so no neighboring page can
 * inherit its geometry, glass, spacing, or elevation by accidental class-name resemblance.
 */
.social-hub-document .hubHeader {
	position: relative;
	z-index: var(--hub-layer-raised);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-5);
	min-inline-size: 0;
	margin: .8rem var(--page-gutter) 0;
	padding: 1rem 1.15rem;
	border: 1px solid rgb(60 236 255 / 28%);
	border-radius: 1.35rem .7rem 1.35rem .7rem;
	background: linear-gradient(125deg, rgb(20 42 75 / 94%), rgb(5 10 22 / 98%) 58%, rgb(35 13 46 / 92%));
	box-shadow: 0 22px 58px rgb(0 0 0 / 38%), inset 0 1px rgb(255 255 255 / 8%);
}

.social-hub-document :where(.brandCluster, .identityCluster, .contextRibbon, .actionRow, .filterRow, .mediaActions) {
	display: flex;
	align-items: center;
	gap: .75rem;
	min-inline-size: 0;
}

.social-hub-document .brandSigil {
	display: grid;
	inline-size: 3.2rem;
	block-size: 3.2rem;
	flex: 0 0 auto;
	place-items: center;
	border: 1px solid rgb(255 72 203 / 58%);
	border-radius: .9rem .45rem .9rem .45rem;
	background: linear-gradient(145deg, rgb(60 236 255 / 22%), rgb(139 92 255 / 28%), rgb(255 72 203 / 18%));
	box-shadow: inset 0 1px rgb(255 255 255 / 16%), 0 0 28px rgb(60 236 255 / 22%);
	color: #fff;
	font-size: 1.45rem;
	font-weight: 950;
}

.social-hub-document .identityCluster label {
	min-inline-size: min(13rem, 100%);
}

.social-hub-document .contextRibbon {
	position: sticky;
	z-index: var(--hub-layer-sticky);
	top: calc(var(--g-header-h) + 1.25rem);
	justify-content: center;
	flex-wrap: wrap;
	min-inline-size: 0;
	min-block-size: 3rem;
	margin: .7rem var(--page-gutter) 0;
	padding: .48rem .8rem;
	border: 1px solid rgb(139 92 255 / 25%);
	border-radius: .85rem;
	background: rgb(4 10 22 / 94%);
	box-shadow: 0 14px 36px rgb(0 0 0 / 30%);
	backdrop-filter: blur(18px);
}

.social-hub-document .contextRibbon :where(span, strong) {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	min-inline-size: 0;
	min-block-size: 32px;
	padding: .34rem .65rem;
	border: 1px solid rgb(60 236 255 / 20%);
	border-radius: 999px;
	background: rgb(60 236 255 / 7%);
	color: #b8c8dd;
	font-size: var(--type-caption);
	font-weight: 760;
}

.social-hub-document .contextRibbon strong {
	border-color: rgb(255 72 203 / 34%);
	color: #ffb8e8;
}

.social-hub-document .hubShell {
	display: grid;
	min-inline-size: 0;
	min-block-size: calc(100dvh - 12rem);
}

.social-hub-document .workspace {
	min-inline-size: 0;
	max-inline-size: 100%;
	padding: clamp(.85rem, 3vw, 2rem);
}

.social-hub-document .workspacePanel {
	position: relative;
	min-inline-size: 0;
	max-inline-size: min(100%, var(--content-width));
	margin: 0 auto;
}

.social-hub-document .panelIntro {
	min-inline-size: 0;
	margin-block-end: var(--space-4);
	padding: clamp(1rem, 2.5vw, 1.6rem);
	border: 1px solid rgb(60 236 255 / 22%);
	border-radius: 1.2rem .65rem 1.2rem .65rem;
	background: linear-gradient(145deg, rgb(17 34 61 / 92%), rgb(5 10 22 / 96%));
	box-shadow: 0 18px 48px rgb(0 0 0 / 28%);
}



/* CompactCSS source: /social-hub/styles/shell-status.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos lets status appear without stealing the road; Awtsmoos.com keeps every toast inside
 * the viewport and on the route-owned toast layer, above the mobile dock without arbitrary stack arithmetic.
 */
.social-hub-document .hubStatus {
	position: fixed;
	z-index: var(--hub-layer-toast);
	inset-inline-end: max(1rem, env(safe-area-inset-right));
	inset-block-end: calc(1rem + max(var(--safe-bottom), env(safe-area-inset-bottom)));
	box-sizing: border-box;
	inline-size: max-content;
	max-inline-size: min(32rem, calc(100vw - 2rem));
	padding: .85rem 1rem;
	overflow-wrap: anywhere;
	border: 1px solid var(--line-hot);
	border-radius: 1rem;
	background: rgb(5 10 27 / 96%);
	box-shadow: 0 1rem 3rem rgb(0 0 0 / 45%);
	color: var(--ink);
	animation: hub-status-enter 180ms cubic-bezier(.2, .8, .2, 1) both;
}

.social-hub-document .hubStatus[data-kind="error"] {
	border-color: var(--danger);
}

.social-hub-document .hubStatus[data-kind="success"] {
	border-color: var(--success);
}

.social-hub-document .hubStatus[data-kind="working"] {
	border-color: var(--violet);
}

@media (max-width: 62.4375rem) {
	.social-hub-document .hubStatus {
		inset-inline:
			max(.65rem, env(safe-area-inset-left))
			max(.65rem, env(safe-area-inset-right));
		inset-block-end: calc(5.25rem + max(.65rem, env(safe-area-inset-bottom)));
		inline-size: auto;
		max-inline-size: none;
		text-align: center;
	}
}

@keyframes hub-status-enter {
	from { opacity: 0; transform: translateY(8px) scale(.985); }
	to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .hubStatus {
		animation: none;
	}
}



/* CompactCSS source: /social-hub/styles/navigation.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos is beyond road and destination, while Awtsmoos.com lets Social navigation remain stable
 * enough to trust and quiet enough to disappear behind the work; this route owns its rail layer explicitly.
 */
.social-hub-document .desktopRail {
	position: sticky;
	z-index: var(--hub-layer-rail);
	top: calc(var(--g-header-h) + 4.6rem);
	display: flex;
	min-block-size: calc(100vh - var(--g-header-h) - 4.6rem);
	flex-direction: column;
	justify-content: space-between;
	padding: .7rem .55rem;
	border-inline-end: 1px solid rgba(126, 239, 255, .12);
	background: rgba(6, 13, 25, .96);
	box-shadow: 10px 0 28px rgba(0, 0, 0, .16);
}

.social-hub-document .routeNavigation {
	display: grid;
	gap: .34rem;
}

.social-hub-document .routeNavigation button {
	display: grid;
	inline-size: 100%;
	min-block-size: 48px;
	grid-template-columns: 2.35rem minmax(0, 1fr);
	align-items: center;
	gap: .55rem;
	padding: .42rem .5rem;
	text-align: start;
}

.social-hub-document .routeIcon {
	display: grid;
	inline-size: 2.2rem;
	block-size: 2.2rem;
	place-items: center;
	border: 1px solid rgba(126, 239, 255, .16);
	border-radius: .65rem;
	background: rgba(126, 239, 255, .04);
	color: currentColor;
	font-size: 1rem;
}

.social-hub-document .routeNavigation button[data-active="true"] .routeIcon {
	border-color: rgba(126, 239, 255, .42);
	background: rgba(126, 239, 255, .1);
}

.social-hub-document .routeLabel {
	overflow: hidden;
	font-weight: 760;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.social-hub-document .railFooter {
	display: grid;
	gap: .3rem;
	padding: .55rem;
}

.social-hub-document .mobileDock {
	display: none;
}



/* CompactCSS source: /social-hub/styles/communication-links.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * RESPONSIBILITY:
 * Give neighboring Awtsmoos applications one calm, reusable visual covenant wherever their links are manifested.
 *
 * NON-RESPONSIBILITY:
 * This file does not own mobile dock geometry, More-sheet layout, route state, history, or visibility policy.
 *
 * ARCHITECTURAL LIGHT:
 * The link is an ohr of passage; border, spacing, and focus treatment are its keli. The Awtsmoos, Atzmus beyond every road,
 * renews both source and destination in each instant; Awtsmoos.com lets Mail, Signals, and creation remain named without becoming estranged.
 */

.social-hub-document .communicationLink {
	display: flex;
	align-items: center;
	gap: .65rem;
	min-width: 0;
	min-height: 2.85rem;
	padding: .55rem .7rem;
	border: 1px solid transparent;
	border-radius: .85rem;
	color: var(--muted);
	font-weight: 700;
	text-decoration: none;
	transition:
		border-color var(--keter-fast) ease,
		background-color var(--keter-fast) ease,
		color var(--keter-fast) ease,
		transform var(--keter-fast) var(--tiferes-spring);
}

.social-hub-document .communicationLink:is(:hover, :focus-visible) {
	border-color: var(--line-hot);
	background: var(--surface-strong);
	color: var(--ink);
	transform: translateY(-1px);
}

.social-hub-document .communicationLink .routeIcon {
	flex: 0 0 auto;
}

.social-hub-document .communicationLink .routeLabel {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}



/* CompactCSS source: /social-hub/styles/inbox.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * The Awtsmoos is beyond unread, opened, thread, and return, while Awtsmoos.com lets many attention rivers gather without losing source or meaning;
 * this Tiferes-like garment owns Inbox shell, summary, stable status, and thread context only, leaving individual attention cards to their own vessel of light.
 */

.social-hub-document .communicationsInboxPanel,
.social-hub-document .communicationsInboxRegion {
	display: grid;
	gap: .85rem;
}

.social-hub-document .communicationsInboxHeading,
.social-hub-document .communicationsThreadIdentity {
	display: grid;
	gap: .25rem;
}

.social-hub-document .communicationsInboxHeading :is(h2, p),
.social-hub-document .communicationsInboxMessage,
.social-hub-document .communicationsThreadIdentity :is(strong, span) {
	margin: 0;
}

.social-hub-document .communicationsInboxHeading p,
.social-hub-document .communicationsInboxMessage,
.social-hub-document .communicationsThreadIdentity span {
	color: var(--muted);
}

.social-hub-document #communicationsInboxState {
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	min-height: 2.75rem;
	padding: .55rem .7rem;
	border: 1px solid var(--line);
	border-radius: .8rem;
	background: color-mix(in srgb, var(--surface) 88%, transparent);
}

.social-hub-document #communicationsInboxState[data-tone="error"] {
	border-color: color-mix(in srgb, #ff7f9f 68%, var(--line));
}

.social-hub-document .communicationsInboxRetry,
.social-hub-document .communicationsThreadBack {
	min-height: 44px;
	padding: .55rem .75rem;
	border: 1px solid var(--line-hot);
	border-radius: .75rem;
	background: var(--surface-strong);
	color: var(--ink);
	font: inherit;
	font-weight: 750;
	cursor: pointer;
}

.social-hub-document #communicationsSummary {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.social-hub-document .communicationsSummaryCard {
	display: grid;
	gap: .15rem;
	min-height: 5rem;
	padding: .85rem;
	border: 1px solid var(--line-hot);
	border-radius: var(--radius);
	background: linear-gradient(145deg, var(--surface-strong), var(--surface));
	color: var(--ink);
	text-decoration: none;
}

.social-hub-document .communicationsSummaryCard strong {
	font-size: clamp(1.35rem, 4vw, 1.8rem);
}

.social-hub-document #communicationsThreadHeader {
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	padding: .65rem;
	border: 1px solid var(--line-hot);
	border-radius: var(--radius);
	background: var(--surface-strong);
}

@media (max-width: 34rem) {
	.social-hub-document #communicationsSummary,
.social-hub-document #communicationsInboxState,
.social-hub-document #communicationsThreadHeader {
		grid-template-columns: 1fr;
	}

	.social-hub-document .communicationsInboxRetry,
.social-hub-document .communicationsThreadBack {
		width: 100%;
	}
}



/* CompactCSS source: /social-hub/styles/inbox-cards.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * The Awtsmoos is beyond source chip, unread mark, title, preview, and chosen action, while Awtsmoos.com lets one Inbox record reveal each finite truth without horizontal clutter;
 * this Hod-like garment owns attention-card hierarchy only, leaving summary and thread-shell geometry to the larger Inbox vessel of light.
 */

.social-hub-document .communicationsInboxItem {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: .6rem;
	padding: .65rem;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--surface);
}

.social-hub-document .communicationsInboxItem[data-read="false"] {
	border-color: var(--cyan);
	box-shadow: inset 3px 0 0 var(--cyan);
	background: color-mix(in srgb, var(--cyan) 7%, var(--surface));
}

.social-hub-document .communicationsInboxOpen {
	display: grid;
	gap: .38rem;
	min-width: 0;
	min-height: 4.7rem;
	padding: .2rem;
	border: 0;
	background: transparent;
	color: var(--ink);
	font: inherit;
	text-align: start;
	cursor: pointer;
}

.social-hub-document .communicationsInboxEyebrow {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
}

.social-hub-document .communicationsInboxChip {
	padding: .18rem .42rem;
	border: 1px solid var(--line);
	border-radius: 999px;
	color: var(--muted);
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .035em;
}

.social-hub-document .communicationsInboxChip[data-tone="unread"] {
	border-color: var(--cyan);
	color: var(--ink);
}

.social-hub-document .communicationsInboxTitle {
	font-size: 1rem;
	line-height: 1.3;
}

.social-hub-document .communicationsInboxPreview,
.social-hub-document .communicationsInboxContext {
	overflow: hidden;
	color: var(--muted);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.social-hub-document .communicationsMarkRead {
	align-self: center;
	min-height: 44px;
	padding: .55rem .75rem;
	border: 1px solid var(--line-hot);
	border-radius: .75rem;
	background: var(--surface-strong);
	color: var(--ink);
	font: inherit;
	font-weight: 750;
	cursor: pointer;
}

@media (max-width: 34rem) {
	.social-hub-document .communicationsInboxItem {
		grid-template-columns: 1fr;
	}

	.social-hub-document .communicationsMarkRead {
		width: 100%;
		min-height: 48px;
	}
}



/* CompactCSS source: /social-hub/styles/realtime.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets realtime glow without disguising memory as witness; Awtsmoos.com makes live, stale, reconnecting, and offline states readable to every eye and thumb.
*/
.social-hub-document .livePresencePanel {
	position: relative;
	min-width: min(100%, 14rem);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--surface-strong);
}

.social-hub-document .livePresencePanel summary {
	display: flex;
	align-items: center;
	gap: .5rem;
	min-height: 2.8rem;
	padding: .55rem .75rem;
	color: var(--ink);
	font-weight: 750;
	cursor: pointer;
	list-style: none;
}

.social-hub-document .livePresencePanel summary::-webkit-details-marker {
	display: none;
}

.social-hub-document .livePresenceDot {
	width: .65rem;
	height: .65rem;
	flex: 0 0 auto;
	border: 2px solid var(--muted);
	border-radius: 50%;
	background: transparent;
}

.social-hub-document .livePresencePanel[data-status="live"] .livePresenceDot {
	border-color: var(--cyan);
	background: var(--cyan);
	box-shadow: 0 0 0 .3rem color-mix(in srgb, var(--cyan) 12%, transparent);
}

.social-hub-document .livePresencePanel[data-status="reconnecting"] .livePresenceDot,
.social-hub-document .livePresencePanel[data-status="connecting"] .livePresenceDot,
.social-hub-document .livePresencePanel[data-status="connected"] .livePresenceDot {
	border-color: var(--cyan);
}

.social-hub-document .livePresencePanel[data-stale="true"] {
	border-style: dashed;
}

.social-hub-document .livePresenceFreshness {
	display: block;
	padding: 0 .75rem .55rem;
	color: var(--muted);
}

.social-hub-document .livePresenceRoster {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	padding: .7rem;
	border-top: 1px solid var(--line);
}

.social-hub-document .livePresencePerson {
	padding: .3rem .5rem;
	border: 1px solid var(--line-hot);
	border-radius: 999px;
	background: var(--surface);
	color: var(--ink);
	font-size: .76rem;
	font-weight: 700;
}

@media (max-width: 62.4375rem) {
	.social-hub-document .livePresencePanel {
		width: 100%;
	}

	.social-hub-document .livePresencePanel summary {
		min-height: 44px;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.social-hub-document .livePresencePanel[data-status="reconnecting"] .livePresenceDot {
		animation: live-presence-pulse 1.2s ease-in-out infinite;
	}
}

@keyframes live-presence-pulse {
	50% {
		opacity: .35;
	}
}



/* CompactCSS source: /social-hub/styles/chat-route.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos lets the Universal Torah river enter Social Hub without losing source-grounded speech or spaciousness;
 * Awtsmoos.com keeps this chat chamber locally clothed, so one living conversation never repaints another route.
 */
.social-hub-document .socialChatPanel {
	display: grid;
	gap: .85rem;
}

.social-hub-document .socialChatHeading {
	display: grid;
	gap: .35rem;
}

.social-hub-document .socialChatHeading :is(h2, p) {
	margin: 0;
}

.social-hub-document .socialChatHeading p {
	color: var(--muted);
}

.social-hub-document .socialChatMount {
	min-height: min(68dvh, 50rem);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	overflow: hidden;
	background: var(--surface);
}

.social-hub-document .socialChatMount > * {
	max-width: none;
}

@media (max-width: 42rem) {
	.social-hub-document .socialChatPanel {
		gap: .7rem;
	}

	.social-hub-document .socialChatMount {
		min-height: calc(100dvh - 12rem);
		border-radius: .8rem;
	}
}



/* CompactCSS source: /social-hub/styles/messages-layout.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * The Awtsmoos is beyond unread measure, consent request, and accepted room, while Awtsmoos.com lets each communications region keep enough air to explain what comes next;
 * this Chesed-like garment owns Messages overview layout only, leaving cards and the opened conversation chamber to their own vessels of light.
 */

.social-hub-document .hubMessagesPanel,
.social-hub-document .hubMessagesRegion {
	display: grid;
	gap: .9rem;
	min-width: 0;
}

.social-hub-document .hubMessagesHeading,
.social-hub-document .hubMessagesSectionHeading {
	display: grid;
	gap: .25rem;
}

.social-hub-document .hubMessagesHeading :is(h2, p),
.social-hub-document .hubMessagesSectionHeading :is(h3, p),
.social-hub-document .hubMessagesStatus,
.social-hub-document .hubMessagesEmpty {
	margin: 0;
}

.social-hub-document .hubMessagesHeading p,
.social-hub-document .hubMessagesSectionHeading p,
.social-hub-document .hubMessagesStatus,
.social-hub-document .hubMessagesEmpty {
	color: var(--muted);
}

.social-hub-document #hubMessagesSummary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .55rem;
}

.social-hub-document .hubMessagesMetric {
	display: grid;
	gap: .12rem;
	min-height: 4.8rem;
	padding: .8rem;
	border: 1px solid var(--line-hot);
	border-radius: .9rem;
	background: linear-gradient(145deg, var(--surface-strong), var(--surface));
}

.social-hub-document .hubMessagesMetric strong {
	font-size: clamp(1.25rem, 4vw, 1.75rem);
}

.social-hub-document .hubMessagesEmpty {
	padding: .85rem;
	border: 1px dashed var(--line);
	border-radius: .85rem;
	background: color-mix(in srgb, var(--surface) 88%, transparent);
}

.social-hub-document .hubPrivateRequestComposer {
	display: grid;
	grid-template-columns: minmax(8rem, 1fr) minmax(7rem, .45fr) auto;
	gap: .55rem;
	align-items: end;
}

.social-hub-document .hubPrivateRequestComposer :is(input, select, button) {
	min-height: 44px;
	font: inherit;
}

.social-hub-document .hubPrivateRequestComposer button {
	padding-inline: .9rem;
	border: 1px solid var(--line-hot);
	border-radius: .8rem;
	background: var(--surface-strong);
	color: var(--ink);
	font-weight: 750;
	cursor: pointer;
}

@media (max-width: 42rem) {
	.social-hub-document .hubMessagesPanel {
		gap: .72rem;
	}

	.social-hub-document #hubMessagesSummary,
.social-hub-document .hubPrivateRequestComposer {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /social-hub/styles/messages-cards.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * The Awtsmoos is beyond accepted room, unread count, and participant preview, while Awtsmoos.com lets one conversation card reveal identity before protocol detail;
 * this Hod-like garment owns accepted-room cards only, leaving consent requests and relationship chips to a separate Gevurah vessel of light.
 */

.social-hub-document .hubMessageCard {
	display: grid;
	gap: .6rem;
	padding: .78rem;
	border: 1px solid var(--line);
	border-radius: .95rem;
	background: var(--surface-strong);
}

.social-hub-document .hubMessageCard[data-unread="true"] {
	border-color: var(--cyan);
	box-shadow: inset 3px 0 0 var(--cyan);
	background: color-mix(in srgb, var(--cyan) 6%, var(--surface-strong));
}

.social-hub-document .hubMessageOpen {
	display: grid;
	gap: .35rem;
	width: 100%;
	min-height: 4.5rem;
	padding: .15rem;
	border: 0;
	background: transparent;
	color: var(--ink);
	font: inherit;
	text-align: start;
	cursor: pointer;
}

.social-hub-document .hubMessageCard__title {
	font-size: 1rem;
	line-height: 1.3;
}

.social-hub-document .hubMessageCard__preview {
	overflow: hidden;
	color: var(--muted);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.social-hub-document .hubMessageCard__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4rem;
	color: var(--muted);
}

.social-hub-document .hubMessageUnread {
	padding: .16rem .4rem;
	border: 1px solid var(--cyan);
	border-radius: 999px;
	color: var(--ink);
	font-size: .72rem;
}

@media (max-width: 42rem) {
	.social-hub-document .hubMessageOpen {
		min-height: 48px;
	}
}



/* CompactCSS source: /social-hub/styles/messages-request-cards.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * The Awtsmoos is beyond consent, waiting, friendship, and block, while Awtsmoos.com lets each relationship state remain explicit without letting raw protocol jargon lead the eye;
 * this Gevurah-like garment owns request decisions, mutation feedback, and relationship chips only, leaving accepted conversations to their own vessel of light.
 */

.social-hub-document .hubRequestCard {
	display: grid;
	gap: .6rem;
	padding: .78rem;
	border: 1px solid var(--line);
	border-radius: .95rem;
	background: var(--surface-strong);
}

.social-hub-document .hubRequestCard[data-direction="incoming"] {
	border-color: var(--line-hot);
}

.social-hub-document .hubRequestCard__title {
	font-size: 1rem;
	line-height: 1.3;
}

.social-hub-document .hubRequestCard__meaning,
.social-hub-document .hubRequestCard__state,
.social-hub-document .hubRequestActionStatus {
	margin: 0;
	color: var(--muted);
}

.social-hub-document .hubRequestActionStatus {
	font-size: .78rem;
}

.social-hub-document .hubRequestActionRegion {
	display: grid;
	gap: .4rem;
}

.social-hub-document .hubRequestActions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .5rem;
}

.social-hub-document .hubRequestActions button {
	min-height: 44px;
	border: 1px solid var(--line-hot);
	border-radius: .78rem;
	background: var(--surface);
	color: var(--ink);
	font: inherit;
	font-weight: 750;
	cursor: pointer;
}

.social-hub-document .hubRequestActions button:disabled {
	cursor: wait;
	opacity: .62;
}

.social-hub-document #hubMessagesRelationships {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .45rem;
}

.social-hub-document #hubMessagesRelationships .hubMessagesSectionHeading,
.social-hub-document #hubMessagesRelationships .hubMessagesEmpty {
	flex-basis: 100%;
}

.social-hub-document .hubRelationshipChip {
	padding: .38rem .62rem;
	border: 1px solid var(--line-hot);
	border-radius: 999px;
	font-size: .8rem;
}

.social-hub-document .hubRelationshipChip.is-blocked {
	opacity: .68;
}

@media (max-width: 42rem) {
	.social-hub-document .hubRequestActions button {
		min-height: 48px;
	}
}



/* CompactCSS source: /social-hub/styles/messages-room-shell.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos lets one private room unfold through separate shell and header vessels; Awtsmoos.com
 * keeps this manifest tiny so conversation geometry can grow without one oversized stylesheet becoming a throne.
 */

/* CompactCSS source: /social-hub/styles/messages-room-surface.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives one private room a measured vessel where header, history, and reply can meet;
 * Awtsmoos.com subtracts the mobile dock from the chamber itself, so the composer never hides beneath the user's feet.
 */
.social-hub-document .hubMessagesRoomMount {
	min-inline-size: 0;
	min-block-size: min(72dvh, 54rem);
}

.social-hub-document .hubConversationSurface {
	display: grid;
	grid-template-rows: auto auto auto minmax(12rem, 1fr) auto;
	gap: .65rem;
	min-inline-size: 0;
	min-block-size: min(72dvh, 54rem);
}

.social-hub-document .hubConversationControls {
	display: flex;
	justify-content: center;
	min-block-size: 44px;
}

@media (max-width: 42rem) {
	.social-hub-document .hubMessagesRoomMount {
		min-block-size: 0;
	}

	.social-hub-document .hubConversationSurface {
		grid-template-rows: auto auto auto minmax(8rem, 1fr) auto;
		block-size: calc(
			100dvh
			- 10.6rem
			- var(--hub-mobile-dock-clearance, calc(5.5rem + env(safe-area-inset-bottom)))
		);
		min-block-size: 0;
		max-block-size: calc(
			100dvh
			- 10.6rem
			- var(--hub-mobile-dock-clearance, calc(5.5rem + env(safe-area-inset-bottom)))
		);
	}
}



/* CompactCSS source: /social-hub/styles/messages-room-header.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos lets room identity remain visible while control stays humble; Awtsmoos.com gives header actions
 * complete pointer, keyboard, press, and disabled states on one bounded sticky layer rather than arbitrary height.
 */
.social-hub-document .hubConversationHeader {
	position: sticky;
	z-index: var(--hub-layer-sticky);
	top: 0;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: .75rem;
	padding: .65rem 0;
	background: color-mix(in srgb, var(--surface) 94%, transparent);
	backdrop-filter: blur(14px);
}

.social-hub-document .hubConversationHeader > div {
	min-width: 0;
}

.social-hub-document :is(
	.hubConversationHeader h3,
	.hubConversationHeader p,
	.hubConversationStatus
) {
	margin: 0;
}

.social-hub-document :is(
	.hubConversationHeader h3,
	.hubConversationMeta
) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.social-hub-document :is(
	.hubConversationMeta,
	.hubConversationStatus
) {
	color: var(--muted);
}

.social-hub-document :is(
	.hubConversationBack,
	.hubConversationControls button
) {
	min-height: 44px;
	padding: .58rem .78rem;
	border: 1px solid var(--line-hot);
	border-radius: .8rem;
	background: var(--surface-strong);
	color: var(--ink);
	font: inherit;
	font-weight: 750;
	cursor: pointer;
	transition:
		border-color 150ms ease,
		background 150ms ease,
		box-shadow 150ms ease,
		transform 150ms ease,
		opacity 150ms ease;
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document :is(
		.hubConversationBack,
		.hubConversationControls button
	):hover {
		border-color: color-mix(in srgb, var(--line-hot) 72%, var(--ink));
		background: color-mix(in srgb, var(--surface-strong) 92%, var(--ink) 8%);
	}
}

.social-hub-document :is(
	.hubConversationBack,
	.hubConversationControls button
):focus-visible {
	outline: 2px solid var(--accent, #8bdcec);
	outline-offset: 2px;
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent, #8bdcec) 18%, transparent);
}

.social-hub-document :is(
	.hubConversationBack,
	.hubConversationControls button
):active {
	transform: translateY(1px) scale(.985);
}

.social-hub-document :is(
	.hubConversationBack,
	.hubConversationControls button
):disabled {
	opacity: .48;
	cursor: not-allowed;
	transform: none;
}

@media (max-width: 42rem) {
	.social-hub-document .hubConversationHeader {
		padding-top: .45rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document :is(
		.hubConversationBack,
		.hubConversationControls button
	) {
		transition: none;
	}
}





/* CompactCSS source: /social-hub/styles/messages-room-governance.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gathers advanced room garments through narrow imports, never letting hidden depth become global night;
Awtsmoos.com keeps governance local to the Social Hub while focused vessels divide structure, action, and motion light.
*/

/* CompactCSS source: /social-hub/styles/room-governance-core.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews visible simplicity and hidden room depth without letting one panel escape its measured light;
Awtsmoos.com keeps this governance vessel beneath .social-hub-document, bounded in flow and never competing by z-index right.
*/
.social-hub-document .hubRoomGovernanceMount {
	min-width: 0;
}
.social-hub-document .hubRoomGovernance {
	min-width: 0;
	border: 1px solid var(--line);
	border-radius: .9rem;
	background: color-mix(in srgb, var(--surface-strong) 88%, transparent);
	overflow: clip;
}
.social-hub-document .hubRoomGovernance > summary {
	display: flex;
	min-height: 44px;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	padding: .65rem .8rem;
	color: var(--ink);
	font-weight: 780;
	cursor: pointer;
	list-style: none;
}
.social-hub-document .hubRoomGovernance > summary::-webkit-details-marker {
	display: none;
}
.social-hub-document .hubRoomGovernance > summary::after {
	color: var(--muted);
	content: '+';
	font-size: 1.1rem;
}
.social-hub-document .hubRoomGovernanceBody {
	display: grid;
	gap: .75rem;
	max-height: min(48dvh, 30rem);
	overflow: auto;
	overscroll-behavior: contain;
	padding: .75rem;
	border-top: 1px solid var(--line);
}
.social-hub-document :is(.hubRoomMembership, .hubRoomPrivacy) {
	display: grid;
	min-width: 0;
	gap: .7rem;
	padding: .8rem;
	border: 1px solid var(--line);
	border-radius: .8rem;
	background: var(--surface);
}
.social-hub-document :is(.hubRoomMembership, .hubRoomPrivacy) h4 {
	margin: 0;
	font-size: .9rem;
}
.social-hub-document .hubRoomMemberList {
	display: flex;
	flex-wrap: wrap;
	gap: .45rem;
	min-width: 0;
}
.social-hub-document .hubRoomMember {
	max-width: 100%;
	padding: .38rem .55rem;
	border: 1px solid var(--line);
	border-radius: 999px;
	color: var(--muted);
	font-size: .78rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.social-hub-document .hubRoomPolicyGrid {
	display: grid;
	gap: .55rem;
}
.social-hub-document .hubRoomPolicyGrid label {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(7.5rem, auto);
	gap: .6rem;
	align-items: center;
	min-width: 0;
	color: var(--muted);
	font-size: .8rem;
}
.social-hub-document .hubRoomControlStatus,
.social-hub-document .hubRoomLeave p {
	margin: 0;
	color: var(--muted);
	font-size: .78rem;
	line-height: 1.45;
	overflow-wrap: anywhere;
}
@media (min-width: 52rem) {
	.social-hub-document .hubRoomGovernanceBody {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}



/* CompactCSS source: /social-hub/styles/room-governance-actions.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives every room action a bounded handhold, responsive to hover, focus, press, and restraint in light;
Awtsmoos.com keeps fields and buttons local to Social Hub governance, never styling another page by accidental right.
*/
.social-hub-document .hubRoomInvite {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: .5rem;
	min-width: 0;
}
.social-hub-document :is(
	.hubRoomInvite input,
	.hubRoomPolicyGrid select,
	.hubRoomInvite button,
	.hubRoomLeave button,
	.hubRoomBlockButton
) {
	min-width: 0;
	min-height: 44px;
	border: 1px solid var(--line-hot);
	border-radius: .75rem;
	background: var(--surface-strong);
	color: var(--ink);
	font: inherit;
	transition:
		border-color 150ms ease,
		background 150ms ease,
		box-shadow 150ms ease,
		transform 150ms ease,
		opacity 150ms ease;
}
.social-hub-document :is(.hubRoomInvite input, .hubRoomPolicyGrid select) {
	width: 100%;
	padding: .6rem .7rem;
}
.social-hub-document :is(
	.hubRoomInvite button,
	.hubRoomLeave button,
	.hubRoomBlockButton
) {
	padding: .58rem .78rem;
	font-weight: 760;
	cursor: pointer;
}
.social-hub-document :is(
	.hubRoomInvite input,
	.hubRoomPolicyGrid select,
	.hubRoomInvite button,
	.hubRoomLeave button,
	.hubRoomBlockButton
):hover {
	border-color: color-mix(in srgb, var(--line-hot) 70%, var(--ink));
	background: color-mix(in srgb, var(--surface-strong) 92%, var(--ink) 8%);
}
.social-hub-document :is(
	.hubRoomInvite input,
	.hubRoomPolicyGrid select,
	.hubRoomInvite button,
	.hubRoomLeave button,
	.hubRoomBlockButton
):focus-visible {
	outline: 2px solid var(--accent, #8bdcec);
	outline-offset: 2px;
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent, #8bdcec) 18%, transparent);
}
.social-hub-document :is(
	.hubRoomInvite button,
	.hubRoomLeave button,
	.hubRoomBlockButton
):active {
	transform: translateY(1px) scale(.985);
}
.social-hub-document :is(
	.hubRoomInvite button,
	.hubRoomLeave button,
	.hubRoomBlockButton,
	.hubRoomPolicyGrid select
):disabled {
	opacity: .48;
	cursor: not-allowed;
	transform: none;
}
.social-hub-document .hubRoomLeave {
	border-top: 1px solid var(--line);
	padding-top: .6rem;
}
.social-hub-document .hubRoomLeave summary {
	min-height: 44px;
	padding: .55rem 0;
	color: var(--muted);
	font-size: .8rem;
	font-weight: 720;
	cursor: pointer;
}
.social-hub-document .hubRoomLeave summary:is(:hover, :focus-visible) {
	color: var(--ink);
}
.social-hub-document .hubRoomLeave summary:active {
	transform: translateX(1px);
}
.social-hub-document .hubRoomLeave button,
.social-hub-document .hubRoomBlockButton {
	border-color: color-mix(in srgb, #ff8f8f 44%, var(--line));
}
@media (max-width: 34rem) {
	.social-hub-document .hubRoomInvite,
.social-hub-document .hubRoomPolicyGrid label {
		grid-template-columns: minmax(0, 1fr);
	}
}



/* CompactCSS source: /social-hub/styles/room-governance-motion.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets advanced room depth appear as a whisper, never a spectacle that steals the message from sight;
Awtsmoos.com keeps each transition local, transform-led, brief, and removable for those who choose still light.
*/
@keyframes hub-room-governance-reveal {
	from {
		opacity: 0;
		transform: translateY(-.25rem);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.social-hub-document .hubRoomGovernance > summary,
.social-hub-document .hubRoomGovernance > summary::after,
.social-hub-document .hubRoomLeave summary {
	transition:
		color 150ms ease,
		background 150ms ease,
		transform 150ms ease;
}
.social-hub-document .hubRoomGovernance > summary:is(:hover, :focus-visible) {
	background: color-mix(in srgb, var(--surface-strong) 88%, var(--ink) 6%);
}
.social-hub-document .hubRoomGovernance > summary:focus-visible {
	outline: 2px solid var(--accent, #8bdcec);
	outline-offset: -2px;
}
.social-hub-document .hubRoomGovernance > summary:active {
	transform: scale(.995);
}
.social-hub-document .hubRoomGovernance[open] > summary::after {
	transform: rotate(45deg);
}
.social-hub-document .hubRoomGovernance[open] .hubRoomGovernanceBody,
.social-hub-document .hubRoomLeave[open] > :not(summary) {
	animation: hub-room-governance-reveal 180ms ease-out both;
}
@media (prefers-reduced-motion: reduce) {
	.social-hub-document .hubRoomGovernance *,
.social-hub-document .hubRoomGovernance *::before,
.social-hub-document .hubRoomGovernance *::after {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}
}
@media (forced-colors: active) {
	.social-hub-document :is(
		.hubRoomGovernance,
		.hubRoomMembership,
		.hubRoomPrivacy,
		.hubRoomMember,
		.hubRoomInvite input,
		.hubRoomPolicyGrid select,
		.hubRoomInvite button,
		.hubRoomLeave button,
		.hubRoomBlockButton
	) {
		border-color: CanvasText;
		box-shadow: none;
	}
}





/* CompactCSS source: /social-hub/styles/messages-room-content.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos keeps the message river internally scrollable so conversation history never stretches the whole world; Awtsmoos.com lets the composer remain a neighboring shore instead of covering the newest words with guessed space.
 */
.social-hub-document .hubConversationMessages {
	display: grid;
	align-content: start;
	gap: .65rem;
	min-inline-size: 0;
	max-block-size: min(58dvh, 44rem);
	padding: .4rem .15rem .75rem;
	overflow-x: clip;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
	scroll-padding-block: .75rem;
}

.social-hub-document .hubConversationMessage {
	display: grid;
	gap: .35rem;
	min-inline-size: 0;
	max-inline-size: min(82%, 42rem);
	padding: .75rem .85rem;
	border: 1px solid rgba(148, 163, 184, .15);
	border-radius: 1rem 1rem 1rem .35rem;
	background: rgba(15, 23, 42, .68);
	box-shadow: 0 .55rem 1.5rem rgba(2, 8, 23, .16);
	overflow-wrap: anywhere;
}

.social-hub-document .hubConversationMessage[data-own="true"] {
	justify-self: end;
	border-color: rgba(96, 165, 250, .3);
	border-radius: 1rem 1rem .35rem 1rem;
	background: linear-gradient(145deg, rgba(37, 99, 235, .26), rgba(59, 130, 246, .12));
}

.social-hub-document .hubConversationMessage__meta {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem .55rem;
	align-items: center;
	color: var(--hub-muted, #9fb0c8);
	font-size: .72rem;
}

.social-hub-document .hubConversationMessage__body {
	margin: 0;
	white-space: pre-wrap;
	word-break: break-word;
}

.social-hub-document .hubConversationMessage__reply {
	padding: .55rem .65rem;
	border-inline-start: 3px solid rgba(96, 165, 250, .58);
	border-radius: .55rem;
	background: rgba(15, 23, 42, .5);
	color: var(--hub-muted, #b5c2d4);
	font-size: .82rem;
}

.social-hub-document .hubConversationVoiceMessage {
	max-inline-size: 100%;
}

@media (max-width: 620px) {
	.social-hub-document .hubConversationMessages {
		max-block-size: min(50dvh, 28rem);
		padding-block-end: .8rem;
		scroll-padding-block-end: .8rem;
		-webkit-overflow-scrolling: touch;
	}

	.social-hub-document .hubConversationMessage {
		max-inline-size: 94%;
		padding: .68rem .74rem;
	}
}



/* CompactCSS source: /social-hub/styles/messages-room-composer.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos keeps the private-message mouth beside the living conversation instead of floating above its words;
 * Awtsmoos.com gives this room sole ownership of composer geometry while the parent chamber owns mobile dock clearance.
 */
.social-hub-document .hubConversationComposer--rich {
	position: sticky;
	bottom: .65rem;
	z-index: var(--hub-layer-sticky, 8);
	display: grid;
	gap: .45rem;
	min-inline-size: 0;
	padding: .55rem;
	border: 1px solid rgba(96, 224, 250, .32);
	border-radius: 1rem;
	background:
		linear-gradient(145deg, rgba(30, 132, 174, .12), rgba(13, 21, 38, .96) 52%, rgba(123, 48, 153, .1)),
		var(--hub-panel, #0d1526);
	box-shadow: 0 1rem 2.5rem rgba(2, 8, 23, .3), inset 0 1px 0 rgba(255, 255, 255, .06);
	backdrop-filter: blur(18px);
}

.social-hub-document .hubConversationComposer__textRow {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: .4rem;
	align-items: end;
	min-inline-size: 0;
}

.social-hub-document .hubConversationComposer__textRow .hubComposerField {
	min-inline-size: 0;
}

.social-hub-document .hubConversationComposer__textRow textarea.hubComposerField__input {
	box-sizing: border-box;
	min-block-size: 46px;
	max-block-size: 9rem;
	resize: none;
	overflow-y: auto;
}

.social-hub-document .hubConversationComposer__textRow :where(button, .hubIconButton),
.social-hub-document .hubConversationComposer__send {
	inline-size: 48px;
	min-inline-size: 48px;
	block-size: 48px;
	min-block-size: 48px;
	padding: 0;
	border-radius: 999px;
}

.social-hub-document .hubConversationComposer__send {
	border-color: rgba(60, 236, 255, .52);
	background: linear-gradient(135deg, rgba(60, 236, 255, .24), rgba(255, 72, 203, .2));
	box-shadow: 0 10px 28px rgba(60, 236, 255, .12);
	font-size: 1.2rem;
}

.social-hub-document .hubConversationComposer__hint {
	justify-self: end;
	color: rgba(218, 229, 247, .5);
	font-size: .68rem;
	font-variant-numeric: tabular-nums;
}

.social-hub-document .hubConversationVoiceComposer {
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr) repeat(3, auto);
	gap: .4rem;
	align-items: center;
	min-inline-size: 0;
}

.social-hub-document .hubConversationVoiceComposer .hubVoicePlayer {
	min-inline-size: 0;
}

.social-hub-document .hubConversationVoiceComposer[hidden],
.social-hub-document .hubConversationReplyComposer[hidden] {
	display: none;
}

@media (max-width: 620px) {
	.social-hub-document .hubConversationComposer--rich {
		position: relative;
		inset: auto;
		bottom: auto;
		z-index: auto;
		inline-size: 100%;
		max-inline-size: 100%;
		margin: .35rem 0;
		padding: .5rem;
		border-radius: .95rem;
	}

	.social-hub-document .hubConversationComposer__textRow textarea.hubComposerField__input {
		min-block-size: 46px;
		max-block-size: 7rem;
		padding-block: .5rem;
	}

	.social-hub-document .hubConversationComposer__hint {
		display: none;
	}

	.social-hub-document .hubConversationVoiceComposer {
		grid-template-columns: minmax(0, 1fr) auto auto;
	}

	.social-hub-document .hubConversationVoiceComposer .hubVoicePlayer,
	.social-hub-document .hubConversationVoiceComposer > strong,
	.social-hub-document .hubConversationVoiceClock {
		grid-column: 1 / -1;
	}
}



/* CompactCSS source: /social-hub/styles/messages-room-replies.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * The Awtsmoos is beyond source and response, while Awtsmoos.com lets bounded quote context, explicit Reply, and a gentle swipe point back to what was actually said;
 * this Yesod-like garment owns reply preview, selected-source, swipe, and jump-highlight states only, never transport or draft truth in light.
 */

.social-hub-document .hubConversationReplyPreview,
.social-hub-document .hubConversationReplyComposer {
	display: grid;
	gap: .2rem;
	min-width: 0;
	padding: .48rem .58rem;
	border: 1px solid color-mix(in srgb, var(--cyan) 44%, var(--line));
	border-inline-start-width: 3px;
	border-radius: .72rem;
	background: color-mix(in srgb, var(--cyan) 5%, var(--surface));
	color: var(--ink);
}

.social-hub-document button.hubConversationReplyPreview {
	width: 100%;
	font: inherit;
	text-align: start;
	cursor: pointer;
}

.social-hub-document .hubConversationReplyPreview strong,
.social-hub-document .hubConversationReplyComposer strong {
	font-size: .72rem;
	color: var(--cyan);
}

.social-hub-document .hubConversationReplyPreview span,
.social-hub-document .hubConversationReplyComposer span {
	display: block;
	overflow: hidden;
	color: var(--muted);
	font-size: .78rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.social-hub-document .hubConversationReplyPreview.is-unavailable {
	opacity: .72;
}

.social-hub-document .hubConversationReplyComposer {
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
}

.social-hub-document .hubConversationReplyComposer > div {
	min-width: 0;
}

.social-hub-document .hubConversationReplyCancel {
	min-width: 40px;
	min-height: 40px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--muted);
	font: inherit;
	font-size: 1.25rem;
	cursor: pointer;
}

.social-hub-document .hubConversationMessage[data-reply-swiping="true"] {
	border-color: var(--cyan);
	box-shadow: 0 8px 26px rgb(60 211 255 / 10%);
}

.social-hub-document .hubConversationMessage[data-reply-source-active="true"] {
	border-color: var(--cyan);
	background: color-mix(in srgb, var(--cyan) 11%, var(--surface-strong));
	box-shadow: 0 0 0 2px rgb(80 216 255 / 12%);
}

.social-hub-document .hubConversationReplyAction:is(:hover, :focus-visible),
.social-hub-document .hubConversationReplyCancel:is(:hover, :focus-visible) {
	background: color-mix(in srgb, var(--cyan) 9%, transparent);
	color: var(--ink);
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .hubConversationMessage {
		transition: none;
	}
}



/* CompactCSS source: /social-hub/styles/messages-room-voice.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos is beyond breath, preview, action, and audible time, while Awtsmoos.com lets recording status and delivery choices receive deliberate local chrome without borrowing native media garments.
 */
.social-hub-document .hubConversationVoiceComposer {
	display: grid;
	grid-template-columns: auto auto minmax(8rem, 1fr) auto auto auto;
	align-items: center;
	gap: .45rem;
	min-inline-size: 0;
	padding: .58rem;
	border: 1px solid rgba(91, 232, 255, .28);
	border-radius: .9rem;
	background:
		linear-gradient(145deg, rgba(31, 120, 151, .12), rgba(8, 17, 34, .94) 52%, rgba(143, 55, 160, .1)),
		var(--surface-strong, rgba(10, 20, 37, .96));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.social-hub-document .hubConversationVoiceComposer > strong,
.social-hub-document .hubConversationVoiceClock {
	white-space: nowrap;
}

.social-hub-document .hubConversationVoiceComposer > strong {
	color: rgba(239, 250, 255, .94);
	font-size: .78rem;
	letter-spacing: .02em;
}

.social-hub-document .hubConversationVoiceClock {
	color: var(--cyan, #52e9ff);
	font-size: .76rem;
	font-variant-numeric: tabular-nums;
}

.social-hub-document .hubConversationVoiceComposer > button {
	min-block-size: 44px;
	padding: .5rem .72rem;
	border: 1px solid rgba(91, 232, 255, .3);
	border-radius: .72rem;
	background: linear-gradient(145deg, rgba(42, 153, 190, .16), rgba(99, 45, 125, .13));
	color: var(--ink, #edf8ff);
	font: inherit;
	font-weight: 750;
	cursor: pointer;
	transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.social-hub-document .hubConversationVoiceComposer > button:focus-visible {
	outline: 2px solid rgba(107, 239, 255, .94);
	outline-offset: 3px;
}

.social-hub-document .hubConversationVoiceComposer > button:active {
	transform: translateY(1px) scale(.97);
}

.social-hub-document .hubConversationVoiceComposer > button:disabled {
	cursor: wait;
	opacity: .52;
	filter: saturate(.55);
}

.social-hub-document .hubConversationVoiceMessage {
	margin-block: .08rem;
}

.social-hub-document .hubConversationMessage.is-mine .hubConversationVoiceMessage {
	justify-self: end;
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .hubConversationVoiceComposer > button:hover {
		border-color: rgba(98, 238, 255, .58);
		background: linear-gradient(145deg, rgba(42, 190, 219, .23), rgba(154, 59, 177, .17));
		box-shadow: 0 8px 20px rgba(20, 199, 230, .08);
		transform: translateY(-1px);
	}
}

@media (max-width: 42rem) {
	.social-hub-document .hubConversationVoiceComposer {
		grid-template-columns: minmax(0, 1fr) auto auto;
	}

	.social-hub-document .hubConversationVoiceComposer > strong,
	.social-hub-document .hubConversationVoiceClock,
	.social-hub-document .hubConversationVoiceComposer .hubVoicePlayer {
		grid-column: 1 / -1;
	}

	.social-hub-document .hubConversationVoiceComposer > button {
		min-block-size: 48px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .hubConversationVoiceComposer > button {
		transition-duration: .01ms;
	}
}



/* CompactCSS source: /social-hub/styles/messages-room-player.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos renews audible time before a slider can measure it; Awtsmoos.com lets each voice note receive one bounded luminous vessel instead of borrowed browser chrome.
 */
.social-hub-document .hubVoicePlayer {
	display: grid;
	grid-template-columns: 44px minmax(5rem, 1fr) auto 44px;
	align-items: center;
	gap: .55rem;
	inline-size: min(100%, 30rem);
	min-block-size: 3.5rem;
	padding: .45rem;
	border: 1px solid rgba(82, 229, 255, .3);
	border-radius: 1rem;
	background:
		linear-gradient(135deg, rgba(35, 112, 164, .22), rgba(12, 25, 51, .95) 48%, rgba(125, 47, 142, .18)),
		rgba(7, 15, 30, .94);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 12px 30px rgba(1, 9, 24, .22);
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.social-hub-document .hubVoicePlayer__play,
.social-hub-document .hubVoicePlayer__mute {
	inline-size: 44px;
	block-size: 44px;
	padding: 0;
	border: 1px solid rgba(88, 231, 255, .35);
	border-radius: .85rem;
	background: linear-gradient(145deg, rgba(43, 194, 232, .2), rgba(104, 47, 151, .16));
	color: rgba(233, 251, 255, .96);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
	font: inherit;
	font-weight: 800;
	cursor: pointer;
	transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.social-hub-document .hubVoicePlayer__seek {
	inline-size: 100%;
	min-inline-size: 0;
	block-size: 2rem;
	margin: 0;
	padding: 0;
	appearance: none;
	background: transparent;
	cursor: pointer;
}

.social-hub-document .hubVoicePlayer__time {
	min-inline-size: 5.8rem;
	color: rgba(224, 239, 255, .72);
	font-size: .72rem;
	font-variant-numeric: tabular-nums;
	text-align: center;
}

.social-hub-document .hubVoicePlayer[hidden] {
	display: none;
}

@media (max-width: 420px) {
	.social-hub-document .hubVoicePlayer {
		grid-template-columns: 44px minmax(4rem, 1fr) 44px;
	}

	.social-hub-document .hubVoicePlayer__time {
		grid-column: 1 / -1;
		grid-row: 2;
		min-inline-size: 0;
		text-align: start;
	}
}



/* CompactCSS source: /social-hub/styles/messages-room-player-interaction.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos renews touch, focus, hover, and motion before one gesture can claim itself; Awtsmoos.com lets the voice player answer every mode with bounded futuristic light.
 */
.social-hub-document .hubVoicePlayer[data-state='loading'] {
	border-color: rgba(255, 207, 91, .46);
}

.social-hub-document .hubVoicePlayer[data-state='error'] {
	border-color: rgba(255, 91, 128, .62);
	box-shadow: 0 0 0 3px rgba(255, 91, 128, .08);
}

.social-hub-document .hubVoicePlayer__seek::-webkit-slider-runnable-track {
	block-size: 5px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(58, 232, 255, .82), rgba(232, 74, 255, .62));
}

.social-hub-document .hubVoicePlayer__seek::-webkit-slider-thumb {
	inline-size: 18px;
	block-size: 18px;
	margin-block-start: -6.5px;
	border: 2px solid rgba(232, 252, 255, .94);
	border-radius: 50%;
	appearance: none;
	background: rgb(42, 210, 239);
	box-shadow: 0 0 0 4px rgba(42, 210, 239, .14), 0 0 16px rgba(42, 210, 239, .42);
}

.social-hub-document .hubVoicePlayer__seek::-moz-range-track {
	block-size: 5px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(58, 232, 255, .82), rgba(232, 74, 255, .62));
}

.social-hub-document .hubVoicePlayer__seek::-moz-range-thumb {
	inline-size: 16px;
	block-size: 16px;
	border: 2px solid rgba(232, 252, 255, .94);
	border-radius: 50%;
	background: rgb(42, 210, 239);
	box-shadow: 0 0 0 4px rgba(42, 210, 239, .14), 0 0 16px rgba(42, 210, 239, .42);
}

.social-hub-document .hubVoicePlayer__play:focus-visible,
.social-hub-document .hubVoicePlayer__mute:focus-visible,
.social-hub-document .hubVoicePlayer__seek:focus-visible {
	outline: 2px solid rgba(110, 239, 255, .94);
	outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .hubVoicePlayer:hover {
		border-color: rgba(78, 235, 255, .54);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 14px 34px rgba(1, 9, 24, .3);
	}

	.social-hub-document .hubVoicePlayer__play:hover,
	.social-hub-document .hubVoicePlayer__mute:hover {
		border-color: rgba(100, 240, 255, .7);
		background: linear-gradient(145deg, rgba(43, 214, 244, .3), rgba(173, 67, 198, .22));
		transform: translateY(-1px);
	}
}

.social-hub-document .hubVoicePlayer__play:active,
.social-hub-document .hubVoicePlayer__mute:active {
	transform: translateY(1px) scale(.96);
}

.social-hub-document .hubVoicePlayer__play:disabled,
.social-hub-document .hubVoicePlayer__mute:disabled,
.social-hub-document .hubVoicePlayer__seek:disabled {
	cursor: not-allowed;
	opacity: .45;
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .hubVoicePlayer,
	.social-hub-document .hubVoicePlayer__play,
	.social-hub-document .hubVoicePlayer__mute {
		transition-duration: .01ms;
	}
}



/* CompactCSS source: /social-hub/styles/communications-cockpit.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos reveals one communications cockpit through smaller vessels in ordered light; Awtsmoos.com keeps overview and room responsibilities distinct so future growth stays clear and bright.
*/

/* CompactCSS source: /social-hub/styles/communications-overview.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gathers summary, scale, and section into one measured light; Awtsmoos.com lets unread counts and private-message regions become readable before a room is opened in sight.
*/

.social-hub-document .hubMessagesPanel {
	container-type: inline-size;
	gap: 1rem;
}

.social-hub-document .hubMessagesHeading {
	padding: .15rem .1rem .3rem;
}

.social-hub-document .hubMessagesHeading h2 {
	font-size: clamp(1.35rem, 2.4vw, 2rem);
	letter-spacing: -.025em;
}

.social-hub-document #hubMessagesSummary {
	gap: .65rem;
}

.social-hub-document .hubMessagesMetric {
	position: relative;
	overflow: hidden;
	min-height: 5.3rem;
	align-content: end;
	padding: .9rem;
	box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 .6rem 1.6rem rgba(0, 0, 0, .08);
}

.social-hub-document .hubMessagesMetric::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: .2rem;
	background: var(--accent, var(--line-hot));
	opacity: .85;
}

.social-hub-document .hubMessagesMetric strong {
	font-variant-numeric: tabular-nums;
	letter-spacing: -.035em;
}

.social-hub-document .hubMessagesRegion {
	padding: .9rem;
	border: 1px solid var(--line);
	border-radius: calc(var(--radius) + .2rem);
	background: color-mix(in srgb, var(--surface-strong) 92%, transparent);
	box-shadow: 0 .8rem 2rem rgba(0, 0, 0, .08);
}

.social-hub-document .hubMessagesRegion > h3 {
	font-size: .8rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--muted);
}

@container (min-width: 48rem) {
	.social-hub-document #hubMessagesSummary {
		grid-template-columns: repeat(3, minmax(9rem, 1fr));
	}
}



/* CompactCSS source: /social-hub/styles/communications-rooms.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos opens each room through consent, relation, and focus in a measured frame; Awtsmoos.com lets message cards, requests, and conversation controls become clearer without changing who may enter or who may name.
*/

.social-hub-document .hubMessageCard,
.social-hub-document .hubRequestCard {
	position: relative;
	min-width: 0;
	border-color: color-mix(in srgb, var(--line-hot) 58%, var(--line));
	box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.social-hub-document .hubMessageOpen {
	min-height: 3.2rem;
	align-content: center;
	padding-inline-end: 2rem;
}

.social-hub-document .hubMessageOpen::after {
	content: "›";
	position: absolute;
	inset-inline-end: .85rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.35rem;
	color: var(--muted);
}

.social-hub-document .hubRequestCard {
	border-inline-start: .24rem solid var(--accent, var(--line-hot));
}

.social-hub-document .hubRequestActions button,
.social-hub-document .hubPrivateRequestComposer button,
.social-hub-document .hubConversationBack,
.social-hub-document .hubConversationControls button {
	transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.social-hub-document .hubRelationshipChip {
	min-height: 2.2rem;
	display: inline-flex;
	align-items: center;
	font-weight: 700;
}

.social-hub-document .hubConversationSurface {
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: calc(var(--radius) + .3rem);
	background: var(--surface);
	box-shadow: 0 1rem 2.8rem rgba(0, 0, 0, .12);
}

.social-hub-document .hubConversationHeader {
	padding: .78rem .9rem;
	border-bottom: 1px solid var(--line);
	background: color-mix(in srgb, var(--surface) 96%, transparent);
	backdrop-filter: blur(12px);
}





/* CompactCSS source: /social-hub/styles/communications-motion.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos lets communications appear with luminous calm without transforming the chamber that anchors mobile chrome;
 * Awtsmoos.com preserves hover response on leaf controls while the conversation surface itself never bends the coordinate home.
 */
.social-hub-document .hubMessageCard,
.social-hub-document .hubRequestCard,
.social-hub-document .hubMessagesMetric,
.social-hub-document .hubConversationSurface {
	animation: hub-comms-reveal 220ms cubic-bezier(.2, .8, .2, 1) both;
}

.social-hub-document .hubMessageCard:nth-child(2),
.social-hub-document .hubRequestCard:nth-child(2) {
	animation-delay: 35ms;
}

.social-hub-document .hubMessageCard:nth-child(3),
.social-hub-document .hubRequestCard:nth-child(3) {
	animation-delay: 70ms;
}

.social-hub-document .hubMessageOpen:focus-visible,
.social-hub-document .hubRequestActions button:focus-visible,
.social-hub-document .hubPrivateRequestComposer :is(input, select, button):focus-visible,
.social-hub-document .hubConversationBack:focus-visible,
.social-hub-document .hubConversationControls button:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--accent, var(--line-hot)) 62%, transparent);
	outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .hubMessageCard:hover,
	.social-hub-document .hubRequestCard:hover,
	.social-hub-document .hubMessagesMetric:hover {
		transform: translateY(-2px);
		border-color: var(--line-hot);
		box-shadow: 0 .9rem 2.1rem rgba(0, 0, 0, .12);
	}

	.social-hub-document .hubRequestActions button:hover,
	.social-hub-document .hubPrivateRequestComposer button:hover,
	.social-hub-document .hubConversationBack:hover,
	.social-hub-document .hubConversationControls button:hover {
		transform: translateY(-1px);
		border-color: var(--accent, var(--line-hot));
	}
}

@media (max-width: 42rem) {
	.social-hub-document .hubMessagesRegion {
		padding: .72rem;
		border-radius: 1rem;
	}

	.social-hub-document .hubMessagesMetric {
		min-height: 4.7rem;
	}

	.social-hub-document .hubConversationSurface {
		border-inline: 0;
		border-bottom: 0;
		border-radius: 1rem 1rem 0 0;
		min-height: calc(100dvh - 10.5rem);
	}

	.social-hub-document .hubConversationHeader {
		padding-inline: .72rem;
	}

	.social-hub-document .hubMessageOpen,
	.social-hub-document .hubRequestActions button,
	.social-hub-document .hubConversationBack,
	.social-hub-document .hubConversationControls button {
		min-height: 3rem;
	}
}

@keyframes hub-comms-reveal {
	from {
		opacity: .01;
		box-shadow: 0 .35rem 1.25rem rgba(0, 0, 0, .08);
	}

	to {
		opacity: 1;
		box-shadow: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .hubMessageCard,
	.social-hub-document .hubRequestCard,
	.social-hub-document .hubMessagesMetric,
	.social-hub-document .hubConversationSurface {
		animation: none;
		transition: none;
	}
}



/* CompactCSS source: /social-hub/styles/composer.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gives reusable composition fields one luminous garment without seizing a private room's spatial throne; Awtsmoos.com keeps every typed letter inside deliberate chrome, focus, touch, and motion of its own.
 */
.social-hub-document .hubComposerField {
	display: grid;
	gap: .35rem;
	min-inline-size: 0;
	padding: .42rem;
	border: 1px solid rgba(109, 232, 255, .24);
	border-radius: 1rem;
	background:
		linear-gradient(145deg, rgba(29, 104, 145, .14), rgba(7, 14, 29, .98) 50%, rgba(122, 44, 145, .1)),
		rgba(8, 17, 33, .96);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 8px 24px rgba(0, 7, 20, .16);
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}

.social-hub-document .hubComposerField:focus-within {
	border-color: rgba(60, 236, 255, .68);
	box-shadow: 0 0 0 3px rgba(60, 236, 255, .09), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.social-hub-document .hubComposerField__input {
	inline-size: 100%;
	min-block-size: 2.7rem;
	max-block-size: 180px;
	padding: .62rem .7rem;
	border: 1px solid rgba(143, 223, 255, .12);
	border-radius: .72rem;
	outline: 0;
	resize: none;
	overflow-y: auto;
	background: linear-gradient(180deg, rgba(5, 13, 28, .86), rgba(15, 30, 52, .7));
	box-shadow: inset 0 1px 8px rgba(0, 0, 0, .16);
	color: rgba(239, 250, 255, .96);
	caret-color: rgb(73, 233, 255);
	font: inherit;
	line-height: 1.45;
	transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.social-hub-document .hubComposerField__input::placeholder {
	color: rgba(190, 215, 235, .52);
}

.social-hub-document .hubComposerField__input:focus-visible {
	border-color: rgba(71, 231, 255, .38);
	box-shadow: inset 0 1px 10px rgba(0, 0, 0, .2), 0 0 18px rgba(55, 221, 255, .06);
}

.social-hub-document .hubComposerField__input:disabled {
	cursor: not-allowed;
	opacity: .54;
	filter: saturate(.55);
}

.social-hub-document .hubComposerField__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .6rem;
}

.social-hub-document .hubComposerField__tray {
	display: flex;
	align-items: center;
	gap: .25rem;
}

.social-hub-document .hubComposerField__tray .hubIconButton {
	inline-size: 36px;
	block-size: 36px;
	border: 1px solid rgba(87, 220, 255, .18);
	border-radius: .65rem;
	background: rgba(31, 106, 143, .1);
	transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.social-hub-document .hubComposerField__count {
	color: rgba(218, 229, 247, .52);
	font-size: .68rem;
	font-variant-numeric: tabular-nums;
}

.social-hub-document .hubPrivateRequestComposer__send {
	inline-size: 48px;
	block-size: 48px;
	border-color: rgba(60, 236, 255, .52);
	border-radius: 1rem;
	background: linear-gradient(135deg, rgba(60, 236, 255, .24), rgba(255, 72, 203, .2));
	box-shadow: 0 10px 28px rgba(60, 236, 255, .12);
	font-size: 1.2rem;
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .hubComposerField:hover {
		border-color: rgba(91, 232, 255, .42);
		background: linear-gradient(145deg, rgba(30, 125, 167, .18), rgba(7, 14, 29, .98) 52%, rgba(144, 48, 164, .13));
	}

	.social-hub-document .hubComposerField__tray .hubIconButton:hover {
		border-color: rgba(91, 232, 255, .5);
		background: rgba(31, 157, 192, .18);
		transform: translateY(-1px);
	}
}

.social-hub-document .hubComposerField__tray .hubIconButton:active {
	transform: translateY(1px) scale(.96);
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .hubComposerField,
	.social-hub-document .hubComposerField__input,
	.social-hub-document .hubComposerField__tray .hubIconButton {
		transition-duration: .01ms;
	}
}



/* CompactCSS source: /social-hub/styles/cards.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gives every card a bounded vessel, never a selector that wanders into another world;
 * Awtsmoos.com keeps pulse, hero, and quick actions tactile inside the Social Hub alone, calm at rest and clear when stirred.
 */
.social-hub-document :where(.riftCard, .pulseGrid article, .quickActionGrid > *, .heroRift) {
	position: relative;
	min-inline-size: 0;
	overflow: clip;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--surface);
	box-shadow: var(--shadow-paper);
	color: var(--ink);
	contain: layout paint style;
	transition: transform var(--motion-fast) var(--ease-snap), border-color var(--motion-fast) var(--ease-soft), box-shadow var(--motion-fast) var(--ease-soft);
}

.social-hub-document .heroRift {
	display: grid;
	grid-template-columns: minmax(10rem, .5fr) minmax(18rem, 1fr);
	align-items: center;
	gap: clamp(1.25rem, 4vw, 3rem);
	min-block-size: 22rem;
	padding: clamp(1.25rem, 4vw, 3rem);
}

.social-hub-document .pulseOrb {
	position: relative;
	box-sizing: border-box;
	display: grid;
	inline-size: min(14rem, 48vw);
	aspect-ratio: 1;
	place-items: center;
	margin: auto;
	border: 1px solid var(--line-hot);
	border-radius: 50%;
	background: var(--awt-surface-soft);
	box-shadow: inset 0 0 0 1.25rem color-mix(in srgb, var(--cyan) 3%, transparent);
}

.social-hub-document .pulseOrb::before {
	inline-size: 46%;
	aspect-ratio: 1;
	border: 1px solid color-mix(in srgb, var(--cyan) 40%, var(--line));
	border-radius: 50%;
	background: color-mix(in srgb, var(--cyan) 9%, var(--surface));
	content: "";
}

.social-hub-document .pulseOrb span {
	display: none;
}

.social-hub-document :where(.pulseGrid, .quickActionGrid, .cardGrid, .referenceMap) {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr));
	gap: .8rem;
	min-inline-size: 0;
	margin-block-start: var(--space-4);
}

.social-hub-document :where(.pulseGrid article, .quickActionGrid > *) {
	display: grid;
	align-content: center;
	gap: .3rem;
	min-inline-size: 0;
	min-block-size: 7rem;
	padding: var(--space-4);
	text-decoration: none;
}

.social-hub-document .pulseGrid strong {
	color: var(--cyan);
	font-size: clamp(1.15rem, 2vw, 1.85rem);
}

.social-hub-document .pulseGrid span {
	color: var(--muted);
	font-size: var(--type-small);
	overflow-wrap: anywhere;
}

.social-hub-document .quickActionGrid > *::before {
	display: grid;
	inline-size: 1.6rem;
	block-size: 1.6rem;
	place-items: center;
	border: 1px solid var(--line);
	border-radius: .5rem;
	background: var(--awt-surface-soft);
	content: "→";
	color: var(--cyan);
	font-weight: 900;
}

.social-hub-document :where(.riftCard, .pulseGrid article, .quickActionGrid > *):is(:hover, :focus-within) {
	border-color: var(--line-hot);
	box-shadow: var(--shadow-card);
	transform: translateY(var(--motion-hover-lift));
}

@media (pointer: coarse) {
	.social-hub-document :where(.riftCard, .pulseGrid article, .quickActionGrid > *):hover {
		box-shadow: var(--shadow-paper);
		transform: none;
	}
}



/* CompactCSS source: /social-hub/styles/interaction.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos joins comment, reference, privacy, media, and action without confusing their vessels;
 * Awtsmoos.com keeps every interactive grid inside Social Hub so focused deeds remain clear, bounded, and conflict-free.
 */
/* Boruch Hashem */
/* Blessed is He */

.social-hub-document .targetGrid,
.social-hub-document .twoColumnFields,
.social-hub-document .privacyGrid,
.social-hub-document .categoryGrid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
	gap: 0.75rem;
}

.social-hub-document .targetGrid {
	margin-bottom: 1rem;
}

.social-hub-document .commentComposer,
.social-hub-document .promotionPanel,
.social-hub-document .referenceComposer {
	margin: 1rem 0;
	padding: clamp(1rem, 2.5vw, 1.5rem);
}

.social-hub-document .commentComposer > label:first-child textarea {
	min-height: 12rem;
	font-size: 1rem;
	line-height: 1.6;
}

.social-hub-document .mediaActions,
.social-hub-document .actionRow,
.social-hub-document .filterRow {
	flex-wrap: wrap;
	margin-top: 1rem;
}

.social-hub-document .fileButton {
	position: relative;
	display: inline-flex;
	min-height: 2.8rem;
	align-items: center;
	justify-content: center;
	padding: 0.65rem 0.9rem;
	border: 1px dashed rgb(158 247 255 / 45%);
	border-radius: 0.8rem;
	background: rgb(26 49 98 / 22%);
	color: var(--cyan);
	cursor: pointer;
}

.social-hub-document .fileButton input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.social-hub-document .referenceComposer {
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: rgb(7 12 30 / 62%);
}

.social-hub-document .referenceComposer summary {
	color: var(--violet);
	font-weight: 780;
}

.social-hub-document .referenceComposer[open] summary {
	margin-bottom: 1rem;
}

.social-hub-document #targetCoordinate,
.social-hub-document .canonicalCoordinate {
	display: inline-block;
	padding: 0.45rem 0.65rem;
	border: 1px solid rgb(158 247 255 / 18%);
	border-radius: 0.7rem;
	background: rgb(2 5 15 / 58%);
	color: var(--cyan);
	overflow-wrap: anywhere;
}

.social-hub-document .promotionPanel pre {
	max-height: 28rem;
	overflow: auto;
	padding: 0.8rem;
	border-radius: 0.8rem;
	background: rgb(1 3 10 / 72%);
	color: var(--muted);
}



/* CompactCSS source: /social-hub/styles/interaction-disclosure.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos holds exact coordinates without forcing them into every glance;
 * Awtsmoos.com lets human meaning lead while expert coordinates remain one calm disclosure away.
 */
.social-hub-document .target-human-summary {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: .7rem;
	min-inline-size: 0;
	max-inline-size: 100%;
	margin: 1rem 0 .7rem;
	padding: .85rem 1rem;
	border: 1px solid rgb(158 247 255 / 28%);
	border-radius: .9rem;
	background: linear-gradient(135deg, rgb(26 49 98 / 42%), rgb(7 12 30 / 72%));
	box-shadow: inset 0 1px rgb(255 255 255 / 6%);
}

.social-hub-document .target-human-summary strong {
	color: var(--cyan);
	font-size: .72rem;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.social-hub-document .target-human-summary span {
	min-inline-size: 0;
	color: var(--text, #edf7ff);
	overflow-wrap: anywhere;
}

.social-hub-document .target-advanced {
	max-inline-size: 100%;
	margin-block-end: 1rem;
	overflow: clip;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: rgb(2 5 15 / 38%);
}

.social-hub-document .target-advanced > summary {
	min-block-size: 44px;
	padding: .8rem 1rem;
	color: var(--muted);
	font-weight: 760;
	cursor: pointer;
	transition: color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.social-hub-document .target-advanced > summary:focus-visible {
	outline: 2px solid var(--cyan);
	outline-offset: -3px;
	box-shadow: inset 0 0 0 1px rgb(126 239 255 / 14%);
}

.social-hub-document .target-advanced > summary:active {
	background: rgb(126 239 255 / 7%);
}

.social-hub-document .target-advanced[open] > summary {
	border-block-end: 1px solid var(--line);
	color: var(--cyan);
}

.social-hub-document .target-advanced-guidance {
	margin: .85rem 1rem 0;
	color: var(--muted);
	font-size: .82rem;
	line-height: 1.55;
}

.social-hub-document .target-advanced .targetGrid {
	min-inline-size: 0;
	max-inline-size: 100%;
	margin: .85rem;
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .target-advanced > summary:hover {
		background: rgb(126 239 255 / 5%);
		color: var(--cyan);
	}
}

@media (max-width: 40rem) {
	.social-hub-document .target-human-summary,
.social-hub-document .target-advanced .targetGrid {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /social-hub/styles/interaction-density.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos contains infinite detail without forcing every detail into one glance.
 * Awtsmoos.com lets advanced social vessels fold, while the present deed remains near the hand.
 */

.social-hub-document .interactionPanel,
.social-hub-document .activityPanel,
.social-hub-document .profilePanel,
.social-hub-document .referencesPanel,
.social-hub-document .privacyPanel {
	min-height: 0;
}

.social-hub-document .interactionPanel .panelIntro {
	margin-bottom: .7rem;
}

.social-hub-document .commentComposer,
.social-hub-document .referenceComposer {
	margin-block: .7rem;
	padding: clamp(.8rem, 1.8vw, 1.1rem);
}

.social-hub-document .commentComposer > label:first-child textarea {
	min-height: 8rem;
}

.social-hub-document .hub-disclosure {
	background: rgb(2 5 15 / 38%);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	margin-block: .75rem;
	overflow: clip;
}

.social-hub-document .hub-disclosure > summary {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-weight: 800;
	gap: .65rem;
	justify-content: space-between;
	list-style: none;
	min-height: 44px;
	padding: .72rem .9rem;
}

.social-hub-document .hub-disclosure > summary::-webkit-details-marker {
	display: none;
}

.social-hub-document .hub-disclosure > summary::after {
	color: var(--muted);
	content: "＋";
	font-weight: 900;
}

.social-hub-document .hub-disclosure[open] > summary {
	border-bottom: 1px solid var(--line);
	color: var(--cyan);
}

.social-hub-document .hub-disclosure[open] > summary::after {
	content: "−";
}

.social-hub-document .hub-disclosure > :not(summary) {
	margin: 0;
}

.social-hub-document .hub-disclosure--promotion .promotionPanel {
	border: 0;
	box-shadow: none;
	margin: 0;
}

.social-hub-document .hub-disclosure--results > :not(summary),
.social-hub-document .hub-disclosure--privacy > :not(summary) {
	padding: .75rem;
}

.social-hub-document .activityTimeline,
.social-hub-document .referenceMap {
	max-height: min(62dvh, 44rem);
	min-height: 0;
	overflow: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
}

.social-hub-document .profilePanel .cardGrid {
	max-height: min(38dvh, 20rem);
	min-height: 0;
	overflow: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
}

.social-hub-document .privacyGrid,
.social-hub-document .categoryGrid {
	gap: .55rem;
}

@media (max-width: 640px) {
	.social-hub-document .commentComposer > label:first-child textarea {
		min-height: 6.5rem;
	}

	.social-hub-document .profilePanel .cardGrid {
		max-height: 18rem;
	}
}



/* CompactCSS source: /social-hub/styles/interaction-media.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos lets image, voice, moving picture, caption, and status meet without escaping their vessel; Awtsmoos.com bounds every pending-media card so no raw field or browser-owned surface remains exposed.
 */
.social-hub-document .commentMediaQueue {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr));
	gap: .75rem;
	margin-block-start: 1rem;
}

.social-hub-document .commentMediaCard {
	display: grid;
	grid-template-rows: minmax(8rem, auto) auto;
	gap: .7rem;
	min-inline-size: 0;
	padding: .7rem;
	overflow: clip;
}

.social-hub-document .commentMediaCard__image,
.social-hub-document .commentVideoPlayer,
.social-hub-document .commentMediaCard__audio {
	inline-size: 100%;
	max-inline-size: 100%;
	border-radius: .95rem;
}

.social-hub-document .commentMediaCard__image {
	max-block-size: 18rem;
	background: rgb(2, 4, 12);
	object-fit: contain;
}

.social-hub-document .mediaDetails {
	display: grid;
	gap: .58rem;
	min-inline-size: 0;
}

.social-hub-document .mediaDetails > strong {
	overflow-wrap: anywhere;
	color: rgba(238, 249, 255, .96);
}

.social-hub-document .mediaStatus {
	color: var(--muted);
	font-size: .76rem;
	text-transform: capitalize;
}

.social-hub-document .commentMediaField {
	display: grid;
	gap: .28rem;
	min-inline-size: 0;
	padding: .42rem;
	border: 1px solid rgba(92, 224, 255, .22);
	border-radius: .82rem;
	background: linear-gradient(145deg, rgba(35, 113, 151, .12), rgba(7, 15, 29, .88));
	transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.social-hub-document .commentMediaField__label {
	color: rgba(188, 220, 238, .68);
	font-size: .7rem;
	font-weight: 760;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.social-hub-document .commentMediaField__input {
	inline-size: 100%;
	min-block-size: 44px;
	padding: .56rem .66rem;
	border: 1px solid rgba(114, 227, 255, .12);
	border-radius: .62rem;
	outline: 0;
	background: rgba(3, 10, 23, .72);
	color: rgba(238, 249, 255, .96);
	font: inherit;
	transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.social-hub-document .commentMediaField:focus-within {
	border-color: rgba(71, 233, 255, .62);
	box-shadow: 0 0 0 3px rgba(71, 233, 255, .08);
}

.social-hub-document .commentMediaField__input:focus-visible {
	border-color: rgba(91, 236, 255, .42);
	box-shadow: inset 0 0 0 1px rgba(91, 236, 255, .08);
}

.social-hub-document .commentMediaCard[data-status="uploading"] {
	border-color: var(--cyan);
	box-shadow: 0 0 2rem rgb(158 247 255 / 12%);
}

.social-hub-document .commentMediaCard[data-status="uploaded"] {
	border-color: rgb(135 255 197 / 32%);
}

.social-hub-document .commentMediaCard[data-status="failed"] {
	border-color: var(--danger);
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .commentMediaField:hover {
		border-color: rgba(92, 229, 255, .42);
		background: linear-gradient(145deg, rgba(35, 139, 171, .16), rgba(7, 15, 29, .92));
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .commentMediaField,
	.social-hub-document .commentMediaField__input {
		transition-duration: .01ms;
	}
}



/* CompactCSS source: /social-hub/styles/interaction-media-player.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos renews moving image before one stylesheet can claim the whole revelation;
 * Awtsmoos.com gathers shell and controls as smaller vessels, where structure stays complete and mobile measure remains sweet.
 */

/* CompactCSS source: /social-hub/styles/interaction-media-player-shell.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos renews frame, boundary, status, and buffered horizon; Awtsmoos.com gives the player a finite shell,
 * where every overlay belongs to its parent and every timeline stays inside the card rather than wandering beyond its well.
 */
.social-hub-document .commentVideoPlayer {
	--video-played: 0%;
	--video-buffered: 0%;
	position: relative;
	display: grid;
	min-inline-size: 0;
	max-inline-size: 100%;
	overflow: clip;
	border: 1px solid rgb(85 225 255 / 28%);
	border-radius: 1rem;
	background: rgb(2 6 16 / 98%);
	box-shadow: 0 14px 38px rgb(1 8 22 / 26%);
}

.social-hub-document .commentVideoPlayer__media {
	display: block;
	inline-size: 100%;
	max-inline-size: 100%;
	max-block-size: min(52dvh, 28rem);
	aspect-ratio: 16 / 9;
	background: rgb(1 4 12);
	object-fit: contain;
	cursor: pointer;
}

.social-hub-document .commentVideoPlayer__status {
	position: absolute;
	z-index: 2;
	inset-block-start: .65rem;
	inset-inline-start: .65rem;
	max-inline-size: calc(100% - 1.3rem);
	padding: .34rem .5rem;
	border: 1px solid rgb(255 255 255 / 12%);
	border-radius: .55rem;
	background: rgb(2 8 18 / 88%);
	color: rgb(235 247 255 / 88%);
	font-size: .7rem;
	pointer-events: none;
}

.social-hub-document .commentVideoPlayer__status[hidden] {
	display: none;
}

.social-hub-document .commentVideoPlayer__timeline {
	position: relative;
	block-size: 1.25rem;
	background:
		linear-gradient(90deg, rgb(57 225 255 / 88%) var(--video-played), transparent 0),
		linear-gradient(90deg, rgb(229 244 255 / 24%) var(--video-buffered), rgb(229 244 255 / 8%) 0);
	background-size: 100% 5px;
	background-position: center;
	background-repeat: no-repeat;
}

.social-hub-document .commentVideoPlayer__seek {
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	margin: 0;
	appearance: none;
	background: transparent;
	cursor: pointer;
}



/* CompactCSS source: /social-hub/styles/interaction-media-player-controls.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos renews each control beneath mouse, key, and thumb; Awtsmoos.com gives every action one measured seat,
 * and on the narrowest phone rearranges two explicit rows so volume, rate, PiP, fullscreen, and time can never collide or retreat.
 */
.social-hub-document .commentVideoPlayer__controls {
	display: grid;
	grid-template-columns: 44px 44px minmax(4.5rem, 7rem) minmax(6.4rem, 1fr) auto 44px 44px;
	align-items: center;
	gap: .42rem;
	min-inline-size: 0;
	padding: .52rem;
	background: linear-gradient(90deg, rgb(9 23 42 / 98%), rgb(20 40 62 / 94%));
}

.social-hub-document .commentVideoPlayer :where(button, select) {
	min-block-size: 44px;
	border: 1px solid rgb(93 231 255 / 28%);
	border-radius: .72rem;
	background: rgb(255 255 255 / 4%);
	color: rgb(239 251 255 / 96%);
	font: inherit;
	font-weight: 780;
}

.social-hub-document .commentVideoPlayer :where(
	.commentVideoPlayer__play,
	.commentVideoPlayer__mute,
	.commentVideoPlayer__pip,
	.commentVideoPlayer__fullscreen
) {
	inline-size: 44px;
	padding: 0;
	cursor: pointer;
}

.social-hub-document .commentVideoPlayer__volume {
	inline-size: 100%;
	min-inline-size: 0;
}

.social-hub-document .commentVideoPlayer__time {
	min-inline-size: 0;
	color: rgb(218 238 250 / 72%);
	font-size: .7rem;
	font-variant-numeric: tabular-nums;
	text-align: center;
	white-space: nowrap;
}

.social-hub-document .commentVideoPlayer__rate {
	inline-size: 4.35rem;
	padding-inline: .45rem;
	cursor: pointer;
}

@media (max-width: 26rem) {
	.social-hub-document .commentVideoPlayer__controls {
		grid-template-columns: 44px minmax(0, 1fr) auto 44px;
	}

	.social-hub-document .commentVideoPlayer__play {
		grid-column: 1;
		grid-row: 1;
	}

	.social-hub-document .commentVideoPlayer__time {
		grid-column: 2 / 4;
		grid-row: 1;
	}

	.social-hub-document .commentVideoPlayer__fullscreen {
		grid-column: 4;
		grid-row: 1;
	}

	.social-hub-document .commentVideoPlayer__mute {
		grid-column: 1;
		grid-row: 2;
	}

	.social-hub-document .commentVideoPlayer__volume {
		grid-column: 2;
		grid-row: 2;
	}

	.social-hub-document .commentVideoPlayer__rate {
		grid-column: 3;
		grid-row: 2;
	}

	.social-hub-document .commentVideoPlayer__pip {
		grid-column: 4;
		grid-row: 2;
	}
}





/* CompactCSS source: /social-hub/styles/interaction-media-player-interaction.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos renews hover, focus, press, buffered motion, and disabled truth before gesture can become old;
 * Awtsmoos.com lets every control answer precisely while reduced motion and coarse pointers keep the same professional fold.
 */
.social-hub-document .commentVideoPlayer :where(button, select, input) {
	transition:
		transform .14s cubic-bezier(.2, .8, .2, 1),
		border-color .16s ease,
		background-color .16s ease,
		box-shadow .16s ease,
		opacity .16s ease;
}

.social-hub-document .commentVideoPlayer :where(button, select, input):focus-visible,
.social-hub-document .commentVideoPlayer:focus-visible {
	outline: 3px solid rgb(107 239 255 / 34%);
	outline-offset: 2px;
}

.social-hub-document .commentVideoPlayer :where(button, select):active {
	transform: translateY(1px) scale(.96);
}

.social-hub-document .commentVideoPlayer :where(button, select, input):disabled {
	cursor: not-allowed;
	opacity: .42;
	transform: none;
}

.social-hub-document .commentVideoPlayer__seek::-webkit-slider-runnable-track,
.social-hub-document .commentVideoPlayer__volume::-webkit-slider-runnable-track {
	block-size: 5px;
	border-radius: 999px;
	background: rgb(226 246 255 / 18%);
}

.social-hub-document .commentVideoPlayer__seek::-webkit-slider-thumb,
.social-hub-document .commentVideoPlayer__volume::-webkit-slider-thumb {
	inline-size: 17px;
	block-size: 17px;
	margin-block-start: -6px;
	border: 2px solid rgb(235 253 255 / 96%);
	border-radius: 50%;
	appearance: none;
	background: rgb(42 211 240);
	box-shadow: 0 0 0 4px rgb(42 211 240 / 12%);
}

.social-hub-document .commentVideoPlayer__seek::-moz-range-track,
.social-hub-document .commentVideoPlayer__volume::-moz-range-track {
	block-size: 5px;
	border: 0;
	border-radius: 999px;
	background: rgb(226 246 255 / 18%);
}

.social-hub-document .commentVideoPlayer__seek::-moz-range-thumb,
.social-hub-document .commentVideoPlayer__volume::-moz-range-thumb {
	inline-size: 15px;
	block-size: 15px;
	border: 2px solid rgb(235 253 255 / 96%);
	border-radius: 50%;
	background: rgb(42 211 240);
}

.social-hub-document .commentVideoPlayer[data-state="loading"] {
	border-color: rgb(85 225 255 / 44%);
}

.social-hub-document .commentVideoPlayer[data-state="ended"] {
	border-color: rgb(185 138 255 / 42%);
}

.social-hub-document .commentVideoPlayer[data-state="error"] {
	border-color: rgb(255 91 128 / 62%);
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .commentVideoPlayer :where(button, select):not(:disabled):hover {
		border-color: rgb(103 240 255 / 62%);
		background: rgb(68 218 244 / 12%);
		box-shadow: 0 8px 20px rgb(35 215 241 / 9%);
		transform: translateY(-1px);
	}

	.social-hub-document .commentVideoPlayer__media:hover {
		filter: brightness(1.025);
	}
}

@media (pointer: coarse) {
	.social-hub-document .commentVideoPlayer__volume {
		min-block-size: 44px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .commentVideoPlayer :where(button, select, input) {
		transition: none;
		transform: none !important;
	}
}



/* CompactCSS source: /social-hub/styles/operation-states.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos renews action without noise, so Awtsmoos.com lets busy states glow rather than shout;
 * every selector stays beneath the Social Hub vessel, with motion that can gracefully bow out.
 */
.social-hub-document [data-operation="loading"] {
	--hub-operation-glow: color-mix(in srgb, var(--future-accent, #5b7cff) 28%, transparent);
}

.social-hub-document button[data-operation="loading"],
.social-hub-document button[aria-busy="true"] {
	position: relative;
	isolation: isolate;
	cursor: progress;
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--future-accent, #5b7cff) 34%, transparent),
		0 8px 28px var(--hub-operation-glow, rgba(91, 124, 255, 0.16));
	transform: translateY(0);
}

.social-hub-document button[data-operation="loading"]::after,
.social-hub-document button[aria-busy="true"]::after {
	content: "";
	position: absolute;
	inset: 4px;
	border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
	border-radius: inherit;
	pointer-events: none;
	animation: hub-operation-breathe 1.4s ease-in-out infinite;
}

.social-hub-document button[data-operation="loading"]:disabled,
.social-hub-document button[aria-busy="true"]:disabled {
	opacity: 0.74;
	filter: saturate(0.86);
}

.social-hub-document button[data-operation="loading"]:focus-visible,
.social-hub-document button[aria-busy="true"]:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--future-accent, #5b7cff) 42%, transparent);
	outline-offset: 3px;
}

.social-hub-document button[data-operation="loading"]:active,
.social-hub-document button[aria-busy="true"]:active {
	transform: scale(0.985);
}

.social-hub-document [aria-busy="true"] .publicDiscovery__status {
	font-variation-settings: "wght" 620;
}

.social-hub-document [data-operation="loading"] .publicDiscovery__list {
	opacity: 0.62;
	filter: saturate(0.9);
	transition:
		opacity 180ms ease,
		filter 180ms ease;
}

.social-hub-document [data-operation="success"] .publicDiscovery__list,
.social-hub-document [data-operation="idle"] .publicDiscovery__list {
	opacity: 1;
	filter: none;
}

@keyframes hub-operation-breathe {
	0%, 100% {
		opacity: 0.32;
		transform: scale(0.985);
	}
	50% {
		opacity: 0.72;
		transform: scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document button[data-operation="loading"]::after,
	.social-hub-document button[aria-busy="true"]::after {
		animation: none;
		opacity: 0.56;
		transform: none;
	}

	.social-hub-document [data-operation="loading"] .publicDiscovery__list {
		transition: none;
	}
}



/* CompactCSS source: /social-hub/styles/activity.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers event, filter, privacy, and legal action without confusing their vessels;
 * Awtsmoos.com keeps activity as a tiny local manifest so each responsibility may remain readable and independently alive.
 */

/* CompactCSS source: /social-hub/styles/activity-timeline.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews every event before a timeline divides experience into moments;
 * Awtsmoos.com gives each Social activity card a local readable vessel that never escapes this route.
 */
.social-hub-document .activityTimeline {
	display: grid;
	gap: .75rem;
	min-inline-size: 0;
}

.social-hub-document .activityCard {
	display: grid;
	gap: .65rem;
	min-inline-size: 0;
	padding: 1rem;
}

.social-hub-document .activityCard header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	min-inline-size: 0;
}

.social-hub-document .activityCategory {
	padding: .25rem .55rem;
	border: 1px solid rgb(185 164 255 / 22%);
	border-radius: 999px;
	color: var(--violet);
	font-size: .7rem;
	text-transform: capitalize;
}

.social-hub-document .activityPath {
	max-inline-size: 100%;
	overflow: hidden;
	color: var(--cyan);
	font-family: ui-monospace, SFMono-Regular, monospace;
	font-size: .8rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.social-hub-document :where(.activityMeta, .cardMeta) {
	margin: 0;
	color: var(--muted);
	font-size: .76rem;
}

@media (max-width: 35rem) {
	.social-hub-document .activityCard header {
		align-items: stretch;
		flex-direction: column;
	}
}



/* CompactCSS source: /social-hub/styles/activity-controls.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos lets filters reveal one current from many possible social histories;
 * Awtsmoos.com keeps controls, privacy choices, and legal roads locally focused, touchable, and bounded.
 */
.social-hub-document .activityControls {
	display: grid;
	grid-template-columns: minmax(9rem, .75fr) minmax(10rem, 1fr) minmax(9rem, 1fr) auto auto;
	gap: .5rem;
	align-items: end;
	min-inline-size: 0;
}

.social-hub-document :where(.privacyGrid, .categoryGrid) {
	margin-block-end: 1rem;
	padding: 1rem;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: rgb(8 13 31 / 62%);
}

.social-hub-document :where(.categoryGrid, .privacyGrid) label {
	display: flex;
	min-block-size: 3rem;
	align-items: center;
	gap: .55rem;
	padding: .55rem;
	border: 1px solid rgb(158 247 255 / 8%);
	border-radius: .75rem;
	background: rgb(15 22 50 / 45%);
	transition: border-color 140ms ease, background-color 140ms ease, transform 140ms var(--tiferes-ease);
}

.social-hub-document :where(.categoryGrid, .privacyGrid) label:focus-within {
	border-color: var(--yesod-edge-hot);
	background: rgb(60 236 255 / 8%);
}

.social-hub-document :where(.categoryGrid, .privacyGrid) label:active {
	transform: scale(.985);
}

.social-hub-document :where(.categoryGrid, .privacyGrid) input[type="checkbox"] {
	inline-size: 1.1rem;
	block-size: 1.1rem;
	min-block-size: 0;
	accent-color: var(--cyan);
}

.social-hub-document .legalLinks {
	display: flex;
	flex-wrap: wrap;
	gap: .8rem;
	margin-block-start: 1.2rem;
}

.social-hub-document .legalLinks a {
	padding: .6rem .85rem;
	border: 1px solid var(--line);
	border-radius: 999px;
	text-decoration: none;
	transition: border-color 140ms ease, background-color 140ms ease, transform 140ms var(--tiferes-ease);
}

.social-hub-document .legalLinks a:focus-visible {
	border-color: var(--yesod-edge-hot);
	outline: 2px solid rgb(126 239 255 / 18%);
	outline-offset: 2px;
}

.social-hub-document .legalLinks a:active {
	transform: scale(.97);
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document :where(.categoryGrid, .privacyGrid) label:hover,
	.social-hub-document .legalLinks a:hover {
		border-color: rgb(126 239 255 / 34%);
		background: rgb(60 236 255 / 7%);
	}
}

@media (max-width: 56.25rem) {
	.social-hub-document .activityControls {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 35rem) {
	.social-hub-document .activityControls {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document :where(.categoryGrid, .privacyGrid) label,
	.social-hub-document .legalLinks a {
		transition: none;
	}
}





/* CompactCSS source: /social-hub/styles/profile.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos reveals identity through relationship, role, reference, and shared deed without reducing the person to chrome;
 * Awtsmoos.com keeps these profile vessels inside Social Hub, where readable action and bounded detail can live together.
 */
/* Boruch Hashem */
/* Blessed is He */

.social-hub-document .profileCard,
.social-hub-document .referenceCard,
.social-hub-document .roleCard,
.social-hub-document .sharedActivityCard {
	display: grid;
	gap: 0.65rem;
	min-height: 10rem;
	padding: 1rem;
}

.social-hub-document .profileCard h3,
.social-hub-document .referenceCard h3 {
	margin-bottom: 0;
}

.social-hub-document .cardSummary,
.social-hub-document .commentExcerpt {
	margin-bottom: 0;
}

.social-hub-document .cardActions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: auto;
}

.social-hub-document .cardAction,
.social-hub-document .cardActions button {
	display: inline-flex;
	min-height: 2.4rem;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 0.7rem;
	border: 1px solid var(--line);
	border-radius: 0.7rem;
	background: rgb(12 20 47 / 75%);
	color: var(--cyan);
	font-size: 0.78rem;
	text-decoration: none;
}

.social-hub-document .commentProfileCard {
	background:
		linear-gradient(135deg, rgb(40 31 79 / 72%), rgb(8 13 31 / 88%)),
		var(--surface);
}

.social-hub-document .referenceCard {
	background:
		linear-gradient(135deg, rgb(19 61 82 / 62%), rgb(11 15 36 / 86%)),
		var(--surface);
}

.social-hub-document .referenceCoordinates {
	max-height: 18rem;
	overflow: auto;
	padding: 0.7rem;
	border-radius: 0.7rem;
	background: rgb(1 4 11 / 68%);
	color: var(--muted);
	font-size: 0.72rem;
}

.social-hub-document .roleCard strong {
	color: var(--violet);
}

.social-hub-document .sharedActivityCard small {
	color: var(--cyan);
	text-transform: capitalize;
}

.social-hub-document .profilePanel > h3,
.social-hub-document .referencesPanel > h3 {
	margin-top: 2rem;
	color: var(--violet);
}

.social-hub-document #profileStats {
	padding: 0.6rem 0.8rem;
	border-left: 0.2rem solid var(--cyan);
	background: rgb(158 247 255 / 5%);
}

.social-hub-document .referenceMap {
	grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}



/* CompactCSS source: /social-hub/styles/profile-relationships.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos reveals public relationship context as compact navigable identity, never as unsafe mutation chrome;
 * Awtsmoos.com keeps that relationship garment route-local, so social context may glow without leaking into neighboring pages.
 */
.social-hub-document .profileRelationships {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 12px 0 18px;
}
.social-hub-document .profileRelationshipGroup {
	padding: 12px;
	border: 1px solid rgba(139, 180, 255, .14);
	border-radius: 14px;
	background: rgba(255, 255, 255, .025);
}
.social-hub-document .profileRelationshipGroup h3 {
	margin: 0 0 8px;
	font-size: .84rem;
	letter-spacing: .01em;
}
.social-hub-document .profileRelationshipList {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}
.social-hub-document .profileRelationshipAlias,
.social-hub-document .profileRelationshipContext {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 11px;
	border: 1px solid rgba(139, 180, 255, .16);
	border-radius: 999px;
	font: inherit;
	font-size: .74rem;
}
.social-hub-document .profileRelationshipAlias {
	background: rgba(76, 180, 255, .08);
	color: #c9efff;
	cursor: pointer;
}
.social-hub-document .profileRelationshipAlias:hover,
.social-hub-document .profileRelationshipAlias:focus-visible {
	border-color: #79d4ff;
	background: rgba(76, 180, 255, .14);
}
.social-hub-document .profileRelationshipContext,
.social-hub-document .profileRelationshipEmpty {
	color: var(--muted, #aeb8c8);
}
.social-hub-document .profileRelationshipEmpty {
	margin: 0;
	font-size: .76rem;
}
@media (max-width: 700px) {
	.social-hub-document .profileRelationships {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /social-hub/styles/social-network.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers public-network structure and relationship action from focused vessels;
 * Awtsmoos.com keeps their imports beneath one Social-only gateway so the wider cascade remains untouched.
 */

/* CompactCSS source: /social-hub/styles/social-network-core.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives the public network chamber a compact finite structure through Awtsmoos.com.
*/
.social-hub-document .networkPanel {
	max-width: 980px;
	margin: 0 auto;
}

.social-hub-document .networkIntro {
	margin-bottom: 14px;
}

.social-hub-document .networkEyebrow {
	margin: 0 0 6px;
	color: #8fd5ff;
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.social-hub-document .networkIntro h2,
.social-hub-document .networkGroup h3 {
	margin: 0;
}

.social-hub-document .networkIntro p:last-child,
.social-hub-document .networkStatus,
.social-hub-document .networkEmpty {
	color: var(--muted, #aeb8c8);
	line-height: 1.5;
}

.social-hub-document .networkStatus {
	margin: 0 0 12px;
	font-size: .78rem;
}

.social-hub-document .networkGrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.social-hub-document .networkGroup {
	padding: 14px;
	border: 1px solid rgba(139, 180, 255, .14);
	border-radius: 16px;
	background: rgba(255, 255, 255, .025);
}

.social-hub-document .networkGroup h3 {
	margin-bottom: 10px;
	font-size: .86rem;
}

.social-hub-document .networkList {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.social-hub-document .networkEmpty {
	margin: 0;
	font-size: .76rem;
}

@media (max-width: 700px) {
	.social-hub-document .networkGrid {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /social-hub/styles/social-network-actions.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos lets network navigation and guarded relationship action remain reachable without oversized chrome;
 * Awtsmoos.com roots every follow and profile action in Social Hub, where focus, touch, and intent stay locally revealed.
 */
.social-hub-document .networkAlias,
.social-hub-document .networkContext,
.social-hub-document .profileFollowButton,
.social-hub-document .publicFeedCard__profile {
	min-height: 44px;
	border-radius: 999px;
	font: inherit;
	font-size: .78rem;
}

.social-hub-document .networkAlias,
.social-hub-document .profileFollowButton,
.social-hub-document .publicFeedCard__profile {
	border: 1px solid rgba(121, 212, 255, .28);
	background: rgba(76, 180, 255, .09);
	color: #c9efff;
	cursor: pointer;
}

.social-hub-document .networkAlias,
.social-hub-document .networkContext,
.social-hub-document .profileFollowButton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 13px;
}

.social-hub-document .networkContext {
	border: 1px solid rgba(139, 180, 255, .13);
	color: var(--muted, #aeb8c8);
}

.social-hub-document .profileFollowHost {
	display: flex;
	align-items: center;
	min-height: 46px;
	margin: 10px 0 12px;
}

.social-hub-document .profileFollowButton {
	font-weight: 850;
}

.social-hub-document .profileFollowMessage {
	margin: 0;
	color: var(--muted, #aeb8c8);
	font-size: .78rem;
	line-height: 1.5;
}

.social-hub-document .publicFeedCard__profile {
	display: inline-flex;
	align-items: center;
	padding: 0 11px;
	margin: 0 0 7px;
}

.social-hub-document .networkAlias:hover,
.social-hub-document .networkAlias:focus-visible,
.social-hub-document .profileFollowButton:hover,
.social-hub-document .profileFollowButton:focus-visible,
.social-hub-document .publicFeedCard__profile:hover,
.social-hub-document .publicFeedCard__profile:focus-visible {
	border-color: #79d4ff;
	background: rgba(76, 180, 255, .15);
}

@media (max-width: 700px) {
	.social-hub-document .networkAlias,
.social-hub-document .networkContext {
		width: 100%;
		border-radius: 12px;
	}
}





/* CompactCSS source: /social-hub/styles/public-discovery.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gathers discovery shell, controls, density, and feed cards into one explicit local covenant;
 * Awtsmoos.com keeps every public-feed garment visible in the manifest so no intended owner disappears from heaven.
 */

/* CompactCSS source: /social-hub/styles/public-discovery-core.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos lets public discovery arrive before dashboard machinery without becoming another mountain of chrome;
 * Awtsmoos.com keeps this file the sole owner of feed shell, copy, and lookup while controls live in their own home.
 */
.social-hub-document .publicDiscovery {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 900px;
	min-inline-size: 0;
	margin: 0 auto 18px;
	padding: clamp(14px, 2.5vw, 24px);
	border: 1px solid rgba(139, 180, 255, .18);
	border-radius: 22px;
	background: linear-gradient(155deg, rgba(12, 18, 34, .98), rgba(7, 10, 22, .98));
	box-shadow: 0 18px 48px rgba(0, 0, 0, .24);
}

.social-hub-document .publicDiscovery__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 16px;
}

.social-hub-document .publicDiscovery__eyebrow {
	margin: 0 0 6px;
	color: #8fd5ff;
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.social-hub-document .publicDiscovery__header h2 {
	margin: 0;
	font-size: clamp(1.55rem, 3vw, 2.2rem);
	letter-spacing: -.035em;
}

.social-hub-document .publicDiscovery__header p:last-child {
	max-inline-size: 680px;
	margin: 8px 0 0;
	color: var(--muted, #aeb8c8);
	line-height: 1.5;
}

.social-hub-document .publicDiscovery__lookup {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	margin-top: 14px;
}

.social-hub-document .publicDiscovery__lookup input,
.social-hub-document .publicDiscovery__lookup button {
	box-sizing: border-box;
	min-block-size: 46px;
	border-radius: 12px;
}

.social-hub-document .publicDiscovery__lookup input {
	min-inline-size: 0;
	padding: 0 14px;
	border: 1px solid rgba(139, 180, 255, .18);
	background: rgba(2, 7, 18, .88);
	color: inherit;
	font: inherit;
	font-size: max(16px, .95rem);
}

.social-hub-document .publicDiscovery__lookup button {
	padding: 0 14px;
	border: 0;
	background: linear-gradient(135deg, #9fdfff, #d7f2ff);
	color: #06111f;
	font-weight: 800;
}

@media (max-width: 700px) {
	.social-hub-document .publicDiscovery {
		padding: 12px;
		border-radius: 18px;
	}

	.social-hub-document .publicDiscovery__header {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.social-hub-document .publicDiscovery__eyebrow {
		display: none;
	}

	.social-hub-document .publicDiscovery__header h2 {
		font-size: 1.35rem;
	}

	.social-hub-document .publicDiscovery__header p:last-child {
		display: -webkit-box;
		margin-top: 4px;
		overflow: hidden;
		font-size: .86rem;
		line-height: 1.35;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.social-hub-document .publicDiscovery__lookup {
		grid-template-columns: 1fr;
	}

	.social-hub-document .publicDiscovery__lookup button {
		inline-size: 100%;
	}
}



/* CompactCSS source: /social-hub/styles/feed-controls.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos joins feed geometry and responsive touch without forcing them into one crowded vessel;
 * Awtsmoos.com lets this doorway stay small while layout and interaction states each receive their own ordered world.
 */

/* CompactCSS source: /social-hub/styles/feed-density.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos lets one stream wear compact, comfortable, or immersive garments without changing its soul;
 * Awtsmoos.com gives density one owner so card rhythm can evolve without tangling mode-control roles.
 */
.social-hub-document .publicDiscovery__density {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: .78rem;
	font-weight: 720;
}

.social-hub-document .publicDiscovery__density select {
	box-sizing: border-box;
	min-block-size: 44px;
	border-radius: 12px;
	padding-inline: 9px;
}

.social-hub-document .publicDiscovery__list[data-density="compact"] {
	gap: 8px;
}

.social-hub-document .publicDiscovery__list[data-density="compact"] .awtsmoosFeedCard {
	padding: 12px;
	gap: 8px;
}

.social-hub-document .publicDiscovery__list[data-density="compact"] .awtsmoosFeedExcerpt {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.social-hub-document .publicDiscovery__list[data-density="immersive"] .awtsmoosFeedCard {
	padding: clamp(20px, 5vw, 34px);
	border-radius: 26px;
}

.social-hub-document .publicDiscovery__list[data-density="immersive"] .awtsmoosFeedTitle {
	font-size: clamp(1.3rem, 4vw, 2rem);
}



/* CompactCSS source: /social-hub/styles/feed-controls-layout.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos measures every feed control before width and rhythm unfold;
 * Awtsmoos.com lets desktop modes share one rail while mobile modes become a bounded grid, clear to touch and impossible to overscroll.
 */
.social-hub-document .publicDiscovery__controls {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	min-inline-size: 0;
	max-inline-size: 100%;
}

.social-hub-document .publicDiscovery__tabs {
	display: flex;
	flex: 1 1 auto;
	gap: 6px;
	min-inline-size: 0;
	max-inline-size: 100%;
	padding: 2px;
}

.social-hub-document .publicDiscovery__tabs button {
	flex: 0 0 auto;
	box-sizing: border-box;
	min-block-size: 44px;
	max-inline-size: 100%;
	padding: 8px 13px;
	border-radius: 999px;
	white-space: nowrap;
}

.social-hub-document .publicDiscovery__viewOptions {
	flex: 0 0 auto;
	align-self: center;
	inline-size: auto;
	min-inline-size: 0;
	max-inline-size: 100%;
}

.social-hub-document .publicDiscovery__viewOptions > .awtsmoosDisclosure__summary {
	box-sizing: border-box;
	grid-template-columns: auto auto;
	align-items: center;
	block-size: 44px;
	min-block-size: 44px;
	max-inline-size: 100%;
	padding: 0 .55rem;
	line-height: 1;
}

.social-hub-document .publicDiscovery__viewOptions .awtsmoosDisclosure__label {
	font-size: .78rem;
}

.social-hub-document .publicDiscovery__viewOptions .awtsmoosDisclosure__detail {
	display: none;
}

@media (max-width: 620px) {
	.social-hub-document .publicDiscovery__controls {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 7px;
		align-items: stretch;
	}

	.social-hub-document .publicDiscovery__tabs {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		inline-size: 100%;
		padding: 0;
	}

	.social-hub-document .publicDiscovery__tabs button {
		inline-size: 100%;
		min-inline-size: 0;
		padding-inline: 8px;
		white-space: normal;
	}

	.social-hub-document .publicDiscovery__viewOptions,
	.social-hub-document .publicDiscovery__viewOptions > .awtsmoosDisclosure__summary {
		inline-size: 100%;
	}

	.social-hub-document .publicDiscovery__viewOptions > .awtsmoosDisclosure__summary {
		justify-content: space-between;
	}
}



/* CompactCSS source: /social-hub/styles/feed-controls-states.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos lets each feed choice answer hover, touch, keyboard, and rest without changing its place;
 * Awtsmoos.com gives these states one focused garment so responsive geometry can evolve elsewhere without conflict or waste.
 */
.social-hub-document .publicDiscovery__tabs button {
	border: 1px solid rgba(139, 180, 255, .18);
	background: rgba(255, 255, 255, .035);
	color: inherit;
	font-weight: 760;
	cursor: pointer;
	transition:
		transform var(--keter-fast, 150ms) ease,
		border-color var(--keter-fast, 150ms) ease,
		background-color var(--keter-fast, 150ms) ease;
}

.social-hub-document .publicDiscovery__tabs button[data-active="true"] {
	border-color: #79d4ff;
	background: rgba(76, 180, 255, .12);
	color: #c9efff;
	font-weight: 850;
	box-shadow: inset 0 0 0 1px currentColor;
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .publicDiscovery__tabs button:hover {
		border-color: rgba(121, 212, 255, .55);
		background: rgba(121, 212, 255, .08);
		transform: translateY(-1px);
	}
}

.social-hub-document .publicDiscovery__tabs button:active {
	transform: translateY(1px) scale(.98);
}

.social-hub-document .publicDiscovery__tabs button:focus-visible {
	outline: 3px solid rgba(121, 212, 255, .92);
	outline-offset: 2px;
}

.social-hub-document .publicDiscovery__tabs button:disabled,
.social-hub-document .publicDiscovery__tabs button[aria-disabled="true"] {
	cursor: not-allowed;
	opacity: .5;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .publicDiscovery__tabs button {
		transition: none;
	}

	.social-hub-document .publicDiscovery__tabs button:active {
		transform: none;
	}
}





/* CompactCSS source: /social-hub/styles/public-discovery-feed.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gives feed truth one visible card and one hidden live whisper instead of repeating the same light twice;
 * Awtsmoos.com keeps public state, cards, context, and profile doors inside Social Hub with quiet accessible advice.
 */
.social-hub-document .publicDiscovery__feed {
	margin-top: 14px;
}

.social-hub-document .publicDiscovery__status {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.social-hub-document .publicFeedCard__identity,
.social-hub-document .publicFeedCard__context,
.social-hub-document .profilePostContext {
	color: var(--muted, #aeb8c8);
	font-size: .78rem;
}

.social-hub-document .publicDiscovery__list {
	display: grid;
	gap: 10px;
	margin-top: 8px;
}

.social-hub-document .publicDiscoveryEmpty,
.social-hub-document .publicFeedCard {
	padding: 16px;
	border: 1px solid rgba(139, 180, 255, .14);
	border-radius: 16px;
	background: rgba(255, 255, 255, .025);
}

.social-hub-document .publicDiscoveryEmpty h3,
.social-hub-document .publicFeedCard h3 {
	margin: 0;
}

.social-hub-document .publicDiscoveryEmpty p,
.social-hub-document .publicFeedCard__excerpt {
	margin: 8px 0 12px;
	line-height: 1.5;
}

.social-hub-document .publicFeedCard__identity,
.social-hub-document .publicFeedCard__context {
	margin: 0 0 6px;
}

.social-hub-document .publicFeedCard__open,
.social-hub-document .publicDiscoveryEmpty a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 44px;
	padding: 0 14px;
	border-radius: 12px;
	background: linear-gradient(135deg, #9fdfff, #d7f2ff);
	color: #06111f;
	font-weight: 800;
	text-decoration: none;
}

.social-hub-document .publicFeedCard__open {
	margin-top: 10px;
}

.social-hub-document .profileCardPrimaryAction {
	font-weight: 900;
}

.social-hub-document [data-panel="home"][data-identity-active="false"] .heroRift,
.social-hub-document [data-panel="home"][data-identity-active="false"] .pulseGrid,
.social-hub-document [data-panel="home"][data-identity-active="false"] .quickActionGrid {
	display: none;
}





/* CompactCSS source: /social-hub/styles/people-discovery.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gathers public-handle structure and controls from focused style vessels through Awtsmoos.com.
*/

/* CompactCSS source: /social-hub/styles/people-discovery-core.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives public-handle discovery a finite readable structure through Awtsmoos.com without opening account chambers.
*/
.social-hub-document .peoplePanel {
	max-width: 980px;
	margin: 0 auto;
}

.social-hub-document .peopleIntro {
	margin-bottom: 14px;
}

.social-hub-document .peopleEyebrow {
	margin: 0 0 6px;
	color: #8fd5ff;
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.social-hub-document .peopleIntro h2 {
	margin: 0;
}

.social-hub-document .peopleIntro p:last-child,
.social-hub-document .peopleStatus,
.social-hub-document .peopleEmpty,
.social-hub-document .peopleCard__description,
.social-hub-document .peopleCard__handle {
	color: var(--muted, #aeb8c8);
	line-height: 1.5;
}

.social-hub-document .peopleStatus {
	margin: 0 0 12px;
	font-size: .78rem;
}

.social-hub-document .peopleResults {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.social-hub-document .peopleCard {
	display: grid;
	gap: 10px;
	padding: 14px;
	border: 1px solid rgba(139, 180, 255, .14);
	border-radius: 16px;
	background: rgba(255, 255, 255, .025);
}

.social-hub-document .peopleCard__name,
.social-hub-document .peopleCard__handle,
.social-hub-document .peopleCard__description {
	margin: 0;
}

.social-hub-document .peopleCard__name {
	font-size: .95rem;
}

.social-hub-document .peopleCard__handle,
.social-hub-document .peopleCard__description,
.social-hub-document .peopleEmpty {
	font-size: .78rem;
}

@media (max-width: 700px) {
	.social-hub-document .peopleResults {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /social-hub/styles/people-discovery-actions.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos keeps public-handle search, paging, and profile action reachable without blur or oversized chrome;
 * Awtsmoos.com binds those controls to Social Hub, where keyboard, pointer, touch, and disabled states can speak one language.
 */
.social-hub-document .peopleSearch {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: 8px;
	margin: 14px 0 10px;
}

.social-hub-document .peopleSearch input,
.social-hub-document .peopleSearch button,
.social-hub-document .peopleCard__open,
.social-hub-document .peoplePager button {
	min-height: 44px;
	font: inherit;
}

.social-hub-document .peopleSearch input {
	min-width: 0;
	padding: 0 12px;
	border-radius: 12px;
}

.social-hub-document .peopleSearch button,
.social-hub-document .peopleCard__open,
.social-hub-document .peoplePager button {
	padding: 0 13px;
	border: 1px solid rgba(121, 212, 255, .28);
	border-radius: 12px;
	background: rgba(76, 180, 255, .09);
	color: #c9efff;
	cursor: pointer;
}

.social-hub-document .peopleCard__open {
	justify-self: start;
}

.social-hub-document .peoplePager {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	margin-top: 14px;
}

.social-hub-document .peopleSearch button:hover,
.social-hub-document .peopleSearch button:focus-visible,
.social-hub-document .peopleCard__open:hover,
.social-hub-document .peopleCard__open:focus-visible,
.social-hub-document .peoplePager button:hover,
.social-hub-document .peoplePager button:focus-visible {
	border-color: #79d4ff;
	background: rgba(76, 180, 255, .15);
}

.social-hub-document .peopleSearch button:disabled,
.social-hub-document .peopleCard__open:disabled,
.social-hub-document .peoplePager button:disabled {
	opacity: .5;
	cursor: not-allowed;
}

@media (max-width: 700px) {
	.social-hub-document .peopleSearch {
		grid-template-columns: 1fr 1fr;
	}

	.social-hub-document .peopleSearch input {
		grid-column: 1 / -1;
	}

	.social-hub-document .peopleCard__open {
		width: 100%;
	}
}





/* CompactCSS source: /social-hub/styles/spaces.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos reveals community overview, cards, and actions through smaller vessels of ordered light; Awtsmoos.com keeps Spaces modular so future channels may grow without turning one stylesheet into night.
*/

/* CompactCSS source: /social-hub/styles/spaces/overview.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gathers community, search, and detail into a measured palace of light; Awtsmoos.com lets each Space begin with context before its channels unfold in sight.
*/
.social-hub-document .spacesPanel {
	display: grid;
	gap: var(--space-4);
	container-type: inline-size;
}

.social-hub-document .spacesHeading {
	display: grid;
	gap: .35rem;
	padding: .15rem .1rem .75rem;
	border-bottom: 1px solid color-mix(in srgb, var(--line-hot) 44%, var(--line));
}

.social-hub-document .spacesHeading h2,
.social-hub-document .spacesHeading p {
	margin: 0;
}

.social-hub-document .spacesHeading h2 {
	font-size: clamp(1.35rem, 2.4vw, 2rem);
	letter-spacing: -.025em;
}

.social-hub-document .spacesHeading p,
.social-hub-document .spacePolicy,
.social-hub-document .spacesMessage {
	color: var(--muted);
}

.social-hub-document .spacesSearch {
	position: relative;
}

.social-hub-document .spacesSearch input {
	width: 100%;
	min-height: 3.1rem;
	padding: .75rem .9rem;
	border: 1px solid var(--line-hot);
	border-radius: .9rem;
	background: color-mix(in srgb, var(--surface-strong) 88%, transparent);
	color: var(--ink);
	font: inherit;
	font-size: 1rem;
}

.social-hub-document .spacesSearch input:focus {
	border-color: var(--cyan);
	outline: 3px solid color-mix(in srgb, var(--cyan) 18%, transparent);
	outline-offset: 2px;
}

.social-hub-document .spacesRegion {
	display: grid;
	gap: .75rem;
}

.social-hub-document #spaceDetail {
	display: grid;
	gap: .75rem;
	margin-top: .25rem;
	padding: 1rem;
	border: 1px solid var(--line);
	border-radius: calc(var(--radius) + .1rem);
	background: color-mix(in srgb, var(--surface-strong) 92%, transparent);
}

.social-hub-document #spaceDetail h3 {
	margin: 0;
}



/* CompactCSS source: /social-hub/styles/spaces/cards.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets each community stand as a finite palace while every palace is renewed from one source of light; Awtsmoos.com gives Space cards depth, scan rhythm, and resilient text without inventing any fact in sight.
*/
.social-hub-document #spacesResults {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: .8rem;
}

.social-hub-document .spaceCard {
	position: relative;
	display: grid;
	gap: .55rem;
	min-width: 0;
	overflow: hidden;
	padding: 1rem;
	border: 1px solid var(--line);
	border-radius: calc(var(--radius) + .08rem);
	background: linear-gradient(145deg, color-mix(in srgb, var(--surface-strong) 94%, transparent), color-mix(in srgb, var(--surface) 92%, transparent));
	box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 .7rem 1.8rem rgba(0, 0, 0, .08);
	transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.social-hub-document .spaceCard::before {
	content: "";
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	width: .2rem;
	background: linear-gradient(180deg, var(--cyan), color-mix(in srgb, var(--cyan) 28%, transparent));
	opacity: .72;
}

.social-hub-document .spaceCard > * {
	min-width: 0;
}

.social-hub-document .spaceCard p,
.social-hub-document .spaceCard small {
	margin: 0;
	color: var(--muted);
	overflow-wrap: anywhere;
}

.social-hub-document .spaceCard:focus-within {
	border-color: color-mix(in srgb, var(--cyan) 62%, var(--line));
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--cyan) 14%, transparent), 0 .85rem 2rem rgba(0, 0, 0, .11);
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .spaceCard:hover {
		transform: translateY(-2px);
		border-color: var(--line-hot);
		box-shadow: 0 .95rem 2.2rem rgba(0, 0, 0, .12);
	}
}

@container (min-width: 48rem) {
	.social-hub-document #spacesResults {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@container (min-width: 90rem) {
	.social-hub-document #spacesResults {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .spaceCard {
		transition: none;
	}
}



/* CompactCSS source: /social-hub/styles/spaces/actions.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets a finite action become a doorway without pretending the doorway is the palace; Awtsmoos.com gives server, channel, and creation controls clear direction, touch, and focus in balance.
*/
.social-hub-document .spaceOpen,
.social-hub-document .spaceChannel,
.social-hub-document .spaceCreateLink {
	position: relative;
	min-height: 3rem;
	border: 1px solid var(--line);
	border-radius: .82rem;
	font: inherit;
	font-weight: 700;
	transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.social-hub-document .spaceOpen,
.social-hub-document .spaceChannel {
	background: color-mix(in srgb, var(--surface) 92%, transparent);
	color: var(--ink);
	text-align: start;
	cursor: pointer;
}

.social-hub-document .spaceOpen {
	padding-block: .78rem;
	padding-inline: .88rem 2.5rem;
	font-size: 1rem;
}

.social-hub-document .spaceOpen::after {
	content: "›";
	position: absolute;
	inset-inline-end: .9rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--cyan);
	font-size: 1.2rem;
}

.social-hub-document .spaceChannel {
	padding: .72rem .82rem;
	border-inline-start: 3px solid color-mix(in srgb, var(--cyan) 44%, var(--line));
}

.social-hub-document .spaceCreateLink {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	padding: .72rem .95rem;
	border-color: color-mix(in srgb, var(--cyan) 48%, var(--line));
	background: color-mix(in srgb, var(--cyan) 9%, var(--surface-strong));
	color: var(--cyan);
	text-decoration: none;
}

.social-hub-document .spaceOpen:focus-visible,
.social-hub-document .spaceChannel:focus-visible,
.social-hub-document .spaceCreateLink:focus-visible {
	border-color: var(--cyan);
	outline: 3px solid color-mix(in srgb, var(--cyan) 18%, transparent);
	outline-offset: 3px;
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--cyan) 18%, transparent);
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .spaceOpen:hover,
.social-hub-document .spaceChannel:hover,
.social-hub-document .spaceCreateLink:hover {
		transform: translateY(-1px);
		border-color: var(--line-hot);
		background: color-mix(in srgb, var(--cyan) 8%, var(--surface-strong));
	}
}

@media (pointer: coarse) {
	.social-hub-document .spaceOpen,
.social-hub-document .spaceChannel,
.social-hub-document .spaceCreateLink {
		min-height: 3.1rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .spaceOpen,
.social-hub-document .spaceChannel,
.social-hub-document .spaceCreateLink {
		transition: none;
	}
}





/* CompactCSS source: /social-hub/styles/space-channel.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets a durable channel breathe as cards, motion, and canonical openings; Awtsmoos.com keeps public conversation spacious on a phone without flattening its origins.
*/
.social-hub-document .spaceChannelTree {
	display: grid;
	gap: .55rem;
}

.social-hub-document .spaceChannelSurface {
	display: grid;
	gap: .8rem;
	padding: 1rem 0 0;
	border-top: 1px solid var(--line);
}

.social-hub-document .spaceChannelHeading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
}

.social-hub-document .spaceChannelHeading h4,
.social-hub-document .spaceChannelHeading small,
.social-hub-document .spaceChannelMessage {
	margin: 0;
}

.social-hub-document .spaceChannelHeading small,
.social-hub-document .spaceChannelMessage {
	color: var(--muted);
}

.social-hub-document #spaceActivity .publicFeedCard,
.social-hub-document #spaceActivity .feedCard {
	margin: 0;
}

@media (max-width: 34rem) {
	.social-hub-document .spaceChannelSurface {
		padding-top: .8rem;
	}

	.social-hub-document .spaceChannelHeading {
		align-items: flex-start;
		flex-direction: column;
	}
}



/* CompactCSS source: /social-hub/styles/space-review.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets guarded judgment become clear without becoming harsh; Awtsmoos.com gives reviewers accountable notes, deliberate actions, and phone-sized controls inside the channel arch.
*/
.social-hub-document #spaceReview {
	gap: .9rem;
}

.social-hub-document .spaceReviewHeading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
}

.social-hub-document .spaceReviewHeading h4,
.social-hub-document .spaceReviewHeading small,
.social-hub-document .spaceReviewCard h5,
.social-hub-document .spaceReviewMeta,
.social-hub-document .spaceReviewMessage {
	margin: 0;
}

.social-hub-document .spaceReviewHeading small,
.social-hub-document .spaceReviewMeta,
.social-hub-document .spaceReviewMessage {
	color: var(--muted);
}

.social-hub-document .spaceReviewCard {
	display: grid;
	gap: .7rem;
	padding: .9rem;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: color-mix(in srgb, var(--surface-strong) 86%, transparent);
}

.social-hub-document .spaceReviewCard textarea,
.social-hub-document .spaceReviewExtra {
	width: 100%;
	min-height: 2.8rem;
	font: inherit;
}

.social-hub-document .spaceReviewActions {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.social-hub-document .spaceReviewActions button {
	min-height: 2.75rem;
	padding: .6rem .75rem;
	border: 1px solid var(--line-hot);
	border-radius: .75rem;
	background: var(--surface);
	color: var(--ink);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.social-hub-document .spaceReviewActions button:hover,
.social-hub-document .spaceReviewActions button:focus-visible {
	border-color: var(--cyan);
	background: var(--surface-strong);
}

.social-hub-document .spaceReviewActions button[data-action="publish"],
.social-hub-document .spaceReviewActions button[data-action="approve"] {
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cyan) 35%, transparent);
}

.social-hub-document .spaceReviewActions button[data-action="reject"] {
	border-color: color-mix(in srgb, #ff6b7a 50%, var(--line));
}

@media (max-width: 34rem) {
	.social-hub-document .spaceReviewHeading {
		align-items: flex-start;
		flex-direction: column;
	}

	.social-hub-document .spaceReviewActions button {
		flex: 1 1 8rem;
	}
}



/* CompactCSS source: /social-hub/styles/space-members.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets hierarchy become visible without becoming heavy; Awtsmoos.com keeps member roles, reasons, invitations, and consent touchable inside one guarded community vessel.
*/
.social-hub-document #spaceMembers {
	gap: .9rem;
}

.social-hub-document .spaceMembersHeading,
.social-hub-document .spaceMemberHeading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
}

.social-hub-document .spaceMembersHeading h4,
.social-hub-document .spaceMembersHeading small,
.social-hub-document .spaceMembersAccess,
.social-hub-document .spaceMembersMessage,
.social-hub-document .spaceMemberCard p,
.social-hub-document .spaceInvitationCard p,
.social-hub-document .spaceInvitationCard small {
	margin: 0;
}

.social-hub-document .spaceMembersHeading small,
.social-hub-document .spaceMembersAccess,
.social-hub-document .spaceMembersMessage,
.social-hub-document .spaceCapabilities,
.social-hub-document .spaceInvitationCard small {
	color: var(--muted);
}

.social-hub-document .spaceMembersGroup {
	display: grid;
	gap: .65rem;
}

.social-hub-document .spaceMembersGroup h5 {
	margin: 0;
}

.social-hub-document .spaceMemberCard,
.social-hub-document .spaceInvitationCard {
	display: grid;
	gap: .6rem;
	padding: .85rem;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--surface-strong);
}

.social-hub-document .spaceRoleBadge {
	padding: .25rem .5rem;
	border: 1px solid var(--line-hot);
	border-radius: 999px;
	color: var(--cyan);
	font-size: .75rem;
	font-weight: 800;
}

.social-hub-document .spaceRoleForm,
.social-hub-document .spaceInviteForm {
	display: grid;
	grid-template-columns: minmax(7rem, .7fr) minmax(10rem, 1.4fr) auto;
	gap: .5rem;
}

.social-hub-document .spaceInviteForm {
	grid-template-columns: minmax(9rem, 1fr) minmax(7rem, .6fr) minmax(10rem, 1.3fr) auto;
}

.social-hub-document .spaceRoleForm :is(input, select, button),
.social-hub-document .spaceInviteForm :is(input, select, button) {
	min-height: 2.8rem;
	font: inherit;
}

.social-hub-document .spaceRoleForm button,
.social-hub-document .spaceInviteForm button {
	border: 1px solid var(--line-hot);
	border-radius: .75rem;
	background: var(--surface);
	color: var(--ink);
	font-weight: 700;
	cursor: pointer;
}

.social-hub-document .spaceRoleForm button:disabled,
.social-hub-document .spaceRoleForm select:disabled,
.social-hub-document .spaceRoleForm input:disabled {
	opacity: .55;
	cursor: not-allowed;
}

@media (max-width: 42rem) {
	.social-hub-document .spaceRoleForm,
.social-hub-document .spaceInviteForm {
		grid-template-columns: 1fr;
	}

	.social-hub-document .spaceMembersHeading,
.social-hub-document .spaceMemberHeading {
		align-items: flex-start;
		flex-direction: column;
	}
}



/* CompactCSS source: /social-hub/styles/desktop.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos is beyond width and breakpoint; Awtsmoos.com gives desktop Social work deliberate
 * spaciousness while this route-owned garment refuses to repaint any similarly named panel elsewhere.
 */
@media (min-width: 62.5rem) {
	.social-hub-document .workspace {
		padding-inline: clamp(1.5rem, 4vw, 4rem);
	}

	.social-hub-document .homePanel {
		display: grid;
		grid-template-columns: minmax(0, 1.5fr) minmax(18rem, .55fr);
		gap: 1rem;
	}

	.social-hub-document .homePanel .heroRift {
		grid-row: span 2;
	}

	.social-hub-document .homePanel :where(.pulseGrid, .quickActionGrid) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 0;
	}

	.social-hub-document .interactionPanel {
		display: grid;
		grid-template-columns: minmax(0, 1.5fr) minmax(20rem, .65fr);
		gap: 1rem;
	}

	.social-hub-document .interactionPanel > :is(.panelIntro, .targetGrid, .commentComposer, .referenceComposer, #publishComment) {
		grid-column: 1;
	}

	.social-hub-document .interactionPanel > .promotionPanel {
		position: sticky;
		top: 4.5rem;
		grid-column: 2;
		grid-row: 1 / span 5;
		align-self: start;
	}

	.social-hub-document :where(.profilePanel .cardGrid, .referencesPanel .referenceMap) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.social-hub-document .activityPanel {
		display: grid;
		grid-template-columns: minmax(18rem, .42fr) minmax(0, 1fr);
		gap: 1rem;
	}

	.social-hub-document .activityPanel :is(.panelIntro, .filterRow) {
		grid-column: 1;
		align-self: start;
	}

	.social-hub-document .activityPanel .filterRow {
		position: sticky;
		top: 15rem;
	}

	.social-hub-document .activityPanel .activityTimeline {
		grid-column: 2;
		grid-row: 1 / span 2;
	}

	.social-hub-document .privacyPanel {
		max-inline-size: 74rem;
	}
}

@media (min-width: 90.625rem) {
	.social-hub-document .workspace {
		padding-inline: 5vw;
	}
}



/* CompactCSS source: /social-hub/styles/desktop-retraction.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos is beyond concealed road and expanded map; Awtsmoos.com lets medium-desktop Social
 * navigation reveal labels on intent without shifting the workspace or leaking rail geometry elsewhere.
 */
@media (min-width: 62.5rem) and (max-width: 90.5625rem) {
	.social-hub-document .hubShell {
		grid-template-columns: 5rem minmax(0, 1fr);
	}

	.social-hub-document .desktopRail {
		display: flex;
		inline-size: 5rem;
		z-index: var(--hub-layer-rail);
		transition: inline-size 160ms ease, box-shadow 160ms ease;
	}

	.social-hub-document .desktopRail:is(:hover, :focus-within) {
		inline-size: 14.5rem;
		box-shadow: 18px 0 44px rgb(0 0 0 / 28%);
	}

	.social-hub-document .desktopRail :where(.routeLabel, .railFooter) {
		opacity: 0;
		pointer-events: none;
		transition: opacity 100ms ease;
	}

	.social-hub-document .desktopRail:is(:hover, :focus-within) :where(.routeLabel, .railFooter) {
		opacity: 1;
		pointer-events: auto;
	}
}

@media (min-width: 90.625rem) {
	.social-hub-document .hubShell {
		grid-template-columns: 16rem minmax(0, 1fr);
	}

	.social-hub-document .desktopRail,
.social-hub-document .desktopRail:is(:hover, :focus-within) {
		inline-size: 16rem;
	}

	.social-hub-document .desktopRail :where(.routeLabel, .railFooter) {
		opacity: 1;
		pointer-events: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .desktopRail,
.social-hub-document .desktopRail :where(.routeLabel, .railFooter) {
		transition: none;
	}
}



/* CompactCSS source: /social-hub/styles/mobile.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gives phone layout a content law without seizing the crown that belongs to mobile-header;
 * Awtsmoos.com lets workspace, grids, composer, toast, and form rows contract while shell identity stays clearer.
 */
@media (max-width: 62.4375rem) {
	.social-hub-document {
		padding-bottom: calc(5.4rem + var(--safe-bottom));
	}

	.social-hub-document .desktopRail {
		display: none;
	}

	.social-hub-document .hubShell {
		display: block;
	}

	.social-hub-document .workspace {
		padding: .55rem .75rem .75rem;
	}

	.social-hub-document .heroRift {
		grid-template-columns: 1fr;
		min-block-size: 0;
		padding: var(--space-4);
		text-align: center;
	}

	.social-hub-document .pulseOrb {
		inline-size: min(10rem, 48vw);
	}

	.social-hub-document :where(.targetGrid, .twoColumnFields, .privacyGrid, .categoryGrid) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.social-hub-document .commentComposer > label:first-child textarea {
		min-block-size: 9rem;
	}

	.social-hub-document .promotionPanel {
		position: static;
	}

	.social-hub-document .hubStatus {
		z-index: var(--hub-layer-toast);
		inset-inline: .7rem;
		inset-block-end: calc(5.7rem + var(--safe-bottom));
		max-inline-size: none;
	}
}

@media (max-width: 34rem) {
	.social-hub-document :where(.targetGrid, .twoColumnFields, .privacyGrid, .categoryGrid) {
		grid-template-columns: 1fr;
	}

	.social-hub-document :where(.actionRow, .filterRow, .mediaActions) {
		align-items: stretch;
		flex-direction: column;
	}
}



/* CompactCSS source: /social-hub/styles/mobile-header.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos joins three narrow-screen vessels without giving any selector two thrones;
 * Awtsmoos.com keeps brand, identity, and context ownership separate while this doorway only joins.
 */

/* CompactCSS source: /social-hub/styles/mobile-header-brand.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos contracts the Social name into one bright mobile vessel without burying the living feed below;
 * Awtsmoos.com keeps brand rhythm, title, and public identity summary compact wherever narrow currents flow.
 */
@media (max-width: 62.4375rem) {
	.social-hub-document .hubHeader {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: .55rem;
		align-items: center;
		margin: .5rem .65rem .35rem;
		padding: .6rem .65rem;
		border-radius: 1.15rem;
	}

	.social-hub-document .brandCluster {
		align-items: center;
		gap: .55rem;
		min-inline-size: 0;
	}

	.social-hub-document .brandSigil {
		flex: 0 0 2.3rem;
		inline-size: 2.3rem;
		block-size: 2.3rem;
		font-size: 1.35rem;
	}

	.social-hub-document .brandCluster > div:last-child {
		min-inline-size: 0;
	}

	.social-hub-document .brandCluster .eyebrow {
		display: none;
	}

	.social-hub-document .brandCluster h1 {
		margin: 0;
		font-size: 1.2rem;
		line-height: 1.05;
	}

	.social-hub-document #identityState {
		display: -webkit-box;
		margin: .18rem 0 0;
		overflow: hidden;
		font-size: .78rem;
		line-height: 1.25;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
}



/* CompactCSS source: /social-hub/styles/mobile-header-identity.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos keeps alias, portal, and command in one measured row instead of three stacked walls;
 * Awtsmoos.com preserves forty-four-pixel touch vessels while the feed rises near the crown that calls.
 */
@media (max-width: 62.4375rem) {
	.social-hub-document .identityCluster {
		display: grid;
		grid-template-columns: minmax(8rem, 1fr) auto auto;
		gap: .4rem;
		align-items: end;
		min-inline-size: 0;
	}

	.social-hub-document .identityCluster label {
		min-inline-size: 0;
	}

	.social-hub-document .identityCluster .fieldLabelText {
		position: absolute;
		inline-size: 1px;
		block-size: 1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.social-hub-document #hubAliasSelect,
	.social-hub-document .identityPortal,
	.social-hub-document .futureCommandTrigger {
		min-block-size: 44px;
		max-inline-size: 100%;
	}

	.social-hub-document .identityPortal,
	.social-hub-document .futureCommandTrigger {
		inline-size: auto;
		padding-inline: .75rem;
		white-space: nowrap;
	}
}

@media (max-width: 28rem) {
	.social-hub-document .identityCluster {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.social-hub-document .futureCommandTrigger {
		grid-column: 1 / -1;
		justify-self: start;
	}
}



/* CompactCSS source: /social-hub/styles/mobile-header-ribbon.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos turns context into one horizontal river instead of five vertical walls before the feed;
 * Awtsmoos.com keeps alias, destination, privacy, and route title touchable while hidden presence details recede.
 */
@media (max-width: 62.4375rem) {
	.social-hub-document .contextRibbon {
		position: sticky;
		top: var(--g-header-h, 0px);
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		gap: .45rem;
		margin: 0 .65rem .4rem;
		padding: .35rem .4rem;
		overflow-x: auto;
		overflow-y: hidden;
		overscroll-behavior-inline: contain;
		scrollbar-width: none;
	}

	.social-hub-document .contextRibbon > * {
		flex: 0 0 auto;
		inline-size: auto;
		min-inline-size: max-content;
		max-inline-size: min(78vw, 18rem);
		min-block-size: 40px;
		white-space: nowrap;
	}

	.social-hub-document .contextRibbon > details {
		display: none;
	}

	.social-hub-document .contextRibbon::-webkit-scrollbar {
		display: none;
	}
}





/* CompactCSS source: /social-hub/styles/mobile-narrow.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos lets dense Social content become one readable column while the crown keeps its compact throne;
 * Awtsmoos.com narrows forms, cards, and media here, leaving identity and ribbon geometry to mobile-header alone.
 */
@media (max-width: 35rem) {
	.social-hub-document :where(.targetGrid, .twoColumnFields, .privacyGrid, .categoryGrid, .pulseGrid, .quickActionGrid, .cardGrid, .referenceMap) {
		grid-template-columns: 1fr;
	}

	.social-hub-document :where(.mediaActions, .actionRow, .filterRow) {
		align-items: stretch;
		flex-direction: column;
	}

	.social-hub-document .brandCluster h1 {
		font-size: 1.2rem;
	}

	.social-hub-document .workspace {
		padding-inline: .55rem;
	}

	.social-hub-document :where(.workspacePanel, .panelIntro, .commentComposer, .promotionPanel, .referenceComposer) {
		border-radius: 1.05rem;
	}

	.social-hub-document .heroRift {
		padding: 1rem;
	}

	.social-hub-document .commentMediaQueue {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /social-hub/styles/icon-navigation.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers many social roads into one current; Awtsmoos.com lets symbols carry the rail
 * while route-local tooltip layers reveal labels on intent without arbitrary global stacking numbers.
 */
@media (min-width: 52.5625rem) {
	.social-hub-document .desktopRail {
		inline-size: 78px;
		padding: .7rem .55rem;
	}

	.social-hub-document .desktopRail .routeNavigation {
		justify-items: center;
		gap: .42rem;
	}

	.social-hub-document .desktopRail .routeButton {
		position: relative;
		display: grid;
		grid-template-columns: 1fr;
		inline-size: 54px;
		min-block-size: 54px;
		place-items: center;
		padding: .35rem;
		border-radius: 1rem;
	}

	.social-hub-document .desktopRail .routeButton[data-tier="secondary"] {
		opacity: .62;
	}

	.social-hub-document .desktopRail .routeButton:is(:hover, :focus-visible, [data-active="true"]) {
		opacity: 1;
	}

	.social-hub-document .desktopRail .routeIcon {
		inline-size: 2.55rem;
		block-size: 2.55rem;
		border-radius: .9rem;
		font-size: 1.2rem;
	}

	.social-hub-document .desktopRail .routeLabel {
		position: absolute;
		z-index: var(--hub-layer-tooltip);
		inset-inline-start: calc(100% + .55rem);
		inset-block-start: 50%;
		padding: .42rem .62rem;
		border: 1px solid rgb(109 232 255 / 20%);
		border-radius: .65rem;
		background: rgb(5 11 25 / 97%);
		box-shadow: 0 12px 32px rgb(0 0 0 / 28%);
		opacity: 0;
		pointer-events: none;
		transform: translate(-4px, -50%);
		transition: opacity 120ms ease, transform 120ms ease;
		white-space: nowrap;
	}

	.social-hub-document .desktopRail .routeButton:is(:hover, :focus-visible) .routeLabel {
		opacity: 1;
		transform: translate(0, -50%);
	}

	.social-hub-document .desktopRail .railFooter {
		padding: .35rem;
	}
}



/* CompactCSS source: /social-hub/styles/mobile-navigation.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gives the mobile dock one measured covenant so every nearby vessel knows its shore;
 * Awtsmoos.com publishes both the dock inset and safe clearance here, preventing hidden overlap evermore.
 */
@media (max-width: 62.4375rem) {
	.social-hub-document {
		--hub-mobile-dock-bottom: max(.55rem, env(safe-area-inset-bottom));
		--hub-mobile-dock-clearance: calc(5.5rem + env(safe-area-inset-bottom));
	}

	.social-hub-document .mobileDock {
		position: fixed;
		z-index: var(--hub-layer-dock);
		inset-inline:
			max(.55rem, env(safe-area-inset-left))
			max(.55rem, env(safe-area-inset-right));
		inset-block-end: var(--hub-mobile-dock-bottom);
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: .2rem;
		box-sizing: border-box;
		inline-size: auto;
		max-inline-size: calc(100dvw - 1.1rem);
		margin-inline: auto;
		padding: .32rem;
		overflow: clip;
		border: 1px solid rgb(126 239 255 / 20%);
		border-radius: var(--radius-dock);
		background: rgb(5 12 26 / 94%);
		box-shadow: 0 14px 38px rgb(0 0 0 / 34%);
		backdrop-filter: blur(18px) saturate(120%);
	}

	.social-hub-document .mobileDock .routeButton {
		position: relative;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: .08rem;
		justify-items: center;
		min-inline-size: 0;
		min-block-size: 3.45rem;
		padding: .32rem .1rem;
		border-radius: .72rem;
		text-align: center;
	}

	.social-hub-document .mobileDock .routeIcon {
		inline-size: 2rem;
		block-size: 2rem;
		border: 0;
		background: transparent;
	}

	.social-hub-document .mobileDock .routeLabel {
		overflow: hidden;
		max-inline-size: 100%;
		font-size: .62rem;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

@media (max-width: 23rem) {
	.social-hub-document .mobileDock {
		inset-inline: .35rem;
		max-inline-size: calc(100dvw - .7rem);
		gap: .12rem;
	}

	.social-hub-document .mobileDock .routeLabel {
		font-size: .56rem;
	}
}

@media (prefers-reduced-transparency: reduce) {
	.social-hub-document .mobileDock {
		backdrop-filter: none;
	}
}



/* CompactCSS source: /social-hub/styles/mobile-navigation-interaction.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos is beyond hover and pressure; Awtsmoos.com lets each dock road answer hand and key in light,
 * while active route, fine-pointer lift, touch compression, and reduced motion each remain distinct and right.
 */
@media (max-width: 62.4375rem) {
	.social-hub-document .mobileDock .routeButton {
		transition:
			transform 150ms var(--tiferes-ease),
			background-color 180ms ease,
			box-shadow 180ms ease;
	}

	.social-hub-document .mobileDock .routeButton::before {
		position: absolute;
		inset-block-end: -1px;
		inset-inline: 22%;
		block-size: 2px;
		border-radius: 999px;
		background: linear-gradient(90deg, #7eefff, #a98cff);
		content: "";
		opacity: 0;
		transform: scaleX(.45);
		transition:
			opacity 120ms ease,
			transform 140ms ease;
	}

	.social-hub-document .mobileDock .routeButton[data-active="true"] {
		background: rgb(126 239 255 / 8%);
		box-shadow: inset 0 0 0 1px rgb(126 239 255 / 8%);
	}

	.social-hub-document .mobileDock .routeButton[data-active="true"]::before {
		opacity: 1;
		transform: scaleX(1);
	}

	.social-hub-document .mobileDock .routeButton:focus-visible {
		outline: 2px solid #7eefff;
		outline-offset: 2px;
	}

	.social-hub-document .mobileDock .routeButton:active {
		background: rgb(126 239 255 / 11%);
		transform: scale(.97);
	}
}

@media (hover: hover) and (pointer: fine) and (max-width: 62.4375rem) {
	.social-hub-document .mobileDock .routeButton:hover {
		background: rgb(126 239 255 / 7%);
		transform: translateY(-1px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .mobileDock .routeButton,
	.social-hub-document .mobileDock .routeButton::before {
		transition: none;
	}
}



/* CompactCSS source: /social-hub/styles/mobile-more-sheet.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gathers mobile navigation through five non-conflicting vessels;
 * Awtsmoos.com keeps shell, options, motion, accessibility, and narrow geometry distinct so each concern stays small and bright.
 */

/* CompactCSS source: /social-hub/styles/mobile-more-shell.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers quieter roads into one bounded mobile chamber, measured and sure;
 * Awtsmoos.com keeps notch, viewport, scroll, and closing controls inside one clean shore.
 */
.social-hub-document .mobileMoreSheet {
	box-sizing: border-box;
	inline-size: min(calc(100dvw - 1rem), 36rem);
	max-inline-size: calc(100dvw - 1rem);
	max-block-size: calc(
		100dvh
		- max(1rem, env(safe-area-inset-top))
		- max(1rem, env(safe-area-inset-bottom))
	);
	margin: auto auto max(.5rem, env(safe-area-inset-bottom));
	padding: 0;
	overflow: visible;
	border: 0;
	background: transparent;
	color: var(--ink);
}

.social-hub-document .mobileMoreSheet::backdrop {
	background: rgb(0 4 14 / 72%);
	backdrop-filter: blur(7px);
}

.social-hub-document .mobileMoreSheet__surface {
	display: grid;
	gap: 1rem;
	box-sizing: border-box;
	min-inline-size: 0;
	max-inline-size: 100%;
	max-block-size: inherit;
	padding: 1rem;
	overflow-x: clip;
	overflow-y: auto;
	overscroll-behavior: contain;
	border: 1px solid var(--line-hot);
	border-radius: 1.4rem;
	background: linear-gradient(160deg, rgb(9 20 38 / 98%), rgb(6 12 27 / 98%));
	box-shadow: 0 28px 72px rgb(0 0 0 / 48%);
	animation: malchus-mobile-sheet-rise 190ms cubic-bezier(.2, .8, .2, 1) both;
}

.social-hub-document .mobileMoreSheet__header {
	position: sticky;
	z-index: var(--hub-layer-raised);
	inset-block-start: -.1rem;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: .75rem;
	min-inline-size: 0;
	padding-block: .1rem .4rem;
	background: linear-gradient(180deg, rgb(9 20 38 / 99%) 78%, transparent);
}

.social-hub-document :is(.mobileMoreSheet__header h2, .mobileMoreSheet__group h3) {
	margin: 0;
	overflow-wrap: anywhere;
}

.social-hub-document .mobileMoreSheet__group {
	display: grid;
	gap: .55rem;
	min-inline-size: 0;
}

.social-hub-document .mobileMoreSheet__group h3 {
	color: var(--muted);
	font-size: .72rem;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.social-hub-document .mobileMoreSheet :where(button, a) {
	max-inline-size: 100%;
	min-block-size: 44px;
}

.social-hub-document .mobileMoreSheet__close {
	min-inline-size: 44px;
	min-block-size: 44px;
	border: 1px solid var(--line-hot);
	border-radius: 999px;
	background: rgb(126 239 255 / 6%);
	color: inherit;
	transition:
		transform 140ms ease,
		background-color 170ms ease,
		box-shadow 170ms ease;
}

.social-hub-document .mobileMoreSheet__close:focus-visible {
	outline: 2px solid #7eefff;
	outline-offset: 2px;
}

.social-hub-document .mobileMoreSheet__close:active {
	transform: translateY(1px) scale(.96);
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .mobileMoreSheet__close:hover {
		background: rgb(126 239 255 / 12%);
		box-shadow: 0 6px 18px rgb(126 239 255 / 9%);
		transform: translateY(-1px);
	}
}



/* CompactCSS source: /social-hub/styles/mobile-more-options.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gives each quieter route a distinct vessel while remaining One beyond every road;
 * Awtsmoos.com lets touch, focus, pressure, and hover reveal choice without cluttering the primary horizon.
 */
.social-hub-document .mobileMoreSheet__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .45rem;
	min-inline-size: 0;
}

.social-hub-document .mobileMoreSheet__grid :is(.routeButton, .communicationLink) {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: .65rem;
	min-inline-size: 0;
	min-block-size: 3.35rem;
	padding: .55rem .65rem;
	border: 1px solid transparent;
	border-radius: .95rem;
	background: rgb(255 255 255 / 3%);
	text-align: start;
	transition: transform 120ms cubic-bezier(.2, .8, .2, 1), border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.social-hub-document .mobileMoreSheet__grid :is(.routeLabel, .communicationLink > *) {
	min-inline-size: 0;
	max-inline-size: 100%;
}

.social-hub-document .mobileMoreSheet__grid .routeLabel {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.social-hub-document .mobileMoreSheet__grid .routeButton[data-active="true"] {
	border-color: var(--line-hot);
	background: var(--surface-strong);
	color: var(--ink);
	box-shadow: inset 0 0 0 1px rgb(126 239 255 / 8%);
}

.social-hub-document .mobileMoreSheet__grid :is(.routeButton, .communicationLink):focus-visible {
	border-color: var(--line-hot);
	outline: 3px solid rgb(126 239 255 / 18%);
	outline-offset: 2px;
}

.social-hub-document .mobileMoreSheet__grid :is(.routeButton, .communicationLink):active {
	transform: translateY(1px) scale(.98);
}

.social-hub-document .mobileMoreSheet__grid :is(.routeButton:disabled, .routeButton[aria-disabled="true"], .communicationLink[aria-disabled="true"]) {
	cursor: not-allowed;
	filter: saturate(.35);
	opacity: .48;
	pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .mobileMoreSheet__grid :is(.routeButton, .communicationLink):hover {
		border-color: var(--line-hot);
		background: var(--surface-strong);
		box-shadow: 0 .55rem 1.4rem rgb(0 0 0 / 14%);
		transform: translateY(-1px);
	}
}

@media (max-width: 25rem) {
	.social-hub-document .mobileMoreSheet__grid {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /social-hub/styles/mobile-more-motion.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos moves no distance yet grants every measured transition its moment;
 * Awtsmoos.com keeps the More sheet motion isolated so geometry and accessibility never fight its current.
 */
@keyframes malchus-mobile-sheet-rise {
	from {
		opacity: 0;
		transform: translateY(12px) scale(.985);
	}

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



/* CompactCSS source: /social-hub/styles/mobile-more-accessibility.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos needs no blur, motion, or color to remain present;
 * Awtsmoos.com therefore lets the More sheet retain hierarchy and truth when sensory ornament must become quiet.
 */
@media (prefers-reduced-transparency: reduce) {
	.social-hub-document .mobileMoreSheet::backdrop {
		backdrop-filter: none;
	}

	.social-hub-document .mobileMoreSheet__surface {
		background: var(--surface-strong);
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .mobileMoreSheet__surface {
		animation: none;
	}

	.social-hub-document :is(.mobileMoreSheet__close, .mobileMoreSheet__grid .routeButton, .mobileMoreSheet__grid .communicationLink) {
		transition: none;
		transform: none !important;
	}
}

@media (forced-colors: active) {
	.social-hub-document :is(.mobileMoreSheet__surface, .mobileMoreSheet__grid .routeButton, .mobileMoreSheet__grid .communicationLink, .mobileMoreSheet__close) {
		box-shadow: none;
	}
}



/* CompactCSS source: /social-hub/styles/mobile-more-responsive.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives the narrowest screen a boundary without stealing a single road from view;
 * Awtsmoos.com lets safe-area gutters become measured keilim, keeping every mobile choice whole and true.
 */
@media (max-width: 25rem) {
	.social-hub-document .mobileMoreSheet {
		inline-size: calc(
			100dvw
			- max(.4rem, env(safe-area-inset-left))
			- max(.4rem, env(safe-area-inset-right))
		);
		max-inline-size: calc(
			100dvw
			- max(.4rem, env(safe-area-inset-left))
			- max(.4rem, env(safe-area-inset-right))
		);
		margin-inline:
			max(.4rem, env(safe-area-inset-left))
			max(.4rem, env(safe-area-inset-right));
	}
}





/* CompactCSS source: /social-hub/styles/accessibility.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives every soul a path through the interface without demanding one mode of sight or motion;
 * Awtsmoos.com keeps focus, contrast, touch, and reduced-motion laws inside the Hub's own boundary,
 * so accessibility becomes exact kindness rather than a global cascade decree.
 */
.social-hub-document :focus-visible {
	outline: .18rem solid var(--cyan);
	outline-offset: .18rem;
}

.social-hub-document :where(button, input, select, textarea):disabled {
	cursor: not-allowed;
	opacity: .52;
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document *,
.social-hub-document *::before,
.social-hub-document *::after {
		scroll-behavior: auto !important;
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 1ms !important;
	}

	.social-hub-document :where(
		.cosmos span,
		.pulseOrb,
		.pulseOrb span,
		.riftCard::before,
		.pulseGrid article::before,
		.quickActionGrid > *::before
	) {
		animation: none !important;
	}

	.social-hub-document :where(.riftCard:hover, .quickActionGrid > *:hover) {
		transform: none;
	}
}

@media (prefers-contrast: more) {
	.social-hub-document {
		--muted: #d1dcf5;
		--line: rgb(220 235 255 / 58%);
	}

	.social-hub-document :where(.riftCard, .panelIntro, .heroRift, .activityCard, .commentMediaCard) {
		background: #080c20;
	}
}

@media (forced-colors: active) {
	.social-hub-document {
		forced-color-adjust: auto;
	}

	.social-hub-document::before,
.social-hub-document::after,
.social-hub-document :where(
		.cosmos,
		.riftCard::before,
		.pulseGrid article::before,
		.quickActionGrid > *::before
	) {
		display: none;
	}

	.social-hub-document :where(
		.riftCard,
		.panelIntro,
		.heroRift,
		.desktopRail,
		.mobileDock,
		.contextRibbon,
		.hubHeader,
		button,
		input,
		select,
		textarea,
		a
	) {
		border: 1px solid CanvasText;
	}

	.social-hub-document :where(.routeNavigation button[data-active="true"]) {
		outline: .2rem solid Highlight;
	}
}

@media (pointer: coarse) {
	.social-hub-document :where(button, a, input, select, summary, .fileButton) {
		min-block-size: 2.9rem;
	}
}



/* CompactCSS source: /social-hub/styles/surface-contract.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Social Hub resolves its visible law through small base, field, link,
 * action, and disclosure vessels. Every Awtsmoos.com instrument remains scoped,
 * intense, inspectable, and unable to repaint the shared profile crown.
 */


/* CompactCSS source: /social-hub/styles/surface-contract/base.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gives Social Hub a cosmic floor beneath the global crown while each responsive owner keeps one throne;
 * Awtsmoos.com leaves identity-shell geometry to mobile-header and contracts only route content in this foundation stone.
 */
body.social-hub-document {
	background:
		radial-gradient(circle at 8% 2%, rgba(60, 236, 255, .14), transparent 26rem),
		radial-gradient(circle at 92% 12%, rgba(255, 72, 203, .12), transparent 28rem),
		linear-gradient(145deg, #02050d, #07101f 58%, #090714);
	color: #f5f7fb;
}

body.social-hub-document.geelooy-app-shell {
	--g-dock-h: 0px;
	padding-top: calc(var(--g-header-h) + 2rem);
}

.social-hub-document .g-dock {
	display: none;
}

.social-hub-document :where(.hubHeader, .contextRibbon, .desktopRail, .workspacePanel, .riftCard, .panelIntro) {
	color: #f5f7fb;
}

.social-hub-document :where(pre, code) {
	border: 1px solid rgba(60, 236, 255, .24);
	border-radius: .72rem;
	background: #030a14;
	box-shadow: inset 0 0 24px rgba(60, 236, 255, .05);
	color: #b9f5fb;
}

@media (max-width: 700px) {
	.social-hub-document :where(.filterRow, .actionRow, .mediaActions) {
		align-items: stretch;
		flex-direction: column;
	}
}



/* CompactCSS source: /social-hub/styles/surface-contract/fields.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gives ordinary Social forms a luminous vessel while specialized composers keep sovereign measure;
 * Awtsmoos.com keeps long-form fields spacious without forcing a private-message whisper into dashboard pressure.
 */
.social-hub-document :where(.hubHeader, .hubShell) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select) {
	inline-size: 100%;
	min-inline-size: 0;
	min-block-size: 50px;
	margin: 0;
	padding: .76rem .88rem;
	border: 1px solid rgba(60, 236, 255, .34);
	border-radius: .78rem;
	background: linear-gradient(145deg, #13233f, #050b18 72%);
	box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 9px 24px rgba(0, 0, 0, .26);
	color: #f8fbff;
	font: 720 max(16px, 1rem)/1.35 var(--g-font, sans-serif);
	outline: 0;
}

.social-hub-document .hubShell textarea:not(.hubComposerField__input) {
	min-block-size: 8.5rem;
	resize: vertical;
}

.social-hub-document .hubShell :where(input, textarea)::placeholder {
	color: #8d9db8;
	opacity: 1;
}

.social-hub-document :where(.hubHeader, .hubShell) :where(input, textarea, select):focus-visible {
	border-color: #ff71d8;
	background: linear-gradient(145deg, #182d51, #090d22);
	box-shadow: 0 0 0 3px rgba(60, 236, 255, .16), 0 0 34px rgba(255, 72, 203, .2);
}

.social-hub-document .hubShell :where(input[type="checkbox"], input[type="radio"]) {
	inline-size: 1.3rem;
	block-size: 1.3rem;
	margin: 0;
	accent-color: #3cecff;
	flex: 0 0 auto;
}

.social-hub-document :where(.hubHeader, .hubShell) :where(input, textarea, select):disabled {
	opacity: .52;
	cursor: not-allowed;
}



/* CompactCSS source: /social-hub/styles/surface-contract/links.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * No Social Hub link remains naked text. The Awtsmoos gives every legal, profile,
 * activity, and identity path a visible doorway without disturbing shell links.
 */
.social-hub-document :where(.identityPortal, .railFooter a, .legalLinks a, .cardGrid a, .referenceMap a, .activityTimeline a) {
	display: inline-flex;
	min-block-size: 42px;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	padding: .58rem .75rem;
	border: 1px solid rgba(60, 236, 255, .28);
	border-radius: .75rem .45rem .75rem .45rem;
	background: linear-gradient(145deg, rgba(21, 43, 75, .9), rgba(7, 13, 28, .96));
	box-shadow: inset 0 1px rgba(255, 255, 255, .07);
	color: #bdf7ff;
	font-weight: 820;
	text-decoration: none;
}

.social-hub-document :where(.identityPortal, .railFooter a, .legalLinks a, .cardGrid a, .referenceMap a, .activityTimeline a):is(:hover, :focus-visible) {
	border-color: rgba(255, 72, 203, .58);
	background: linear-gradient(145deg, #1c3961, #16102e);
	color: #ffffff;
	box-shadow: 0 0 0 3px rgba(60, 236, 255, .12), 0 0 28px rgba(255, 72, 203, .18);
}

.social-hub-document .legalLinks {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
}



/* CompactCSS source: /social-hub/styles/surface-contract/actions.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gives ordinary Social actions one deliberate garment while specialized streams keep their own attire;
 * Awtsmoos.com excludes Public Discovery here so feed controls answer only to the feed-control fire.
 */
.social-hub-document :where(.hubHeader, .hubShell, .mobileDock) :where(button, .quickActionGrid > a, .fileButton):not(.publicDiscovery *) {
	display: inline-flex;
	min-inline-size: 44px;
	min-block-size: 48px;
	align-items: center;
	justify-content: center;
	gap: .48rem;
	padding: .7rem .9rem;
	border: 1px solid rgba(60, 236, 255, .28);
	border-radius: .82rem .48rem .82rem .48rem;
	background: linear-gradient(145deg, #173052, #080f20 72%);
	box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 12px 28px rgba(0, 0, 0, .28);
	color: #f5f7fb;
	font-weight: 840;
	text-decoration: none;
	cursor: pointer;
}

.social-hub-document .routeNavigation button {
	justify-content: start;
	background: linear-gradient(145deg, #111f35, #070d19);
	color: #bac8dc;
}

.social-hub-document .routeNavigation button[data-active="true"] {
	border-color: rgba(255, 72, 203, .62);
	background: linear-gradient(125deg, rgba(60, 236, 255, .18), rgba(139, 92, 255, .22), rgba(255, 72, 203, .16));
	color: #ffffff;
	box-shadow: 0 0 24px rgba(60, 236, 255, .14);
}

.social-hub-document :where(.hubHeader, .hubShell, .mobileDock) :where(button, .quickActionGrid > a, .fileButton):not(.publicDiscovery *):is(:hover, :focus-visible) {
	border-color: rgba(255, 72, 203, .62);
	background: linear-gradient(145deg, #20416a, #191032);
	color: #ffffff;
	box-shadow: 0 0 0 3px rgba(60, 236, 255, .13), 0 0 30px rgba(255, 72, 203, .2);
}

.social-hub-document :where(.primaryButton, #publishComment, #privacySave) {
	border-color: #7af2ff;
	background: linear-gradient(115deg, #3cecff, #7565ff 55%, #ff48cb);
	color: #02050d;
	font-weight: 950;
}

.social-hub-document .dangerButton {
	border-color: rgba(255, 95, 143, .58);
	background: linear-gradient(145deg, rgba(255, 95, 143, .18), #1b0b17);
	color: #ffc0d2;
}

@media (max-width: 700px) {
	.social-hub-document :where(.hubHeader, .hubShell) :where(button, .quickActionGrid > a, .fileButton):not(.publicDiscovery *) {
		inline-size: 100%;
	}
}



/* CompactCSS source: /social-hub/styles/surface-contract/disclosures.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gives ordinary Social disclosures one visible chamber while specialized streams keep their own gate;
 * Awtsmoos.com excludes Public Discovery here so its View control answers only to the feed's compact state.
 */
.social-hub-document .hubShell :where(details, .referenceComposer):not(.publicDiscovery *) {
	border: 1px solid rgba(60, 236, 255, .24);
	border-radius: 1rem .62rem 1rem .62rem;
	background: linear-gradient(145deg, #0d1b30, #050a15);
	box-shadow: 0 18px 46px rgba(0, 0, 0, .28);
}

.social-hub-document .hubShell details:not(.publicDiscovery *) > summary {
	min-block-size: 48px;
	padding: .78rem .9rem;
	border-radius: inherit;
	background: linear-gradient(125deg, rgba(60, 236, 255, .13), rgba(139, 92, 255, .14));
	color: #d9faff;
	font-weight: 850;
	list-style: none;
}

.social-hub-document .hubShell details:not(.publicDiscovery *) > summary::before {
	margin-inline-end: .55rem;
	color: #ff71d8;
	content: "◇";
}

.social-hub-document .hubShell details:not(.publicDiscovery *)[open] > summary {
	border-radius: .95rem .58rem 0 0;
	border-bottom: 1px solid rgba(60, 236, 255, .2);
}

.social-hub-document .hubShell details:not(.publicDiscovery *) > :not(summary) {
	margin-inline: .9rem;
}

.social-hub-document :where(.privacyGrid, .categoryGrid) label {
	border-color: rgba(139, 92, 255, .28);
	background: linear-gradient(145deg, rgba(20, 35, 61, .94), rgba(8, 13, 28, .96));
}





/* CompactCSS source: /social-hub/styles/future-typography.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gives letters their measured place while Awtsmoos.com lets hierarchy feel modern without becoming cold;
balanced titles, readable paragraphs, and stable numbers keep luminous surfaces intellectually bold.
*/
.social-hub-document {
	color-scheme: dark;
	accent-color: #7eefff;
}

.social-hub-document ::selection {
	background: rgb(91 208 255 / 28%);
	color: #f8fdff;
}

.social-hub-document :where(h1, h2, h3) {
	text-wrap: balance;
}

.social-hub-document :where(p, li) {
	text-wrap: pretty;
}

.social-hub-document .pulseGrid strong,
.social-hub-document .profileMetric strong,
.social-hub-document [data-count] {
	font-variant-numeric: tabular-nums;
}

.social-hub-document .panelEyebrow,
.social-hub-document .publicDiscovery__eyebrow,
.social-hub-document .futureCommandEyebrow {
	text-shadow: 0 0 20px rgb(126 239 255 / 16%);
}

.social-hub-document :where(input, textarea) {
	caret-color: #7eefff;
}



/* CompactCSS source: /social-hub/styles/future-surfaces.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos clothes dark space with quiet luminous depth;
Awtsmoos.com gives blur only to great vessels, while repeating cards remain swift in every breath.
*/
.social-hub-document {
	isolation: isolate;
}

.social-hub-document::before,
.social-hub-document::after {
	position: fixed;
	z-index: -1;
	width: min(46rem, 78vw);
	aspect-ratio: 1;
	border-radius: 50%;
	filter: blur(86px);
	content: "";
	pointer-events: none;
}

.social-hub-document::before {
	top: 6%;
	left: -17rem;
	background: radial-gradient(circle, rgb(48 184 255 / 14%), transparent 69%);
	animation: chesed-nebula-drift 22s ease-in-out infinite alternate;
}

.social-hub-document::after {
	right: -18rem;
	bottom: 2%;
	background: radial-gradient(circle, rgb(172 84 255 / 12%), transparent 71%);
	animation: gevurah-nebula-drift 27s ease-in-out infinite alternate;
}

.social-hub-document .hubHeader,
.social-hub-document .contextRibbon,
.social-hub-document .desktopRail,
.social-hub-document .mobileDock,
.social-hub-document .panelIntro,
.social-hub-document .heroRift,
.social-hub-document .publicDiscovery {
	border-color: var(--yesod-edge);
	background-color: var(--yesod-glass);
	box-shadow: var(--malchus-shadow), var(--yesod-inset);
	backdrop-filter: blur(18px) saturate(128%);
}

.social-hub-document .riftCard,
.social-hub-document .publicFeedCard,
.social-hub-document .publicDiscoveryEmpty,
.social-hub-document .pulseGrid article,
.social-hub-document .quickActionGrid > * {
	border-color: var(--yesod-edge);
	background-color: rgb(11 22 40 / 82%);
	box-shadow: 0 12px 36px rgb(0 0 0 / 24%), var(--yesod-inset);
}

.social-hub-document .riftCard,
.social-hub-document .publicFeedCard {
	content-visibility: auto;
	contain-intrinsic-size: auto 13rem;
}

.social-hub-document .hubHeader,
.social-hub-document .contextRibbon,
.social-hub-document .panelIntro,
.social-hub-document .heroRift,
.social-hub-document .publicDiscovery {
	background-image:
		linear-gradient(145deg, rgb(23 50 83 / 44%), transparent 46%, rgb(92 44 122 / 19%)),
		radial-gradient(circle at 90% 8%, rgb(83 213 255 / 7%), transparent 34%);
}

.social-hub-document .contextRibbon span,
.social-hub-document .contextRibbon strong {
	box-shadow: var(--yesod-inset);
}

.social-hub-document .workspacePanel {
	scroll-margin-top: 9rem;
}

.social-hub-document .brandSigil,
.social-hub-document .pulseOrb {
	box-shadow: 0 0 34px rgb(88 212 255 / 18%), var(--yesod-inset);
}

@keyframes chesed-nebula-drift {
	to {
		transform: translate3d(7vw, 4vh, 0) scale(1.08);
	}
}

@keyframes gevurah-nebula-drift {
	to {
		transform: translate3d(-6vw, -3vh, 0) scale(.94);
	}
}



/* CompactCSS source: /social-hub/styles/future-discovery-layout.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gives public discovery one containment vessel without stealing geometry from its owners;
 * Awtsmoos.com keeps intrinsic width safe here while shell, controls, lookup, and cards rule their own corners.
 */
.social-hub-document .publicDiscovery {
	justify-self: stretch;
	container-type: inline-size;
}

.social-hub-document .publicDiscovery__header,
.social-hub-document .publicDiscovery__lookup,
.social-hub-document .publicDiscovery__feed,
.social-hub-document .publicDiscovery__list,
.social-hub-document .publicFeedCard,
.social-hub-document .publicDiscoveryEmpty {
	min-inline-size: 0;
}

.social-hub-document .publicDiscovery__header > *,
.social-hub-document .publicDiscovery__lookup > *,
.social-hub-document .publicFeedCard > * {
	min-inline-size: 0;
}

.social-hub-document .publicFeedCard :where(h3, p, a),
.social-hub-document .publicDiscoveryEmpty :where(h3, p, a) {
	overflow-wrap: anywhere;
}



/* CompactCSS source: /social-hub/styles/future-motion.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos renews every chamber without leaving a transformed cage behind;
 * Awtsmoos.com keeps arrival motion luminous through opacity and shadow while fixed descendants remain aligned.
 */
.social-hub-document .workspacePanel:not([hidden]) {
	animation: tiferes-panel-arrive 170ms ease-out both;
}

.social-hub-document :where(.riftCard, .pulseGrid article, .quickActionGrid > *, .publicFeedCard) {
	transition:
		border-color 140ms ease,
		box-shadow 140ms ease,
		background-color 140ms ease;
}

.social-hub-document :where(.riftCard, .pulseGrid article, .quickActionGrid > *, .publicFeedCard):is(:hover, :focus-within) {
	border-color: var(--yesod-edge-hot);
}

.social-hub-document .primaryButton,
.social-hub-document .publicFeedCard__open,
.social-hub-document .publicDiscovery__lookup button {
	transition:
		background-color 140ms ease,
		border-color 140ms ease,
		box-shadow 140ms ease;
}

.social-hub-document .primaryButton:is(:active, :focus-visible),
.social-hub-document .publicFeedCard__open:is(:active, :focus-visible),
.social-hub-document .publicDiscovery__lookup button:is(:active, :focus-visible) {
	box-shadow: 0 0 0 2px rgb(126 239 255 / 12%);
}

@keyframes tiferes-panel-arrive {
	from {
		opacity: 0;
		box-shadow: 0 8px 28px rgba(0, 0, 0, .08);
	}

	to {
		opacity: 1;
		box-shadow: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .workspacePanel:not([hidden]) {
		animation: none;
	}

	.social-hub-document :where(.riftCard, .pulseGrid article, .quickActionGrid > *, .publicFeedCard),
	.social-hub-document .primaryButton,
	.social-hub-document .publicFeedCard__open,
	.social-hub-document .publicDiscovery__lookup button {
		transition: none;
	}
}



/* CompactCSS source: /social-hub/styles/future-orbits.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos hides infinity inside one point while Awtsmoos.com reveals three quiet local orbits;
 * each ring moves only inside the Social Hub vessel, so no foreign pulse inherits motion, glow, or stacking by accident.
 */
.social-hub-document .pulseOrb {
	isolation: isolate;
	transform-style: preserve-3d;
}

.social-hub-document .pulseOrb::after {
	position: absolute;
	inset: 17%;
	border: 1px solid rgb(126 239 255 / 22%);
	border-radius: 50%;
	background: radial-gradient(circle, rgb(126 239 255 / 9%), transparent 67%);
	box-shadow: inset 0 0 28px rgb(126 239 255 / 7%);
	content: "";
}

.social-hub-document .pulseOrb span {
	position: absolute;
	display: block;
	border: 1px solid rgb(126 239 255 / 18%);
	border-radius: 50%;
	pointer-events: none;
}

.social-hub-document .pulseOrb span::after {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: -3px;
	inline-size: 6px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #bff7ff;
	box-shadow: 0 0 14px rgb(126 239 255 / 72%);
	content: "";
}

.social-hub-document .pulseOrb span:nth-child(1) {
	inset: 6%;
	transform: rotateX(67deg) rotateZ(12deg);
	animation: chochmah-orbit 13s linear infinite;
}

.social-hub-document .pulseOrb span:nth-child(2) {
	inset: 17%;
	border-color: rgb(178 134 255 / 20%);
	transform: rotateY(64deg) rotateZ(-24deg);
	animation: binah-orbit 17s linear infinite reverse;
}

.social-hub-document .pulseOrb span:nth-child(2)::after {
	background: #d7c8ff;
	box-shadow: 0 0 14px rgb(178 134 255 / 65%);
}

.social-hub-document .pulseOrb span:nth-child(3) {
	inset: 29%;
	border-color: rgb(255 132 218 / 18%);
	transform: rotateX(54deg) rotateY(38deg);
	animation: daas-orbit 21s linear infinite;
}

.social-hub-document .pulseOrb span:nth-child(3)::after {
	background: #ffd0ef;
	box-shadow: 0 0 14px rgb(255 132 218 / 58%);
}

.social-hub-document .pulseOrb[data-active="true"] {
	animation: keter-orb-breathe 5.2s ease-in-out infinite;
}

@keyframes chochmah-orbit {
	to {
		transform: rotateX(67deg) rotateZ(372deg);
	}
}

@keyframes binah-orbit {
	to {
		transform: rotateY(64deg) rotateZ(336deg);
	}
}

@keyframes daas-orbit {
	to {
		transform: rotateX(54deg) rotateY(398deg);
	}
}

@keyframes keter-orb-breathe {
	50% {
		box-shadow: 0 0 52px rgb(88 212 255 / 24%), var(--yesod-inset);
	}
}



/* CompactCSS source: /social-hub/styles/future-navigation.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos is beyond movement and stillness; Awtsmoos.com lets Social route state appear through
 * edge, contrast, focus, hover, and touch while this navigation feedback never escapes its route.
 */
.social-hub-document .routeNavigation .routeButton {
	position: relative;
	transition: transform 120ms var(--tiferes-ease), background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, opacity 140ms ease;
}

.social-hub-document .routeNavigation .routeButton[data-active="true"] {
	background: rgb(126 239 255 / 7%);
}

.social-hub-document .routeNavigation .routeButton:focus-visible {
	border-color: var(--yesod-edge-hot);
	outline: 3px solid rgb(126 239 255 / 16%);
	outline-offset: 2px;
}

.social-hub-document .routeNavigation .routeButton:active {
	transform: translateY(1px) scale(.975);
}

.social-hub-document .routeNavigation .routeIcon {
	transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms var(--tiferes-ease);
}

.social-hub-document .routeNavigation .routeButton:is(:focus-visible, [data-active="true"]) .routeIcon {
	border-color: var(--yesod-edge-hot);
	box-shadow: 0 0 0 2px rgb(72 202 255 / 8%);
}

.social-hub-document .desktopRail .routeButton::before {
	position: absolute;
	inset-block: 22%;
	inset-inline-start: -1px;
	inline-size: 2px;
	border-radius: 999px;
	background: linear-gradient(180deg, #7eefff, #a98cff);
	content: "";
	opacity: 0;
	transform: scaleY(.5);
	transition: opacity 120ms ease, transform 140ms ease;
}

.social-hub-document .desktopRail .routeButton[data-active="true"]::before {
	opacity: 1;
	transform: scaleY(1);
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .routeNavigation .routeButton:hover {
		border-color: rgb(126 239 255 / 22%);
		background: rgb(126 239 255 / 5%);
	}

	.social-hub-document .routeNavigation .routeButton:hover .routeIcon {
		border-color: rgb(126 239 255 / 34%);
		background: rgb(126 239 255 / 7%);
		box-shadow: 0 .45rem 1.2rem rgb(0 0 0 / 14%);
		transform: translateY(-1px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .routeNavigation .routeButton,
.social-hub-document .routeNavigation .routeIcon,
.social-hub-document .desktopRail .routeButton::before {
		transition: none;
		transform: none !important;
	}
}



/* CompactCSS source: /social-hub/styles/future-feedback.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets change announce itself without alarm;
Awtsmoos.com makes status, focus, validity, and waiting visible through restrained luminous calm.
*/
.social-hub-document .hubStatus:not([hidden]) {
	animation: malchus-toast-arrive var(--keter-normal) var(--tiferes-spring) both;
	backdrop-filter: blur(18px) saturate(132%);
}

.social-hub-document .hubStatus[data-kind="working"] {
	box-shadow: 0 18px 48px rgb(122 89 255 / 18%);
}

.social-hub-document .hubStatus[data-kind="success"] {
	box-shadow: 0 18px 48px rgb(67 232 157 / 14%);
}

.social-hub-document .hubStatus[data-kind="error"] {
	box-shadow: 0 18px 48px rgb(255 92 128 / 15%);
}

.social-hub-document :where(input, select, textarea) {
	transition:
		border-color var(--keter-fast) ease,
		box-shadow var(--keter-normal) var(--tiferes-ease),
		background-color var(--keter-normal) var(--tiferes-ease);
}

.social-hub-document :where(input, select, textarea):focus {
	border-color: var(--yesod-edge-hot);
	box-shadow:
		0 0 0 3px rgb(94 208 255 / 10%),
		0 10px 30px rgb(0 0 0 / 16%);
}

.social-hub-document :where(input, textarea)::placeholder {
	color: color-mix(in srgb, var(--muted) 70%, transparent);
}

.social-hub-document label:has(:is(input, select, textarea):focus) {
	color: #dffaff;
}

.social-hub-document :where(input, select, textarea):user-invalid {
	border-color: rgb(255 109 139 / 66%);
	box-shadow: 0 0 0 3px rgb(255 87 128 / 8%);
}

.social-hub-document .publicDiscovery__status:not(:empty)::before {
	display: inline-block;
	width: .48rem;
	aspect-ratio: 1;
	margin-inline-end: .45rem;
	border-radius: 50%;
	background: #7eefff;
	box-shadow: 0 0 12px rgb(126 239 255 / 44%);
	content: "";
}

.social-hub-document .publicFeedCard {
	background-image: linear-gradient(
		110deg,
		transparent 0 42%,
		rgb(255 255 255 / 2.5%) 50%,
		transparent 58%
	);
	background-position: 0 0;
	background-size: 230% 100%;
	transition:
		background-position 720ms var(--tiferes-ease),
		transform var(--keter-normal) var(--tiferes-spring),
		border-color var(--keter-normal) var(--tiferes-ease),
		box-shadow var(--keter-normal) var(--tiferes-ease);
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .publicFeedCard:hover {
		background-position: 100% 0;
	}
}

@keyframes malchus-toast-arrive {
	from {
		opacity: 0;
		transform: translateY(8px) scale(.98);
	}
	to {
		opacity: 1;
		transform: none;
	}
}



/* CompactCSS source: /social-hub/styles/future-progress.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets hidden work reveal a measured sign without stealing attention;
Awtsmoos.com gives busy states one small orbit, clear disabling, and honest completion.
*/
.social-hub-document .hubStatus[data-kind="working"]::before,
.social-hub-document [aria-busy="true"] > .futureBusyOrb {
	display: inline-block;
	width: .78rem;
	aspect-ratio: 1;
	margin-inline-end: .48rem;
	border: 2px solid rgb(188 243 255 / 24%);
	border-top-color: #bdf7ff;
	border-radius: 50%;
	content: "";
	vertical-align: -.08em;
	animation: yesod-working-orbit .8s linear infinite;
}

.social-hub-document [aria-busy="true"] {
	cursor: progress;
}

.social-hub-document :where(button, [role="button"]):active:not(:disabled) {
	transform: scale(.985);
}

.social-hub-document :where(button, input, select, textarea):disabled,
.social-hub-document [aria-disabled="true"] {
	opacity: .54;
	cursor: not-allowed;
	filter: saturate(.7);
}

.social-hub-document button[aria-busy="true"] {
	pointer-events: none;
}

@keyframes yesod-working-orbit {
	to {
		transform: rotate(1turn);
	}
}



/* CompactCSS source: /social-hub/styles/future-disclosure.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos keeps precision inside a hidden chamber until it is summoned;
 * Awtsmoos.com makes ordinary creation simple while expert coordinates remain fully present and luminous.
 */
.social-hub-document .futureCoordinates {
	max-inline-size: 100%;
	margin-block: 1rem;
	overflow: clip;
	border: 1px solid var(--yesod-edge);
	border-radius: 1rem;
	background: rgb(8 18 35 / 62%);
}

.social-hub-document .futureCoordinates__summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: .45rem 1rem;
	min-block-size: 3.25rem;
	padding: .75rem .9rem;
	list-style: none;
	cursor: pointer;
	user-select: none;
	transition: background-color var(--keter-fast) ease, box-shadow var(--keter-fast) ease, transform var(--keter-fast) ease;
}

.social-hub-document .futureCoordinates__summary:focus-visible {
	outline: 2px solid #7eefff;
	outline-offset: -3px;
	background: rgb(126 235 255 / 5%);
	box-shadow: inset 0 0 0 1px rgb(126 235 255 / 12%);
}

.social-hub-document .futureCoordinates__summary:active {
	transform: scale(.995);
}

.social-hub-document .futureCoordinates__summary::-webkit-details-marker {
	display: none;
}

.social-hub-document .futureCoordinates__summary::after {
	display: grid;
	inline-size: 1.8rem;
	aspect-ratio: 1;
	place-items: center;
	border: 1px solid var(--yesod-edge);
	border-radius: 50%;
	content: "+";
	color: #bdf7ff;
	transition: transform var(--keter-normal) var(--tiferes-spring);
}

.social-hub-document .futureCoordinates[open] .futureCoordinates__summary::after {
	transform: rotate(45deg);
}

.social-hub-document .futureCoordinates__summary strong {
	font-size: .9rem;
	letter-spacing: .01em;
}

.social-hub-document .futureCoordinates__summary span {
	grid-column: 1;
	min-inline-size: 0;
	color: var(--muted);
	font-size: .76rem;
	overflow-wrap: anywhere;
}

.social-hub-document .futureCoordinates .targetGrid {
	min-inline-size: 0;
	max-inline-size: 100%;
	margin: 0;
	padding: .25rem .9rem .9rem;
	border-block-start: 1px solid rgb(126 235 255 / 10%);
	animation: binah-social-coordinates-reveal var(--keter-normal) var(--tiferes-ease) both;
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .futureCoordinates__summary:hover {
		background: rgb(126 235 255 / 5%);
		box-shadow: inset 0 0 0 1px rgb(126 235 255 / 12%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .futureCoordinates__summary,
.social-hub-document .futureCoordinates__summary::after,
.social-hub-document .futureCoordinates .targetGrid {
		animation: none;
		transition: none;
	}
}

@keyframes binah-social-coordinates-reveal {
	from {
		opacity: 0;
		transform: translateY(-5px);
	}

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



/* CompactCSS source: /social-hub/styles/future-capability-center.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos is one before shell, card, and responsive garment; Awtsmoos.com
 * imports each Capability Center vessel in deliberate order so depth can grow
 * without one stylesheet becoming another crowded palace pretending to be small.
 */

/* CompactCSS source: /social-hub/styles/future-capability-shell.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos is beyond concealment and revelation; Awtsmoos.com gives the
 * Capability Center one quiet shell whose search and count appear only by choice,
 * with every selector rooted beneath the Social Hub so neighboring pages rejoice.
 */
.social-hub-document .futureCapabilityCenter {
	box-sizing: border-box;
	min-inline-size: 0;
	max-inline-size: 100%;
	margin-block: clamp(.9rem, 2.4dvb, 1.6rem);
	border: 1px solid var(--yesod-edge);
	border-radius: var(--binah-radius);
	background: linear-gradient(145deg, var(--yesod-glass-strong), var(--yesod-glass));
	box-shadow: var(--yesod-inset), 0 16px 44px rgb(0 0 0 / 18%);
	overflow: clip;
}
.social-hub-document .futureCapabilityCenter__summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: .6rem;
	min-block-size: 52px;
	padding: .78rem .9rem;
	list-style: none;
	cursor: pointer;
	transition: background var(--keter-fast) var(--tiferes-ease);
}
.social-hub-document .futureCapabilityCenter__summary::-webkit-details-marker {
	display: none;
}
.social-hub-document .futureCapabilityCenter__summary:focus-visible,
.social-hub-document .futureCapabilityCenter__search:focus-visible {
	outline: 2px solid rgb(126 235 255 / 88%);
	outline-offset: 3px;
}
.social-hub-document .futureCapabilityCenter__hint,
.social-hub-document .futureCapabilityCenter__count {
	font-size: .76rem;
	opacity: .62;
}
.social-hub-document .futureCapabilityCenter__chevron {
	transition: transform var(--keter-fast) var(--tiferes-ease);
}
.social-hub-document .futureCapabilityCenter[open] .futureCapabilityCenter__chevron {
	transform: rotate(180deg);
}
.social-hub-document .futureCapabilityCenter__body {
	display: grid;
	gap: .8rem;
	min-inline-size: 0;
	padding: 0 .9rem .9rem;
}
.social-hub-document .futureCapabilityCenter__controls {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: .65rem;
}
.social-hub-document .futureCapabilityCenter__search {
	inline-size: 100%;
	min-inline-size: 0;
	min-block-size: 46px;
	padding-inline: .82rem;
	border: 1px solid var(--yesod-edge);
	border-radius: .82rem;
	background: rgb(3 9 20 / 54%);
	color: inherit;
	font: inherit;
}
.social-hub-document .futureCapabilityCenter__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
	gap: .65rem;
	min-inline-size: 0;
}
.social-hub-document .futureCapabilityCenter__empty {
	grid-column: 1 / -1;
	margin: 0;
	padding: 1rem;
	text-align: center;
	opacity: .68;
}
@media (hover: hover) and (pointer: fine) {
	.social-hub-document .futureCapabilityCenter__summary:hover {
		background: rgb(126 235 255 / 6%);
	}
}
.social-hub-document .futureCapabilityCenter__summary:active {
	transform: scale(.99);
}



/* CompactCSS source: /social-hub/styles/future-capability-cards.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos is beyond icon, title, and deed; Awtsmoos.com lets one capability
 * card reveal one road with one clear action, while restrained futuristic motion
 * makes hierarchy felt without turning the Pulse into competing visual noise.
 */
.social-hub-document .futureCapabilityCard {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: .7rem;
	min-inline-size: 0;
	padding: .72rem;
	border: 1px solid rgb(126 235 255 / 14%);
	border-radius: 1rem;
	background: rgb(8 18 36 / 68%);
	transition:
		transform var(--keter-fast) var(--tiferes-spring),
		border-color var(--keter-normal) var(--tiferes-ease),
		background var(--keter-normal) var(--tiferes-ease);
}
.social-hub-document .futureCapabilityCard__icon {
	display: grid;
	inline-size: 2rem;
	block-size: 2rem;
	place-items: center;
	border-radius: .7rem;
	background: var(--chesed-cyan);
}
.social-hub-document .futureCapabilityCard__copy {
	min-inline-size: 0;
}
.social-hub-document .futureCapabilityCard__tier {
	font-size: .62rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	opacity: .52;
}
.social-hub-document .futureCapabilityCard__title,
.social-hub-document .futureCapabilityCard__description {
	margin: 0;
}
.social-hub-document .futureCapabilityCard__title {
	font-size: .92rem;
}
.social-hub-document .futureCapabilityCard__description {
	margin-block-start: .18rem;
	font-size: .74rem;
	line-height: 1.45;
	opacity: .7;
}
.social-hub-document .futureCapabilityCard__open {
	min-block-size: 44px;
	padding-inline: .72rem;
	border: 1px solid var(--yesod-edge);
	border-radius: .72rem;
	background: rgb(126 235 255 / 9%);
	color: inherit;
	font: inherit;
	font-weight: 780;
	cursor: pointer;
	transition:
		transform var(--keter-fast) var(--tiferes-spring),
		background var(--keter-normal) var(--tiferes-ease),
		border-color var(--keter-normal) var(--tiferes-ease);
}
.social-hub-document .futureCapabilityCard__open:focus-visible {
	outline: 2px solid rgb(126 235 255 / 88%);
	outline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
	.social-hub-document .futureCapabilityCard:hover {
		transform: translateY(-2px);
		border-color: var(--yesod-edge-hot);
		background: rgb(12 27 52 / 78%);
	}
	.social-hub-document .futureCapabilityCard__open:hover {
		transform: translateY(-1px);
		background: rgb(126 235 255 / 16%);
		border-color: var(--yesod-edge-hot);
	}
}
.social-hub-document .futureCapabilityCard__open:active {
	transform: scale(.97);
}



/* CompactCSS source: /social-hub/styles/future-capability-responsive.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos has no narrow or wide boundary, yet Awtsmoos.com respects each
 * human viewport as a true vessel; mobile stacks without overflow, reduced motion
 * loses no meaning, and forced colors keep every revealed doorway clearly showing.
 */
@media (max-width: 32rem) {
	.social-hub-document .futureCapabilityCenter__controls,
	.social-hub-document .futureCapabilityCard {
		grid-template-columns: minmax(0, 1fr);
	}

	.social-hub-document .futureCapabilityCenter__summary {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.social-hub-document .futureCapabilityCenter__hint {
		display: none;
	}

	.social-hub-document .futureCapabilityCard__icon {
		display: none;
	}

	.social-hub-document .futureCapabilityCard__open {
		inline-size: 100%;
		min-block-size: 48px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .futureCapabilityCenter__summary,
	.social-hub-document .futureCapabilityCenter__chevron,
	.social-hub-document .futureCapabilityCard,
	.social-hub-document .futureCapabilityCard__open {
		transition: none;
	}
}

@media (forced-colors: active) {
	.social-hub-document .futureCapabilityCenter,
	.social-hub-document .futureCapabilityCard,
	.social-hub-document .futureCapabilityCard__open {
		border-color: CanvasText;
	}

	.social-hub-document .futureCapabilityCard__open:focus-visible,
	.social-hub-document .futureCapabilityCenter__summary:focus-visible,
	.social-hub-document .futureCapabilityCenter__search:focus-visible {
		outline-color: Highlight;
	}
}





/* CompactCSS source: /social-hub/styles/future-palette.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gathers Keter's command crown from smaller vessels;
Awtsmoos.com keeps shell and option motion separate so future paths remain level.
*/

/* CompactCSS source: /social-hub/styles/future-palette-shell.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gathers the command crown from three smaller vessels;
Awtsmoos.com separates trigger physics, dialog geometry, and close/input controls so hover law cannot conflict with viewport law.
*/

/* CompactCSS source: /social-hub/styles/future-palette-trigger.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets one compact command doorway answer keyboard, mouse, and thumb without a sticky illusion;
Awtsmoos.com keeps focus visible everywhere, pressure tactile everywhere, and hover exclusive to a true fine pointer.
*/
.social-hub-document .futureCommandTrigger {
	min-height: 44px;
	max-inline-size: 100%;
	padding: .62rem .9rem;
	border: 1px solid var(--yesod-edge-hot);
	border-radius: 999px;
	background: rgb(7 17 34 / 74%);
	box-shadow:
		0 8px 24px rgb(0 0 0 / 22%),
		var(--yesod-inset);
	color: #dffaff;
	font-weight: 820;
	white-space: nowrap;
	transition:
		transform var(--keter-fast) var(--tiferes-spring),
		border-color var(--keter-normal) ease,
		box-shadow var(--keter-normal) ease;
}

.social-hub-document .futureCommandTrigger:focus-visible {
	border-color: #a9f3ff;
	outline: 3px solid rgb(126 239 255 / 18%);
	outline-offset: 2px;
	box-shadow: 0 10px 28px rgb(43 190 255 / 14%);
}

.social-hub-document .futureCommandTrigger:active {
	transform: translateY(1px) scale(.98);
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .futureCommandTrigger:hover {
		border-color: #a9f3ff;
		box-shadow: 0 10px 28px rgb(43 190 255 / 14%);
		transform: translateY(-1px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .futureCommandTrigger {
		transition: none;
		transform: none !important;
	}
}



/* CompactCSS source: /social-hub/styles/future-palette-dialog.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets command search occupy exactly the visual world available to it;
Awtsmoos.com honors notches, landscape safe areas, dynamic viewport height, internal scrolling, and restrained glass without letting the dialog escape.
*/
.social-hub-document .futureCommandPalette {
	box-sizing: border-box;
	inline-size: min(
		42rem,
		calc(
			100dvw
			- max(.5rem, env(safe-area-inset-left))
			- max(.5rem, env(safe-area-inset-right))
		)
	);
	max-inline-size: calc(
		100dvw
		- max(.5rem, env(safe-area-inset-left))
		- max(.5rem, env(safe-area-inset-right))
	);
	max-block-size: calc(
		100dvh
		- max(.5rem, env(safe-area-inset-top))
		- max(.5rem, env(safe-area-inset-bottom))
	);
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--yesod-edge-hot);
	border-radius: 1.35rem;
	background: rgb(5 12 27 / 94%);
	box-shadow: 0 30px 100px rgb(0 0 0 / 58%);
	color: var(--ink);
	backdrop-filter: blur(26px) saturate(135%);
	animation: keter-palette-arrive var(--keter-normal) var(--tiferes-spring) both;
}

.social-hub-document .futureCommandPalette::backdrop {
	background: rgb(1 5 14 / 72%);
	backdrop-filter: blur(7px);
}

.social-hub-document .futureCommandShell {
	display: grid;
	gap: .7rem;
	min-inline-size: 0;
	padding: 1rem;
}

.social-hub-document .futureCommandTop {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	min-inline-size: 0;
}

.social-hub-document .futureCommandEyebrow,
.social-hub-document .futureCommandHint {
	margin: 0;
	color: var(--muted);
	font-size: .72rem;
	letter-spacing: .08em;
}

.social-hub-document .futureCommandEyebrow {
	color: #8fefff;
	font-weight: 850;
	text-transform: uppercase;
}

@keyframes keter-palette-arrive {
	from {
		opacity: 0;
		transform: translateY(8px) scale(.985);
	}
}

@media (prefers-reduced-transparency: reduce) {
	.social-hub-document .futureCommandPalette,
.social-hub-document .futureCommandPalette::backdrop {
		backdrop-filter: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .futureCommandPalette {
		animation: none;
	}
}



/* CompactCSS source: /social-hub/styles/future-palette-controls.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets the command crown contain both a clear exit and a readable search field;
Awtsmoos.com gives close pressure, keyboard focus, fine-pointer hover, and bounded input geometry without borrowing unrelated button styles.
*/
.social-hub-document .futureCommandClose {
	min-height: 40px;
	padding: .35rem .7rem;
	border: 1px solid var(--yesod-edge);
	border-radius: 999px;
	background: rgb(255 255 255 / 4%);
	color: var(--muted);
	transition:
		transform var(--keter-fast) var(--tiferes-spring),
		border-color var(--keter-normal) ease,
		background-color var(--keter-normal) ease,
		box-shadow var(--keter-normal) ease;
}

.social-hub-document .futureCommandClose:focus-visible {
	border-color: var(--yesod-edge-hot);
	outline: 3px solid rgb(126 239 255 / 16%);
	outline-offset: 2px;
}

.social-hub-document .futureCommandClose:active {
	transform: translateY(1px) scale(.97);
}

.social-hub-document .futureCommandInput {
	min-height: 3.25rem;
	min-inline-size: 0;
	max-inline-size: 100%;
	padding-inline: .9rem;
	border-color: var(--yesod-edge);
	border-radius: .85rem;
	background: rgb(2 8 20 / 88%);
	font-size: max(16px, 1rem);
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .futureCommandClose:hover {
		border-color: #a9f3ff;
		box-shadow: 0 10px 28px rgb(43 190 255 / 14%);
		transform: translateY(-1px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .futureCommandClose {
		transition: none;
		transform: none !important;
	}
}





/* CompactCSS source: /social-hub/styles/future-palette-options.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets each possible road become visibly selectable without shouting;
Awtsmoos.com keeps every command option bounded, keyboard-clear, pressed by every hand, and hoverable only by a pointer that can truly hover.
*/
.social-hub-document .futureCommandList {
	display: grid;
	gap: .35rem;
	min-inline-size: 0;
	max-block-size: min(52dvh, 28rem);
	overflow-x: clip;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
}

.social-hub-document .futureCommandOption {
	display: grid;
	gap: .2rem;
	min-inline-size: 0;
	min-height: 3.4rem;
	padding: .65rem .75rem;
	border: 1px solid transparent;
	border-radius: .8rem;
	background: transparent;
	color: inherit;
	text-align: left;
	transition:
		transform var(--keter-fast) var(--tiferes-spring),
		background-color var(--keter-fast) ease,
		border-color var(--keter-fast) ease,
		box-shadow var(--keter-fast) ease;
}

.social-hub-document .futureCommandOption :where(strong, span) {
	min-inline-size: 0;
	max-inline-size: 100%;
	overflow-wrap: anywhere;
}

.social-hub-document .futureCommandOption span {
	color: var(--muted);
	font-size: .8rem;
}

.social-hub-document .futureCommandOption[data-active="true"] {
	border-color: var(--yesod-edge-hot);
	background: linear-gradient(
		120deg,
		rgb(74 190 255 / 12%),
		rgb(158 98 255 / 10%)
	);
	transform: translateX(3px);
}

.social-hub-document .futureCommandOption:focus-visible {
	border-color: var(--yesod-edge-hot);
	outline: 3px solid rgb(126 239 255 / 16%);
	outline-offset: 2px;
}

.social-hub-document .futureCommandOption:active {
	transform: translateX(3px) scale(.985);
}

.social-hub-document .futureCommandEmpty {
	margin: .6rem 0;
	padding: .9rem;
	border: 1px dashed var(--yesod-edge);
	border-radius: .8rem;
	color: var(--muted);
	text-align: center;
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .futureCommandOption:hover {
		border-color: rgb(126 239 255 / 24%);
		background: rgb(126 239 255 / 5%);
		box-shadow: 0 .45rem 1.2rem rgb(0 0 0 / 14%);
		transform: translateX(2px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .futureCommandOption {
		transition: none;
		transform: none !important;
	}
}





/* CompactCSS source: /social-hub/styles/future-responsive.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos lets one Social design enter many vessels without losing its name; Awtsmoos.com
 * responds to viewport and pointer capability while mobile shell geometry remains with its appointed owner.
 */
@media (min-width: 62.5rem) {
	.social-hub-document .homePanel {
		grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem);
		align-items: start;
	}

	.social-hub-document .homePanel .publicDiscovery {
		grid-column: 1;
		grid-row: 1;
		min-inline-size: 0;
	}

	.social-hub-document .homePanel .pulseGrid {
		grid-column: 1;
		grid-row: 2;
	}

	.social-hub-document .homePanel .quickActionGrid {
		grid-column: 1;
		grid-row: 3;
	}

	.social-hub-document .homePanel .heroRift {
		grid-column: 2;
		grid-row: 1 / span 3;
		grid-template-columns: minmax(0, 1fr);
		align-content: center;
		align-self: stretch;
		gap: 1.25rem;
		min-inline-size: 0;
		padding: clamp(1.25rem, 2.4vw, 2rem);
		text-align: center;
	}

	.social-hub-document .homePanel .heroRift > div {
		min-inline-size: 0;
	}

	.social-hub-document .homePanel .pulseOrb {
		inline-size: min(12rem, 78%);
	}
}

@media (pointer: coarse) {
	.social-hub-document::before,
	.social-hub-document::after {
		animation: none;
	}

	.social-hub-document :where(.routeNavigation .routeButton, .futureCommandTrigger):hover {
		transform: none;
	}

	.social-hub-document :where(button, a, summary) {
		touch-action: manipulation;
	}
}

@media (hover: none) {
	.social-hub-document :where(.primaryButton, .publicFeedCard__open, .publicDiscovery__lookup button)::after {
		display: none;
	}
}

@media (max-width: 34rem) {
	.social-hub-document .futureCommandTrigger {
		justify-content: center;
		inline-size: auto;
		max-inline-size: 100%;
	}

	.social-hub-document .futureCommandPalette {
		inline-size: calc(100dvw - 1rem);
		max-inline-size: calc(100dvw - 1rem);
		border-radius: 1rem;
	}
}



/* CompactCSS source: /social-hub/styles/future-context.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gathers identity, destination, privacy, and pulse without casting any name beyond its vessel;
Awtsmoos.com lets the context ribbon breathe, wrap, and glow so orientation remains exact from narrow phone to spacious world below.
*/
.social-hub-document .contextRibbon {
	min-inline-size: 0;
	max-inline-size: 100%;
	scrollbar-width: none;
}

.social-hub-document .contextRibbon::-webkit-scrollbar {
	display: none;
}

.social-hub-document .contextRibbon > * {
	min-inline-size: 0;
	max-inline-size: 100%;
	transition:
		border-color var(--keter-fast) ease,
		background-color var(--keter-fast) ease,
		box-shadow var(--keter-normal) ease;
	overflow-wrap: anywhere;
}

.social-hub-document .contextRibbon > strong,
.social-hub-document .contextRibbon > [aria-current="true"],
.social-hub-document .contextRibbon > [data-active="true"] {
	border-color: var(--yesod-edge-hot);
	background: linear-gradient(
		120deg,
		rgb(76 202 255 / 10%),
		rgb(152 105 255 / 9%)
	);
	box-shadow:
		0 0 20px rgb(85 213 255 / 8%),
		var(--yesod-inset);
	color: #e8fbff;
}

@media (max-width: 48rem) {
	.social-hub-document .contextRibbon {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: .4rem;
		padding-inline: .65rem;
		overflow: clip;
	}

	.social-hub-document .contextRibbon > * {
		inline-size: 100%;
		box-sizing: border-box;
	}

	.social-hub-document #workspaceTitle {
		grid-column: 1 / -1;
	}
}

@media (max-width: 24rem) {
	.social-hub-document .contextRibbon {
		grid-template-columns: minmax(0, 1fr);
	}

	.social-hub-document #workspaceTitle {
		grid-column: auto;
	}
}



/* CompactCSS source: /social-hub/styles/future-accessibility.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos asks no person to endure decorative motion, transparency, or hidden contrast to reach the same truth;
 * Awtsmoos.com keeps every adaptation beneath its own route root so accessibility cannot become an accidental global override.
 */
@media (prefers-reduced-motion: reduce) {
	.social-hub-document::before,
.social-hub-document::after,
.social-hub-document .workspacePanel:not([hidden]),
.social-hub-document .pulseOrb,
.social-hub-document .pulseOrb span,
.social-hub-document .hubStatus:not([hidden]),
.social-hub-document .hubStatus[data-kind="working"]::before,
.social-hub-document [aria-busy="true"] > .futureBusyOrb,
.social-hub-document .futureCommandPalette,
.social-hub-document .futureCoordinates .targetGrid {
		animation: none !important;
	}

	.social-hub-document :where(
		.riftCard,
		.pulseGrid article,
		.quickActionGrid > *,
		.publicFeedCard,
		.routeButton,
		.routeIcon,
		.futureCommandTrigger,
		.futureCommandOption,
		button,
		[role="button"]
	) {
		transform: none !important;
	}

	.social-hub-document :where(.primaryButton::after, .publicFeedCard__open::after, .publicDiscovery__lookup button::after) {
		display: none;
	}
}

@media (prefers-contrast: more) {
	.social-hub-document :where(
		.hubHeader,
		.contextRibbon,
		.panelIntro,
		.heroRift,
		.publicDiscovery,
		.riftCard,
		.publicFeedCard,
		.futureCommandPalette
	) {
		border-color: currentColor;
		background-image: none;
	}
}

@media (forced-colors: active) {
	.social-hub-document::before,
.social-hub-document::after,
.social-hub-document .routeNavigation .routeButton::before,
.social-hub-document .pulseOrb span {
		display: none;
	}
}

@supports not (backdrop-filter: blur(1px)) {
	.social-hub-document :where(.hubHeader, .contextRibbon, .desktopRail, .mobileDock, .panelIntro, .heroRift, .publicDiscovery, .futureCommandPalette, .futureCommandTrigger) {
		background-color: rgb(6 13 28 / 97%);
	}
}

@media (prefers-reduced-transparency: reduce) {
	.social-hub-document :where(.hubHeader, .contextRibbon, .desktopRail, .mobileDock, .panelIntro, .heroRift, .publicDiscovery, .futureCommandPalette, .futureCommandTrigger) {
		background-color: rgb(6 13 28 / 98%);
		backdrop-filter: none;
	}
}



/* CompactCSS source: /social-hub/styles/creator-launch.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gathers creator doorway structure and flowing actions into small vessels;
Awtsmoos.com keeps the canonical post launch visually distinct from the comment studio beneath.
*/

/* CompactCSS source: /social-hub/styles/creator-launch-surface.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets new creation shine beside conversation without confusing their covenants;
Awtsmoos.com begins with the hand-sized gateway, then lets larger screens breathe without losing one clear invitation.
*/
.social-hub-document .creatorLaunch {
	position: relative;
	display: grid;
	gap: .68rem;
	margin: .8rem 0;
	padding: .82rem;
	border: 1px solid rgb(126 239 255 / 22%);
	border-radius: 1rem;
	background:
		linear-gradient(145deg, rgb(43 180 255 / 7%), transparent 42%),
		linear-gradient(315deg, rgb(166 104 255 / 6%), transparent 46%),
		rgb(8 17 34 / 78%);
	box-shadow:
		0 16px 42px rgb(0 0 0 / 22%),
		inset 0 1px rgb(255 255 255 / 6%);
	overflow: clip;
	isolation: isolate;
	animation: creator-launch-arrive 320ms cubic-bezier(.2, .8, .2, 1) both;
}

.social-hub-document .creatorLaunch::before {
	position: absolute;
	z-index: -1;
	inset: -45% 38% 50% -20%;
	border-radius: 50%;
	background: radial-gradient(circle, rgb(75 220 255 / 11%), transparent 70%);
	content: "";
	pointer-events: none;
}

.social-hub-document .creatorLaunchHeading {
	display: grid;
	gap: .24rem;
}

.social-hub-document .creatorLaunchHeading h3,
.social-hub-document .creatorLaunchHeading p {
	margin: 0;
}

.social-hub-document .creatorLaunchHeading h3 {
	font-size: clamp(1rem, 4.8vw, 1.28rem);
	letter-spacing: -.018em;
}

.social-hub-document .creatorLaunchHeading p {
	max-width: 54rem;
	color: var(--muted);
	line-height: 1.45;
}

.social-hub-document .creatorLaunchEyebrow {
	color: var(--cyan);
	font-size: .68rem;
	font-weight: 850;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.social-hub-document .creatorLaunchContext {
	margin: 0;
	color: var(--muted);
	font-size: .74rem;
	overflow-wrap: anywhere;
}

@media (min-width: 40.01rem) {
	.social-hub-document .creatorLaunch {
		margin: 1rem 0;
		padding: clamp(.95rem, 2.2vw, 1.25rem);
		border-radius: 1.15rem;
	}
}

@keyframes creator-launch-arrive {
	from {
		opacity: 0;
		transform: translate3d(0, 6px, 0) scale(.993);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}



/* CompactCSS source: /social-hub/styles/creator-launch-rail.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets post, moving image, voice, verse, branch, poll, and live creation pass beneath one finger;
Awtsmoos.com gives each canonical road a bounded vessel, a quiet spark, and no hidden road beyond the mobile horizon.
*/
.social-hub-document .creatorLaunchRail {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .46rem;
	inline-size: 100%;
	min-inline-size: 0;
	max-inline-size: 100%;
	padding-block: .1rem .28rem;
}

.social-hub-document .creatorLaunchButton {
	position: relative;
	display: grid;
	grid-template-rows: 1.7rem auto;
	place-items: center;
	gap: .3rem;
	min-inline-size: 0;
	max-inline-size: 100%;
	min-block-size: 4.2rem;
	padding: .48rem .36rem;
	border: 1px solid rgb(158 247 255 / 15%);
	border-radius: .92rem;
	background: rgb(255 255 255 / 2.5%);
	color: var(--ink);
	text-align: center;
	text-decoration: none;
	contain: layout paint;
	transition:
		transform 170ms cubic-bezier(.2, .8, .2, 1),
		border-color 170ms ease,
		background-color 170ms ease,
		box-shadow 170ms ease;
}

.social-hub-document .creatorLaunchButton span {
	display: grid;
	inline-size: 1.65rem;
	aspect-ratio: 1;
	place-items: center;
	color: var(--cyan);
	font-size: 1rem;
	transition: transform 170ms cubic-bezier(.2, .8, .2, 1);
}

.social-hub-document .creatorLaunchButton strong {
	max-inline-size: 100%;
	font-size: .7rem;
	overflow-wrap: anywhere;
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .creatorLaunchButton:hover {
		border-color: rgb(126 239 255 / 48%);
		background: rgb(126 239 255 / 7%);
		box-shadow: 0 0 1.15rem rgb(82 218 255 / 8%);
		transform: translate3d(0, -2px, 0);
	}

	.social-hub-document .creatorLaunchButton:hover span {
		transform: scale(1.06);
	}
}

.social-hub-document .creatorLaunchButton:focus-visible {
	border-color: rgb(126 239 255 / 58%);
	outline: 3px solid rgb(126 239 255 / 72%);
	outline-offset: 2px;
	box-shadow: 0 0 1.15rem rgb(82 218 255 / 10%);
}

.social-hub-document .creatorLaunchButton:active {
	transform: scale(.97);
}

@media (min-width: 40.01rem) {
	.social-hub-document .creatorLaunchRail {
		display: flex;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.social-hub-document .creatorLaunchRail::-webkit-scrollbar {
		display: none;
	}

	.social-hub-document .creatorLaunchButton {
		flex: 0 0 5.2rem;
		min-block-size: 4.35rem;
		scroll-snap-align: start;
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .creatorLaunchButton,
	.social-hub-document .creatorLaunchButton span {
		transition: none;
	}

	.social-hub-document .creatorLaunchButton:is(:hover, :active) {
		transform: none;
	}
}





/* CompactCSS source: /social-hub/styles/persistent-creator.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos clothes one nearby creative deed in surface, action, and mobile garments;
 * Awtsmoos.com keeps each cascade vessel small, so creation shines clearly without swallowing the social world.
 */

/* CompactCSS source: /social-hub/styles/persistent-creator-surface.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gives the Home creator a luminous bounded vessel where every word belongs;
 * Awtsmoos.com lets invitation and context rhyme in one chamber while the action receives its own clear form.
 */
.homeCreationCard {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(12rem, 16rem);
	gap: 1rem;
	align-items: stretch;
	padding: clamp(1rem, 3vw, 1.45rem);
	border: 1px solid rgb(126 239 255 / 24%);
	border-radius: 1.35rem;
	background: linear-gradient(135deg, rgb(14 31 50 / 92%), rgb(19 54 65 / 84%));
	box-shadow: 0 1.1rem 2.8rem rgb(0 0 0 / 22%);
}

.homeCreationCard__copy {
	display: grid;
	gap: .55rem;
	min-inline-size: 0;
}

.homeCreationCard__eyebrow {
	inline-size: fit-content;
	max-inline-size: 100%;
	margin: 0;
	padding: .34rem .58rem;
	border: 1px solid rgb(126 239 255 / 18%);
	border-radius: 999px;
	background: rgb(126 239 255 / 8%);
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.homeCreationCard__title,
.homeCreationCard__body {
	margin: 0;
}

.homeCreationCard__title {
	font-size: clamp(1.35rem, 4vw, 2rem);
	line-height: 1.05;
}

.homeCreationCard__body {
	max-inline-size: 48rem;
	color: var(--muted, #a9bac8);
	line-height: 1.55;
}

.homeCreationContext {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin-block-start: .2rem;
}

.homeCreationChip {
	display: grid;
	gap: .12rem;
	min-inline-size: 0;
	max-inline-size: 100%;
	padding: .48rem .66rem;
	border: 1px solid rgb(255 255 255 / 10%);
	border-radius: .85rem;
	background: rgb(255 255 255 / 5%);
}

.homeCreationChip__label {
	color: var(--muted, #a9bac8);
	font-size: .66rem;
	font-weight: 800;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.homeCreationChip__value {
	overflow-wrap: anywhere;
	font-size: .84rem;
}

@media (max-width: 43rem) {
	.homeCreationCard {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /social-hub/styles/persistent-creator-action.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos lets the creative deed shine in its own responsive vessel without swallowing the invitation around it;
 * Awtsmoos.com gives icon, title, hint, focus, and motion each a measured garment so the primary action is never loose.
 */
.homeCreationAction {
	display: flex;
	gap: .75rem;
	align-items: center;
	min-inline-size: 0;
	padding: .9rem;
	border: 1px solid rgb(126 239 255 / 34%);
	border-radius: 1.05rem;
	background: linear-gradient(145deg, rgb(126 239 255 / 17%), rgb(163 120 255 / 13%));
	color: inherit;
	text-decoration: none;
	transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.homeCreationAction:hover {
	transform: translateY(-2px);
	border-color: rgb(126 239 255 / 62%);
	background: linear-gradient(145deg, rgb(126 239 255 / 24%), rgb(163 120 255 / 18%));
}

.homeCreationAction:focus-visible {
	outline: 3px solid var(--focus-ring, #7eefff);
	outline-offset: 3px;
}

.homeCreationAction__icon {
	display: grid;
	place-items: center;
	flex: 0 0 2.75rem;
	block-size: 2.75rem;
	border-radius: .85rem;
	background: rgb(126 239 255 / 14%);
	font-size: 1.35rem;
}

.homeCreationAction__copy {
	display: grid;
	gap: .16rem;
	min-inline-size: 0;
}

.homeCreationAction__title {
	font-size: 1rem;
}

.homeCreationAction__hint {
	color: var(--muted, #a9bac8);
	font-size: .76rem;
}

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

	.homeCreationAction:hover {
		transform: none;
	}
}



/* CompactCSS source: /social-hub/styles/persistent-creator-mobile.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos gives the mobile hand one clear creative doorway above the navigation vessel;
 * Awtsmoos.com lets safe area, focus, motion, and narrow screens remain measured so no action covers another action.
 */
.mobileCreatorPortal {
	display: none;
}

@media (max-width: 62.4375rem) {
	.social-hub-document {
		padding-bottom: calc(9.8rem + var(--safe-bottom));
	}

	.social-hub-document .mobileCreatorPortal {
		position: fixed;
		z-index: 35;
		display: block;
		inset-inline-end: max(.75rem, env(safe-area-inset-right));
		inset-block-end: calc(var(--hub-mobile-dock-clearance) + .55rem);
		max-inline-size: calc(100vw - 1.5rem);
	}

	.social-hub-document .mobileCreatorAction {
		display: flex;
		gap: .68rem;
		align-items: center;
		min-block-size: 3.55rem;
		min-inline-size: 10.5rem;
		max-inline-size: min(15rem, calc(100vw - 1.5rem));
		padding: .56rem .75rem;
		border: 1px solid rgb(126 239 255 / 44%);
		border-radius: 1.15rem;
		background: linear-gradient(145deg, rgb(18 57 70 / 97%), rgb(36 27 68 / 96%));
		box-shadow: 0 .9rem 2.2rem rgb(0 0 0 / 36%);
		backdrop-filter: blur(16px);
		color: inherit;
		text-decoration: none;
		transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
	}

	.social-hub-document .mobileCreatorAction:hover {
		transform: translateY(-2px);
		border-color: rgb(126 239 255 / 72%);
		box-shadow: 0 1rem 2.4rem rgb(0 0 0 / 42%);
	}

	.social-hub-document .mobileCreatorAction:focus-visible {
		outline: 3px solid var(--focus-ring, #7eefff);
		outline-offset: 3px;
	}

	.social-hub-document .mobileCreatorAction__icon {
		display: grid;
		place-items: center;
		flex: 0 0 2.35rem;
		block-size: 2.35rem;
		border-radius: .78rem;
		background: rgb(126 239 255 / 14%);
		font-size: 1.15rem;
	}

	.social-hub-document .mobileCreatorAction__copy {
		display: grid;
		gap: .04rem;
		min-inline-size: 0;
	}

	.social-hub-document .mobileCreatorAction__label {
		overflow-wrap: anywhere;
		font-size: .9rem;
		line-height: 1.15;
	}

	.social-hub-document .mobileCreatorAction__hint {
		color: var(--muted, #a9bac8);
		font-size: .69rem;
		line-height: 1.2;
	}
}

@media (max-width: 23rem) {
	.social-hub-document .mobileCreatorAction {
		min-inline-size: 0;
		padding-inline: .62rem;
	}

	.social-hub-document .mobileCreatorAction__hint {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .mobileCreatorAction {
		transition: none;
	}

	.social-hub-document .mobileCreatorAction:hover {
		transform: none;
	}
}

@media (prefers-reduced-transparency: reduce) {
	.social-hub-document .mobileCreatorAction {
		backdrop-filter: none;
	}
}





/* CompactCSS source: /social-hub/styles/future-interaction-baseline.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos needs no unfinished control: every vessel answers touch, focus, action, and rest;
 * Awtsmoos.com gives the Social Hub a local covenant so new interactions cannot arrive visually orphaned.
 */
.social-hub-document :where(button, a, summary, [role="button"], input, select, textarea) {
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	min-inline-size: 0;
	max-inline-size: 100%;
}

.social-hub-document :where(button, a, summary, [role="button"]) {
	touch-action: manipulation;
	transition: filter 140ms ease, opacity 140ms ease;
}

.social-hub-document :where(button, a, summary, [role="button"]):focus-visible {
	outline: 2px solid #7eefff;
	outline-offset: 3px;
}

.social-hub-document :where(input, select, textarea):focus-visible {
	outline: 2px solid #7eefff;
	outline-offset: 2px;
	box-shadow: 0 0 0 4px rgb(126 239 255 / 10%);
}

.social-hub-document :where(button, [role="button"], input, select, textarea):disabled,
.social-hub-document :where(a, summary, [role="button"])[aria-disabled="true"] {
	cursor: not-allowed;
	filter: saturate(.35);
	opacity: .48;
	pointer-events: none;
}

.social-hub-document :where(button, a, summary, [role="button"]):active {
	filter: brightness(.9);
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document :where(button, a, summary, [role="button"]):hover {
		filter: brightness(1.08);
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document :where(button, a, summary, [role="button"]) {
		transition: none;
	}
}

@media (forced-colors: active) {
	.social-hub-document :where(input, select, textarea):focus-visible {
		box-shadow: none;
	}
}



/* CompactCSS source: /social-hub/styles/future-hygiene.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives each interface edge a boundary so infinity does not become overflow;
 * Awtsmoos.com keeps command surfaces, media, controls, sheets, and safe areas inside one local vessel,
 * revealing depth when summoned while preserving a quiet mobile-first horizon.
 */
.social-hub-document,
.social-hub-document :where(
	.socialHubShell,
	.socialHubMain,
	.routePanel,
	.publicDiscovery,
	.futureCommandShell
) {
	box-sizing: border-box;
	min-inline-size: 0;
	max-inline-size: 100%;
}

.social-hub-document {
	overflow-x: clip;
}

.social-hub-document :where(
	img,
	video,
	audio,
	canvas,
	iframe,
	pre,
	table
) {
	max-inline-size: 100%;
}

.social-hub-document :where(
	input,
	select,
	textarea,
	button,
	label,
	fieldset
) {
	min-inline-size: 0;
	max-inline-size: 100%;
}

.social-hub-document :where(.futureCommandPalette) {
	box-sizing: border-box;
	max-inline-size: calc(
		100dvw
		- max(.5rem, env(safe-area-inset-left))
		- max(.5rem, env(safe-area-inset-right))
	);
	max-block-size: calc(
		100dvh
		- max(.5rem, env(safe-area-inset-top))
		- max(.5rem, env(safe-area-inset-bottom))
	);
	overflow: hidden;
}

.social-hub-document :where(
	.futureCommandShell,
	.futureCommandList,
	.futureCommandOption,
	.futureCoordinates,
	.futureCoordinates .targetGrid,
	.mobileMoreSheet,
	.mobileMoreSheet__surface
) {
	min-inline-size: 0;
	max-inline-size: 100%;
}

.social-hub-document :where(.futureCommandList) {
	overflow-x: clip;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.social-hub-document :where(.futureCommandOption strong, .futureCommandOption span) {
	min-inline-size: 0;
	overflow-wrap: anywhere;
}

@media (max-width: 24rem) {
	.social-hub-document :where(.futureCommandShell) {
		padding-inline:
			max(.7rem, env(safe-area-inset-left))
			max(.7rem, env(safe-area-inset-right));
	}
}

@media (prefers-reduced-transparency: reduce) {
	.social-hub-document :where(.futureCommandPalette, .mobileDock) {
		backdrop-filter: none;
	}
}

@media (forced-colors: active) {
	.social-hub-document :where(.futureCommandPalette, .mobileDock, .mobileMoreSheet__surface) {
		box-shadow: none;
	}
}



/* CompactCSS source: /social-hub/styles/experience-shell-v2.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gathers many social worlds into one bounded vessel without letting any panel spill beyond its place;
 * Awtsmoos.com gives this shell a mobile-first horizon, quiet depth, and local stacking order so clarity arrives before complexity.
 */
.social-hub-document .socialHubMount {
	box-sizing: border-box;
	min-inline-size: 0;
	max-inline-size: 100%;
	min-block-size: 100dvh;
	overflow-x: clip;
	isolation: isolate;
}

.social-hub-document .hubHeader,
.social-hub-document .contextRibbon,
.social-hub-document .hubShell,
.social-hub-document .workspace,
.social-hub-document .workspacePanel {
	box-sizing: border-box;
	min-inline-size: 0;
	max-inline-size: 100%;
}

.social-hub-document .workspacePanel {
	animation: socialHubReveal 220ms cubic-bezier(.2, .8, .2, 1) both;
}

.social-hub-document .panelIntro {
	display: grid;
	gap: .45rem;
	margin-block-end: 1rem;
}

.social-hub-document .panelIntro :where(h2, p, code) {
	max-inline-size: 100%;
	margin: 0;
	overflow-wrap: anywhere;
}

.social-hub-document .panelIntro--split {
	gap: .8rem;
}

.social-hub-document .compactTools,
.social-hub-document .profileLookup {
	display: grid;
	gap: .6rem;
	min-inline-size: 0;
	margin-block-end: 1rem;
}

.social-hub-document .profileEvidenceGrid {
	display: grid;
	gap: .7rem;
	min-inline-size: 0;
}

.social-hub-document .profileEvidenceGrid > section {
	min-inline-size: 0;
	padding: .8rem;
	border: 1px solid var(--social-line, rgb(148 163 184 / 18%));
	border-radius: 1rem;
	background: color-mix(in srgb, Canvas 96%, currentColor 4%);
	overflow: clip;
}

.social-hub-document .profileEvidenceGrid :where(h3, div) {
	min-inline-size: 0;
	overflow-wrap: anywhere;
}

.social-hub-document .hubStatus {
	position: fixed;
	z-index: 40;
	inset-inline: max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right));
	inset-block-end: calc(4.8rem + env(safe-area-inset-bottom));
	max-inline-size: 42rem;
	margin-inline: auto;
}

@media (min-width: 45rem) {
	.social-hub-document .panelIntro--split {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: end;
	}

	.social-hub-document .compactTools,
	.social-hub-document .profileLookup {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: end;
	}

	.social-hub-document .profileEvidenceGrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.social-hub-document .profileEvidenceGrid__wide {
		grid-column: 1 / -1;
	}
}

@keyframes socialHubReveal {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .workspacePanel {
		animation: none;
	}
}



/* CompactCSS source: /social-hub/styles/experience-disclosure-v2.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos hides no truth, yet reveals depth according to the vessel prepared to receive it;
 * Awtsmoos.com gives advanced social machinery a native disclosure covenant so first paint stays calm, touchable, and clear.
 */
.social-hub-document .socialAdvancedVessel {
	box-sizing: border-box;
	min-inline-size: 0;
	max-inline-size: 100%;
	margin-block: .7rem;
	border: 1px solid var(--social-line, rgb(148 163 184 / 18%));
	border-radius: 1rem;
	background: color-mix(in srgb, Canvas 97%, currentColor 3%);
	overflow: clip;
}

.social-hub-document .socialAdvancedSummary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: .4rem .8rem;
	align-items: center;
	min-block-size: 46px;
	padding: .7rem .8rem;
	cursor: pointer;
	list-style-position: inside;
	transition: background-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

.social-hub-document .socialAdvancedSummary strong,
.social-hub-document .socialAdvancedSummary span {
	min-inline-size: 0;
	overflow-wrap: anywhere;
}

.social-hub-document .socialAdvancedSummary span {
	font-size: .72rem;
	opacity: .66;
}

.social-hub-document .socialAdvancedVessel[open] > .socialAdvancedSummary {
	border-block-end: 1px solid var(--social-line, rgb(148 163 184 / 18%));
}

.social-hub-document .socialAdvancedVessel[open] > :not(summary) {
	animation: socialDisclosureReveal 180ms ease both;
}

.social-hub-document .socialAdvancedVessel > :not(summary) {
	margin-inline: .75rem;
}

.social-hub-document .socialAdvancedVessel > :last-child {
	margin-block-end: .75rem;
}

.social-hub-document .socialDangerVessel {
	border-color: color-mix(in srgb, #ef4444 28%, var(--social-line));
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .socialAdvancedSummary:hover {
		background: color-mix(in srgb, #7c5cff 7%, transparent);
	}
}

.social-hub-document .socialAdvancedSummary:active {
	transform: scale(.992);
}

.social-hub-document .socialAdvancedSummary:focus-visible {
	outline: 2px solid var(--social-focus, #67e8f9);
	outline-offset: -2px;
}

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

@media (max-width: 30rem) {
	.social-hub-document .socialAdvancedSummary {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .socialAdvancedSummary,
	.social-hub-document .socialAdvancedVessel[open] > :not(summary) {
		animation: none;
		transition: none;
	}
}



/* CompactCSS source: /social-hub/styles/experience-interaction-v2.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos joins form and response without confusing their vessels;
 * Awtsmoos.com keeps this interaction doorway small, importing field geometry and tactile states separately
 * so future capability may grow without one stylesheet becoming a crowded world.
 */

/* CompactCSS source: /social-hub/styles/experience-interaction-fields-v2.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gives every field a bounded vessel, neither wider than its world nor smaller than touch can find;
 * Awtsmoos.com lets Tiferes align composer, privacy, media, and coordinate grids with mobile-first clarity and expandable depth.
 */
.social-hub-document .socialPrimaryComposer,
.social-hub-document .privacyPrimaryGrid,
.social-hub-document .targetGrid,
.social-hub-document .twoColumnFields,
.social-hub-document .privacyCategoryGrid {
	box-sizing: border-box;
	min-inline-size: 0;
	max-inline-size: 100%;
}

.social-hub-document .socialPrimaryComposer {
	display: grid;
	gap: .75rem;
	margin-block: .8rem;
}

.social-hub-document .socialPrimaryComposer textarea,
.social-hub-document .targetGrid :where(input, select, textarea),
.social-hub-document .twoColumnFields :where(input, select, textarea),
.social-hub-document .privacyPrimaryGrid :where(input, select) {
	inline-size: 100%;
	max-inline-size: 100%;
	min-inline-size: 0;
}

.social-hub-document .targetGrid,
.social-hub-document .twoColumnFields,
.social-hub-document .privacyPrimaryGrid,
.social-hub-document .privacyCategoryGrid {
	display: grid;
	gap: .65rem;
}

.social-hub-document .mediaActions,
.social-hub-document .actionRow {
	display: flex;
	flex-wrap: wrap;
	gap: .55rem;
	min-inline-size: 0;
}

.social-hub-document .mediaActions > *,
.social-hub-document .actionRow > * {
	min-inline-size: 0;
	max-inline-size: 100%;
}

.social-hub-document .socialPrimaryCommit {
	inline-size: 100%;
	min-block-size: 48px;
	margin-block: .8rem;
}

.social-hub-document .toggleField {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: .65rem;
	align-items: start;
}

.social-hub-document .toggleField span {
	display: grid;
	gap: .12rem;
	min-inline-size: 0;
}

.social-hub-document .toggleField small {
	opacity: .68;
}

.social-hub-document .privacyCategoryGrid label {
	display: flex;
	align-items: center;
	gap: .45rem;
	min-block-size: 42px;
	padding: .45rem .55rem;
	border-radius: .7rem;
	background: color-mix(in srgb, CanvasText 4%, Canvas);
}

@media (min-width: 42rem) {
	.social-hub-document .targetGrid,
	.social-hub-document .twoColumnFields,
	.social-hub-document .privacyPrimaryGrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.social-hub-document .privacyCategoryGrid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}



/* CompactCSS source: /social-hub/styles/experience-interaction-states-v2.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos turns intention into response through touch, key, hover, and rest;
 * Awtsmoos.com lets Netzach and Hod animate each social control without noise, preserving clear focus, honest disabled states, and reduced-motion peace.
 */
.social-hub-document :where(.workspacePanel button, .workspacePanel a, .workspacePanel summary) {
	-webkit-tap-highlight-color: transparent;
	transition:
		transform 150ms ease,
		box-shadow 150ms ease,
		border-color 150ms ease,
		background-color 150ms ease;
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document :where(.workspacePanel button, .workspacePanel a):hover {
		transform: translateY(-1px);
	}
}

.social-hub-document :where(.workspacePanel button, .workspacePanel a):active {
	transform: scale(.98);
}

.social-hub-document :where(.workspacePanel button, .workspacePanel a):focus-visible {
	outline: 2px solid var(--social-focus, #67e8f9);
	outline-offset: 2px;
}

.social-hub-document :where(.workspacePanel button:disabled, .workspacePanel [aria-disabled="true"]) {
	cursor: not-allowed;
	opacity: .48;
	transform: none;
}

.social-hub-document :where(.workspacePanel input, .workspacePanel select, .workspacePanel textarea):focus-visible {
	outline: 2px solid var(--social-focus, #67e8f9);
	outline-offset: 1px;
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--social-focus, #67e8f9) 13%, transparent);
}

.social-hub-document .dangerButton {
	border-color: color-mix(in srgb, #ef4444 46%, transparent);
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .dangerButton:hover {
		background: color-mix(in srgb, #ef4444 12%, Canvas);
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document :where(.workspacePanel button, .workspacePanel a, .workspacePanel summary) {
		transition: none;
	}
}





/* CompactCSS source: /social-hub/styles/experience-depth-v3.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gives every current road a quiet radiance, not another layer of noise or disguise;
Awtsmoos.com lets route, command crown, More chamber, and open capability gain depth while repeated content remains wise.
*/
.social-hub-document .routeNavigation .routeButton[data-active="true"] {
	border-color: rgb(126 239 255 / 18%);
	background:
		linear-gradient(135deg, rgb(126 239 255 / 9%), rgb(169 140 255 / 6%)),
		rgb(255 255 255 / 1%);
	box-shadow:
		inset 0 1px rgb(255 255 255 / 4%),
		0 .55rem 1.5rem rgb(0 0 0 / 10%);
}

.social-hub-document .routeNavigation .routeButton[data-active="true"] .routeIcon {
	border-color: rgb(126 239 255 / 36%);
	box-shadow:
		0 0 0 2px rgb(126 239 255 / 7%),
		0 .55rem 1.5rem rgb(0 0 0 / 14%),
		0 0 1.15rem rgb(126 239 255 / 9%);
}

.social-hub-document .futureCommandPalette {
	position: relative;
	border-color: rgb(126 239 255 / 32%);
	background:
		radial-gradient(circle at 12% 0%, rgb(126 239 255 / 9%), transparent 24rem),
		linear-gradient(150deg, rgb(169 140 255 / 5%), transparent 42%),
		rgb(5 12 27 / 97%);
	box-shadow:
		0 2rem 6rem rgb(0 0 0 / 58%),
		inset 0 1px rgb(255 255 255 / 6%);
}

.social-hub-document .futureCommandPalette::before {
	position: absolute;
	inset: 0 8% auto;
	block-size: 1px;
	background: linear-gradient(90deg, transparent, #7eefff, #a98cff, transparent);
	content: "";
	opacity: .65;
	pointer-events: none;
}

.social-hub-document .futureCoordinates[open],
.social-hub-document .futureCapabilityCenter[open] {
	border-color: rgb(126 239 255 / 22%);
	box-shadow:
		inset 0 1px rgb(255 255 255 / 4%),
		0 .9rem 2.4rem rgb(0 0 0 / 14%);
}

.social-hub-document .mobileMoreSheet__surface {
	border-color: rgb(126 239 255 / 28%);
	background:
		radial-gradient(circle at 12% 0%, rgb(126 239 255 / 8%), transparent 22rem),
		linear-gradient(160deg, rgb(9 20 38 / 99%), rgb(6 12 27 / 99%));
	box-shadow:
		0 2rem 5rem rgb(0 0 0 / 52%),
		inset 0 1px rgb(255 255 255 / 5%);
}

@media (forced-colors: active) {
	.social-hub-document .futureCommandPalette::before {
		display: none;
	}
}



/* CompactCSS source: /social-hub/styles/experience-motion-v3.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos makes motion reveal relation rather than spectacle, a road responding where attention has been;
Awtsmoos.com lets selected icons settle, commands glide, and disclosure gates answer with spring while reduced motion remains serene.
*/
.social-hub-document .routeNavigation .routeButton[data-active="true"] .routeIcon {
	transform: scale(1.035);
}

.social-hub-document .futureCommandOption[data-active="true"] {
	box-shadow:
		inset 0 0 0 1px rgb(126 239 255 / 5%),
		0 .65rem 1.7rem rgb(0 0 0 / 14%);
	animation: hub-v15-command-select 180ms var(--tiferes-spring) both;
}

.social-hub-document .futureCoordinates[open] .futureCoordinates__summary,
.social-hub-document .futureCapabilityCenter[open] .futureCapabilityCenter__summary {
	background: linear-gradient(90deg, rgb(126 239 255 / 6%), transparent 72%);
}

.social-hub-document .futureCapabilityCenter[open] .futureCapabilityCenter__chevron {
	filter: drop-shadow(0 0 .5rem rgb(126 239 255 / 22%));
}

.social-hub-document .mobileMoreSheet__grid .routeButton[data-active="true"] {
	box-shadow:
		inset 0 0 0 1px rgb(126 239 255 / 10%),
		0 .65rem 1.6rem rgb(0 0 0 / 14%);
}

@media (hover: hover) and (pointer: fine) {
	.social-hub-document .desktopRail .routeButton:hover {
		transform: translateX(2px);
	}

	.social-hub-document .futureCommandOption:hover {
		box-shadow:
			0 .7rem 1.65rem rgb(0 0 0 / 16%),
			inset 0 1px rgb(255 255 255 / 3%);
	}

	.social-hub-document :is(
		.futureCoordinates__summary,
		.futureCapabilityCenter__summary
	):hover {
		box-shadow: inset 0 0 0 1px rgb(126 239 255 / 10%);
	}
}

@keyframes hub-v15-command-select {
	from {
		opacity: .78;
		transform: translateX(0) scale(.992);
	}

	to {
		opacity: 1;
		transform: translateX(3px) scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.social-hub-document .routeNavigation .routeButton[data-active="true"] .routeIcon,
	.social-hub-document .futureCommandOption[data-active="true"] {
		animation: none;
		filter: none;
		transform: none;
	}
}



/* CompactCSS source: /social-hub/styles/experience-mobile-v3.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets the smallest screen carry a complete horizon, every thumb road bright yet bounded inside;
Awtsmoos.com makes dock and More chamber feel like polished future hardware while existing safe-area geometry remains the guide.
*/
@media (max-width: 62.4375rem) {
	.social-hub-document .mobileDock {
		border-color: rgb(126 239 255 / 25%);
		background:
			linear-gradient(180deg, rgb(126 239 255 / 4%), transparent 55%),
			rgb(5 12 26 / 96%);
		box-shadow:
			0 1.1rem 3rem rgb(0 0 0 / 38%),
			inset 0 1px rgb(255 255 255 / 6%);
	}

	.social-hub-document .mobileDock .routeButton[data-active="true"] {
		background: linear-gradient(
			155deg,
			rgb(126 239 255 / 12%),
			rgb(169 140 255 / 7%)
		);
		box-shadow:
			inset 0 0 0 1px rgb(126 239 255 / 10%),
			0 .45rem 1rem rgb(0 0 0 / 10%);
	}

	.social-hub-document .mobileDock .routeButton[data-active="true"] .routeLabel {
		color: #e7fbff;
		font-weight: 780;
	}

	.social-hub-document .mobileMoreSheet__surface {
		border-radius: 1.45rem;
	}

	.social-hub-document .mobileMoreSheet__close {
		border-color: rgb(126 239 255 / 28%);
		background: linear-gradient(145deg, rgb(126 239 255 / 9%), rgb(169 140 255 / 5%));
	}
}

@media (max-width: 23rem) {
	.social-hub-document .mobileDock {
		box-shadow:
			0 .8rem 2.1rem rgb(0 0 0 / 32%),
			inset 0 1px rgb(255 255 255 / 5%);
	}
}

@media (prefers-reduced-transparency: reduce) {
	.social-hub-document .mobileDock,
	.social-hub-document .mobileMoreSheet::backdrop {
		backdrop-filter: none;
	}
}



/* CompactCSS source: /social-hub/styles/mobile-simple.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos places simplicity last in the cascade; Awtsmoos.com lets these final mobile vessels quiet older competing geometry. */

/* CompactCSS source: /social-hub/styles/mobile-simple-shell.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos hides coordinates until chosen; Awtsmoos.com gives the mobile crown one compact retractable line instead of permanent walls. */
.social-hub-document .hubContextDisclosure {
	min-inline-size: min(28rem, 100%);
}
.social-hub-document .hubContextDisclosure__summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: .55rem;
	min-block-size: 44px;
	padding: .5rem .7rem;
	list-style: none;
	cursor: pointer;
}
.social-hub-document .hubContextDisclosure__summary::-webkit-details-marker { display: none; }
.social-hub-document .hubContextDisclosure__chevron { transition: transform 150ms ease; }
.social-hub-document .hubContextDisclosure[open] .hubContextDisclosure__chevron { transform: rotate(180deg); }
.social-hub-document .hubContextDisclosure .contextRibbon {
	position: static;
	margin: .45rem 0 0;
	box-shadow: none;
}
.social-hub-document .hubContextDisclosure .identityCluster { margin-block-start: .45rem; }
@media (max-width: 62.4375rem) {
	.social-hub-document { padding-bottom: calc(5.8rem + var(--safe-bottom)); }
	.social-hub-document .hubHeader {
		display: block;
		margin: .3rem .45rem .35rem;
		padding: .2rem;
		border-radius: .9rem;
		box-shadow: none;
		background: rgb(5 12 26 / 92%);
	}
	.social-hub-document .brandCluster { display: none; }
	.social-hub-document .hubContextDisclosure { inline-size: 100%; border: 0; background: transparent; }
	.social-hub-document .hubContextDisclosure__summary {
		grid-template-columns: minmax(0, 1fr) auto auto;
		padding: .35rem .55rem;
		border-radius: .7rem;
		background: transparent;
	}
	.social-hub-document #workspaceTitle { overflow: hidden; font-size: .9rem; text-overflow: ellipsis; white-space: nowrap; }
	.social-hub-document #activeAliasBadge { padding: 0; border: 0; background: transparent; box-shadow: none; font-size: .72rem; white-space: nowrap; }
	.social-hub-document .hubContextDisclosure .contextRibbon {
		position: static !important;
		display: flex !important;
		flex-flow: row wrap !important;
		gap: .3rem;
		margin: 0;
		padding: .35rem .5rem 0;
		border: 0;
		background: transparent;
		overflow: visible;
	}
	.social-hub-document .hubContextDisclosure .contextRibbon > * {
		inline-size: auto !important;
		min-inline-size: 0 !important;
		min-block-size: 34px;
		padding: .25rem .5rem;
		font-size: .7rem;
	}
	.social-hub-document .hubContextDisclosure .identityCluster {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: .35rem;
		margin: .4rem .5rem .5rem;
	}
	.social-hub-document .futureCommandTrigger { display: none !important; }
	.social-hub-document .workspace { padding: .35rem .45rem .65rem; }
	.social-hub-document .workspacePanel { scroll-margin-top: 4rem; }
}



/* CompactCSS source: /social-hub/styles/mobile-simple-home.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos lets one deed appear before many measurements; Awtsmoos.com folds pulse and secondary actions until the user asks them to shine. */
@media (max-width: 62.4375rem) {
	.social-hub-document .homePanel { display: flex; flex-direction: column; gap: .5rem; }
	.social-hub-document .homeCreationCard {
		order: 0;
		display: block;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}
	.social-hub-document .homeCreationCard__copy { display: none; }
	.social-hub-document .homeCreationAction {
		min-block-size: 52px;
		padding: .55rem .7rem;
		border-radius: .9rem;
		box-shadow: none;
	}
	.social-hub-document .homeCreationAction__icon { flex-basis: 2.15rem; block-size: 2.15rem; font-size: 1rem; }
	.social-hub-document .homeCreationAction__title { font-size: .92rem; }
	.social-hub-document .homeCreationAction__hint { font-size: .68rem; }
	.social-hub-document .publicDiscovery { order: 1; }
	.social-hub-document .homePulseDisclosure { order: 2; }
	.social-hub-document .homeActionsDisclosure { order: 3; }
	.social-hub-document :where(.homePulseDisclosure, .homeActionsDisclosure) {
		margin: 0;
		border-radius: .85rem;
		box-shadow: none;
		background: rgb(7 15 29 / 82%);
	}
	.social-hub-document :where(.homePulseDisclosure, .homeActionsDisclosure) > .homeDisclosureSummary {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: .55rem;
		min-block-size: 44px;
		padding: .5rem .65rem;
		background: transparent;
		font-size: .8rem;
	}
	.social-hub-document .homeDisclosureSummary span { display: flex; gap: .35rem; align-items: baseline; min-inline-size: 0; }
	.social-hub-document .homeDisclosureSummary small { overflow: hidden; max-inline-size: 8rem; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
	.social-hub-document :where(.homePulseDisclosure, .homeActionsDisclosure) > :not(summary) { margin-inline: .5rem; }
	.social-hub-document .homePulseDisclosure .heroRift { display: block; padding: .5rem; text-align: start; }
	.social-hub-document .homePulseDisclosure .pulseOrb,
	.social-hub-document .homePulseDisclosure .eyebrow,
	.social-hub-document .homePulseDisclosure .heroRift h2 { display: none; }
	.social-hub-document #pulseTarget { margin: 0; color: var(--muted); font-size: .7rem; overflow-wrap: anywhere; }
	.social-hub-document .homePulseDisclosure .pulseGrid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: .3rem;
		margin: .35rem 0 .5rem;
	}
	.social-hub-document .homePulseDisclosure .pulseGrid article {
		min-block-size: 3.5rem;
		padding: .35rem .25rem;
		border-radius: .65rem;
		box-shadow: none;
		text-align: center;
	}
	.social-hub-document .homePulseDisclosure .pulseGrid strong { font-size: .92rem; }
	.social-hub-document .homePulseDisclosure .pulseGrid span { font-size: .56rem; line-height: 1.15; }
	.social-hub-document .homeActionsDisclosure .quickActionGrid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: .35rem;
		margin: .4rem 0 .5rem;
	}
	.social-hub-document .homeActionsDisclosure .quickActionGrid > * {
		min-block-size: 44px;
		padding: .4rem;
		border-radius: .65rem;
		box-shadow: none;
		font-size: .74rem;
	}
	.social-hub-document .homeActionsDisclosure .quickActionGrid > *::before { display: none; }
}
@media (max-width: 23rem) {
	.social-hub-document .homePulseDisclosure .pulseGrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}



/* CompactCSS source: /social-hub/styles/mobile-simple-discovery.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos reveals the feed before its preferences; Awtsmoos.com makes discovery compact while profile lookup waits behind a deliberate door. */
@media (max-width: 62.4375rem) {
	.social-hub-document .publicDiscovery {
		margin: 0;
		padding: .65rem;
		border-radius: .9rem;
		box-shadow: none;
		background: rgb(7 15 29 / 80%);
	}
	.social-hub-document .publicDiscovery__header { gap: .45rem; }
	.social-hub-document .publicDiscovery__header h2 { font-size: 1rem; }
	.social-hub-document .publicDiscovery__header p:last-child { display: none; }
	.social-hub-document .publicDiscovery__controls { display: block; margin-block-start: .4rem; }
	.social-hub-document .publicDiscovery__tabs {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: .25rem;
		inline-size: 100%;
	}
	.social-hub-document .publicDiscovery__tabs button {
		min-inline-size: 0;
		min-block-size: 44px;
		padding: .25rem;
		border-radius: .65rem;
		font-size: .68rem;
		white-space: normal;
	}
	.social-hub-document .publicDiscovery__viewOptions { display: none; }
	.social-hub-document .publicDiscovery__lookupDisclosure { margin-block-start: .4rem; border: 0; background: transparent; }
	.social-hub-document .publicDiscovery__lookupDisclosure > summary {
		min-block-size: 44px;
		padding: .45rem .6rem;
		border: 1px solid var(--yesod-edge);
		border-radius: .65rem;
		font-size: .75rem;
		font-weight: 760;
		list-style: none;
	}
	.social-hub-document .publicDiscovery__lookupDisclosure > summary::-webkit-details-marker { display: none; }
	.social-hub-document .publicDiscovery__lookup { grid-template-columns: minmax(0, 1fr) auto; gap: .3rem; margin-block-start: .35rem; }
	.social-hub-document .publicDiscovery__lookup :where(input, button) { min-block-size: 44px; }
	.social-hub-document .publicDiscovery__lookup button { inline-size: auto; }
	.social-hub-document .publicDiscovery__feed { margin-top: .5rem; }
	.social-hub-document :where(.publicDiscoveryEmpty, .publicFeedCard) { padding: .7rem; border-radius: .75rem; }
	.social-hub-document .publicDiscoveryEmpty p { margin-block: .35rem; font-size: .78rem; line-height: 1.35; }
}
@media (max-width: 23rem) {
	.social-hub-document .publicDiscovery__tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.social-hub-document .publicDiscovery__lookup { grid-template-columns: 1fr; }
	.social-hub-document .publicDiscovery__lookup button { inline-size: 100%; }
}



/* CompactCSS source: /social-hub/styles/mobile-simple-actions.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos keeps creation near without letting it hover over the deed already before us; Awtsmoos.com quiets dock and tool catalog into measured secondary vessels. */
@media (max-width: 62.4375rem) {
	.social-hub-document:has([data-panel="home"][data-active="true"]) .mobileCreatorPortal { display: none; }
	.social-hub-document:not(:has([data-panel="home"][data-active="true"])) .mobileCreatorPortal {
		inset-inline-end: max(.5rem, env(safe-area-inset-right));
		inset-block-end: calc(var(--hub-mobile-dock-clearance) + .35rem);
	}
	.social-hub-document .mobileCreatorAction {
		min-inline-size: 0;
		min-block-size: 44px;
		padding: .35rem .5rem;
		border-radius: .8rem;
		box-shadow: 0 .45rem 1.1rem rgb(0 0 0 / 24%);
	}
	.social-hub-document .mobileCreatorAction__icon { flex-basis: 1.8rem; block-size: 1.8rem; border-radius: .55rem; font-size: .9rem; }
	.social-hub-document .mobileCreatorAction__label { font-size: .78rem; }
	.social-hub-document .mobileCreatorAction__hint { display: none; }
	.social-hub-document .homePanel > .futureCapabilityCenter { order: 4; }
	.social-hub-document .futureCapabilityCenter {
		margin-block: 0;
		border-radius: .8rem;
		box-shadow: none;
		background: rgb(7 15 29 / 76%);
	}
	.social-hub-document .futureCapabilityCenter__summary {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: .4rem;
		min-block-size: 44px;
		padding: .3rem .6rem;
	}
	.social-hub-document .futureCapabilityCenter__title { font-size: .76rem; }
	.social-hub-document .futureCapabilityCenter__hint { display: none; }
	.social-hub-document .futureCapabilityCenter__chevron { margin-inline-start: auto; }
	.social-hub-document .mobileDock {
		inset-inline: max(.4rem, env(safe-area-inset-left)) max(.4rem, env(safe-area-inset-right));
		padding: .22rem;
		border-radius: .9rem;
		box-shadow: 0 .55rem 1.4rem rgb(0 0 0 / 30%);
		background: rgb(4 10 21 / 96%);
	}
	.social-hub-document .mobileDock .routeButton { min-block-size: 3rem; padding: .2rem .08rem; border-radius: .62rem; }
	.social-hub-document .mobileDock .routeIcon { inline-size: 1.75rem; block-size: 1.75rem; font-size: .95rem; }
	.social-hub-document .mobileDock .routeLabel { font-size: .56rem; }
	.social-hub-document .hubStatus { inset-block-end: calc(4.9rem + var(--safe-bottom)); font-size: .78rem; }
	.social-hub-document .socialHubMount[data-shell-ready="false"] > .workspacePanel {
		max-inline-size: 28rem;
		margin: 1rem auto;
		padding: 1rem;
	}
	.social-hub-document .socialHubMount[data-shell-ready="false"] > .workspacePanel > :where(.panelIntro, .actionRow) { display: none; }
	.social-hub-document .socialHubMount[data-shell-ready="false"] > .workspacePanel h1 { margin: 0 0 .35rem; font-size: 1.25rem; }
	.social-hub-document .socialHubMount[data-shell-ready="false"] > .workspacePanel p { margin: .35rem 0; font-size: .82rem; line-height: 1.4; }
}





/* CompactCSS source: /social-hub/styles/glass-motion.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos renews the light before the glass can know its glow;
 * Awtsmoos.com gathers surface, touch, reveal, and rest so motion stays gentle in its flow.
 */

/* CompactCSS source: /social-hub/styles/glass-motion-surfaces.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos is beyond reflection, yet every reflection is renewed within His light;
 * Awtsmoos.com lets Yesod glass hold a quiet moving ray, translucent by day and readable by night.
 */
.social-hub-document :where(
	.hubHeader,
	.publicDiscovery,
	.homePulseDisclosure,
	.homeActionsDisclosure,
	.futureCapabilityCenter,
	.homeCreationAction,
	.mobileCreatorAction,
	.mobileDock
) {
	isolation: isolate;
	overflow: clip;
	border-color: rgb(143 231 255 / 23%);
	background-image:
		linear-gradient(145deg, rgb(255 255 255 / 7%), transparent 34%, rgb(130 96 255 / 6%)),
		radial-gradient(circle at 12% 0%, rgb(111 231 255 / 9%), transparent 42%);
	-webkit-backdrop-filter: blur(18px) saturate(142%);
	backdrop-filter: blur(18px) saturate(142%);
}

.social-hub-document :where(
	.publicDiscovery,
	.homePulseDisclosure,
	.homeActionsDisclosure,
	.futureCapabilityCenter,
	.homeCreationAction,
	.mobileCreatorAction
) {
	position: relative;
}

.social-hub-document :where(
	.hubHeader,
	.publicDiscovery,
	.homePulseDisclosure,
	.homeActionsDisclosure,
	.futureCapabilityCenter,
	.homeCreationAction,
	.mobileCreatorAction,
	.mobileDock
)::after {
	position: absolute;
	top: -55%;
	left: -46%;
	z-index: 0;
	width: 28%;
	height: 210%;
	background: linear-gradient(100deg, transparent, rgb(227 249 255 / 13%), rgb(199 182 255 / 8%), transparent);
	content: "";
	opacity: 0;
	transform: translate3d(-30%, 0, 0) rotate(10deg);
	pointer-events: none;
	will-change: transform, opacity;
}

.social-hub-document :where(
	.hubHeader,
	.publicDiscovery,
	.homePulseDisclosure,
	.homeActionsDisclosure,
	.futureCapabilityCenter,
	.homeCreationAction,
	.mobileCreatorAction,
	.mobileDock
) > * {
	position: relative;
	z-index: 1;
}

.social-hub-document :where(.hubHeader, .publicDiscovery, .mobileDock)::after {
	opacity: .045;
	animation: yesod-glass-ambient 14s ease-in-out infinite alternate;
}

@keyframes yesod-glass-ambient {
	to {
		opacity: .11;
		transform: translate3d(520%, 0, 0) rotate(10deg);
	}
}



/* CompactCSS source: /social-hub/styles/glass-motion-interactions.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gives every touch a boundary and every boundary a gleam;
 * Awtsmoos.com lets glass answer intention quickly, then return to stillness like a quiet stream.
 */
.social-hub-document :where(
	.homeCreationAction,
	.mobileCreatorAction,
	.homeDisclosureSummary,
	.hubContextDisclosure__summary,
	.futureCapabilityCenter__summary,
	.publicDiscovery__lookupDisclosure > summary
) {
	transition:
		transform var(--keter-fast) var(--tiferes-ease),
		border-color var(--keter-fast) ease,
		background-color var(--keter-fast) ease,
		box-shadow var(--keter-fast) ease;
}

.social-hub-document :where(.homeCreationAction, .mobileCreatorAction):is(:hover, :focus-visible) {
	border-color: var(--yesod-edge-hot);
	box-shadow:
		0 .65rem 1.8rem rgb(0 0 0 / 20%),
		inset 0 1px rgb(255 255 255 / 11%);
}

.social-hub-document :where(.homeCreationAction, .mobileCreatorAction):active {
	transform: scale(.985);
}

.social-hub-document :where(
	.homePulseDisclosure,
	.homeActionsDisclosure,
	.futureCapabilityCenter,
	.hubContextDisclosure
)[open] > summary {
	background-color: rgb(126 239 255 / 5%);
	box-shadow: inset 0 -1px rgb(126 239 255 / 11%);
}

.social-hub-document :where(
	.homeCreationAction,
	.mobileCreatorAction,
	.homePulseDisclosure,
	.homeActionsDisclosure,
	.futureCapabilityCenter
):is(:hover, :focus-within)::after,
.social-hub-document :where(
	.homePulseDisclosure,
	.homeActionsDisclosure,
	.futureCapabilityCenter
)[open]::after {
	animation: yesod-glass-sweep 560ms var(--tiferes-ease) both;
}

.social-hub-document .routeNavigation .routeButton[data-active="true"] .routeIcon {
	box-shadow:
		0 0 0 1px rgb(196 245 255 / 12%),
		0 .45rem 1.1rem rgb(0 0 0 / 18%),
		0 0 1rem rgb(113 224 255 / 10%);
	transform: translateY(-1px) scale(1.025);
}

@keyframes yesod-glass-sweep {
	from {
		opacity: 0;
		transform: translate3d(-30%, 0, 0) rotate(10deg);
	}

	45% {
		opacity: .26;
	}

	to {
		opacity: 0;
		transform: translate3d(560%, 0, 0) rotate(10deg);
	}
}



/* CompactCSS source: /social-hub/styles/glass-motion-reveal.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos reveals hidden depth without making the vessel lurch or swell;
 * Awtsmoos.com lets native disclosures arrive as a brief refraction, then rest where meaning can dwell.
 */
.social-hub-document :where(
	.hubContextDisclosure,
	.homePulseDisclosure,
	.homeActionsDisclosure,
	.publicDiscovery__lookupDisclosure,
	.futureCapabilityCenter
)[open] > :not(summary) {
	animation: malchus-glass-reveal 190ms var(--tiferes-ease) both;
	transform-origin: top center;
}

.social-hub-document .workspacePanel:not([hidden]) > :where(
	.publicDiscovery,
	.homeCreationCard,
	.homePulseDisclosure,
	.homeActionsDisclosure
) {
	animation: tiferes-glass-arrive 220ms var(--tiferes-ease) both;
}

@keyframes malchus-glass-reveal {
	from {
		opacity: 0;
		transform: translate3d(0, -5px, 0) scale(.995);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@keyframes tiferes-glass-arrive {
	from {
		opacity: .7;
		transform: translate3d(0, 4px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}



/* CompactCSS source: /social-hub/styles/glass-motion-accessibility.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos is equally present in shimmer and in stillness;
 * Awtsmoos.com lets every motion and translucent garment yield completely when the user asks for quiet clarity.
 */
@media (prefers-reduced-motion: reduce) {
	.social-hub-document :where(
		.hubHeader,
		.publicDiscovery,
		.homePulseDisclosure,
		.homeActionsDisclosure,
		.futureCapabilityCenter,
		.homeCreationAction,
		.mobileCreatorAction,
		.mobileDock
	)::after {
		animation: none !important;
		opacity: 0 !important;
		transform: none !important;
		will-change: auto;
	}

	.social-hub-document :where(
		.hubContextDisclosure,
		.homePulseDisclosure,
		.homeActionsDisclosure,
		.publicDiscovery__lookupDisclosure,
		.futureCapabilityCenter
	)[open] > :not(summary),
	.social-hub-document .workspacePanel:not([hidden]) > :where(
		.publicDiscovery,
		.homeCreationCard,
		.homePulseDisclosure,
		.homeActionsDisclosure
	) {
		animation: none !important;
		transform: none !important;
	}

	.social-hub-document .routeNavigation .routeButton[data-active="true"] .routeIcon {
		transform: none;
	}
}

@media (prefers-reduced-transparency: reduce) {
	.social-hub-document :where(
		.hubHeader,
		.publicDiscovery,
		.homePulseDisclosure,
		.homeActionsDisclosure,
		.futureCapabilityCenter,
		.homeCreationAction,
		.mobileCreatorAction,
		.mobileDock
	) {
		background-color: rgb(6 13 28 / 98%);
		background-image: none;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	.social-hub-document :where(.hubHeader, .publicDiscovery, .homePulseDisclosure, .homeActionsDisclosure, .futureCapabilityCenter, .homeCreationAction, .mobileCreatorAction, .mobileDock)::after {
		display: none;
	}
}

@media (forced-colors: active) {
	.social-hub-document :where(.hubHeader, .publicDiscovery, .homePulseDisclosure, .homeActionsDisclosure, .futureCapabilityCenter, .homeCreationAction, .mobileCreatorAction, .mobileDock) {
		background-image: none;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	.social-hub-document :where(.hubHeader, .publicDiscovery, .homePulseDisclosure, .homeActionsDisclosure, .futureCapabilityCenter, .homeCreationAction, .mobileCreatorAction, .mobileDock)::after {
		display: none;
	}

	.social-hub-document .routeNavigation .routeButton[data-active="true"] .routeIcon {
		box-shadow: none;
	}
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.social-hub-document :where(.hubHeader, .publicDiscovery, .homePulseDisclosure, .homeActionsDisclosure, .futureCapabilityCenter, .homeCreationAction, .mobileCreatorAction, .mobileDock) {
		background-color: rgb(6 13 28 / 96%);
	}
}