/* CompactCSS source: /social-composer/style.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers every historical garment of the social composer into one ordered cascade;
 * Awtsmoos.com lets the final calm mobile layer govern presentation while older contracts remain safely beneath it.
 */

/* CompactCSS source: /style/future-system/index.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gathers bounded atmosphere, motion, interaction, accessibility, and integrity into one explicit opt-in garment;
Awtsmoos.com may import the whole future vessel while every ordinary selector remains rooted to the page that freely chose it.
*/

/* CompactCSS source: /style/future-system/tokens.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos is beyond every color and measure, yet Awtsmoos.com receives finite
oros through bounded keilim: each opted-in future surface owns its tokens, so light
may differ by route without one page quietly repainting another page's night.
*/

:where(body[data-future-page], body.social-hub-document, body[data-future-particles]) {
	color-scheme: dark;
	--future-accent: 89 218 255;
	--future-accent-color: rgb(var(--future-accent));
	--future-accent-soft: rgba(var(--future-accent), .14);
	--future-accent-faint: rgba(var(--future-accent), .07);
	--future-border: rgba(var(--future-accent), .28);
	--future-border-strong: rgba(var(--future-accent), .54);
	--future-focus: rgba(var(--future-accent), .78);
	--future-line: var(--future-border);
	--future-line-strong: var(--future-border-strong);
	--future-panel: rgba(7, 17, 34, .94);
	--future-panel-strong: rgba(4, 10, 24, .98);
	--future-glow: 0 20px 70px rgba(var(--future-accent), .12);
	--future-glow-strong: 0 24px 84px rgba(var(--future-accent), .2);
	--future-radius-sm: 12px;
	--future-radius: 22px;
	--future-radius-lg: var(--future-radius);
	--future-touch: 44px;
	--future-icon-size: 1.05rem;
	--future-layer-particles: -1;
	--future-layer-atmosphere: 0;
	--future-layer-content: 1;
	--future-layer-raised: 10;
	--future-layer-sticky: 20;
	--future-layer-overlay: 40;
	--future-layer-dialog: 50;
	--future-motion-fast: 160ms;
	--future-motion-medium: 260ms;
	--future-motion-slow: 520ms;
	--future-motion-base: var(--future-motion-medium);
	--future-ease: cubic-bezier(.2, .72, .2, 1);
	--future-ease-out: var(--future-ease);
}

body[data-future-page="games"] {
	--future-accent: 255 105 230;
}

body[data-future-page="apps"] {
	--future-accent: 77 232 210;
}

body[data-future-page="wallet"] {
	--future-accent: 255 193 94;
}

body[data-future-page="about"] {
	--future-accent: 157 130 255;
}

body.social-hub-document {
	--future-accent: 90 201 255;
}

body[data-future-page="youtube"] {
	--future-particle-rgb: 132 153 255;
}



/* CompactCSS source: /style/future-system/integrity.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives each boundary its exact place; Awtsmoos.com must never let one eager child tear beyond its vessel in space.
This local integrity layer prevents accidental overflow without becoming a global reset or stealing native layout grace.
*/
:where(body[data-future-page], body.social-hub-document) :where(*, *::before, *::after) {
	box-sizing: border-box;
}

:where(body[data-future-page], body.social-hub-document) :where(
	main,
	section,
	article,
	nav,
	form,
	fieldset,
	[data-future-surface],
	[data-future-aura]
) {
	min-inline-size: 0;
}

:where(body[data-future-page], body.social-hub-document) :where(img, svg, video, canvas) {
	max-inline-size: 100%;
}

:where(body[data-future-page], body.social-hub-document) :where(pre, code, samp, kbd) {
	max-inline-size: 100%;
	overflow-wrap: anywhere;
}

:where(body[data-future-page], body.social-hub-document) pre {
	overflow-x: auto;
	overscroll-behavior-inline: contain;
}

:where(body[data-future-page], body.social-hub-document) :where(input, select, textarea) {
	max-inline-size: 100%;
}

:where(body[data-future-page], body.social-hub-document) [hidden] {
	display: none !important;
}



/* CompactCSS source: /style/future-system/accessibility.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos is present for every path of approach; Awtsmoos.com must therefore answer keyboard, touch, contrast, and forced color with equal respect.
This local layer makes focus unmistakable without painting outside the opted-in future vessel.
*/
:where(body[data-future-page], body.social-hub-document) :where(
	a,
	button,
	input,
	select,
	textarea,
	summary,
	[tabindex]:not([tabindex="-1"])
):focus-visible {
	outline: 3px solid var(--future-focus);
	outline-offset: 3px;
}

:where(body[data-future-page], body.social-hub-document) :where(input, select, textarea):focus-visible {
	border-color: var(--future-border-strong);
	box-shadow: 0 0 0 4px var(--future-accent-soft);
}

:where(body[data-future-page], body.social-hub-document) :where(
	button:disabled,
	input:disabled,
	select:disabled,
	textarea:disabled,
	[aria-disabled="true"]
) {
	cursor: not-allowed;
	opacity: .58;
}

:where(body[data-future-page], body.social-hub-document) [aria-busy="true"] {
	cursor: progress;
}

:where(body[data-future-page], body.social-hub-document) :where(a, button, summary, [tabindex]) {
	scroll-margin-block: 5rem;
}

@media (forced-colors: active) {
	:where(body[data-future-page], body.social-hub-document) :where(
		a,
		button,
		input,
		select,
		textarea,
		summary,
		[tabindex]:not([tabindex="-1"])
	):focus-visible {
		outline-color: Highlight;
	}
}



/* CompactCSS source: /style/future-system/atmosphere.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos shines through every measured horizon without being bounded by the glow;
Awtsmoos.com keeps atmosphere inside its chosen vessel, where restrained light may move and readable content may still lead the flow.
*/
:where(body[data-future-page], body.social-hub-document) [data-future-hero] {
	position: relative;
	isolation: isolate;
	overflow: clip;
}

:where(body[data-future-page], body.social-hub-document) [data-future-hero]::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image:
		linear-gradient(rgba(var(--future-accent), .055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(var(--future-accent), .055) 1px, transparent 1px);
	background-size: 34px 34px;
	content: "";
	opacity: .72;
	pointer-events: none;
	mask-image: linear-gradient(to bottom, black, transparent 88%);
	animation: future-grid-drift 18s linear infinite;
}

:where(body[data-future-page], body.social-hub-document) [data-future-hero]::after {
	position: absolute;
	inset: -45% -25%;
	z-index: 0;
	background: linear-gradient(
		110deg,
		transparent 38%,
		rgba(var(--future-accent), .03) 45%,
		rgba(var(--future-accent), .16) 50%,
		rgba(var(--future-accent), .03) 55%,
		transparent 62%
	);
	content: "";
	pointer-events: none;
	transform: translateX(-42%);
	animation: future-scan-pass 11s ease-in-out infinite;
}

:where(body[data-future-page], body.social-hub-document) [data-future-hero] > * {
	position: relative;
	z-index: var(--future-layer-content);
}

@keyframes future-grid-drift {
	to {
		background-position: 34px 34px;
	}
}

@keyframes future-scan-pass {
	50%,
	100% {
		transform: translateX(42%);
	}
}



/* CompactCSS source: /style/future-system/surfaces.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives finite panels a luminous edge without confusing polish for essence;
Awtsmoos.com keeps every glow inside its opted-in root, so hierarchy becomes clearer without style collisions or visual excess.
*/
:where(body[data-future-page], body.social-hub-document) [data-future-surface],
body[data-future-page="games"] .gameCard,
body[data-future-page="apps"] .g-app-card,
body.social-hub-document :where(.hubHeader, .heroRift, .pulseGrid article, .quickActionGrid > *) {
	border-color: var(--future-border);
	box-shadow: var(--future-glow);
}

:where(body[data-future-page], body.social-hub-document) [data-future-surface] {
	background-image: linear-gradient(145deg, var(--future-accent-faint), transparent 44%);
}

:where(body[data-future-page], body.social-hub-document) [data-future-aura] {
	position: relative;
	isolation: isolate;
}

:where(body[data-future-page], body.social-hub-document) [data-future-aura] > .future-aura-layer {
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: inherit;
	background: radial-gradient(
		360px circle at var(--future-pointer-x, 50%) var(--future-pointer-y, 50%),
		rgba(var(--future-accent), .16),
		transparent 60%
	);
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--future-motion-base) ease;
}

@media (hover: hover) and (pointer: fine) {
	:where(body[data-future-page], body.social-hub-document) [data-future-aura]:hover > .future-aura-layer {
		opacity: 1;
	}
}

:where(body[data-future-page], body.social-hub-document) [data-future-aura]:focus-within > .future-aura-layer {
	opacity: 1;
}

:where(body[data-future-page], body.social-hub-document) [data-future-aura] > :not(.future-aura-layer) {
	position: relative;
	z-index: var(--future-layer-content);
}

:where(body[data-future-page], body.social-hub-document) [data-future-action] {
	display: inline-flex;
	align-items: center;
	gap: .48rem;
}

:where(body[data-future-page], body.social-hub-document) [data-future-icon] {
	display: inline-grid;
	flex: 0 0 auto;
	place-items: center;
	inline-size: var(--future-icon-size);
	block-size: var(--future-icon-size);
	color: currentColor;
}

:where(body[data-future-page], body.social-hub-document) [data-future-icon] svg {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	filter: drop-shadow(0 0 8px rgba(var(--future-accent), .22));
}



/* CompactCSS source: /style/future-system/motion.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews every instant, yet no user should need animation to receive the meaning;
Awtsmoos.com keeps reveal visible-first, locally scoped, restrained, and fully still whenever reduced motion is the chosen screening.
*/
:where(body[data-future-page], body.social-hub-document).future-motion-ready [data-future-reveal] {
	opacity: .84;
	filter: blur(1px) saturate(.96);
	translate: 0 10px;
	transition:
		opacity var(--future-motion-slow) ease,
		filter var(--future-motion-slow) ease,
		translate 680ms var(--future-ease-out);
}

:where(body[data-future-page], body.social-hub-document).future-motion-ready [data-future-reveal].future-is-visible {
	opacity: 1;
	filter: none;
	translate: 0 0;
}

@media (prefers-reduced-motion: reduce) {
	:where(body[data-future-page], body.social-hub-document) [data-future-hero]::before,
	:where(body[data-future-page], body.social-hub-document) [data-future-hero]::after {
		animation: none;
	}

	:where(body[data-future-page], body.social-hub-document).future-motion-ready [data-future-reveal],
	:where(body[data-future-page], body.social-hub-document).future-motion-ready [data-future-reveal].future-is-visible {
		opacity: 1;
		filter: none;
		translate: none;
		transition: none;
	}
}



/* CompactCSS source: /style/future-system/interaction.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos answers every action before motion can claim importance; on
Awtsmoos.com the finite control rises when invited, settles when pressed, and
lets accessibility own focus so no competing style law paints the same state twice.
*/

:where(body[data-future-page], body.social-hub-document) [data-future-action],
body[data-future-page="wallet"] button,
body.social-hub-document .quickActionGrid > * {
	min-block-size: var(--future-touch);
	transform-origin: center;
	transition:
		translate var(--future-motion-fast) var(--future-ease),
		scale 100ms ease-out,
		border-color var(--future-motion-fast) ease,
		box-shadow var(--future-motion-medium) ease,
		background-color var(--future-motion-fast) ease;
}

@media (hover: hover) and (pointer: fine) {
	:where(body[data-future-page], body.social-hub-document) [data-future-action]:hover,
	body[data-future-page="wallet"] button:hover,
	body.social-hub-document .quickActionGrid > :hover {
		translate: 0 -2px;
		box-shadow: var(--future-glow-strong);
	}
}

:where(body[data-future-page], body.social-hub-document) [data-future-action]:active:not(:disabled, [aria-disabled="true"]),
body[data-future-page="wallet"] button:active:not(:disabled),
body.social-hub-document .quickActionGrid > :active:not([aria-disabled="true"]) {
	translate: 0 0;
	scale: .985;
	transition-duration: 80ms;
}

:where(body[data-future-page], body.social-hub-document) [data-future-action][aria-expanded="true"] {
	border-color: var(--future-border-strong);
	box-shadow: 0 0 0 1px var(--future-accent-soft), var(--future-glow);
}

:where(body[data-future-page], body.social-hub-document) :is(button, [data-future-action]):disabled,
:where(body[data-future-page], body.social-hub-document) [data-future-action][aria-disabled="true"] {
	cursor: not-allowed;
	opacity: .52;
	translate: none;
	scale: 1;
	box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
	:where(body[data-future-page], body.social-hub-document) [data-future-action],
	body[data-future-page="wallet"] button,
	body.social-hub-document .quickActionGrid > * {
		translate: none;
		scale: 1;
		transition: none;
	}
}



/* CompactCSS source: /style/future-system/icon-motion.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives every sign a living response without making motion the meaning;
Awtsmoos.com lets icons answer focus and fine-pointer intent, then return to stillness with no restless screening.
*/
:where(body[data-future-page], body.social-hub-document) [data-future-icon] {
	transition:
		translate var(--future-motion-base) var(--future-ease-out),
		rotate var(--future-motion-base) ease,
		scale var(--future-motion-base) ease;
}

:where(body[data-future-page], body.social-hub-document) :where([data-future-action], .searchWrap):focus-within [data-future-icon="play"] {
	translate: 2px 0;
	scale: 1.05;
}

:where(body[data-future-page], body.social-hub-document) :where([data-future-action], button):focus-visible [data-future-icon="send"] {
	translate: 3px -1px;
	rotate: -4deg;
}

:where(body[data-future-page], body.social-hub-document) [data-future-action]:focus-visible [data-future-icon="wallet"],
:where(body[data-future-page], body.social-hub-document) .searchWrap:focus-within [data-future-icon="search"],
:where(body[data-future-page], body.social-hub-document) [data-future-action]:focus-visible [data-future-icon="orbit"],
:where(body[data-future-page], body.social-hub-document) [data-future-action]:focus-visible [data-future-icon="create"],
:where(body[data-future-page], body.social-hub-document) [data-future-action]:focus-visible [data-future-icon="spark"] {
	scale: 1.06;
}

@media (hover: hover) and (pointer: fine) {
	:where(body[data-future-page], body.social-hub-document) :where([data-future-action], .searchWrap):hover [data-future-icon="play"] {
		translate: 2px 0;
		scale: 1.05;
	}

	:where(body[data-future-page], body.social-hub-document) :where([data-future-action], button):hover [data-future-icon="send"] {
		translate: 3px -1px;
		rotate: -4deg;
	}

	:where(body[data-future-page], body.social-hub-document) [data-future-action]:hover [data-future-icon="wallet"] {
		rotate: 8deg;
		scale: 1.06;
	}

	:where(body[data-future-page], body.social-hub-document) [data-future-action]:hover :where(
		[data-future-icon="search"],
		[data-future-icon="orbit"],
		[data-future-icon="create"],
		[data-future-icon="spark"],
		[data-future-icon="apps"]
	) {
		rotate: 6deg;
		scale: 1.08;
	}
}

@media (prefers-reduced-motion: reduce) {
	:where(body[data-future-page], body.social-hub-document) [data-future-icon] {
		translate: none;
		rotate: none;
		scale: 1;
		transition: none;
	}
}



/* CompactCSS source: /style/future-system/performance.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews what is hidden and what is seen; Awtsmoos.com therefore spends paint only where the eye can receive it clean.
Performance becomes a kindness when long catalogs, decorative aura, and motion remain bounded by real device capability.
*/
body[data-future-page="games"] .gamesCatalog,
body[data-future-page="apps"] [data-app-grid] {
	content-visibility: auto;
	contain-intrinsic-size: auto 900px;
}

@media (max-width: 680px) {
	body[data-future-page="games"] .gamesCatalog,
	body[data-future-page="apps"] [data-app-grid] {
		contain-intrinsic-size: auto 1500px;
	}
}

@media (hover: none), (pointer: coarse) {
	:where(body[data-future-page], body.social-hub-document) [data-future-aura] > .future-aura-layer {
		display: none;
	}
}

@media (update: slow) {
	:where(body[data-future-page], body.social-hub-document) [data-future-hero]::before,
	:where(body[data-future-page], body.social-hub-document) [data-future-hero]::after {
		animation: none;
	}
}

@media (prefers-reduced-data: reduce) {
	:where(body[data-future-page], body.social-hub-document) [data-future-hero]::after {
		display: none;
	}
}



/* CompactCSS source: /style/future-system/particles.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos, Atzmus beyond depth and glow, renews every luminous point before background or content can divide;
 * Awtsmoos.com lets quiet WebGL atmosphere remain a local, pointer-inert vessel beneath the page, fading whenever capability or preference says hide.
 */

body[data-future-page][data-future-particles] {
	--future-particle-opacity: .3;
	isolation: isolate;
}

body[data-future-page][data-future-particles] .futureParticleField {
	position: fixed;
	z-index: var(--future-layer-particles);
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	contain: strict;
	opacity: var(--future-particle-opacity);
	pointer-events: none;
	user-select: none;
	transition: opacity var(--future-duration-slow) var(--future-ease-standard);
}

body[data-future-page][data-future-particles]
	.futureParticleField:is(
		[data-particle-status="unavailable"],
		[data-particle-status="error"],
		[data-particle-status="stopped"]
	) {
	opacity: 0;
}

body[data-future-page="about"][data-future-particles] {
	--future-particle-opacity: .24;
}

body[data-future-page="apps"][data-future-particles] {
	--future-particle-opacity: .2;
}

@media (max-width: 48rem) {
	body[data-future-page][data-future-particles] {
		--future-particle-opacity: .18;
	}
}

@media (prefers-reduced-motion: reduce) {
	body[data-future-page][data-future-particles] .futureParticleField {
		transition: none;
	}
}

@media (prefers-reduced-data: reduce), (forced-colors: active) {
	body[data-future-page][data-future-particles] .futureParticleField {
		display: none;
	}
}



/* CompactCSS source: /style/future-system/disclosure.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos hides no truth behind ornament; Awtsmoos.com may fold advanced chambers only so the first view remains calm and clear.
Native details keep knowledge reachable, while focus, motion, touch, and expansion stay visibly near.
*/
:where(body[data-future-page], body.social-hub-document) details[data-future-disclosure] {
	border: 1px solid color-mix(in srgb, var(--future-line) 72%, transparent);
	border-radius: var(--future-radius-lg);
	background: color-mix(in srgb, var(--future-panel) 94%, transparent);
	overflow: clip;
}

:where(body[data-future-page], body.social-hub-document) details[data-future-disclosure] > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-block-size: var(--future-touch);
	padding: 12px 14px;
	cursor: pointer;
	list-style: none;
	user-select: none;
	transition:
		background-color var(--future-motion-base) ease,
		color var(--future-motion-base) ease;
}

:where(body[data-future-page], body.social-hub-document) details[data-future-disclosure] > summary::-webkit-details-marker {
	display: none;
}

:where(body[data-future-page], body.social-hub-document) details[data-future-disclosure] > summary::after {
	content: "⌄";
	font-size: 18px;
	line-height: 1;
	opacity: .62;
	transform: rotate(0deg);
	transition: transform var(--future-motion-base) ease, opacity var(--future-motion-base) ease;
}

:where(body[data-future-page], body.social-hub-document) details[data-future-disclosure][open] > summary {
	background: var(--future-accent-faint);
}

:where(body[data-future-page], body.social-hub-document) details[data-future-disclosure][open] > summary::after {
	opacity: .92;
	transform: rotate(180deg);
}

:where(body[data-future-page], body.social-hub-document) .futureDisclosureBody {
	padding: 0 14px 14px;
	animation: future-disclosure-reveal var(--future-motion-base) ease both;
}

@media (hover: hover) and (pointer: fine) {
	:where(body[data-future-page], body.social-hub-document) details[data-future-disclosure] > summary:hover {
		background: var(--future-accent-faint);
	}
}

@keyframes future-disclosure-reveal {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	:where(body[data-future-page], body.social-hub-document) details[data-future-disclosure] > summary::after,
	:where(body[data-future-page], body.social-hub-document) .futureDisclosureBody {
		animation: none;
		transition: none;
	}
}





/* CompactCSS source: /social-composer/styles/foundation.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * Composer contributes a writing context while inheriting canonical Geelooy controls.
 */
:root {
	font-family: var(--font-ui);
	background: var(--awt-bg-deep);
	color: var(--awt-ink);
}
* {
	box-sizing: border-box;
}
body {
	min-height: 100vh;
	margin: 0;
	background: linear-gradient(145deg, var(--awt-bg-deep), var(--awt-bg-night));
	color: var(--awt-ink);
}
button,
input,
textarea,
select {
	font: inherit;
}
:where(button, input, textarea, select) {
	border-radius: var(--radius-m);
}
:where(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
	width: 100%;
	min-width: 0;
	min-height: 46px;
	padding: .72rem .85rem;
	border: 1px solid var(--awt-line);
	background: var(--awt-surface);
	box-shadow: none;
	color: var(--awt-ink);
	font-size: max(16px, 1em);
	outline: 0;
}
textarea {
	min-height: 7rem;
	line-height: 1.55;
	resize: vertical;
}
:where(input, textarea)::placeholder {
	color: var(--awt-ink-faint);
}
:where(input:not([type="checkbox"]):not([type="radio"]), textarea, select):focus-visible {
	border-color: var(--g-focus);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--g-focus) 20%, transparent);
}
label:not(.sr-only) {
	display: grid;
	gap: .4rem;
	min-width: 0;
	color: var(--awt-ink-soft);
	font-size: var(--type-small);
	font-weight: 750;
}
:where(h1, h2, h3, p) {
	margin-top: 0;
}
h1 {
	margin-bottom: .4rem;
	font-size: clamp(2.2rem, 5vw, 4.5rem);
	line-height: .94;
	letter-spacing: -.055em;
}
h2 {
	margin-bottom: .75rem;
}
:where(code, pre) {
	font-family: var(--font-mono);
}
.backLink {
	color: var(--g-accent);
	text-decoration: none;
}
.eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	margin-bottom: .35rem;
	color: var(--awt-gold);
	font-size: var(--type-caption);
	font-weight: 850;
	letter-spacing: var(--tracking-caption);
	text-transform: uppercase;
}
.eyebrow::before {
	width: .4rem;
	height: .4rem;
	border-radius: 50%;
	background: currentColor;
	content: "";
}
.lede {
	max-width: 48rem;
	margin-bottom: 0;
	color: var(--awt-ink-soft);
}



/* CompactCSS source: /social-composer/styles/layout.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * Composer layout keeps writing primary, preview visible, and every panel inexpensive.
 */
.pageHeader {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--space-6);
	width: min(100%, var(--content-width));
	margin: 0 auto;
	padding: 1.25rem var(--page-gutter) 1rem;
}
.headerStats {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
}
.headerStats span {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	min-height: 32px;
	padding: .4rem .6rem;
	border: 1px solid var(--awt-line);
	border-radius: var(--radius-pill);
	background: var(--awt-surface-soft);
	color: var(--awt-ink-soft);
	font-size: var(--type-small);
}
.headerStats span::before {
	width: .35rem;
	height: .35rem;
	border-radius: 50%;
	background: var(--g-accent);
	content: "";
}
.composerLayout {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(20rem, .65fr);
	gap: var(--space-4);
	width: min(100%, var(--content-width));
	margin: 0 auto;
	padding: 0 var(--page-gutter) var(--space-7);
}
.composerColumn {
	display: grid;
	gap: var(--space-3);
	min-width: 0;
}
.previewColumn {
	min-width: 0;
}
.previewSticky {
	position: sticky;
	top: var(--space-4);
	display: grid;
	gap: var(--space-3);
	padding: var(--space-4);
	border: 1px solid var(--awt-line);
	border-radius: var(--radius-l);
	background: var(--awt-surface);
	box-shadow: var(--shadow-card);
}
.panel {
	min-width: 0;
	padding: var(--space-4);
	border: 1px solid var(--awt-line);
	border-radius: var(--radius-l);
	background: var(--awt-surface);
	box-shadow: var(--shadow-paper);
	contain: layout paint style;
}
.fieldGrid {
	display: grid;
	gap: .7rem;
}
.twoColumns {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.threeColumns {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.panelHeading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--space-4);
}
.panelHeading p,
.coordinate {
	color: var(--awt-ink-soft);
	font-size: var(--type-small);
}
.answerContext {
	margin-top: var(--space-3);
	padding: .7rem;
	border: 1px solid color-mix(in srgb, var(--awt-gold) 35%, var(--awt-line));
	border-radius: var(--radius-m);
	background: color-mix(in srgb, var(--awt-gold) 7%, var(--awt-surface));
}
.previewFocused .composerColumn {
	display: none;
}
.previewFocused .composerLayout {
	grid-template-columns: minmax(0, 56rem);
	justify-content: center;
}



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

.identityPanel {
	position: relative;
	overflow: hidden;
}

.identityPanel::after {
	position: absolute;
	top: -5rem;
	right: -4rem;
	width: 11rem;
	height: 11rem;
	border: 1px solid var(--line);
	border-radius: 50%;
	content: '';
	pointer-events: none;
	opacity: 0.35;
}

.panelHeading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

.panelHeading h2,
.panelHeading p {
	margin-top: 0;
}

.panelHeading p {
	color: var(--muted);
}

.inlineCreation {
	display: grid;
	grid-template-columns: minmax(10rem, 0.8fr) minmax(14rem, 1.2fr) auto;
	gap: 0.75rem;
	align-items: end;
	margin-top: 1rem;
	padding: 1rem;
	border: 1px dashed var(--line);
	border-radius: 1rem;
	background: color-mix(in srgb, var(--surface), transparent 16%);
}

.notice {
	padding: 0.8rem 1rem;
	border-left: 0.25rem solid var(--accent);
	border-radius: 0.5rem;
	background: color-mix(in srgb, var(--accent), transparent 88%);
}

.advancedIds {
	margin-top: 1rem;
	color: var(--muted);
}

.advancedIds[open] {
	padding: 0.8rem;
	border: 1px solid var(--line);
	border-radius: 0.75rem;
}

@media (max-width: 760px) {
	.inlineCreation {
		grid-template-columns: 1fr;
	}

	.panelHeading {
		align-items: stretch;
		flex-direction: column;
	}
}



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

.destinationWorkspace {
	display: grid;
	grid-template-columns: minmax(14rem, 0.75fr) minmax(18rem, 1.25fr);
	gap: 1rem;
	margin-top: 1rem;
}

.destinationResults,
.seriesBrowser {
	max-height: 26rem;
	overflow: auto;
	padding: 0.5rem;
	border: 1px solid var(--line);
	border-radius: 0.85rem;
	background: color-mix(in srgb, var(--surface), transparent 10%);
}

.heichelChoice {
	padding: 0.75rem;
	border-bottom: 1px solid var(--line);
}

.heichelChoice:last-child {
	border-bottom: 0;
}

.heichelChoice p,
.heichelChoice small {
	display: block;
	margin: 0.35rem 0 0;
	color: var(--muted);
}

.heichelOpenButton,
.seriesSelectButton {
	width: 100%;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	font-weight: 700;
	text-align: left;
}

.seriesChoice {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.45rem;
	align-items: center;
	margin-left: calc(var(--series-depth, 0) * 1rem);
	padding: 0.35rem 0;
	border-bottom: 1px dashed var(--line);
}

.seriesSelectButton small {
	display: block;
	margin-top: 0.2rem;
	color: var(--muted);
	font-weight: 400;
}

.destinationSummary,
.publicationPlanView,
.publicationPlanResult {
	white-space: pre-wrap;
}

.placementComposer {
	display: grid;
	grid-template-columns: minmax(8rem, 0.35fr) minmax(12rem, 1fr);
	gap: 0.75rem;
	margin: 1rem 0;
}

.secondaryPlacementCard {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 0.6rem;
	padding: 0.75rem;
	border: 1px solid var(--line);
	border-radius: 0.75rem;
}

.secondaryPlacementCard small {
	display: block;
	margin-top: 0.2rem;
	color: var(--muted);
}

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

.creationGrid textarea,
.creationGrid button {
	grid-column: 1 / -1;
}

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

@media (max-width: 880px) {
	.destinationWorkspace,
	.creationGrid,
	.placementComposer {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /social-composer/styles/editor.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
/*
	Blocks and verses appear as movable chambers with explicit controls instead of
	a hidden contenteditable spell. Awtsmoos.com keeps every transformation visible
	to the writer while the Awtsmoos gives language its ever-new inner life.
*/

.blockList,
.sectionList,
.subsectionList {
	display: grid;
	gap: 0.7rem;
}

.blockEditor,
.sectionEditor,
.subsectionEditor {
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 0.9rem;
	background: rgba(255, 255, 255, 0.035);
}

.blockEditor {
	padding: 0.7rem;
}

.sectionEditor {
	padding: 0.85rem;
	background: rgba(64, 82, 144, 0.09);
}

.subsectionEditor {
	padding: 0.75rem;
	background: rgba(255, 255, 255, 0.025);
}

.blockHeader,
.sectionHeader,
.markToolbar,
.mediaActions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.38rem;
}

.blockHeader,
.sectionHeader {
	margin-bottom: 0.55rem;
}

.blockHeader select {
	width: min(220px, 100%);
	margin-right: auto;
}

.sectionHeader > input {
	flex: 1 1 260px;
}

.markToolbar {
	margin-bottom: 0.45rem;
}

.markToolbar button,
.blockHeader button,
.sectionHeader button,
.secondaryAction {
	padding: 0.42rem 0.68rem;
	font-size: 0.78rem;
}

.blockEditor textarea {
	min-height: 6rem;
	font-family: inherit;
}

.blockEditor:has(select option[value="code"]:checked) textarea {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.coordinate,
.discussionCoordinate {
	display: inline-block;
	margin: 0 0 0.6rem;
	padding: 0.32rem 0.48rem;
	border-radius: 0.45rem;
	background: rgba(255, 217, 120, 0.1);
	color: #ffe59a;
	font-size: 0.72rem;
	overflow-wrap: anywhere;
}

.toggleLabel {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	align-self: center;
}

.toggleLabel input {
	width: auto;
}

.questionPanel {
	border-color: rgba(255, 217, 120, 0.3);
	background: linear-gradient(145deg, rgba(85, 61, 118, 0.3), rgba(8, 12, 28, 0.82));
}

.kindPanel > label,
.questionPanel > label {
	margin-top: 0.7rem;
}



/* CompactCSS source: /social-composer/styles/media.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
/*
	Media cards reveal whether a file is local, uploading, failed, or durably stored.
	Awtsmoos.com gives image, voice, video, and document a truthful visual state
	before any fleeting browser preview is mistaken for the Awtsmoos-given record.
*/
.mediaPanel {
	margin-top: 0.8rem;
}
.mediaDrop {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 5rem;
	border: 1px dashed rgba(188, 205, 255, 0.42);
	border-radius: 0.9rem;
	background: rgba(79, 101, 174, 0.08);
	color: #cbd5f4;
	text-align: center;
	cursor: pointer;
}
.mediaDrop.dragging,
.mediaDrop:hover {
	border-color: #ffe59a;
	background: rgba(255, 229, 154, 0.1);
}
.mediaDrop input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}
.mediaGrid,
.previewMedia {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 0.65rem;
	margin-top: 0.7rem;
}
.mediaCard {
	display: grid;
	gap: 0.55rem;
	padding: 0.65rem;
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 0.8rem;
	background: rgba(3, 5, 14, 0.55);
}
.mediaCard img,
.mediaCard video,
.mediaCard audio,
.previewMedia img,
.previewMedia video,
.previewMedia audio {
	display: block;
	width: 100%;
	max-height: 300px;
	border-radius: 0.65rem;
	object-fit: contain;
	background: rgba(0, 0, 0, 0.28);
}
.mediaMeta {
	display: grid;
	gap: 0.42rem;
	min-width: 0;
}
.mediaMeta strong,
.mediaMeta span {
	overflow-wrap: anywhere;
}
.mediaMeta span {
	color: #aeb9dd;
	font-size: 0.78rem;
}
.mediaActions {
	justify-content: flex-end;
}
.status-uploaded {
	border-color: rgba(148, 247, 191, 0.44);
}
.status-uploading {
	border-color: rgba(255, 229, 154, 0.5);
}
.status-failed {
	border-color: rgba(255, 132, 152, 0.58);
}
.documentIcon {
	display: grid;
	place-items: center;
	min-height: 9rem;
	border-radius: 0.65rem;
	background: linear-gradient(145deg, #29375f, #151b31);
	font-weight: 850;
}
.previewMedia figure {
	margin: 0;
}
.previewMedia figcaption {
	padding: 0.4rem 0.2rem 0;
	color: #aeb9dd;
	font-size: 0.8rem;
}



/* CompactCSS source: /social-composer/styles/archive-org.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives the local secret a quiet boundary beside the moving picture;
 * Awtsmoos.com makes storage truth visible without turning the composer into neon scripture.
 */

.composerArchiveStorage {
	display: grid;
	gap: 12px;
	margin: 12px 0;
	padding: 14px;
	border: 1px solid var(--border, rgba(255, 255, 255, 0.14));
	border-radius: 14px;
	background: color-mix(in srgb, var(--panel, #0b1020) 92%, transparent);
}

.composerArchiveStorage p {
	margin: 6px 0 0;
	color: var(--muted, #aeb7c8);
	line-height: 1.45;
}

#composerArchiveState[data-ready="true"] {
	color: var(--success, #86efac);
}

.composerArchiveForm {
	display: grid;
	gap: 10px;
	padding-top: 10px;
}

.composerArchiveForm label {
	display: grid;
	gap: 6px;
}

.composerArchiveForm input {
	min-height: 44px;
}

.composerArchiveForm .archiveRemember {
	display: flex;
	align-items: center;
	gap: 8px;
}

.composerArchiveActions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

@media (max-width: 720px), (pointer: coarse) {
	.composerArchiveActions button {
		flex: 1 1 140px;
		min-height: 44px;
	}

	.composerArchiveStorage a {
		display: inline-flex;
		align-items: center;
		min-width: 44px;
		min-height: 44px;
		box-sizing: border-box;
		padding-block: 8px;
	}
}

@media (forced-colors: active) {
	.composerArchiveStorage {
		border: 1px solid CanvasText;
	}
}



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

.publicationPanel {
	border-width: 2px;
}

.publicationPlanView,
.publicationPlanResult {
	min-height: 6rem;
	margin: 1rem 0 0;
	padding: 1rem;
	border: 1px solid var(--line);
	border-radius: 0.8rem;
	background: color-mix(in srgb, var(--surface), black 4%);
	font-size: 0.82rem;
	line-height: 1.6;
	overflow-wrap: anywhere;
}

.publicationPlanResult:empty {
	display: none;
}

.publicationPlanResult:not(:empty) {
	border-left: 0.3rem solid var(--accent);
}

.headerStats {
	display: grid;
	grid-template-columns: repeat(2, minmax(6rem, 1fr));
	gap: 0.5rem;
}

.headerStats span {
	padding: 0.55rem 0.7rem;
	border: 1px solid var(--line);
	border-radius: 0.7rem;
	background: color-mix(in srgb, var(--surface), transparent 10%);
	font-size: 0.8rem;
}

.headerStats b {
	display: block;
	font-size: 1.15rem;
}

.answerContext,
.questionFields {
	padding: 0.9rem;
	border: 1px solid var(--line);
	border-radius: 0.75rem;
	background: color-mix(in srgb, var(--accent), transparent 92%);
}

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

.questionFields label:last-child {
	grid-column: 1 / -1;
}

.previewFocused .composerColumn {
	display: none;
}

.previewFocused .composerLayout {
	grid-template-columns: minmax(0, 1fr);
	max-width: 72rem;
}

.previewFocused .previewColumn {
	max-width: none;
}

@media (max-width: 700px) {
	.headerStats,
	.questionFields {
		grid-template-columns: 1fr;
	}

	.questionFields label:last-child {
		grid-column: auto;
	}
}



/* CompactCSS source: /social-composer/styles/preview.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
/*
	The safe preview resembles a social card without becoming the final feed shell.
	Awtsmoos.com lets the writer inspect question policy, rich marks, media, verses,
	and comment coordinates before the Awtsmoos-given post enters public memory.
*/
.previewHeading {
	padding-bottom: 0.65rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.postPreview {
	padding: 1rem;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 0.95rem;
	background: linear-gradient(145deg, rgba(31, 42, 78, 0.64), rgba(5, 7, 17, 0.92));
	overflow-wrap: anywhere;
}
.previewHeader {
	margin-bottom: 1rem;
}
.previewHeader h1 {
	margin: 0.45rem 0;
	font-size: clamp(1.8rem, 4vw, 3rem);
}
.previewHeader > p {
	color: #b8c3e4;
}
.kindBadge {
	display: inline-flex;
	padding: 0.3rem 0.55rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.1);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.kind-question {
	background: rgba(255, 217, 120, 0.18);
	color: #ffe59a;
}
.kind-answer {
	background: rgba(149, 230, 255, 0.16);
	color: #bceeff;
}
.previewSummary,
.questionPolicy {
	padding: 0.7rem;
	border-radius: 0.7rem;
	background: rgba(255, 255, 255, 0.055);
}
.questionPolicy {
	border-left: 3px solid #ffd978;
	color: #e9ddba;
}
.postPreview blockquote {
	margin: 0.9rem 0;
	padding-left: 1rem;
	border-left: 3px solid #9fb7ff;
	color: #d8e0ff;
}
.postPreview aside {
	padding: 0.75rem;
	border-radius: 0.7rem;
	background: rgba(255, 217, 120, 0.09);
}
.postPreview pre,
.payloadDetails pre {
	max-width: 100%;
	overflow: auto;
	padding: 0.8rem;
	border-radius: 0.7rem;
	background: #03050d;
	white-space: pre-wrap;
}
.postPreview a {
	color: #b9cdff;
}
.bulletLine::before {
	content: '• ';
	color: #ffd978;
}
.numberLine {
	counter-increment: previewLine;
}
.numberLine::before {
	content: counter(previewLine) '. ';
	color: #ffd978;
}
.previewSection {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.previewSubsection {
	margin: 0.75rem 0 0 1rem;
	padding: 0.75rem;
	border-left: 2px solid rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.025);
}
.payloadDetails {
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 0.75rem;
	padding: 0.7rem;
	background: rgba(3, 5, 14, 0.48);
}
.payloadDetails summary {
	cursor: pointer;
	font-weight: 800;
}



/* CompactCSS source: /social-composer/styles/actions.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * Composer actions remain visible without blur, gradients, or unstable width.
 */
.actionBar {
	position: sticky;
	z-index: var(--z-sticky);
	bottom: max(.65rem, env(safe-area-inset-bottom));
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	padding: .65rem;
	border: 1px solid var(--awt-line-strong);
	border-radius: var(--radius-l);
	background: var(--awt-surface);
	box-shadow: var(--shadow-float);
}
.actionBar button {
	flex: 0 1 auto;
	min-height: 44px;
}
.publishButton,
.primaryAction {
	border-color: var(--g-accent);
	background: var(--g-accent);
	color: #fff;
	font-weight: 820;
}
.publishButton::after,
.primaryAction::after {
	content: "→";
	font-weight: 900;
}
.statusMessage {
	margin: 0;
	padding: .75rem 1rem;
	border: 1px solid var(--awt-line);
	border-radius: var(--radius-m);
	background: var(--awt-surface-soft);
	color: var(--awt-ink-soft);
}
.statusMessage[data-kind="error"] {
	border-color: color-mix(in srgb, var(--awt-danger) 42%, var(--awt-line));
	background: color-mix(in srgb, var(--awt-danger) 7%, var(--awt-surface));
	color: var(--awt-danger);
}
.statusMessage[data-kind="success"] {
	border-color: color-mix(in srgb, var(--awt-success) 42%, var(--awt-line));
	background: color-mix(in srgb, var(--awt-success) 7%, var(--awt-surface));
	color: var(--awt-success);
}
.statusMessage[data-kind="working"] {
	border-color: color-mix(in srgb, var(--awt-warning) 42%, var(--awt-line));
	background: color-mix(in srgb, var(--awt-warning) 7%, var(--awt-surface));
	color: var(--awt-warning);
}



/* CompactCSS source: /social-composer/styles/responsive.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * Composer preserves every capability while changing density for smaller vessels.
 */
@media (max-width: 65.625rem) {
	.composerLayout {
		grid-template-columns: 1fr;
	}
	.previewSticky {
		position: static;
	}
}
@media (max-width: 42.5rem) {
	.pageHeader {
		align-items: stretch;
		flex-direction: column;
		padding-inline: .75rem;
	}
	.composerLayout {
		padding-inline: .75rem;
	}
	.twoColumns,
	.threeColumns {
		grid-template-columns: 1fr;
	}
	.panelHeading {
		align-items: stretch;
		flex-direction: column;
	}
	.actionBar {
		bottom: max(.45rem, env(safe-area-inset-bottom));
	}
	.actionBar button {
		flex: 1 1 45%;
	}
}
@media (max-width: 37.5rem) {
	.blockHeader select {
		flex-basis: 100%;
	}
	.sectionHeader {
		align-items: stretch;
		flex-direction: column;
	}
	.actionBar button {
		flex-basis: 100%;
	}
}
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}



/* CompactCSS source: /social-composer/styles/accessibility.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives every composing hand a visible, touchable path. This
 * Awtsmoos.com layer owns only accessibility: names remain in HTML and JS,
 * while focus, summaries, editors, and primary actions remain physically clear.
 */

:where(button, summary, [role="button"]) {
	min-block-size: 44px;
}

summary {
	display: flex;
	align-items: center;
	gap: .55rem;
	padding: .62rem .75rem;
	border-radius: var(--radius-m);
	cursor: pointer;
	font-weight: 800;
}

summary:is(:hover, :focus-visible) {
	background: var(--awt-surface-soft);
}

:where(.markToolbar, .blockHeader, .sectionHeader, .mediaActions) button {
	block-size: auto !important;
	min-inline-size: 44px !important;
	min-block-size: 44px !important;
	padding: .55rem .7rem;
}

label:has(input[type="checkbox"]),
label:has(input[type="radio"]) {
	display: inline-flex;
	align-items: center;
	gap: .6rem;
	min-block-size: 44px;
	padding-block: .35rem;
	cursor: pointer;
}

:where(input[type="checkbox"], input[type="radio"]) {
	inline-size: 1.25rem;
	block-size: 1.25rem;
	accent-color: var(--g-accent);
}

.publishButton,
.primaryAction {
	color: #03101b;
}

:where(button, summary, input, textarea, select):focus-visible {
	outline: 3px solid var(--g-focus);
	outline-offset: 3px;
}

:where(button, summary, [role="button"]):disabled,
[aria-disabled="true"] {
	cursor: not-allowed;
	opacity: .58;
}

@media (max-width: 42.5rem) {
	summary {
		inline-size: 100%;
	}

	:where(.markToolbar, .blockHeader, .sectionHeader, .mediaActions) {
		gap: .45rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	:where(button, summary, input, textarea, select) {
		transition: none !important;
	}
}



/* CompactCSS source: /social-composer/styles/surface-contract.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The unified composer resolves its final visible law through focused token,
 * field, action, and content vessels. Every module remains small enough to audit
 * while the Awtsmoos.com route keeps one coherent surface contract.
 */


/* CompactCSS source: /social-composer/styles/surface-contract/tokens.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives the composer one stable dark vocabulary after every shared
 * import resolves. Awtsmoos.com panels, ink, accents, and borders no longer
 * depend on historical light tokens or operating-system preference.
 */

:root {
	color-scheme: dark;
	--line: rgba(255, 255, 255, .13);
	--surface: #111722;
	--muted: #aab7ca;
	--accent: #58c7d8;
	--composer-bg: #070b12;
	--composer-panel: #101824;
	--composer-panel-soft: #162130;
	--composer-panel-raised: #1a2738;
	--composer-text: #f5f7fb;
	--composer-muted: #b7c3d4;
	--composer-faint: #8f9eb3;
	--composer-line: rgba(255, 255, 255, .14);
	--composer-line-strong: rgba(255, 255, 255, .24);
}

body {
	background: #070b12;
	color: var(--composer-text);
}

.pageHeader,
.composerLayout {
	color: var(--composer-text);
}

.panel,
.previewSticky,
.actionBar {
	border-color: var(--composer-line);
	background: var(--composer-panel);
	box-shadow: 0 1rem 2.8rem rgba(0, 0, 0, .28);
	color: var(--composer-text);
}

.panelHeading p,
.lede,
.notice,
.emptyState,
.destinationSummary,
.publicationPlanView,
.publicationPlanResult {
	color: var(--composer-muted);
}

:where(label:not(.sr-only), .panelHeading h2, .panel h3, .previewSticky h2) {
	color: var(--composer-text);
}



/* CompactCSS source: /social-composer/styles/surface-contract/fields.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives every composer field one durable dark vessel. Awtsmoos.com
 * inputs, textareas, selects, placeholders, and focus states remain immediate,
 * readable, and independent of shared import order.
 */

:where(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
	min-block-size: 48px;
	border: 1px solid var(--composer-line-strong) !important;
	border-radius: .8rem !important;
	background: var(--composer-panel-soft) !important;
	box-shadow: inset 0 1px rgba(255, 255, 255, .035) !important;
	color: var(--composer-text) !important;
	font-size: max(16px, 1rem);
	transition: none !important;
}

textarea {
	min-block-size: 8rem;
}

:where(input, textarea)::placeholder {
	color: var(--composer-faint) !important;
	opacity: 1;
}

:where(input, textarea, select):focus-visible {
	border-color: #58c7d8 !important;
	background: #192738 !important;
	box-shadow: 0 0 0 3px rgba(88, 199, 216, .16) !important;
}

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

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



/* CompactCSS source: /social-composer/styles/surface-contract/actions.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Composer actions render in final dark and primary states immediately.
 */

:where(button, summary) {
	min-block-size: 44px;
	border: 1px solid var(--composer-line-strong);
	border-radius: .75rem;
	background: var(--composer-panel-soft);
	box-shadow: none;
	color: var(--composer-text);
	font-weight: 780;
	transition: none !important;
}

:where(button, summary):is(:hover, :focus-visible) {
	border-color: rgba(88, 199, 216, .58);
	background: var(--composer-panel-raised);
	color: #b9f0f6;
}

.publishButton,
.primaryAction {
	border-color: #58c7d8;
	background: #58c7d8;
	color: #061018;
	font-weight: 880;
}

:where(details) {
	margin-block: .75rem;
	border: 1px solid var(--composer-line);
	border-radius: .85rem;
	background: #0d151f;
}

:where(details > summary) {
	padding: .72rem .85rem;
	list-style: none;
}

:where(details[open] > summary) {
	border-radius: .82rem .82rem 0 0;
	border-bottom-color: var(--composer-line);
}

:where(details > :not(summary)) {
	margin-inline: .85rem;
}



/* CompactCSS source: /social-composer/styles/surface-contract/content.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Editor blocks, destinations, previews, plans, and source text share one final
 * readable content vessel throughout the Awtsmoos.com composer.
 */

.blockEditor,
.sectionEditor,
.subsectionEditor,
.destinationResults,
.seriesBrowser,
.inlineCreation,
.previewColumn article,
.publicationPlanView,
.publicationPlanResult {
	border-color: var(--composer-line);
	background: #0e1722;
	color: var(--composer-text);
}

:where(pre, code) {
	color: #c9e7eb;
}

@media (max-width: 700px) {
	.panel,
	.previewSticky {
		padding: .9rem;
		border-radius: 1rem;
	}
}





/* CompactCSS source: /social-composer/styles/redesign/index.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers the complete composer cascade in deliberate ownership order;
 * Awtsmoos.com lets the final mode rail guide every prior surface without replacing it.
 */

/* CompactCSS source: /social-composer/styles/redesign/tokens.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives identity, destination, writing, structure, preview, and
 * publication one measured editorial language inside the social composer.
 */

.composer-civilization-document {
	--composer-bg: #07090d;
	--composer-surface-0: #090c12;
	--composer-surface-1: #0e131b;
	--composer-surface-2: #141b25;
	--composer-surface-3: #1b2532;
	--composer-raised: #222e3d;
	--composer-border-soft: rgba(214, 225, 238, .08);
	--composer-border: rgba(214, 225, 238, .14);
	--composer-border-strong: rgba(214, 225, 238, .24);
	--composer-text: #f1f5f9;
	--composer-text-soft: #c4ced9;
	--composer-text-muted: #8795a6;
	--composer-text-faint: #637083;
	--composer-violet: #b978ef;
	--composer-violet-strong: #8d4bc3;
	--composer-violet-soft: rgba(185, 120, 239, .15);
	--composer-cyan: #59bdd2;
	--composer-cyan-soft: rgba(89, 189, 210, .15);
	--composer-amber: #f2c96d;
	--composer-amber-soft: rgba(242, 201, 109, .15);
	--composer-green: #78bd76;
	--composer-green-soft: rgba(120, 189, 118, .15);
	--composer-danger: #ff9292;
	--composer-danger-soft: rgba(255, 146, 146, .13);
	--composer-focus: #e5b8ff;
	--composer-radius-xs: .4rem;
	--composer-radius-sm: .62rem;
	--composer-radius-md: .82rem;
	--composer-radius-lg: 1.05rem;
	--composer-radius-xl: 1.35rem;
	--composer-control-sm: 2.3rem;
	--composer-control: 2.75rem;
	--composer-control-lg: 3.1rem;
	--composer-space-1: .3rem;
	--composer-space-2: .5rem;
	--composer-space-3: .75rem;
	--composer-space-4: 1rem;
	--composer-space-5: 1.35rem;
	--composer-shadow-soft: 0 .7rem 1.8rem rgba(0, 0, 0, .22);
	--composer-shadow-raised: 0 1.25rem 3rem rgba(0, 0, 0, .4);
	--composer-transition: 150ms ease;
	--composer-scrollbar: #3b4758;
	--composer-scrollbar-track: #090d13;
}



/* CompactCSS source: /social-composer/styles/redesign/accessibility.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Focus, motion preference, contrast, touch geometry, selection, and scrolling
 * remain explicit across every truthful composer vessel.
 */

.composer-civilization-document :is(button, input, textarea, select, a):focus-visible {
	outline: 2px solid var(--composer-focus);
	outline-offset: 2px;
	box-shadow: 0 0 0 4px rgba(185, 120, 239, .15);
}

.composer-civilization-document :is(button, input, textarea, select, a):disabled {
	cursor: not-allowed;
	opacity: .5;
}

.composer-civilization-document ::selection {
	background: rgba(185, 120, 239, .34);
	color: #fff;
}

.composer-civilization-document :is(.previewColumn, .playlist-sheet-list, textarea) {
	scrollbar-color: var(--composer-scrollbar) var(--composer-scrollbar-track);
	scrollbar-width: thin;
}

.composer-civilization-document :is(.previewColumn, .playlist-sheet-list, textarea)::-webkit-scrollbar {
	inline-size: .65rem;
	block-size: .65rem;
}

.composer-civilization-document :is(.previewColumn, .playlist-sheet-list, textarea)::-webkit-scrollbar-thumb {
	border: 2px solid var(--composer-scrollbar-track);
	border-radius: 999px;
	background: var(--composer-scrollbar);
}

@media (hover: hover) {
	.composer-civilization-document button:hover,
	.composer-civilization-document .civilization-button:hover {
		border-color: var(--composer-border-strong);
		background-color: var(--composer-raised);
		color: var(--composer-text);
	}
}

@media (pointer: coarse) {
	.composer-civilization-document :is(button, input, textarea, select, a, summary, label) {
		min-block-size: 2.75rem;
	}
}

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

@media (forced-colors: active) {
	.composer-civilization-document :is(.majorPanel, .previewSticky, .sectionEditor, .mediaCard, dialog) {
		border: 1px solid CanvasText;
		forced-color-adjust: auto;
	}
}



/* CompactCSS source: /social-composer/styles/redesign/shell.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The full publisher becomes a calm editorial chamber where writing dominates
 * and preview remains a readable companion instead of a technical inspector.
 */

.composer-civilization-document {
	min-block-size: 100dvh;
	background:
		radial-gradient(circle at 50% -10%, rgba(185, 120, 239, .08), transparent 28rem),
		var(--composer-bg);
	color: var(--composer-text);
}

.composer-civilization-header {
	position: sticky;
	top: 0;
	z-index: 80;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: .75rem;
	min-block-size: 4.15rem;
	padding: .55rem max(.8rem, env(safe-area-inset-left));
	border-block-end: 1px solid var(--composer-border);
	background: rgba(10, 14, 21, .94);
	box-shadow: 0 .45rem 1.4rem rgba(0, 0, 0, .2);
	backdrop-filter: blur(14px);
}

.composer-title-group {
	min-inline-size: 0;
	text-align: center;
}

.composer-title-group h1 {
	margin: 0;
	color: var(--composer-text);
	font-size: 1.12rem;
	letter-spacing: -.015em;
}

.composer-title-group p {
	margin: .12rem 0 0;
	overflow: hidden;
	color: var(--composer-text-muted);
	font-size: .68rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.composer-civilization-document .composerLayout {
	inline-size: min(100%, 82rem);
	padding-block: 1rem 2rem;
}

.composer-civilization-document .composerColumn {
	gap: .75rem;
}

.composer-civilization-document .majorPanel {
	position: relative;
	border: 1px solid var(--composer-border);
	border-radius: var(--composer-radius-lg);
	background: linear-gradient(145deg, var(--composer-surface-1), #0c1118);
	box-shadow: var(--composer-shadow-soft), inset 0 1px rgba(255, 255, 255, .02);
	overflow: hidden;
}

.composer-civilization-document .contentPanel {
	border-color: rgba(185, 120, 239, .3);
	background:
		linear-gradient(145deg, rgba(185, 120, 239, .045), transparent 32%),
		var(--composer-surface-1);
}

.composer-civilization-document .previewSticky {
	border: 1px solid var(--composer-border);
	border-radius: var(--composer-radius-lg);
	background: linear-gradient(145deg, #111821, var(--composer-surface-1));
	box-shadow: var(--composer-shadow-soft);
}

.composer-civilization-document .previewColumn {
	min-inline-size: 0;
}



/* CompactCSS source: /social-composer/styles/redesign/panel-headings.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Every major panel declares its role through one calm summary row and a semantic
 * accent rail rather than unrelated background colors.
 */

.composer-civilization-document .majorPanel::before {
	position: absolute;
	z-index: 2;
	inset-block: .75rem;
	inset-inline-start: 0;
	inline-size: 2px;
	border-radius: 999px;
	background: var(--composer-text-faint);
	content: '';
}

.composer-civilization-document :is(.identityPanel, .destinationPanel)::before {
	background: var(--composer-cyan);
}

.composer-civilization-document .contentPanel::before {
	background: var(--composer-violet);
}

.composer-civilization-document .publicationPanel::before {
	background: var(--composer-amber);
}

.composer-civilization-document .majorPanel > summary {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	min-block-size: 3.4rem;
	padding: .65rem .85rem;
	cursor: pointer;
	list-style: none;
}

.composer-civilization-document .majorPanel > summary::-webkit-details-marker {
	display: none;
}

.composer-civilization-document .majorPanel > summary::after {
	color: var(--composer-text-faint);
	font-size: 1rem;
	content: '›';
	transform: rotate(90deg);
	transition: transform var(--composer-transition), color var(--composer-transition);
}

.composer-civilization-document .majorPanel:not([open]) > summary::after {
	transform: rotate(0);
}

.composer-civilization-document .majorPanel[open] > summary {
	border-block-end: 1px solid var(--composer-border-soft);
	background: rgba(255, 255, 255, .018);
}

.composer-civilization-document .majorPanel > summary > span {
	display: grid;
	min-inline-size: 0;
	gap: .12rem;
}

.composer-civilization-document .majorPanel > summary strong {
	overflow: hidden;
	color: var(--composer-text-soft);
	font-size: .84rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.composer-civilization-document .civilization-kicker {
	color: var(--composer-violet);
	font-size: .6rem;
	font-weight: 850;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.composer-civilization-document :is(.identityPanel, .destinationPanel) .civilization-kicker {
	color: var(--composer-cyan);
}

.composer-civilization-document .publicationPanel .civilization-kicker {
	color: var(--composer-amber);
}



/* CompactCSS source: /social-composer/styles/redesign/forms.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * One control language binds alias, destination, writing, structure, and
 * publication without making the living post resemble an administration form.
 */

.composer-civilization-document .majorPanelBody {
	display: grid;
	gap: .8rem;
	padding: .85rem;
}

.composer-civilization-document label {
	display: grid;
	gap: .3rem;
	color: var(--composer-text-muted);
	font-size: .67rem;
	font-weight: 760;
}

.composer-civilization-document :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
	inline-size: 100%;
	min-inline-size: 0;
	min-block-size: var(--composer-control);
	padding: .55rem .68rem;
	border: 1px solid var(--composer-border);
	border-radius: var(--composer-radius-sm);
	background: var(--composer-surface-0);
	color: var(--composer-text);
	font: inherit;
	transition: border-color var(--composer-transition), background var(--composer-transition);
}

.composer-civilization-document :is(input, textarea)::placeholder {
	color: var(--composer-text-faint);
}

.composer-civilization-document textarea {
	min-block-size: 5rem;
	line-height: 1.55;
	resize: vertical;
}

.composer-civilization-document select {
	appearance: none;
	background-image:
		linear-gradient(45deg, transparent 50%, var(--composer-text-muted) 50%),
		linear-gradient(135deg, var(--composer-text-muted) 50%, transparent 50%);
	background-position: calc(100% - .9rem) 50%, calc(100% - .6rem) 50%;
	background-repeat: no-repeat;
	background-size: .3rem .3rem;
	padding-inline-end: 1.7rem;
}

.composer-civilization-document :is(input, textarea, select):hover {
	border-color: var(--composer-border-strong);
	background-color: #0b1017;
}

.composer-civilization-document input[type="checkbox"],
.composer-civilization-document input[type="radio"] {
	inline-size: 1rem;
	block-size: 1rem;
	margin: 0;
	accent-color: var(--composer-violet);
}

.composer-civilization-document label:has(> input[type="checkbox"]),
.composer-civilization-document label:has(> input[type="radio"]) {
	display: flex;
	align-items: center;
	gap: .5rem;
	min-block-size: var(--composer-control-sm);
	color: var(--composer-text-soft);
}

.composer-civilization-document :is(.twoColumns, .threeColumns, .creationGrid, .placementComposer) {
	gap: .65rem;
}

.composer-civilization-document .notice,
.composer-civilization-document .answerContext,
.composer-civilization-document .questionFields {
	padding: .72rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: var(--composer-radius-md);
	background: rgba(255, 255, 255, .02);
	color: var(--composer-text-muted);
}

.composer-civilization-document .notice {
	border-color: rgba(255, 146, 146, .24);
	background: var(--composer-danger-soft);
	color: #ffc3c3;
}

.composer-civilization-document #title {
	min-block-size: 3.35rem;
	font-size: 1.12rem;
	font-weight: 800;
}

.composer-civilization-document #summary {
	min-block-size: 5rem;
}



/* CompactCSS source: /social-composer/styles/redesign/actions.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Publishing remains the only dominant action while saving, previewing, clearing,
 * creating, and cancelling retain distinct but subordinate evidence.
 */

.composer-civilization-document button,
.composer-civilization-document .civilization-button {
	min-block-size: var(--composer-control);
	padding: .5rem .72rem;
	border: 1px solid var(--composer-border);
	border-radius: var(--composer-radius-sm);
	background: var(--composer-surface-2);
	box-shadow: inset 0 1px rgba(255, 255, 255, .025);
	color: var(--composer-text-soft);
	font: inherit;
	font-size: .72rem;
	font-weight: 790;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: border-color var(--composer-transition), background var(--composer-transition), color var(--composer-transition), transform var(--composer-transition);
}

.composer-civilization-document button:active,
.composer-civilization-document .civilization-button:active {
	transform: translateY(1px);
}

.composer-civilization-document :is(.primaryAction, .publishButton, [data-publish-confirm]) {
	border-color: rgba(242, 201, 109, .68);
	background: linear-gradient(180deg, #f7da8b, var(--composer-amber));
	box-shadow: 0 .35rem .9rem rgba(217, 168, 60, .16);
	color: #211706;
}

.composer-civilization-document :is(#clearDraftButton, [data-section-remove], [data-subsection-remove], [data-media-remove]) {
	border-color: rgba(255, 146, 146, .2);
	background: var(--composer-danger-soft);
	color: #ffc1c1;
}

.composer-civilization-document .sectionHeading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
}

.composer-civilization-document .sectionHeading > :is(p, h3) {
	margin: 0;
}

.composer-civilization-document .actionBar {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .45rem;
	padding: .65rem;
	border: 1px solid var(--composer-border);
	border-radius: var(--composer-radius-lg);
	background: linear-gradient(180deg, var(--composer-surface-2), var(--composer-surface-1));
	box-shadow: var(--composer-shadow-soft);
}

.composer-civilization-document .actionBar .publishButton {
	grid-column: 1 / -1;
	grid-row: 1;
	min-block-size: var(--composer-control-lg);
	font-size: .86rem;
}

.composer-civilization-document .statusMessage {
	padding: .7rem .8rem;
	border: 1px solid var(--composer-border);
	border-radius: var(--composer-radius-md);
	background: var(--composer-surface-2);
	color: var(--composer-text-soft);
}

.composer-civilization-document dialog {
	max-inline-size: min(32rem, calc(100vw - 2rem));
	padding: 1rem;
	border: 1px solid var(--composer-border-strong);
	border-radius: var(--composer-radius-lg);
	background: var(--composer-surface-1);
	box-shadow: var(--composer-shadow-raised);
	color: var(--composer-text);
}

.composer-civilization-document dialog::backdrop {
	background: rgba(3, 5, 9, .78);
	backdrop-filter: blur(7px);
}

.composer-civilization-document .publish-dialog-actions {
	display: flex;
	justify-content: flex-end;
	gap: .55rem;
	margin-block-start: 1rem;
}



/* CompactCSS source: /social-composer/styles/redesign/tools.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Common creative acts, metrics, helper notes, and technical receipts remain
 * compact around the writing surface while preserving their real controller paths.
 */

.composer-social-tools {
	display: flex;
	gap: .4rem;
	overflow-x: auto;
	padding: .12rem 0 .3rem;
	scrollbar-width: none;
}

.composer-social-tools::-webkit-scrollbar {
	display: none;
}

.composer-social-tools button {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	gap: .38rem;
	min-block-size: 2.55rem;
	padding: .48rem .72rem;
	border-radius: 999px;
	font-size: .72rem;
}

.composer-social-tools button > span {
	color: var(--composer-cyan);
	font-size: .95rem;
}

.composer-social-tools button[data-composer-tool="torah"] > span,
.composer-social-tools button[data-composer-tool="audience"] > span {
	color: var(--composer-amber);
}

.composer-civilization-document #composerMetricsText {
	padding: .28rem .5rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: 999px;
	background: rgba(255, 255, 255, .02);
	color: var(--composer-text-muted);
	font-size: .62rem;
	font-variant-numeric: tabular-nums;
}

.composer-civilization-document :is(.inlineCreation, .creationGrid, .placementComposer, .questionFields) {
	padding: .7rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: var(--composer-radius-md);
	background: rgba(255, 255, 255, .018);
}

.composer-civilization-document .publication-support-note,
.composer-civilization-document #destinationMode,
.composer-civilization-document #titleHelp {
	margin: 0;
	color: var(--composer-text-faint);
	font-size: .64rem;
	line-height: 1.5;
}

.composer-civilization-document :is(pre, code) {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.composer-civilization-document :is(.advancedIds, .publicationPanel details, .contentPanel > .majorPanelBody > details) {
	border: 1px solid var(--composer-border-soft);
	border-radius: var(--composer-radius-md);
	background: rgba(255, 255, 255, .012);
}

.composer-civilization-document :is(.advancedIds, .publicationPanel details, .contentPanel > .majorPanelBody > details) > summary {
	padding: .65rem .72rem;
	color: var(--composer-text-soft);
	font-size: .7rem;
	font-weight: 760;
	cursor: pointer;
}

.composer-civilization-document :is(.advancedIds, .publicationPanel details, .contentPanel > .majorPanelBody > details)[open] > summary {
	border-block-end: 1px solid var(--composer-border-soft);
}



/* CompactCSS source: /social-composer/styles/redesign/destination.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Canonical Heichel and series selection become one legible destination receipt,
 * while secondary placement and inline creation remain visibly subordinate.
 */

.composer-civilization-document .destinationWorkspace {
	gap: .7rem;
}

.composer-civilization-document .destinationResults,
.composer-civilization-document .seriesBrowser {
	display: grid;
	gap: .42rem;
}

.composer-civilization-document :is(.heichelChoice, .seriesChoice) {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: .5rem;
	padding: .5rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: var(--composer-radius-sm);
	background: var(--composer-surface-2);
}

.composer-civilization-document :is(.heichelChoice, .seriesChoice):has(:checked),
.composer-civilization-document :is(.heichelChoice, .seriesChoice)[aria-current] {
	border-color: rgba(89, 189, 210, .48);
	background: var(--composer-cyan-soft);
}

.composer-civilization-document :is(.heichelOpenButton, .seriesSelectButton) {
	justify-content: flex-start;
	text-align: start;
}

.composer-civilization-document .destinationSummary {
	min-block-size: 5rem;
	margin: 0;
	padding: .72rem;
	border: 1px solid rgba(89, 189, 210, .25);
	border-radius: var(--composer-radius-md);
	background: linear-gradient(145deg, var(--composer-cyan-soft), rgba(255, 255, 255, .012));
	color: var(--composer-text-soft);
	font-size: .64rem;
	line-height: 1.5;
	white-space: pre-wrap;
}

.composer-civilization-document .secondaryPlacementCard {
	display: grid;
	gap: .55rem;
	padding: .68rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: var(--composer-radius-md);
	background: rgba(255, 255, 255, .018);
}

.composer-civilization-document .destinationPanel h3 {
	margin: .25rem 0 0;
	color: var(--composer-text-soft);
	font-size: .75rem;
}

.composer-civilization-document .destinationPanel .emptyState {
	padding: .7rem;
	border: 1px dashed var(--composer-border);
	border-radius: var(--composer-radius-sm);
	color: var(--composer-text-faint);
	font-size: .66rem;
	text-align: center;
}



/* CompactCSS source: /social-composer/styles/redesign/publication.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Publication becomes a four-step readiness gate with truthful visibility,
 * scheduling, plan, and result receipts rather than an undifferentiated form.
 */

.composer-civilization-document .publishing-checklist {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.composer-civilization-document .publishing-checklist li {
	display: grid;
	gap: .12rem;
	padding: .65rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: var(--composer-radius-sm);
	background: rgba(255, 255, 255, .018);
}

.composer-civilization-document .publishing-checklist li::before {
	inline-size: .48rem;
	block-size: .48rem;
	margin-block-end: .2rem;
	border-radius: 50%;
	background: var(--composer-amber);
	box-shadow: 0 0 .5rem rgba(242, 201, 109, .35);
	content: '';
}

.composer-civilization-document .publishing-checklist li.is-complete::before,
.composer-civilization-document .publishing-checklist li[data-ready="true"]::before {
	background: var(--composer-green);
	box-shadow: 0 0 .5rem rgba(120, 189, 118, .35);
}

.composer-civilization-document .publishing-checklist span {
	color: var(--composer-text-soft);
	font-size: .68rem;
	font-weight: 760;
}

.composer-civilization-document .publishing-checklist small {
	color: var(--composer-text-faint);
	font-size: .58rem;
}

.composer-civilization-document :is(.publicationPlanView, .publicationPlanResult) {
	max-block-size: 18rem;
	margin: .65rem;
	padding: .72rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: var(--composer-radius-sm);
	background: var(--composer-surface-0);
	color: var(--composer-text-muted);
	font-size: .6rem;
	line-height: 1.5;
	overflow: auto;
	white-space: pre-wrap;
}

.composer-civilization-document .publicationPlanResult:not(:empty) {
	border-color: rgba(120, 189, 118, .25);
	background: var(--composer-green-soft);
	color: #cdeacc;
}



/* CompactCSS source: /social-composer/styles/redesign/preview.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Preview becomes a calm reading sheet where title, summary, questions, verses,
 * media, and discussion coordinates resemble the post rather than a debug panel.
 */

.composer-civilization-document .previewSticky {
	padding: .8rem;
}

.composer-civilization-document .previewHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .7rem;
	padding-block-end: .65rem;
	border-block-end: 1px solid var(--composer-border-soft);
}

.composer-civilization-document .previewHeader :is(h2, h3, p) {
	margin: 0;
}

.composer-civilization-document .previewHeader h2,
.composer-civilization-document .previewHeader h3 {
	color: var(--composer-text);
	font-size: .86rem;
}

.composer-civilization-document .previewStats {
	display: inline-flex;
	gap: .38rem;
	padding: .28rem .48rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: 999px;
	color: var(--composer-text-muted);
	font-size: .58rem;
	font-variant-numeric: tabular-nums;
}

.composer-civilization-document .previewPost {
	display: grid;
	gap: .8rem;
	padding-block-start: .8rem;
}

.composer-civilization-document .previewSummary {
	padding: .7rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: var(--composer-radius-md);
	background: rgba(255, 255, 255, .018);
	color: var(--composer-text-muted);
	font-size: .72rem;
	line-height: 1.6;
}

.composer-civilization-document .questionPolicy {
	padding: .55rem .65rem;
	border-inline-start: 2px solid var(--composer-amber);
	background: var(--composer-amber-soft);
	color: #e8d8ab;
	font-size: .64rem;
}

.composer-civilization-document :is(.previewSection, .previewSubsection) {
	display: grid;
	gap: .55rem;
	padding: .7rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: var(--composer-radius-md);
	background: var(--composer-surface-2);
}

.composer-civilization-document .previewSubsection {
	margin-inline-start: .65rem;
	background: rgba(255, 255, 255, .015);
}

.composer-civilization-document :is(.previewSection, .previewSubsection) :is(h3, h4, p) {
	margin: 0;
}

.composer-civilization-document .previewMedia {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
	gap: .45rem;
}

.composer-civilization-document .discussionCoordinate {
	color: var(--composer-text-faint);
	font-size: .58rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.composer-civilization-document .previewFocused {
	border-color: rgba(185, 120, 239, .48);
	box-shadow: 0 0 0 2px var(--composer-violet-soft);
}



/* CompactCSS source: /social-composer/styles/redesign/identity-mobile.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The chosen alias becomes one compact mobile identity receipt while the complete
 * identity panel remains available beneath it without repeating visual weight.
 */

.composer-mobile-identity {
	display: none;
}

@media (max-width: 42.5rem) {
	.composer-mobile-identity {
		display: grid;
		grid-template-columns: 2.55rem minmax(0, 1fr) auto;
		align-items: center;
		gap: .62rem;
		inline-size: 100%;
		min-block-size: 3.35rem;
		padding: .48rem .62rem;
		border: 1px solid rgba(89, 189, 210, .24);
		border-radius: var(--composer-radius-md);
		background: linear-gradient(145deg, var(--composer-cyan-soft), var(--composer-surface-2));
		color: var(--composer-text);
		font: inherit;
		text-align: start;
		cursor: pointer;
	}

	.composer-mobile-avatar {
		display: grid;
		inline-size: 2.55rem;
		block-size: 2.55rem;
		place-items: center;
		border: 1px solid rgba(89, 189, 210, .24);
		border-radius: 50%;
		background: radial-gradient(circle at 35% 25%, #28566a, #101821 72%);
		color: #bdeaf3;
		font-size: 1.05rem;
	}

	.composer-mobile-identity-copy {
		display: grid;
		min-inline-size: 0;
		gap: .08rem;
	}

	.composer-mobile-identity-copy small {
		color: var(--composer-cyan);
		font-size: .59rem;
		font-weight: 820;
		letter-spacing: .08em;
		text-transform: uppercase;
	}

	.composer-mobile-identity-copy strong {
		overflow: hidden;
		color: var(--composer-text-soft);
		font-size: .78rem;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.composer-mobile-identity-arrow {
		color: var(--composer-cyan);
		font-size: 1.15rem;
	}
}



/* CompactCSS source: /social-composer/styles/redesign/mobile.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The phone composer places writing in the first breath, then identity,
 * destination, publication, and status in truthful reach above the fixed gate.
 */

@media (max-width: 42.5rem) {
	.composer-civilization-header {
		min-block-size: 3.55rem;
		padding: .42rem .5rem;
	}

	.composer-civilization-header .civilization-button span,
	.composer-title-group p {
		display: none;
	}

	.composer-title-group h1 {
		font-size: .98rem;
	}

	.composer-civilization-document .composerLayout {
		inline-size: 100%;
		padding: .45rem 0 calc(7rem + env(safe-area-inset-bottom));
	}

	.composer-civilization-document .composerColumn {
		display: flex;
		flex-direction: column;
		gap: .45rem;
		padding-inline: .45rem;
	}

	.contentPanel { order: 0; }
	.identityPanel { order: 1; }
	.destinationPanel { order: 2; }
	.publicationPanel { order: 3; }
	.statusMessage { order: 4; }

	.composer-civilization-document .majorPanel {
		inline-size: 100%;
		margin: 0;
		border-radius: var(--composer-radius-md);
	}

	.composer-civilization-document .majorPanelBody {
		gap: .65rem;
		padding: .7rem;
	}

	.composer-civilization-document .majorPanel > summary {
		min-block-size: 3rem;
		padding: .55rem .7rem;
	}

	.composer-civilization-document .majorPanel > summary strong {
		font-size: .78rem;
	}

	.composer-civilization-document #title {
		min-block-size: 3.1rem;
		font-size: 1.02rem;
	}

	.composer-civilization-document #summary {
		min-block-size: 4.2rem;
	}

	.composer-civilization-document .publishing-checklist {
		grid-template-columns: 1fr;
	}

	.composer-civilization-document.preview-sheet-open {
		overflow: hidden;
	}

	.composer-civilization-document.preview-sheet-open .previewColumn {
		position: fixed;
		z-index: 110;
		inset: 0;
		display: block;
		padding: calc(.55rem + env(safe-area-inset-top)) .55rem calc(.55rem + env(safe-area-inset-bottom));
		background: var(--composer-bg);
		overflow-y: auto;
	}

	.composer-civilization-document.preview-sheet-open .previewSticky {
		position: static;
		min-block-size: calc(100dvh - 1.1rem);
	}
}



/* CompactCSS source: /social-composer/styles/redesign/mobile-compact.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Narrow phones preserve readable writing, media, destination, and publication
 * controls without creating horizontal overflow or hiding truthful actions.
 */

@media (max-width: 23rem) {
	.composer-civilization-header {
		grid-template-columns: 2.5rem minmax(0, 1fr) 2.5rem;
		gap: .3rem;
	}

	.composer-title-group h1 {
		font-size: .88rem;
	}

	.composer-civilization-document .composerColumn {
		padding-inline: .28rem;
	}

	.composer-civilization-document .majorPanelBody {
		padding: .58rem;
	}

	.composer-civilization-document :is(.twoColumns, .threeColumns, .creationGrid, .placementComposer) {
		grid-template-columns: 1fr;
	}

	.composer-social-tools button {
		padding-inline: .58rem;
	}

	.composer-civilization-document .publishing-checklist {
		grid-template-columns: 1fr;
	}

	.composer-civilization-document .publish-dialog-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.composer-civilization-document .publish-dialog-actions button {
		inline-size: 100%;
	}
}



/* CompactCSS source: /social-composer/styles/redesign/publication-mobile.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets final publication remain near the thumb without crushing other tools.
 * Awtsmoos.com gives the mobile action gate one measured height, one deliberate floor,
 * and enough room for the deeper Composer tools to live above it without collision.
 */
@media (max-width: 42.5rem) {
	.composer-civilization-document .actionBar {
		position: fixed;
		z-index: var(--creator-layer-publish, 90);
		inset-inline: 0;
		bottom: 0;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: .32rem;
		box-sizing: border-box;
		inline-size: auto;
		min-block-size: var(--creator-publication-height, 6.35rem);
		margin: 0;
		padding:
			.48rem
			.55rem
			calc(.48rem + var(--creator-safe-bottom, env(safe-area-inset-bottom)));
		border-inline: 0;
		border-block-end: 0;
		border-radius: var(--composer-radius-lg) var(--composer-radius-lg) 0 0;
		background: rgba(12, 17, 24, .96);
		box-shadow: 0 -.8rem 2rem rgba(0, 0, 0, .35);
		backdrop-filter: blur(14px);
	}

	.composer-civilization-document .actionBar button {
		min-inline-size: 0;
		min-block-size: 2.75rem;
		padding-inline: .28rem;
		font-size: .64rem;
	}

	.composer-civilization-document .actionBar .publishButton {
		grid-column: 1 / -1;
		grid-row: 1;
		min-block-size: 3rem;
		font-size: .84rem;
	}
}

@media (max-width: 23rem) {
	.composer-civilization-document .actionBar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (prefers-reduced-transparency: reduce) {
	.composer-civilization-document .actionBar {
		background: rgb(12 17 24 / 99%);
		backdrop-filter: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.composer-civilization-document .actionBar,
	.composer-civilization-document .actionBar button {
		transition: none;
		animation: none;
	}
}



/* CompactCSS source: /social-composer/styles/redesign/structured/index.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers verse controls, chapters, media, playlists, and mobile
 * geometry in one deliberate structured-composer cascade.
 */


/* CompactCSS source: /social-composer/styles/redesign/structured/controls.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Verse, subsection, block, comment, and creation controls remain visible but
 * subordinate to the words they organize.
 */

.composer-civilization-document :is(.structured-verse-controls, .structured-subsection-controls) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .35rem;
}

.composer-civilization-document :is(.structured-verse-controls, .structured-subsection-controls) button {
	min-block-size: var(--composer-control-sm);
	padding: .42rem .58rem;
	font-size: .63rem;
}

.composer-civilization-document .structured-comments-toggle {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	min-block-size: var(--composer-control-sm);
	padding: .38rem .55rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: var(--composer-radius-sm);
	background: rgba(255, 255, 255, .018);
	color: var(--composer-text-muted);
	font-size: .62rem;
}

.composer-civilization-document :is(.add-verse-button, .add-subsection-button, .add-verse-button-primary) {
	border-color: rgba(185, 120, 239, .3);
	background: var(--composer-violet-soft);
	color: #ebd2f8;
}

.composer-civilization-document .add-verse-button-primary {
	inline-size: 100%;
	min-block-size: 2.85rem;
	font-size: .74rem;
}

.composer-civilization-document .blockHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	padding-block-end: .45rem;
	border-block-end: 1px solid var(--composer-border-soft);
}

.composer-civilization-document .blockHeader strong {
	color: var(--composer-text-soft);
	font-size: .68rem;
}

.composer-civilization-document .markToolbar {
	display: flex;
	flex-wrap: wrap;
	gap: .28rem;
}

.composer-civilization-document .markToolbar button {
	min-block-size: 2.1rem;
	padding-inline: .5rem;
	font-size: .61rem;
}



/* CompactCSS source: /social-composer/styles/redesign/structured/sections.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Every verse becomes a readable chapter card; nested subsections remain clearly
 * attached without multiplying heavy surfaces or unnecessary vertical space.
 */

.composer-civilization-document .structured-verses-panel,
.composer-civilization-document .structured-verse-list,
.composer-civilization-document .subsectionList {
	display: grid;
	gap: .6rem;
}

.composer-civilization-document .structured-verses-panel {
	padding: .7rem;
	border: 1px solid rgba(185, 120, 239, .2);
	border-radius: var(--composer-radius-lg);
	background: rgba(185, 120, 239, .025);
}

.composer-civilization-document :is(.structured-verse-card, .structured-subsection-card) {
	position: relative;
	border: 1px solid var(--composer-border);
	border-radius: var(--composer-radius-md);
	background: linear-gradient(145deg, var(--composer-surface-2), #10161e);
	box-shadow: inset 0 1px rgba(255, 255, 255, .02);
	overflow: hidden;
}

.composer-civilization-document .structured-verse-card::before {
	position: absolute;
	inset-block: .65rem;
	inset-inline-start: 0;
	inline-size: 2px;
	border-radius: 999px;
	background: var(--composer-violet);
	content: '';
}

.composer-civilization-document :is(.structured-verse-summary, .structured-subsection-summary) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .6rem;
	min-block-size: 3rem;
	padding: .52rem .65rem;
	border-block-end: 1px solid var(--composer-border-soft);
	background: rgba(255, 255, 255, .018);
	list-style: none;
	cursor: pointer;
}

.composer-civilization-document :is(.structured-verse-summary, .structured-subsection-summary)::-webkit-details-marker {
	display: none;
}

.composer-civilization-document :is(.structured-verse-summary, .structured-subsection-summary) :is(strong, span) {
	overflow: hidden;
	color: var(--composer-text-soft);
	font-size: .72rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.composer-civilization-document :is(.structured-verse-body, .structured-subsection-body) {
	display: grid;
	gap: .65rem;
	padding: .68rem;
}

.composer-civilization-document .structured-subsection-card {
	margin-inline-start: .65rem;
	border-color: var(--composer-border-soft);
	background: rgba(255, 255, 255, .012);
}

.composer-civilization-document .subsectionCoordinate {
	padding: .3rem .48rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: 999px;
	color: var(--composer-text-faint);
	font-size: .57rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.composer-civilization-document .structured-blocks {
	display: grid;
	gap: .5rem;
}

.composer-civilization-document .blockEditor {
	display: grid;
	gap: .55rem;
	padding: .62rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: var(--composer-radius-sm);
	background: var(--composer-surface-0);
}



/* CompactCSS source: /social-composer/styles/redesign/structured/media.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Scoped media remains visibly attached to its verse, with type-led previews,
 * compact captions, and one explicit removal path.
 */

.composer-civilization-document .structured-scope-media {
	display: grid;
	gap: .5rem;
	padding: .62rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: var(--composer-radius-md);
	background: rgba(255, 255, 255, .015);
}

.composer-civilization-document .scoped-media-picker {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .38rem;
}

.composer-civilization-document .scoped-media-picker button {
	min-block-size: var(--composer-control-sm);
	padding-inline: .58rem;
	font-size: .63rem;
}

.composer-civilization-document .scoped-media-panel,
.composer-civilization-document .mediaGrid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
	gap: .5rem;
}

.composer-civilization-document .mediaCard {
	display: grid;
	align-content: start;
	gap: .45rem;
	min-inline-size: 0;
	padding: .5rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: var(--composer-radius-md);
	background: linear-gradient(145deg, var(--composer-surface-2), #10161e);
}

.composer-civilization-document .mediaCard :is(img, video) {
	inline-size: 100%;
	aspect-ratio: 16 / 10;
	border-radius: var(--composer-radius-sm);
	background: #05070a;
	object-fit: cover;
}

.composer-civilization-document .mediaCard audio {
	inline-size: 100%;
}

.composer-civilization-document .mediaCard :is(input, textarea) {
	min-block-size: 2.55rem;
	font-size: .65rem;
}

.composer-civilization-document .mediaCard textarea {
	min-block-size: 3.7rem;
}

.composer-civilization-document .mediaDrop {
	display: grid;
	min-block-size: 5.5rem;
	place-items: center;
	padding: .7rem;
	border: 1px dashed var(--composer-border);
	border-radius: var(--composer-radius-md);
	background: rgba(89, 189, 210, .025);
	color: var(--composer-text-faint);
	font-size: .65rem;
	text-align: center;
}

.composer-civilization-document .mediaDrop.dragging {
	border-color: var(--composer-cyan);
	background: var(--composer-cyan-soft);
	color: #c9edf4;
}



/* CompactCSS source: /social-composer/styles/redesign/structured/playlist.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Playlist and series selection read as publication structure: one chosen receipt,
 * optional hierarchy, and quiet creation actions around it.
 */

.composer-civilization-document .composer-playlist-selector {
	display: grid;
	gap: .6rem;
	padding: .65rem;
	border: 1px solid rgba(242, 201, 109, .2);
	border-radius: var(--composer-radius-md);
	background: linear-gradient(145deg, var(--composer-amber-soft), rgba(255, 255, 255, .012));
}

.composer-civilization-document .playlist-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .6rem;
}

.composer-civilization-document .playlist-heading :is(h3, strong, p) {
	margin: 0;
}

.composer-civilization-document .playlist-heading strong,
.composer-civilization-document .playlist-heading h3 {
	color: var(--composer-text-soft);
	font-size: .75rem;
}

.composer-civilization-document .playlist-choices {
	display: flex;
	flex-wrap: wrap;
	gap: .38rem;
}

.composer-civilization-document .playlist-choices :is(button, label) {
	min-block-size: var(--composer-control-sm);
	padding: .4rem .58rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: 999px;
	background: var(--composer-surface-2);
	color: var(--composer-text-muted);
	font-size: .62rem;
}

.composer-civilization-document .playlist-choices :is(button, label)[aria-current],
.composer-civilization-document .playlist-choices label:has(:checked) {
	border-color: rgba(242, 201, 109, .4);
	background: var(--composer-amber-soft);
	color: #ecdcae;
}

.composer-civilization-document .playlist-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
}

.composer-civilization-document .playlist-actions button {
	min-block-size: var(--composer-control-sm);
	padding-inline: .58rem;
	font-size: .62rem;
}



/* CompactCSS source: /social-composer/styles/redesign/structured/mobile.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Mobile verses keep chapter identity, touch-safe controls, contained media, and
 * readable nested structure without recreating the former four-thousand-pixel wall.
 */

@media (max-width: 42.5rem) {
	.composer-civilization-document .structured-verses-panel {
		gap: .5rem;
		padding: .55rem;
		border-radius: var(--composer-radius-md);
	}

	.composer-civilization-document .structured-verse-list,
	.composer-civilization-document .subsectionList {
		gap: .5rem;
	}

	.composer-civilization-document :is(.structured-verse-summary, .structured-subsection-summary) {
		min-block-size: 2.8rem;
		padding: .48rem .55rem;
	}

	.composer-civilization-document :is(.structured-verse-body, .structured-subsection-body) {
		gap: .55rem;
		padding: .56rem;
	}

	.composer-civilization-document .structured-subsection-card {
		margin-inline-start: .3rem;
	}

	.composer-civilization-document :is(.structured-verse-controls, .structured-subsection-controls) {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.composer-civilization-document :is(.structured-verse-controls, .structured-subsection-controls) button {
		min-inline-size: 0;
		padding-inline: .3rem;
	}

	.composer-civilization-document .structured-comments-toggle {
		grid-column: 1 / -1;
	}

	.composer-civilization-document .scoped-media-panel,
	.composer-civilization-document .mediaGrid {
		grid-template-columns: 1fr;
	}

	.composer-civilization-document .mediaCard {
		grid-template-columns: minmax(0, 1fr);
	}

	.composer-civilization-document .playlist-heading {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 23rem) {
	.composer-civilization-document :is(.structured-verse-controls, .structured-subsection-controls) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.composer-civilization-document .structured-subsection-card {
		margin-inline-start: 0;
	}
}



/* CompactCSS source: /social-composer/styles/redesign/structured/playlist-sheet.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers the focused destination chooser through separate shell
 * and row garments so Awtsmoos.com keeps layout and list ownership unmistakable.
 */


/* CompactCSS source: /social-composer/styles/redesign/structured/playlist-sheet-shell.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives destination choice one focused chamber, while
 * Awtsmoos.com keeps search, hierarchy, and footer actions plainly visible.
 */

.playlist-sheet {
	inline-size: min(36rem, calc(100% - 2rem));
	max-inline-size: none;
	max-block-size: min(80dvh, 44rem);
	padding: 0;
	border: 0;
	background: transparent;
	color: #edf5fc;
	overflow: visible;
}

.playlist-sheet::backdrop {
	background: rgba(0, 3, 8, .76);
	backdrop-filter: blur(6px);
}

.playlist-sheet-surface {
	display: grid;
	grid-template-rows: auto auto minmax(0, 1fr) auto;
	block-size: min(80dvh, 44rem);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 1.2rem;
	background: #0b121d;
	box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .48);
	overflow: hidden;
}

.playlist-sheet-surface > header {
	display: grid;
	grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem;
	align-items: center;
	gap: .5rem;
	min-block-size: 4rem;
	padding: .55rem .7rem;
	border-block-end: 1px solid rgba(255, 255, 255, .08);
}

.playlist-sheet-surface h2 {
	margin: 0;
	overflow: hidden;
	font-size: 1.05rem;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.playlist-sheet-surface header button,
.playlist-sheet-surface footer button {
	min-block-size: 2.65rem;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: .8rem;
	background: #121d2b;
	color: #dce8f2;
	font: inherit;
	font-weight: 850;
	cursor: pointer;
}

.playlist-sheet-surface header button {
	inline-size: 2.65rem;
	padding: 0;
	font-size: 1.45rem;
}

.playlist-sheet-search {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: .55rem;
	margin: .7rem;
	padding-inline: .75rem;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: .85rem;
	background: #111b29;
	color: #8be2ed;
}

.playlist-sheet-search input {
	min-inline-size: 0;
	min-block-size: 2.8rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: #edf5fc;
	font: inherit;
	outline: 0;
}

.playlist-sheet-surface > footer {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .55rem;
	padding: .7rem;
	border-block-start: 1px solid rgba(255, 255, 255, .08);
	background: #0d1622;
}

.playlist-sheet-surface button:is(:hover, :focus-visible) {
	border-color: rgba(139, 226, 237, .42);
	background: #17283a;
	outline: 0;
}



/* CompactCSS source: /social-composer/styles/redesign/structured/playlist-sheet-rows.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives every writable Heichel and series one clear row, while
 * Awtsmoos.com preserves hierarchy, metadata, and selected state without clutter.
 */

.playlist-sheet-list {
	display: grid;
	align-content: start;
	gap: .35rem;
	overflow-y: auto;
	padding: 0 .7rem .7rem;
}

.playlist-sheet-row {
	display: grid;
	grid-template-columns: 2.6rem minmax(0, 1fr) auto;
	align-items: center;
	gap: .7rem;
	min-block-size: 4.15rem;
	padding: .55rem .7rem;
	border: 1px solid transparent;
	border-radius: .85rem;
	background: transparent;
	color: #e7f0f8;
	font: inherit;
	text-align: start;
	cursor: pointer;
}

.playlist-sheet-series {
	padding-inline-start: calc(.7rem + var(--playlist-depth, 0) * .65rem);
}

.playlist-sheet-row:is(:hover, :focus-visible),
.playlist-sheet-row[aria-current] {
	border-color: rgba(139, 226, 237, .34);
	background: #132234;
	outline: 0;
}

.playlist-sheet-row-icon {
	display: grid;
	inline-size: 2.6rem;
	block-size: 2.6rem;
	place-items: center;
	border-radius: .75rem;
	background: #192739;
	color: #8be2ed;
}

.playlist-sheet-row-copy {
	display: grid;
	min-inline-size: 0;
	gap: .15rem;
}

.playlist-sheet-row-copy strong,
.playlist-sheet-row-copy small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.playlist-sheet-row-copy small,
.playlist-sheet-row-meta {
	color: #8294a8;
	font-size: .72rem;
}

.playlist-sheet-row[aria-current] .playlist-sheet-row-meta {
	color: #8be2ed;
	font-size: 1.05rem;
}

.playlist-sheet-empty {
	margin: 2rem 1rem;
	color: #8d9bad;
	text-align: center;
}







/* CompactCSS source: /social-composer/styles/redesign/reel/index.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers the complete parent Reel visual system in cascade order.
 */


/* CompactCSS source: /social-composer/styles/redesign/reel/tokens.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives the parent Reel invitation and dialog the same visual DNA
 * as the full NLE while preserving their own social-composer scope.
 */

:root {
	--reel-bg: #07090d;
	--reel-surface-0: #090c12;
	--reel-surface-1: #0e131b;
	--reel-surface-2: #141b25;
	--reel-surface-3: #1b2532;
	--reel-border-soft: rgba(214, 225, 238, .08);
	--reel-border: rgba(214, 225, 238, .14);
	--reel-border-strong: rgba(214, 225, 238, .24);
	--reel-text: #f1f5f9;
	--reel-text-soft: #c4ced9;
	--reel-text-muted: #8795a6;
	--reel-violet: #b978ef;
	--reel-violet-strong: #8d4bc3;
	--reel-violet-soft: rgba(185, 120, 239, .16);
	--reel-amber: #f2c96d;
	--reel-amber-soft: rgba(242, 201, 109, .15);
	--reel-cyan: #59bdd2;
	--reel-cyan-soft: rgba(89, 189, 210, .16);
	--reel-focus: #e5b8ff;
	--reel-danger: #ff9696;
	--reel-radius-sm: .62rem;
	--reel-radius-md: .82rem;
	--reel-radius-lg: 1.05rem;
	--reel-radius-xl: 1.35rem;
	--reel-control: 2.7rem;
	--reel-shadow-card: 0 .8rem 2rem rgba(0, 0, 0, .22);
	--reel-shadow-dialog: 0 2rem 6rem rgba(0, 0, 0, .62);
	--reel-transition: 160ms ease;
}



/* CompactCSS source: /social-composer/styles/redesign/reel/accessibility.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The social Reel surface preserves visible focus, motion preference, coarse
 * pointer geometry, and forced-color operability.
 */

:is(.composer-reel-card, .reel-maker-dialog) :is(button, input, a):focus-visible {
	outline: 2px solid var(--reel-focus);
	outline-offset: 2px;
	box-shadow: 0 0 0 4px rgba(185, 120, 239, .16);
}

:is(.composer-reel-card, .reel-maker-dialog) :is(button, input, a):disabled {
	cursor: not-allowed;
	opacity: .5;
}

@media (prefers-reduced-motion: reduce) {
	.composer-reel-card *,
	.reel-maker-dialog *,
	.composer-reel-card *::before,
	.reel-maker-dialog *::before,
	.composer-reel-card *::after,
	.reel-maker-dialog *::after {
		transition-duration: .001ms !important;
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
	}
}

@media (pointer: coarse) {
	:is(.composer-reel-card, .reel-maker-dialog) :is(button, a, label) {
		min-block-size: 2.75rem;
	}
}

@media (forced-colors: active) {
	.composer-reel-card,
	.reel-maker-surface,
	.reel-choice-card,
	.reel-studio-screen > footer {
		border: 1px solid CanvasText;
		forced-color-adjust: auto;
	}
}



/* CompactCSS source: /social-composer/styles/redesign/reel/card.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The composer Reel card becomes a calm cinematic invitation with one explicit
 * primary action rather than an oversized promotional banner.
 */

.composer-reel-card {
	position: relative;
	display: grid;
	grid-template-columns: 3.1rem minmax(0, 1fr) auto;
	align-items: center;
	gap: .8rem;
	padding: .8rem;
	border: 1px solid var(--reel-border);
	border-radius: var(--reel-radius-lg);
	background:
		linear-gradient(110deg, rgba(185, 120, 239, .08), transparent 36%),
		linear-gradient(145deg, var(--reel-surface-2), #101721);
	box-shadow: var(--reel-shadow-card), inset 0 1px rgba(255, 255, 255, .025);
	overflow: hidden;
}

.composer-reel-card::before {
	position: absolute;
	inset-block: .7rem;
	inset-inline-start: 0;
	inline-size: 2px;
	border-radius: 999px;
	background: linear-gradient(var(--reel-violet), var(--reel-cyan));
	content: '';
}

.reel-card-icon {
	display: grid;
	inline-size: 3.1rem;
	block-size: 3.1rem;
	place-items: center;
	border: 1px solid rgba(229, 184, 255, .24);
	border-radius: var(--reel-radius-md);
	background: linear-gradient(145deg, #67358f, var(--reel-violet));
	box-shadow: 0 .45rem 1.1rem rgba(110, 55, 153, .28);
	color: #fff;
	font-size: 1.08rem;
}

.reel-card-copy {
	min-inline-size: 0;
}

.reel-card-copy small {
	color: var(--reel-violet);
	font-size: .64rem;
	font-weight: 850;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.reel-card-copy strong {
	display: block;
	margin-block-start: .1rem;
	color: var(--reel-text);
	font-size: .9rem;
	letter-spacing: -.01em;
}

.reel-card-copy p {
	margin: .18rem 0 0;
	color: var(--reel-text-muted);
	font-size: .71rem;
	line-height: 1.4;
}

.composer-reel-card > button {
	min-block-size: var(--reel-control);
	padding: .52rem .82rem;
	border: 1px solid rgba(242, 201, 109, .7);
	border-radius: var(--reel-radius-sm);
	background: linear-gradient(180deg, #f7da8b, var(--reel-amber));
	box-shadow: 0 .35rem .9rem rgba(217, 168, 60, .16);
	color: #211706;
	font: inherit;
	font-size: .74rem;
	font-weight: 860;
	cursor: pointer;
	transition: border-color var(--reel-transition), transform var(--reel-transition);
}

.composer-reel-card > button:active {
	transform: translateY(1px);
}

@media (hover: hover) {
	.composer-reel-card > button:hover {
		border-color: #ffe5a8;
	}
}



/* CompactCSS source: /social-composer/styles/redesign/reel/dialog.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers the focused modal shell and its two creation doors.
 */


/* CompactCSS source: /social-composer/styles/redesign/reel/dialog-shell.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Reel modal becomes a focused cinematic workspace with a restrained header,
 * clear content region, and a scroll-locked document behind its top-layer vessel.
 */

html:has(.reel-maker-dialog[open]),
body:has(.reel-maker-dialog[open]) {
	overflow: hidden;
}

.reel-maker-dialog {
	inline-size: 100%;
	max-inline-size: none;
	block-size: 100%;
	max-block-size: none;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--reel-text);
	overflow: visible;
}

.reel-maker-dialog::backdrop {
	background:
		radial-gradient(circle at 50% 32%, rgba(185, 120, 239, .12), transparent 36%),
		rgba(2, 4, 8, .8);
	backdrop-filter: blur(9px) saturate(.8);
}

.reel-maker-surface {
	position: fixed;
	inset: 50% auto auto 50%;
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	inline-size: min(72rem, calc(100vw - 2rem));
	block-size: min(54rem, calc(100dvh - 2rem));
	border: 1px solid var(--reel-border-strong);
	border-radius: var(--reel-radius-xl);
	background:
		linear-gradient(145deg, rgba(185, 120, 239, .035), transparent 30%),
		var(--reel-surface-0);
	box-shadow: var(--reel-shadow-dialog);
	transform: translate(-50%, -50%);
	overflow: hidden;
}

.reel-maker-surface > header {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: .75rem;
	min-block-size: 4.15rem;
	padding: .6rem .75rem;
	border-block-end: 1px solid var(--reel-border);
	background: linear-gradient(180deg, #111720, var(--reel-surface-1));
}

.reel-maker-surface > header > div {
	min-inline-size: 0;
}

.reel-maker-surface > header small {
	color: var(--reel-violet);
	font-size: .62rem;
	font-weight: 850;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.reel-maker-surface > header strong {
	display: block;
	margin-block-start: .08rem;
	overflow: hidden;
	color: var(--reel-text);
	font-size: .94rem;
	letter-spacing: -.01em;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.reel-maker-surface > header button {
	min-inline-size: 2.55rem;
	min-block-size: 2.55rem;
	padding: .45rem .68rem;
	border: 1px solid var(--reel-border);
	border-radius: var(--reel-radius-sm);
	background: var(--reel-surface-2);
	color: var(--reel-text-soft);
	font: inherit;
	font-size: .72rem;
	font-weight: 780;
	cursor: pointer;
	transition: border-color var(--reel-transition), background var(--reel-transition);
}

.reel-maker-surface > header [data-reel-close] {
	font-size: 1rem;
}

.reel-maker-surface > section {
	min-block-size: 0;
	overflow: hidden;
}

@media (hover: hover) {
	.reel-maker-surface > header button:hover {
		border-color: var(--reel-border-strong);
		background: var(--reel-surface-3);
	}
}



/* CompactCSS source: /social-composer/styles/redesign/reel/choices.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Upload and MitzvahWorld creation become equal, unmistakable doors with type-led
 * icon medallions and restrained supporting copy.
 */

.reel-choice-screen {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-content: center;
	gap: 1rem;
	min-block-size: 100%;
	padding: clamp(1rem, 3vw, 2.25rem);
	background:
		radial-gradient(circle at 30% 30%, rgba(89, 189, 210, .07), transparent 28%),
		radial-gradient(circle at 72% 65%, rgba(185, 120, 239, .08), transparent 30%),
		var(--reel-surface-0);
}

.reel-choice-card {
	position: relative;
	display: grid;
	grid-template-columns: 3.6rem minmax(0, 1fr);
	align-content: center;
	align-items: center;
	gap: .25rem .9rem;
	min-block-size: 14.5rem;
	padding: 1.25rem;
	border: 1px solid var(--reel-border);
	border-radius: var(--reel-radius-lg);
	background: linear-gradient(145deg, var(--reel-surface-2), #101721);
	box-shadow: inset 0 1px rgba(255, 255, 255, .025), var(--reel-shadow-card);
	color: var(--reel-text);
	font: inherit;
	text-align: start;
	cursor: pointer;
	overflow: hidden;
	transition: border-color var(--reel-transition), transform var(--reel-transition), background var(--reel-transition);
}

.reel-choice-card::after {
	position: absolute;
	inset: auto -10% -42% 35%;
	block-size: 70%;
	border-radius: 50%;
	background: rgba(185, 120, 239, .09);
	filter: blur(18px);
	content: '';
	pointer-events: none;
}

.reel-choice-card > span {
	position: relative;
	z-index: 1;
	grid-row: 1 / 4;
	display: grid;
	inline-size: 3.6rem;
	block-size: 3.6rem;
	place-items: center;
	border: 1px solid rgba(89, 189, 210, .28);
	border-radius: var(--reel-radius-md);
	background: var(--reel-cyan-soft);
	color: #c8f0f7;
	font-size: 1.25rem;
}

.reel-world-choice > span {
	border-color: rgba(185, 120, 239, .3);
	background: var(--reel-violet-soft);
	color: #eccfff;
}

.reel-choice-card strong,
.reel-choice-card p,
.reel-choice-card small {
	position: relative;
	z-index: 1;
	grid-column: 2;
}

.reel-choice-card strong {
	font-size: 1.02rem;
	letter-spacing: -.015em;
}

.reel-choice-card p {
	margin: .15rem 0 0;
	color: var(--reel-text-muted);
	font-size: .76rem;
	line-height: 1.55;
}

.reel-choice-card small {
	margin-block-start: .25rem;
	color: var(--reel-text-soft);
	font-size: .64rem;
	font-weight: 720;
}

.reel-choice-card input {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	overflow: hidden;
	clip-path: inset(50%);
}

@media (hover: hover) {
	.reel-choice-card:hover {
		border-color: rgba(185, 120, 239, .42);
		background: linear-gradient(145deg, var(--reel-surface-3), #131b26);
		transform: translateY(-2px);
	}
}





/* CompactCSS source: /social-composer/styles/redesign/reel/studio.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The embedded NLE receives a browserless viewport, while status, progress, and
 * render actions remain a precise social-composer attachment footer.
 */

.reel-studio-screen {
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	min-block-size: 100%;
	background: var(--reel-bg);
}

.reel-studio-host {
	position: relative;
	min-block-size: 0;
	margin: .7rem .7rem 0;
	border: 1px solid var(--reel-border);
	border-radius: var(--reel-radius-md) var(--reel-radius-md) 0 0;
	background: #05070a;
	box-shadow: inset 0 1px rgba(255, 255, 255, .025);
	overflow: hidden;
}

.reel-studio-host::before {
	position: absolute;
	z-index: 2;
	inset-block-start: .45rem;
	inset-inline-start: .55rem;
	inline-size: .42rem;
	block-size: .42rem;
	border-radius: 50%;
	background: #ff8f8f;
	box-shadow: .75rem 0 #f2c96d, 1.5rem 0 #78bd76;
	content: '';
	pointer-events: none;
}

.reel-studio-frame {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	border: 0;
	background: var(--reel-bg);
}

.reel-studio-screen > footer {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(7rem, 15rem) auto auto;
	align-items: center;
	gap: .65rem;
	padding: .6rem .7rem;
	border: 1px solid var(--reel-border);
	border-block-start: 0;
	border-radius: 0 0 var(--reel-radius-md) var(--reel-radius-md);
	background: linear-gradient(180deg, var(--reel-surface-2), var(--reel-surface-1));
}

.reel-studio-screen > footer p {
	margin: 0;
	overflow: hidden;
	color: var(--reel-text-muted);
	font-size: .68rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.reel-studio-screen > footer [data-error] {
	color: var(--reel-danger);
}

.reel-studio-screen progress {
	inline-size: 100%;
	block-size: .36rem;
	border: 0;
	border-radius: 999px;
	background: var(--reel-surface-3);
	accent-color: var(--reel-violet);
	overflow: hidden;
}

.reel-studio-screen progress::-webkit-progress-bar {
	background: var(--reel-surface-3);
}

.reel-studio-screen progress::-webkit-progress-value {
	background: linear-gradient(90deg, var(--reel-violet-strong), var(--reel-violet));
}

.reel-studio-screen > footer :is(button, a) {
	display: inline-grid;
	min-block-size: var(--reel-control);
	padding: .5rem .72rem;
	place-items: center;
	border: 1px solid var(--reel-border);
	border-radius: var(--reel-radius-sm);
	background: var(--reel-surface-3);
	color: var(--reel-text-soft);
	font: inherit;
	font-size: .68rem;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
}

.reel-studio-screen > footer [data-reel-render] {
	border-color: rgba(242, 201, 109, .7);
	background: linear-gradient(180deg, #f7da8b, var(--reel-amber));
	color: #211706;
}



/* CompactCSS source: /social-composer/styles/redesign/reel/mobile.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers standard and compact phone Reel layouts in cascade order.
 */


/* CompactCSS source: /social-composer/styles/redesign/reel/mobile-shell.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Phone creators receive a full-screen Reel chamber with safe-area-aware controls,
 * equal creation doors, and an embedded studio that uses every visual pixel.
 */

@media (max-width: 42.5rem) {
	.composer-reel-card {
		grid-template-columns: 2.8rem minmax(0, 1fr);
		gap: .65rem;
		padding: .7rem;
	}

	.reel-card-icon {
		inline-size: 2.8rem;
		block-size: 2.8rem;
	}

	.composer-reel-card > button {
		grid-column: 1 / -1;
		inline-size: 100%;
	}

	.reel-maker-dialog {
		position: fixed;
		inset: 0;
		inline-size: 100vw;
		block-size: 100dvh;
		max-inline-size: none;
		max-block-size: none;
		margin: 0;
	}

	.reel-maker-surface {
		inset: 0;
		inline-size: 100vw;
		block-size: 100dvh;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		transform: none;
	}

	.reel-maker-surface > header {
		min-block-size: 3.65rem;
		padding: calc(.45rem + env(safe-area-inset-top)) .55rem .45rem;
	}

	.reel-maker-surface > header button {
		min-inline-size: 2.45rem;
		min-block-size: 2.45rem;
		padding-inline: .55rem;
	}

	.reel-choice-screen {
		grid-template-columns: 1fr;
		grid-auto-rows: minmax(9.5rem, auto);
		align-content: center;
		gap: .65rem;
		padding: .75rem;
		overflow-y: auto;
	}

	.reel-choice-card {
		grid-template-columns: 3.1rem minmax(0, 1fr);
		align-self: stretch;
		block-size: 100%;
		min-block-size: 9.5rem;
		padding: .9rem;
	}

	.reel-choice-card > span {
		inline-size: 3.1rem;
		block-size: 3.1rem;
	}

	.reel-studio-host {
		margin: .45rem .45rem 0;
		border-radius: var(--reel-radius-sm) var(--reel-radius-sm) 0 0;
	}

	.reel-studio-host::before {
		display: none;
	}

	.reel-studio-frame {
		min-block-size: 0;
	}

	.reel-studio-screen > footer {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: .45rem;
		padding: .5rem .5rem calc(.5rem + env(safe-area-inset-bottom));
		border-inline: 0;
		border-block-end: 0;
		border-radius: 0;
	}

	.reel-studio-screen > footer p,
	.reel-studio-screen > footer progress {
		grid-column: 1 / -1;
	}

	.reel-studio-screen > footer :is(a, button) {
		padding-inline: .55rem;
		font-size: .65rem;
	}
}



/* CompactCSS source: /social-composer/styles/redesign/reel/mobile-compact.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * Narrow phones preserve meaningful choice copy and full-width render actions.
 */

@media (max-width: 23rem) {
	.reel-choice-card {
		grid-template-columns: 2.7rem minmax(0, 1fr);
		min-block-size: 8.8rem;
		padding: .75rem;
	}

	.reel-choice-card > span {
		inline-size: 2.7rem;
		block-size: 2.7rem;
	}

	.reel-studio-screen > footer {
		grid-template-columns: 1fr;
	}

	.reel-studio-screen > footer :is(a, button) {
		inline-size: 100%;
	}
}







/* CompactCSS source: /social-composer/styles/redesign/modes.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos lets simple writing and advanced publication share one vessel without visual rivalry;
 * Awtsmoos.com gives each mode a clear command rail whose depth never overlaps the work it guides.
 */
.composer-mode-deck {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: .65rem;
	align-items: center;
	position: sticky;
	top: .55rem;
	z-index: 12;
	padding: .5rem;
	border: 1px solid var(--composer-line);
	border-radius: var(--composer-radius-lg);
	background: color-mix(in srgb, var(--composer-panel) 92%, transparent);
	box-shadow: 0 .8rem 2.2rem rgba(0, 0, 0, .16);
	backdrop-filter: blur(18px);
}

.composer-mode-toggle,
.composer-workflow-rail {
	display: grid;
	gap: .35rem;
}

.composer-mode-toggle {
	grid-template-columns: repeat(2, minmax(5.6rem, 1fr));
	padding: .25rem;
	border-radius: .9rem;
	background: color-mix(in srgb, var(--composer-bg) 76%, transparent);
}

.composer-workflow-rail {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.composer-mode-button,
.composer-workflow-step {
	min-block-size: 2.9rem;
	border: 1px solid transparent;
	border-radius: .75rem;
	background: transparent;
	color: var(--composer-text);
	font: inherit;
	font-weight: 820;
	cursor: pointer;
	transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.composer-mode-button[aria-pressed="true"] {
	border-color: color-mix(in srgb, var(--composer-accent) 42%, transparent);
	background: color-mix(in srgb, var(--composer-accent) 14%, var(--composer-panel));
	box-shadow: inset 0 1px rgba(255, 255, 255, .07);
}

.composer-workflow-step {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: .45rem;
	align-items: center;
	justify-content: start;
	padding-inline: .65rem;
	text-align: left;
}

.composer-workflow-icon {
	display: grid;
	place-items: center;
	inline-size: 1.9rem;
	block-size: 1.9rem;
	border-radius: .6rem;
	background: color-mix(in srgb, var(--composer-accent) 12%, transparent);
	color: var(--composer-accent);
}

.composer-mode-button:is(:hover, :focus-visible),
.composer-workflow-step:is(:hover, :focus-visible) {
	transform: translateY(-1px);
	border-color: color-mix(in srgb, var(--composer-accent) 34%, transparent);
	background: color-mix(in srgb, var(--composer-accent) 8%, transparent);
}

.composer-mode-deck :focus-visible {
	outline: 3px solid color-mix(in srgb, var(--composer-accent) 40%, transparent);
	outline-offset: 2px;
}

body[data-composer-mode="simple"] .majorPanel:not(.contentPanel) > summary .civilization-kicker::after {
	content: " · Advanced";
	opacity: .66;
}



/* CompactCSS source: /social-composer/styles/redesign/modes-mobile.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos folds a wide editorial map into the palm without shrinking its meaning;
 * Awtsmoos.com lets mode and workflow controls remain thumb-clear, scroll-safe, and calm.
 */
@media (max-width: 42.5rem) {
	.composer-mode-deck {
		position: static;
		grid-template-columns: 1fr;
		margin-inline: .45rem;
		padding: .4rem;
		border-radius: 1rem;
	}

	.composer-mode-toggle {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.composer-workflow-rail {
		grid-template-columns: repeat(4, minmax(5rem, 1fr));
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		scroll-snap-type: x proximity;
		padding-block-end: .15rem;
	}

	.composer-workflow-step {
		grid-template-columns: 1fr;
		justify-items: center;
		min-block-size: 3.65rem;
		padding: .35rem;
		text-align: center;
		scroll-snap-align: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.composer-mode-button,
	.composer-workflow-step {
		transition: none;
	}
}





/* CompactCSS source: /social-composer/styles/creator/index.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gathers intention, context, recovery, review, thumb reach, and future depth into one garment.
Awtsmoos.com loads small responsibilities separately so advanced power unfolds without clutter,
and the final v15 light owns only premium depth and motion while older geometry remains the trusted border.
*/

/* CompactCSS source: /social-composer/styles/creator/surface.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gives the first creative intention a luminous threshold;
Awtsmoos.com keeps the future quiet, fast, and near the thumb so writing remains the revealed light.
*/
.creatorSurface {
	position: relative;
	display: grid;
	gap: .62rem;
	padding: .72rem;
	border: 1px solid rgba(117, 222, 246, .17);
	border-radius: 1rem;
	background:
		linear-gradient(145deg, rgba(89, 189, 210, .075), transparent 42%),
		linear-gradient(315deg, rgba(185, 120, 239, .065), transparent 48%),
		var(--composer-surface-1);
	box-shadow:
		inset 0 1px rgba(255, 255, 255, .035),
		0 .9rem 2.3rem rgba(0, 0, 0, .16);
	overflow: clip;
	isolation: isolate;
	animation: creator-surface-arrive 360ms cubic-bezier(.2, .8, .2, 1) both;
}

.creatorSurface::before {
	position: absolute;
	z-index: -1;
	inset: -35% 42% 36% -18%;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(70, 218, 255, .11), transparent 68%);
	content: "";
	pointer-events: none;
	transform: translate3d(0, 0, 0);
}

.creatorSurfaceHeading {
	display: grid;
	gap: .16rem;
}

.creatorSurfaceHeading strong {
	font-size: clamp(1rem, 4.7vw, 1.2rem);
	letter-spacing: -.018em;
}

.creatorSurfaceHeading small {
	color: var(--composer-text-muted);
	line-height: 1.42;
}

.creatorEyebrow {
	color: var(--composer-cyan);
	font-size: .64rem;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.composer-civilization-document[data-creator-intent="audio"] .creatorSurface {
	border-color: rgba(185, 120, 239, .28);
}

.composer-civilization-document[data-creator-intent="video"] .creatorSurface,
.composer-civilization-document[data-creator-intent="short"] .creatorSurface {
	border-color: rgba(89, 189, 210, .31);
}

.composer-civilization-document[data-creator-intent="vegetal"] .creatorSurface {
	border-color: rgba(120, 189, 118, .34);
}

@keyframes creator-surface-arrive {
	from {
		opacity: 0;
		transform: translate3d(0, 7px, 0) scale(.992);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}



/* CompactCSS source: /social-composer/styles/creator/rails.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets many intentions pass beneath one finger without crowding the writing field;
Awtsmoos.com gives the active road a moving spark while every rail remains cheap to paint and easy to swipe.
*/
.creatorIntentRail,
.creatorQuickRail {
	position: relative;
	display: flex;
	gap: .42rem;
	max-inline-size: 100%;
	padding-block: .08rem .24rem;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.creatorIntentRail::-webkit-scrollbar,
.creatorQuickRail::-webkit-scrollbar {
	display: none;
}

.creatorRailButton {
	position: relative;
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: .42rem;
	min-block-size: 2.7rem;
	padding-inline: .76rem;
	border-radius: 999px;
	scroll-snap-align: start;
	white-space: nowrap;
	contain: layout paint;
	transition:
		transform 180ms cubic-bezier(.2, .8, .2, 1),
		border-color 180ms ease,
		background-color 180ms ease,
		box-shadow 180ms ease;
}

.creatorRailButton > span {
	display: grid;
	width: 1.35rem;
	aspect-ratio: 1;
	place-items: center;
	color: var(--composer-cyan);
	font-size: .94rem;
	transition: transform 180ms cubic-bezier(.2, .8, .2, 1);
}

.creatorRailButton strong {
	font-size: .7rem;
}

.creatorIntentRail .creatorRailButton[data-active="true"] {
	border-color: rgba(89, 189, 210, .55);
	background:
		linear-gradient(120deg, rgba(89, 189, 210, .17), rgba(185, 120, 239, .105)),
		var(--composer-surface-2);
	box-shadow:
		inset 0 1px rgba(255, 255, 255, .045),
		0 0 1.15rem rgba(89, 189, 210, .09);
	color: var(--composer-text);
}

.creatorIntentRail .creatorRailButton[data-active="true"]::after {
	position: absolute;
	inset-inline: .9rem;
	inset-block-end: .18rem;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, var(--composer-cyan), transparent);
	content: "";
	animation: creator-rail-spark 420ms cubic-bezier(.2, .8, .2, 1) both;
}

.creatorQuickRail {
	padding-block-start: .18rem;
	border-block-start: 1px solid var(--composer-border-soft);
}

.creatorQuickRail .creatorRailButton {
	min-block-size: 2.45rem;
	background: rgba(255, 255, 255, .018);
}

.creatorRailButton:active {
	transform: scale(.975);
}

.creatorRailButton:active > span {
	transform: scale(.92);
}

@keyframes creator-rail-spark {
	from {
		opacity: 0;
		transform: scaleX(.25);
	}
	to {
		opacity: 1;
		transform: scaleX(1);
	}
}



/* CompactCSS source: /social-composer/styles/creator/context-rail.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets advanced creator power arrive as a narrow river instead of a permanent wall;
Awtsmoos.com keeps each contextual action inside its own scrollable keli, where mouse may hover, keyboard may focus, and every thumb may press without widening the page.
*/
.creatorContextZone {
	display: grid;
	gap: .38rem;
	min-inline-size: 0;
	max-inline-size: 100%;
	padding-block-start: .58rem;
	border-block-start: 1px solid var(--composer-border-soft);
}

.creatorContextLabel {
	margin: 0;
	padding-inline: .12rem;
	color: var(--composer-text-muted);
	font-size: .64rem;
	font-weight: 820;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.creatorContextRail {
	display: flex;
	gap: .42rem;
	min-inline-size: 0;
	max-inline-size: 100%;
	padding: .08rem .1rem .28rem;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-inline: contain;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.creatorContextRail::-webkit-scrollbar {
	display: none;
}

.creatorContextAction {
	display: inline-flex;
	align-items: center;
	gap: .38rem;
	flex: 0 0 auto;
	min-block-size: 2.85rem;
	max-inline-size: min(13rem, 74vw);
	padding-inline: .72rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: 999px;
	background: var(--composer-surface-2);
	color: var(--composer-text-soft);
	scroll-snap-align: start;
	contain: layout paint;
	transition:
		transform 140ms cubic-bezier(.2, .8, .2, 1),
		border-color 180ms ease,
		background-color 180ms ease,
		box-shadow 180ms ease;
	animation: creator-context-arrive 220ms cubic-bezier(.2, .8, .2, 1) both;
}

.creatorContextAction > :where(strong, span) {
	min-inline-size: 0;
}

.creatorContextAction strong {
	overflow: hidden;
	font-size: .72rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.creatorContextAction:focus-visible {
	border-color: var(--composer-cyan);
	outline: 3px solid color-mix(in srgb, var(--composer-cyan) 20%, transparent);
	outline-offset: 2px;
}

.creatorContextAction:active {
	transform: translateY(1px) scale(.97);
}

@media (hover: hover) and (pointer: fine) {
	.creatorContextAction:hover {
		border-color: color-mix(in srgb, var(--composer-cyan) 42%, var(--composer-border));
		background: color-mix(in srgb, var(--composer-cyan) 6%, var(--composer-surface-2));
		box-shadow: 0 .55rem 1.4rem rgb(0 0 0 / 14%);
		transform: translateY(-1px);
	}
}

@keyframes creator-context-arrive {
	from {
		opacity: 0;
		transform: translateY(4px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.creatorContextAction {
		animation: none;
		transition: none;
		transform: none !important;
	}
}



/* CompactCSS source: /social-composer/styles/creator/metadata.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets deep creator knowledge rest behind one calm disclosure;
Awtsmoos.com begins with one mobile column, then grants wider vessels more room without crowding the first breath.
*/
.creatorMetadata {
	margin-block: .72rem .9rem;
	border: 1px solid var(--composer-border);
	border-radius: 1rem;
	background:
		linear-gradient(145deg, rgba(89, 189, 210, .065), transparent 44%),
		var(--composer-surface-1);
	box-shadow: var(--composer-shadow-soft);
	overflow: clip;
}

.creatorMetadata > summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: .2rem .7rem;
	align-items: center;
	min-block-size: 3.15rem;
	padding: .72rem .78rem;
	list-style: none;
	cursor: pointer;
}

.creatorMetadata > summary::-webkit-details-marker {
	display: none;
}

.creatorMetadata > summary::after {
	grid-row: 1 / span 2;
	grid-column: 2;
	display: grid;
	width: 1.8rem;
	aspect-ratio: 1;
	place-items: center;
	border: 1px solid var(--composer-border);
	border-radius: 50%;
	content: "+";
	color: var(--composer-cyan);
	transition: transform 180ms cubic-bezier(.2, .8, .2, 1);
}

.creatorMetadata[open] > summary::after {
	transform: rotate(45deg);
}

.creatorMetadata > summary span {
	color: var(--composer-text-muted);
	font-size: .7rem;
}

.creatorMetadataGrid {
	display: grid;
	grid-template-columns: 1fr;
	gap: .68rem;
	padding: .25rem .78rem .82rem;
	border-top: 1px solid var(--composer-border-soft);
}

.creatorMetadataGrid label {
	display: grid;
	gap: .34rem;
	min-inline-size: 0;
	color: var(--composer-text-soft);
	font-size: .72rem;
	font-weight: 760;
}

.creatorMetadataGrid :is(input, textarea) {
	inline-size: 100%;
	min-inline-size: 0;
}

.creatorMetadata textarea {
	resize: vertical;
	line-height: 1.45;
}

@media (min-width: 42.51rem) {
	.creatorMetadata {
		margin-block: .8rem 1rem;
		border-radius: var(--composer-radius-lg);
	}

	.creatorMetadataGrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: .25rem .85rem .9rem;
	}

	.creatorMetadataWide {
		grid-column: 1 / -1;
	}
}



/* CompactCSS source: /social-composer/styles/creator/platform.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets social expression and distribution law wait behind one calm gate;
Awtsmoos.com begins with thumb-readable rows, then lets wider screens hold paired controls without losing their state.
*/
.creatorPlatform {
	margin-block: .72rem .9rem;
	border: 1px solid var(--composer-border);
	border-radius: 1rem;
	background:
		linear-gradient(145deg, rgba(185, 120, 239, .065), transparent 46%),
		var(--composer-surface-1);
	box-shadow: var(--composer-shadow-soft);
	overflow: clip;
}

.creatorPlatform > summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: .2rem .7rem;
	align-items: center;
	min-block-size: 3.15rem;
	padding: .72rem .78rem;
	list-style: none;
	cursor: pointer;
}

.creatorPlatform > summary::-webkit-details-marker {
	display: none;
}

.creatorPlatform > summary::after {
	grid-row: 1 / span 2;
	grid-column: 2;
	display: grid;
	width: 1.8rem;
	aspect-ratio: 1;
	place-items: center;
	border: 1px solid var(--composer-border);
	border-radius: 50%;
	content: "+";
	color: var(--composer-violet);
	transition: transform 180ms cubic-bezier(.2, .8, .2, 1);
}

.creatorPlatform[open] > summary::after {
	transform: rotate(45deg);
}

.creatorPlatform > summary span {
	color: var(--composer-text-muted);
	font-size: .7rem;
}

.creatorPlatformGrid {
	display: grid;
	grid-template-columns: 1fr;
	gap: .68rem;
	padding: .25rem .78rem .82rem;
	border-top: 1px solid var(--composer-border-soft);
}

.creatorPlatformGrid > label:not(.creatorPlatformCheck) {
	display: grid;
	gap: .34rem;
	min-inline-size: 0;
	color: var(--composer-text-soft);
	font-size: .72rem;
	font-weight: 760;
}

.creatorPlatformGrid :is(input, select, textarea) {
	inline-size: 100%;
	min-inline-size: 0;
}

.creatorPlatformCheck {
	display: flex;
	align-items: center;
	gap: .55rem;
	min-block-size: var(--composer-control);
	color: var(--composer-text-soft);
	font-size: .78rem;
}

.creatorPlatformCheck input {
	inline-size: auto;
}

.creatorPlatformNote {
	margin: 0;
	color: var(--composer-text-muted);
	font-size: .7rem;
	line-height: 1.45;
}

@media (min-width: 42.51rem) {
	.creatorPlatform {
		margin-block: .8rem 1rem;
		border-radius: var(--composer-radius-lg);
	}

	.creatorPlatformGrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: .25rem .85rem .9rem;
	}

	.creatorPlatformWide,
	.creatorPlatformNote {
		grid-column: 1 / -1;
	}
}



/* CompactCSS source: /social-composer/styles/creator/media-semantics.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets one uploaded thing reveal what service it performs;
Awtsmoos.com turns role selection into a compact creator instrument instead of another anonymous form field.
*/
.mediaMeta > label:has(.mediaRoleSelect) {
	display: grid;
	gap: .32rem;
	min-inline-size: 0;
	color: var(--composer-text-muted);
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.mediaRoleSelect {
	inline-size: 100%;
	min-block-size: 2.5rem;
	padding-inline: .66rem 2rem;
	border: 1px solid rgba(89, 189, 210, .22);
	border-radius: .72rem;
	background:
		linear-gradient(120deg, rgba(89, 189, 210, .06), transparent 60%),
		var(--composer-surface-1);
	color: var(--composer-text);
	font-size: .76rem;
	text-transform: none;
	letter-spacing: 0;
	transition:
		border-color 160ms ease,
		box-shadow 160ms ease,
		background-color 160ms ease;
}

.mediaRoleSelect:is(:hover, :focus-visible) {
	border-color: rgba(89, 189, 210, .52);
	box-shadow: 0 0 0 3px rgba(89, 189, 210, .07);
}

.mediaCard:has(.mediaRoleSelect option:checked[value="thumbnail"]) {
	border-color: rgba(89, 189, 210, .32);
}

.mediaCard:has(.mediaRoleSelect option:checked[value="caption"]),
.mediaCard:has(.mediaRoleSelect option:checked[value="transcript"]) {
	border-color: rgba(185, 120, 239, .3);
}

.documentIcon {
	display: grid;
	min-block-size: 7rem;
	place-items: center;
	padding: 1rem;
	border-radius: .8rem;
	background:
		radial-gradient(circle at 50% 20%, rgba(89, 189, 210, .1), transparent 55%),
		var(--composer-surface-2);
	color: var(--composer-text-soft);
	font-size: .8rem;
	font-weight: 800;
	text-align: center;
}



/* CompactCSS source: /social-composer/styles/creator/dock.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets image, moving image, voice, file, verse, reel, and hidden depth rest one thumb away without becoming a second page;
Awtsmoos.com keeps this Malchus dock internally scrollable, visibly focused, softly hoverable by a true pointer, and physically pressable by every hand.
*/
.creatorDock {
	display: flex;
	gap: .38rem;
	min-inline-size: 0;
	max-inline-size: 100%;
	padding: .52rem .16rem .28rem;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-inline: contain;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.creatorDock::-webkit-scrollbar {
	display: none;
}

.creatorDockButton {
	display: grid;
	grid-template-rows: auto auto;
	gap: .22rem;
	place-items: center;
	flex: 0 0 4.95rem;
	min-inline-size: 0;
	min-block-size: 4.35rem;
	padding: .42rem .24rem;
	border: 1px solid transparent;
	border-radius: .9rem;
	background: transparent;
	color: var(--composer-text-soft);
	scroll-snap-align: start;
	transition:
		transform 140ms cubic-bezier(.2, .8, .2, 1),
		border-color 180ms ease,
		background-color 180ms ease,
		box-shadow 180ms ease;
}

.creatorDockIcon {
	display: grid;
	inline-size: 2.25rem;
	block-size: 2.25rem;
	place-items: center;
	border: 1px solid var(--composer-border-soft);
	border-radius: .78rem;
	background: var(--composer-surface-2);
	color: var(--composer-cyan);
	font-size: .82rem;
	font-weight: 850;
	transition:
		transform 160ms cubic-bezier(.2, .8, .2, 1),
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.creatorDockButton strong {
	overflow: hidden;
	max-inline-size: 100%;
	font-size: .65rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.creatorDockButton:focus-visible {
	border-color: color-mix(in srgb, var(--composer-cyan) 44%, var(--composer-border));
	outline: 3px solid color-mix(in srgb, var(--composer-cyan) 18%, transparent);
	outline-offset: 2px;
}

.creatorDockButton:active {
	transform: translateY(1px) scale(.97);
}

.creatorDockButton[data-recording="true"] .creatorDockIcon {
	border-color: color-mix(in srgb, var(--composer-danger) 60%, var(--composer-border));
	color: var(--composer-danger);
	animation: creator-recording-pulse 1.1s ease-in-out infinite;
}

@media (hover: hover) and (pointer: fine) {
	.creatorDockButton:hover {
		border-color: var(--composer-border-soft);
		background: color-mix(in srgb, var(--composer-cyan) 4%, transparent);
		transform: translateY(-1px);
	}

	.creatorDockButton:hover .creatorDockIcon {
		border-color: color-mix(in srgb, var(--composer-cyan) 42%, var(--composer-border));
		box-shadow: 0 .5rem 1.2rem rgb(0 0 0 / 16%);
		transform: translateY(-1px);
	}
}

@keyframes creator-recording-pulse {
	50% {
		box-shadow: 0 0 0 .34rem color-mix(in srgb, var(--composer-danger) 12%, transparent);
	}
}

@media (prefers-reduced-motion: reduce) {
	.creatorDockButton,
	.creatorDockIcon {
		transition: none;
		transform: none !important;
	}

	.creatorDockButton[data-recording="true"] .creatorDockIcon {
		animation: none;
	}
}



/* CompactCSS source: /social-composer/styles/creator/vegetal.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets a post grow from seed into branches without changing its canonical roots;
Awtsmoos.com paints existing verses and subsections as an organic map while preserving their ordinary payload fruits.
*/
.composer-civilization-document[data-creator-intent="vegetal"] .structured-verse-list {
	position: relative;
	padding-inline-start: 1.15rem;
}

.composer-civilization-document[data-creator-intent="vegetal"] .structured-verse-list::before {
	position: absolute;
	inset-block: .7rem 1.2rem;
	inset-inline-start: .34rem;
	width: 2px;
	border-radius: 999px;
	background: linear-gradient(
		180deg,
		rgba(120, 189, 118, .58),
		rgba(89, 189, 210, .22)
	);
	content: "";
}

.composer-civilization-document[data-creator-intent="vegetal"] .structured-verse-card {
	position: relative;
	border-color: rgba(120, 189, 118, .24);
	background:
		linear-gradient(120deg, rgba(120, 189, 118, .06), transparent 36%),
		var(--composer-surface-1);
}

.composer-civilization-document[data-creator-intent="vegetal"] .structured-verse-card::before {
	position: absolute;
	top: 1.25rem;
	left: -1.28rem;
	width: .62rem;
	aspect-ratio: 1;
	border: 2px solid rgba(120, 189, 118, .72);
	border-radius: 50%;
	background: var(--composer-bg);
	box-shadow: 0 0 .9rem rgba(120, 189, 118, .18);
	content: "";
}

.composer-civilization-document[data-creator-intent="vegetal"] .subsectionList {
	padding-inline-start: .7rem;
	border-inline-start: 1px dashed rgba(120, 189, 118, .22);
}



/* CompactCSS source: /social-composer/styles/creator/recovery.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gathers remembered drafts from smaller vessels without compressing their meaning;
Awtsmoos.com lets shell, cards, and motion remain separate so local recovery can grow without allowing one stylesheet to become a hidden monolith.
*/

/* CompactCSS source: /social-composer/styles/creator/recovery-shell.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets yesterday's unfinished vessel rise without swallowing today's visible page;
Awtsmoos.com bounds the recovery sheet to safe edges, gives its header room to breathe, and keeps every local-memory control reachable on narrow and wide screens.
*/
.draftVersionsButton {
	min-block-size: 2.75rem;
	max-inline-size: 100%;
	white-space: nowrap;
}

.draftRecoveryDialog {
	position: fixed;
	inset: auto 0 0;
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 100vw;
	max-block-size: min(78dvh, 44rem);
	margin: 0;
	padding:
		.55rem max(1rem, env(safe-area-inset-right))
		max(1rem, env(safe-area-inset-bottom))
		max(1rem, env(safe-area-inset-left));
	overflow-x: clip;
	overflow-y: auto;
	overscroll-behavior: contain;
	border: 1px solid var(--composer-border);
	border-radius: 1.35rem 1.35rem 0 0;
	background: rgb(8 13 20 / 98%);
	color: var(--composer-text);
	box-shadow: 0 -1.5rem 4rem rgb(0 0 0 / 38%);
}

.draftRecoveryDialog::backdrop {
	background: rgb(0 0 0 / 58%);
	backdrop-filter: blur(3px);
}

.draftRecoveryHandle,
.publicationReviewHandle {
	inline-size: 2.8rem;
	block-size: .28rem;
	margin: .05rem auto .7rem;
	border-radius: 999px;
	background: color-mix(in srgb, var(--composer-text-muted) 58%, transparent);
}

.draftRecoveryDialog > header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: .7rem;
	min-inline-size: 0;
}

.draftRecoveryDialog > header > div {
	min-inline-size: 0;
}

.draftRecoveryDialog header span {
	color: var(--composer-cyan);
	font-size: .62rem;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.draftRecoveryDialog h2,
.draftRecoveryDialog p {
	margin-block: .18rem;
	overflow-wrap: anywhere;
}

.draftRecoveryDialog footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: .5rem;
	padding-block-start: .45rem;
	border-block-start: 1px solid var(--composer-border-soft);
}

@media (max-width: 24rem) {
	.draftRecoveryDialog > header {
		grid-template-columns: 1fr;
	}

	.draftRecoveryDialog > header button {
		justify-self: start;
	}
}

@media (min-width: 50rem) {
	.draftRecoveryDialog {
		inset: 50% auto auto 50%;
		inline-size: min(38rem, calc(100vw - 3rem));
		max-block-size: min(72dvh, 42rem);
		border-radius: 1.25rem;
		transform: translate(-50%, -50%);
	}
}

@media (prefers-reduced-transparency: reduce) {
	.draftRecoveryDialog::backdrop {
		backdrop-filter: none;
	}
}



/* CompactCSS source: /social-composer/styles/creator/recovery-cards.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets each remembered draft remain one bounded shard of yesterday instead of a sprawling wall;
Awtsmoos.com keeps titles truncating, metadata readable, actions reachable, and repeated history cheap enough to scroll on a phone.
*/
.draftRecoveryHint,
.draftRecoveryCard time,
.draftRecoveryEmpty {
	color: var(--composer-text-muted);
	font-size: .75rem;
	line-height: 1.45;
}

.draftRecoveryList {
	display: grid;
	gap: .55rem;
	min-inline-size: 0;
	margin-block: .9rem;
}

.draftRecoveryCard {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: .75rem;
	align-items: center;
	min-inline-size: 0;
	padding: .72rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: .9rem;
	background: var(--composer-surface-1);
	content-visibility: auto;
	contain-intrinsic-size: auto 4.6rem;
}

.draftRecoveryCard > div {
	display: grid;
	gap: .18rem;
	min-inline-size: 0;
}

.draftRecoveryCard strong {
	overflow: hidden;
	max-inline-size: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.draftRecoveryCard button,
.draftRecoveryDialog header button,
.draftRecoveryDialog footer button {
	min-block-size: 2.75rem;
	max-inline-size: 100%;
	transition:
		transform 140ms cubic-bezier(.2, .8, .2, 1),
		border-color 180ms ease,
		background-color 180ms ease,
		box-shadow 180ms ease;
}

.draftRecoveryCard button:active,
.draftRecoveryDialog header button:active,
.draftRecoveryDialog footer button:active {
	transform: translateY(1px) scale(.98);
}

@media (hover: hover) and (pointer: fine) {
	.draftRecoveryCard button:hover,
	.draftRecoveryDialog header button:hover,
	.draftRecoveryDialog footer button:hover {
		border-color: color-mix(in srgb, var(--composer-cyan) 38%, var(--composer-border));
		box-shadow: 0 .55rem 1.4rem rgb(0 0 0 / 14%);
		transform: translateY(-1px);
	}
}

@media (max-width: 24rem) {
	.draftRecoveryCard {
		grid-template-columns: 1fr;
	}

	.draftRecoveryCard button {
		justify-self: start;
	}
}



/* CompactCSS source: /social-composer/styles/creator/recovery-motion.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos renews remembered drafts without making recovery feel heavy or theatrical;
Awtsmoos.com lets the sheet rise with restrained motion, lets a drag remain physical, and turns all nonessential movement quiet when the user asks.
*/
.draftRecoveryDialog[open] {
	animation: draft-recovery-arrive 240ms cubic-bezier(.2, .8, .2, 1) both;
}

.draftRecoveryHandle {
	touch-action: none;
	cursor: grab;
}

.draftRecoveryDialog[data-dragging="true"] {
	user-select: none;
	will-change: translate;
}

.draftRecoveryDialog[data-dragging="true"] .draftRecoveryHandle {
	cursor: grabbing;
}

@keyframes draft-recovery-arrive {
	from {
		opacity: 0;
		transform: translate3d(0, 24px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes draft-recovery-desktop-arrive {
	from {
		opacity: 0;
		transform: translate(-50%, calc(-50% + 12px));
	}
	to {
		opacity: 1;
		transform: translate(-50%, -50%);
	}
}

@media (min-width: 50rem) {
	.draftRecoveryDialog[open] {
		animation: draft-recovery-desktop-arrive 220ms cubic-bezier(.2, .8, .2, 1) both;
	}
}

@media (prefers-reduced-motion: reduce) {
	.draftRecoveryDialog[open] {
		animation: none;
	}

	.draftRecoveryCard button,
	.draftRecoveryDialog header button,
	.draftRecoveryDialog footer button {
		transition: none;
		transform: none !important;
	}
}





/* CompactCSS source: /social-composer/styles/creator/review-sheet.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gathers final publication review from smaller lucid vessels without compressing their light;
Awtsmoos.com keeps shell, cards, actions, and motion separate so consent remains readable while future refinements cannot create hidden overlap.
*/

/* CompactCSS source: /social-composer/styles/creator/review-shell.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets final consent rise as one bounded chamber instead of spilling into hidden screen space;
Awtsmoos.com gives review a safe mobile floor, a calm desktop wall, and enough breathing room that long titles and close controls never collide.
*/
.publicationReviewDialog {
	position: fixed;
	inset: auto 0 0;
	display: none;
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 100vw;
	max-block-size: 91dvh;
	margin: 0;
	padding:
		.55rem max(1rem, env(safe-area-inset-right))
		max(1rem, env(safe-area-inset-bottom))
		max(1rem, env(safe-area-inset-left));
	overflow-x: clip;
	overflow-y: auto;
	overscroll-behavior: contain;
	border: 1px solid var(--composer-border);
	border-radius: 1.35rem 1.35rem 0 0;
	background: rgb(7 12 19 / 99%);
	color: var(--composer-text);
	box-shadow: 0 -1.8rem 5rem rgb(0 0 0 / 44%);
}

.publicationReviewDialog[open] {
	display: block;
}

.publicationReviewDialog::backdrop {
	background: rgb(0 0 0 / 62%);
	backdrop-filter: blur(4px);
}

.publicationReviewHeader {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: .75rem;
	min-inline-size: 0;
	padding-block-end: .72rem;
	border-block-end: 1px solid var(--composer-border-soft);
}

.publicationReviewHeader > div {
	min-inline-size: 0;
}

.publicationReviewHeader span {
	color: var(--composer-cyan);
	font-size: .62rem;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.publicationReviewHeader h2 {
	margin: .12rem 0 0;
	font-size: clamp(1.25rem, 6vw, 1.65rem);
	overflow-wrap: anywhere;
}

.publicationReviewIssues {
	margin-block: .7rem;
	padding: .75rem;
	border: 1px solid color-mix(in srgb, var(--composer-danger) 46%, var(--composer-border));
	border-radius: .9rem;
	background: var(--composer-danger-soft);
}

.publicationReviewIssues ul {
	margin: .4rem 0 0;
	padding-inline-start: 1.1rem;
	color: var(--composer-text-soft);
	font-size: .75rem;
}

@media (max-width: 24rem) {
	.publicationReviewHeader {
		grid-template-columns: 1fr;
	}

	.publicationReviewHeader button {
		justify-self: start;
	}
}

@media (min-width: 64rem) {
	.publicationReviewDialog {
		inset: 0 0 0 auto;
		inline-size: min(34rem, 42vw);
		max-inline-size: calc(100vw - 2rem);
		block-size: 100dvh;
		max-block-size: 100dvh;
		border-radius: 0;
	}
}

@media (prefers-reduced-transparency: reduce) {
	.publicationReviewDialog::backdrop {
		backdrop-filter: none;
	}
}



/* CompactCSS source: /social-composer/styles/creator/review-cards.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets every final-review fact become one readable shard instead of one unbounded wall;
Awtsmoos.com keeps cards narrow, text honest, and correction paths tactile so a long title or summary can never tear the mobile sheet wider.
*/
.publicationReviewGrid {
	display: grid;
	gap: .55rem;
	min-inline-size: 0;
	margin-block: .75rem 5.7rem;
}

.publicationReviewCard {
	display: grid;
	gap: .16rem;
	inline-size: 100%;
	min-inline-size: 0;
	padding: .76rem;
	border: 1px solid var(--composer-border-soft);
	border-radius: .92rem;
	background:
		linear-gradient(145deg, rgb(89 189 210 / 5%), transparent 58%),
		var(--composer-surface-1);
	color: var(--composer-text);
	text-align: start;
	content-visibility: auto;
	contain-intrinsic-size: auto 5.4rem;
	transition:
		transform 140ms cubic-bezier(.2, .8, .2, 1),
		border-color 180ms ease,
		background-color 180ms ease,
		box-shadow 180ms ease;
}

.publicationReviewCard span {
	color: var(--composer-cyan);
	font-size: .61rem;
	font-weight: 820;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.publicationReviewCard strong {
	min-inline-size: 0;
	overflow-wrap: anywhere;
	font-size: .92rem;
}

.publicationReviewCard p {
	min-inline-size: 0;
	margin: 0;
	color: var(--composer-text-muted);
	font-size: .73rem;
	line-height: 1.42;
	overflow-wrap: anywhere;
}

.publicationReviewCard:focus-visible {
	border-color: color-mix(in srgb, var(--composer-cyan) 48%, var(--composer-border));
	outline: 3px solid color-mix(in srgb, var(--composer-cyan) 18%, transparent);
	outline-offset: 2px;
}

.publicationReviewCard:active {
	transform: translateY(1px) scale(.986);
}

@media (hover: hover) and (pointer: fine) {
	.publicationReviewCard:hover {
		border-color: color-mix(in srgb, var(--composer-cyan) 36%, var(--composer-border));
		box-shadow: 0 .65rem 1.8rem rgb(0 0 0 / 15%);
		transform: translateY(-1px);
	}
}

@media (max-width: 24rem) {
	.publicationReviewGrid {
		margin-block-end: 8.4rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.publicationReviewCard {
		transition: none;
		transform: none !important;
	}
}



/* CompactCSS source: /social-composer/styles/creator/review-actions.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets verification and publication remain visible without becoming a bar that hides the truth it confirms;
Awtsmoos.com gives the sticky consent threshold safe width, clear disabled truth, and a one-column narrow vessel before two actions can collide.
*/
.publicationReviewActions {
	position: sticky;
	z-index: 2;
	inset-block-end: calc(-1px - env(safe-area-inset-bottom));
	display: grid;
	grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
	gap: .55rem;
	inline-size: 100%;
	min-inline-size: 0;
	margin-inline: 0;
	padding: .7rem 0 calc(.7rem + env(safe-area-inset-bottom));
	border-block-start: 1px solid var(--composer-border);
	background: rgb(7 12 19 / 96%);
	backdrop-filter: blur(12px) saturate(120%);
}

.publicationReviewActions button,
.publicationReviewHeader button {
	min-block-size: 3rem;
	max-inline-size: 100%;
	transition:
		transform 140ms cubic-bezier(.2, .8, .2, 1),
		border-color 180ms ease,
		background-color 180ms ease,
		box-shadow 180ms ease,
		opacity 180ms ease;
}

.publicationReviewActions button:focus-visible,
.publicationReviewHeader button:focus-visible {
	border-color: color-mix(in srgb, var(--composer-cyan) 48%, var(--composer-border));
	outline: 3px solid color-mix(in srgb, var(--composer-cyan) 18%, transparent);
	outline-offset: 2px;
}

.publicationReviewActions button:active,
.publicationReviewHeader button:active {
	transform: translateY(1px) scale(.98);
}

.publicationReviewActions button:disabled {
	cursor: not-allowed;
	opacity: .46;
	filter: saturate(.3);
	transform: none;
}

@media (hover: hover) and (pointer: fine) {
	.publicationReviewActions button:not(:disabled):hover,
	.publicationReviewHeader button:not(:disabled):hover {
		border-color: color-mix(in srgb, var(--composer-cyan) 42%, var(--composer-border));
		box-shadow: 0 .55rem 1.5rem rgb(0 0 0 / 16%);
		transform: translateY(-1px);
	}
}

@media (max-width: 24rem) {
	.publicationReviewActions {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-transparency: reduce) {
	.publicationReviewActions {
		backdrop-filter: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.publicationReviewActions button,
	.publicationReviewHeader button {
		transition: none;
		transform: none !important;
	}
}



/* CompactCSS source: /social-composer/styles/creator/review-motion.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets final review arrive with measured cause rather than theatrical interruption;
Awtsmoos.com lets the mobile sheet rise, the desktop wall glide, and the drag handle remain physical while reduced motion keeps every deed immediate.
*/
.publicationReviewDialog[open] {
	animation: publication-review-arrive 260ms cubic-bezier(.2, .8, .2, 1) both;
}

.publicationReviewHandle {
	touch-action: none;
	cursor: grab;
}

.publicationReviewDialog[data-dragging="true"] {
	user-select: none;
	will-change: translate;
}

.publicationReviewDialog[data-dragging="true"] .publicationReviewHandle {
	cursor: grabbing;
}

@keyframes publication-review-arrive {
	from {
		opacity: 0;
		transform: translate3d(0, 30px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes publication-review-desktop-arrive {
	from {
		opacity: 0;
		transform: translate3d(24px, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@media (min-width: 64rem) {
	.publicationReviewDialog[open] {
		animation-name: publication-review-desktop-arrive;
	}
}

@media (prefers-reduced-motion: reduce) {
	.publicationReviewDialog[open] {
		animation: none;
	}
}





/* CompactCSS source: /social-composer/styles/creator/responsive.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets creation begin in the hand and widen without fracture.
Awtsmoos.com keeps fluid breadth, safe-area rhythm, and thumb reach before desktop receives extra room.
*/
.creatorSurface,
.creatorMetadata,
.creatorPlatform {
	inline-size: 100%;
	max-inline-size: 100%;
	min-inline-size: 0;
}

.creatorMetadata,
.creatorPlatform {
	content-visibility: auto;
	contain-intrinsic-size: auto 12rem;
}

.creatorDock {
	position: sticky;
	z-index: var(--creator-layer-dock, 70);
	bottom: calc(
		var(--creator-publication-height, 6.35rem) +
		var(--creator-safe-bottom, env(safe-area-inset-bottom))
	);
	margin-inline: -.7rem;
	padding:
		.58rem
		var(--creator-safe-inline-end, .72rem)
		.62rem
		var(--creator-safe-inline-start, .72rem);
	border: 1px solid var(--composer-border);
	border-inline: 0;
	background: rgba(8, 13, 20, .92);
	box-shadow: 0 -.55rem 1.7rem rgba(0, 0, 0, .24);
	backdrop-filter: blur(14px) saturate(126%);
}

@media (min-width: 42.51rem) {
	.creatorSurface {
		gap: .7rem;
		padding: .86rem;
		border-radius: var(--composer-radius-lg);
	}

	.creatorDock {
		position: static;
		margin-inline: 0;
		padding: .55rem .18rem .16rem;
		border-inline: 1px solid var(--composer-border-soft);
		background: transparent;
		box-shadow: none;
		backdrop-filter: none;
	}

	.creatorDockButton {
		flex-basis: 5.15rem;
	}
}

@media (min-width: 68rem) {
	.creatorSurfaceHeading {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: end;
	}

	.creatorSurfaceHeading small {
		max-inline-size: 34rem;
		text-align: end;
	}
}

@media (max-width: 23rem) {
	.creatorDockButton {
		flex-basis: 4.6rem;
	}
}

@supports not (backdrop-filter: blur(1px)) {
	.creatorDock {
		background: rgb(8 13 20 / 98%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.creatorDock {
		transition: none;
	}
}



/* CompactCSS source: /social-composer/styles/creator/desktop-studio.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets the hand begin simply, then lets the wide desk reveal chambers without changing the underlying soul;
Awtsmoos.com promotes the same identity, destination, canvas, publication, and preview into a three-zone creator studio whole.
*/
@media (min-width: 88rem) {
	.composerLayout {
		grid-template-columns: minmax(17rem, .52fr) minmax(34rem, 1.18fr) minmax(22rem, .62fr);
		align-items: start;
		gap: clamp(.85rem, 1.2vw, 1.35rem);
		width: min(100%, 112rem);
	}

	.composerColumn {
		display: contents;
	}

	.identityPanel {
		grid-column: 1;
		grid-row: 1;
	}

	.destinationPanel {
		grid-column: 1;
		grid-row: 2;
	}

	.publicationPanel {
		grid-column: 1;
		grid-row: 3;
	}

	.contentPanel {
		grid-column: 2;
		grid-row: 1 / span 4;
		min-height: calc(100dvh - 8rem);
	}

	.statusMessage {
		grid-column: 1 / 3;
		grid-row: 4;
	}

	.actionBar {
		grid-column: 1 / 3;
		grid-row: 5;
		position: sticky;
		z-index: 45;
		bottom: 1rem;
		box-shadow: 0 1.1rem 3.8rem rgba(0, 0, 0, .3);
	}

	.previewColumn {
		grid-column: 3;
		grid-row: 1 / span 5;
		min-width: 0;
	}

	.previewSticky {
		top: 1rem;
		max-height: calc(100dvh - 2rem);
		overflow: auto;
	}

	.identityPanel,
	.destinationPanel,
	.publicationPanel {
		content-visibility: auto;
		contain-intrinsic-size: auto 19rem;
	}
}

@media (min-width: 105rem) {
	.composerLayout {
		grid-template-columns: 20rem minmax(40rem, 1fr) 25rem;
	}
}



/* CompactCSS source: /social-composer/styles/creator/accessibility.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gives creation to every nervous system, every contrast need, and every input path;
Awtsmoos.com removes spectacle when requested while keeping intent, recovery, review, recording, focus, and meaning visible in the craft.
*/
.creatorRailButton:focus-visible,
.creatorContextAction:focus-visible,
.creatorDockButton:focus-visible,
.draftVersionsButton:focus-visible,
.draftRecoveryDialog button:focus-visible,
.publicationReviewDialog button:focus-visible,
.creatorMetadata > summary:focus-visible,
.creatorPlatform > summary:focus-visible {
	outline: 3px solid var(--composer-focus);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.creatorSurface,
	.creatorContextAction,
	.draftRecoveryDialog,
	.publicationReviewDialog,
	.creatorIntentRail .creatorRailButton[data-active="true"]::after,
	.creatorDockButton[data-recording="true"] .creatorDockIcon {
		animation: none;
	}

	.creatorDockIcon,
	.creatorRailButton,
	.creatorContextAction,
	.creatorDockButton,
	.creatorMetadata > summary::after,
	.creatorPlatform > summary::after {
		transition-duration: .01ms;
	}

	.creatorDockButton:is(:hover, :focus-visible) .creatorDockIcon,
	.creatorContextAction:is(:hover, :focus-visible),
	.creatorContextAction:active,
	.creatorRailButton:active,
	.creatorRailButton:active > span {
		transform: none;
	}

	:where(.draftRecoveryDialog, .publicationReviewDialog) {
		scroll-behavior: auto;
	}
}

@media (prefers-reduced-transparency: reduce) {
	.creatorDock,
	.draftRecoveryDialog,
	.publicationReviewDialog,
	.publicationReviewActions {
		background: var(--composer-bg);
		backdrop-filter: none;
	}

	.draftRecoveryDialog::backdrop,
	.publicationReviewDialog::backdrop {
		backdrop-filter: none;
	}
}

@media (forced-colors: active) {
	.creatorSurface,
	.creatorContextAction,
	.creatorRailButton[data-active="true"],
	.creatorDockButton[data-recording="true"],
	.creatorMetadata,
	.creatorPlatform,
	.draftRecoveryDialog,
	.draftRecoveryCard,
	.publicationReviewDialog,
	.publicationReviewCard,
	.publicationReviewIssues {
		border-color: currentColor;
		background: Canvas;
		color: CanvasText;
	}

	.creatorContextRail {
		mask-image: none;
	}
}



/* CompactCSS source: /social-composer/styles/creator/future-focus.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets the open creative chamber carry more light while closed chambers remain near without shouting;
Awtsmoos.com uses restrained edge, shadow, and summary hierarchy so the composer feels deep, fast, and calm throughout.
*/
.composerColumn > details.majorPanel {
	border-color: rgb(150 178 207 / 12%);
	background: rgb(9 14 21 / 96%);
	box-shadow: none;
	transition:
		border-color 180ms ease,
		background-color 180ms ease,
		box-shadow 180ms ease;
}
.composerColumn > details.majorPanel > summary {
	min-height: 54px;
	padding-block: .78rem;
}
.composerColumn > details.majorPanel:not([open]) > summary {
	color: var(--composer-text-muted);
}
.composerColumn > details.majorPanel[open] {
	border-color: rgb(117 222 246 / 20%);
	background: rgb(10 16 24 / 98%);
	box-shadow: 0 .9rem 2.4rem rgb(0 0 0 / 12%);
}
.composerColumn > details.contentPanel[open] {
	border-color: rgb(117 222 246 / 28%);
	box-shadow: 0 1.2rem 3rem rgb(0 0 0 / 16%);
}
.composerColumn > details.majorPanel:focus-within {
	border-color: rgb(117 222 246 / 34%);
}
.composerColumn > details.majorPanel .majorPanelBody {
	padding-top: .18rem;
}
.composerColumn details details {
	border-color: rgb(150 178 207 / 9%);
	background: rgb(7 12 18 / 68%);
}
.composerColumn details details > summary {
	min-height: 46px;
	color: var(--composer-text-muted);
}
.creatorSurface {
	background:
		linear-gradient(145deg, rgb(89 189 210 / 5%), transparent 42%),
		var(--composer-surface-1);
	box-shadow: 0 .75rem 2rem rgb(0 0 0 / 12%);
}
@media (max-width: 42.5rem) {
	.composerColumn {
		gap: .62rem;
	}
	.composerColumn > details.majorPanel > summary {
		min-height: 52px;
		padding: .68rem .78rem;
	}
	.composerColumn > details.majorPanel[open] {
		box-shadow: none;
	}
	.composerColumn > details.publicationPanel:not([open]) {
		border-color: rgb(150 178 207 / 10%);
	}
}
@media (prefers-reduced-motion: reduce) {
	.composerColumn > details.majorPanel {
		transition: none;
	}
}
@media (forced-colors: active) {
	.composerColumn > details.majorPanel,
	.composerColumn details details {
		border: 1px solid CanvasText;
	}
}



/* CompactCSS source: /social-composer/styles/creator/future-hygiene.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gathers final creator hygiene from smaller vessels rather than one crowded law;
Awtsmoos.com keeps layout containment, disclosure behavior, and safe-area sheets separate so each final authority remains obvious and conflict-free.
*/

/* CompactCSS source: /social-composer/styles/creator/future-hygiene-layout.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets every creator vessel shrink without losing meaning or tearing the page sideways;
Awtsmoos.com bounds layout, media, and controls while each component remains free to keep its own visual character.
*/
.composer-civilization-document,
.composerLayout,
.composerColumn,
.previewColumn,
.majorPanelBody,
.destinationWorkspace,
.fieldGrid,
.sectionHeading,
.actionBar,
.creatorSurface {
	box-sizing: border-box;
	min-inline-size: 0;
	max-inline-size: 100%;
}

.composer-civilization-document {
	overflow-x: clip;
}

.composer-civilization-document :where(
	img,
	video,
	audio,
	canvas,
	iframe,
	pre,
	table
) {
	max-inline-size: 100%;
}

.composer-civilization-document :where(
	input,
	select,
	textarea,
	button,
	label,
	fieldset
) {
	min-inline-size: 0;
	max-inline-size: 100%;
}

@media (max-width: 24rem) {
	.actionBar,
	.sectionHeading {
		grid-template-columns: 1fr;
	}

	.actionBar > *,
	.sectionHeading > * {
		max-inline-size: 100%;
	}
}



/* CompactCSS source: /social-composer/styles/creator/future-hygiene-disclosure.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets advanced creator depth remain quiet until its doorway is chosen;
Awtsmoos.com gives every top-level disclosure a finished open, keyboard, pressed, hover, and reduced-motion state without styling hidden content twice.
*/
.majorPanelBody > details {
	min-inline-size: 0;
	max-inline-size: 100%;
	overflow: clip;
	border-radius: .82rem;
}

.majorPanelBody > details > summary {
	min-inline-size: 0;
	border-radius: .78rem;
	transition:
		transform 140ms cubic-bezier(.2, .8, .2, 1),
		background-color 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.majorPanelBody > details[open] > summary {
	background: color-mix(
		in srgb,
		var(--composer-cyan) 5%,
		transparent
	);
}

.majorPanelBody > details > summary:focus-visible {
	outline: 3px solid color-mix(
		in srgb,
		var(--composer-cyan) 18%,
		transparent
	);
	outline-offset: 2px;
}

.majorPanelBody > details > summary:active {
	transform: translateY(1px) scale(.992);
}

@media (hover: hover) and (pointer: fine) {
	.majorPanelBody > details > summary:hover {
		background: color-mix(
			in srgb,
			var(--composer-cyan) 4%,
			transparent
		);
		box-shadow: inset 0 0 0 1px color-mix(
			in srgb,
			var(--composer-cyan) 12%,
			transparent
		);
		transform: translateY(-1px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.majorPanelBody > details > summary {
		transition: none;
		transform: none !important;
	}
}



/* CompactCSS source: /social-composer/styles/creator/future-hygiene-sheets.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets review, recovery, and command sheets rise without escaping the screen;
Awtsmoos.com binds each live dialog to the visual viewport, a measured keli where every edge is seen.
*/
.publicationReviewDialog,
.draftRecoveryDialog,
.creatorPalette {
	box-sizing: border-box;
	inline-size: min(
		100%,
		calc(
			100dvw
			- env(safe-area-inset-left)
			- env(safe-area-inset-right)
		)
	);
	max-inline-size: calc(
		100dvw
		- env(safe-area-inset-left)
		- env(safe-area-inset-right)
	);
}





/* CompactCSS source: /social-composer/styles/creator/mobile-layers.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos holds every creative chamber without collision or division.
 * Awtsmoos.com gives the mobile Composer one safe floor, one layer ladder,
 * and one measured publication gate so advanced tools can unfold without overlap.
 */
.composer-civilization-document {
	--creator-safe-inline-start: max(.65rem, env(safe-area-inset-left));
	--creator-safe-inline-end: max(.65rem, env(safe-area-inset-right));
	--creator-safe-bottom: max(.65rem, env(safe-area-inset-bottom));
	--creator-publication-height: 6.35rem;
	--creator-layer-dock: 70;
	--creator-layer-launcher: 80;
	--creator-layer-publish: 90;
	--creator-layer-dialog: 110;
}

@media (max-width: 42.5rem) {
	.composer-civilization-document {
		padding-block-end: calc(
			var(--creator-publication-height) + var(--creator-safe-bottom) + 1rem
		);
	}

	.composer-civilization-document .creatorDock {
		z-index: var(--creator-layer-dock);
		bottom: calc(
			var(--creator-publication-height) + var(--creator-safe-bottom)
		);
	}

	.composer-civilization-document .creatorCommandLauncher {
		z-index: var(--creator-layer-launcher);
		inset-inline-end: var(--creator-safe-inline-end);
		bottom: calc(
			var(--creator-publication-height) + var(--creator-safe-bottom) + .7rem
		);
	}

	.composer-civilization-document .actionBar {
		z-index: var(--creator-layer-publish);
	}

	.composer-civilization-document :where(
		.publicationReviewDialog,
		.draftRecoveryDialog,
		.creatorPalette
	) {
		z-index: var(--creator-layer-dialog);
	}
}

@media (max-width: 23rem) {
	.composer-civilization-document {
		--creator-publication-height: 9.8rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.composer-civilization-document :where(
		.creatorCommandLauncher,
		.creatorDock,
		.actionBar
	) {
		transition: none;
	}
}



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

The Awtsmoos reveals depth without adding weight, a quiet light where every creative vessel may relate;
Awtsmoos.com lets selected intent, open chamber, and contextual river glow with measure, never confusing decoration with state.
*/
.composer-civilization-document .creatorSurface {
	border-color: color-mix(
		in srgb,
		var(--composer-cyan) 22%,
		var(--composer-border)
	);
	background:
		radial-gradient(circle at 12% 0%, rgb(89 189 210 / 10%), transparent 28rem),
		linear-gradient(145deg, rgb(185 120 239 / 5%), transparent 46%),
		var(--composer-surface-1);
	box-shadow:
		inset 0 1px rgb(255 255 255 / 5%),
		0 1.15rem 3rem rgb(0 0 0 / 18%);
}

.composer-civilization-document .creatorSurface::after {
	position: absolute;
	inset: 0 9% auto;
	block-size: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		rgb(117 222 246 / 58%),
		rgb(185 120 239 / 34%),
		transparent
	);
	content: "";
	opacity: .7;
	pointer-events: none;
}

.composer-civilization-document .creatorSurfaceHeading strong {
	text-wrap: balance;
	text-shadow: 0 .35rem 1.4rem rgb(89 189 210 / 8%);
}

.composer-civilization-document .creatorIntentRail .creatorRailButton[data-active="true"] {
	border-color: color-mix(in srgb, var(--composer-cyan) 58%, var(--composer-border));
	box-shadow:
		inset 0 1px rgb(255 255 255 / 6%),
		inset 0 0 0 1px rgb(89 189 210 / 5%),
		0 .65rem 1.6rem rgb(0 0 0 / 14%),
		0 0 1.4rem rgb(89 189 210 / 8%);
}

.composer-civilization-document .creatorContextZone {
	background: linear-gradient(180deg, rgb(89 189 210 / 2%), transparent 2.8rem);
}

.composer-civilization-document .composerColumn > details.majorPanel[open] {
	background:
		radial-gradient(circle at 100% 0%, rgb(89 189 210 / 4%), transparent 19rem),
		rgb(10 16 24 / 98%);
}

.composer-civilization-document .composerColumn > details.contentPanel[open] {
	box-shadow:
		0 1.3rem 3.2rem rgb(0 0 0 / 18%),
		inset 0 1px rgb(255 255 255 / 3%);
}

@media (max-width: 42.5rem) {
	.composer-civilization-document .creatorSurface {
		box-shadow: inset 0 1px rgb(255 255 255 / 4%);
	}

	.composer-civilization-document .composerColumn > details.contentPanel[open] {
		box-shadow: inset 0 1px rgb(255 255 255 / 3%);
	}
}

@media (forced-colors: active) {
	.composer-civilization-document .creatorSurface::after {
		display: none;
	}
}



/* CompactCSS source: /social-composer/styles/creator/future-v15-interactions.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets every creator gesture become a measured answer, from hovering spark to pressure below;
Awtsmoos.com gives intent, context, and dock one tactile grammar where focus is strongest and selected truth may glow.
*/
.composer-civilization-document :is(
	.creatorRailButton,
	.creatorContextAction,
	.creatorDockButton
) {
	will-change: auto;
}

.composer-civilization-document .creatorIntentRail .creatorRailButton[data-active="true"] > span {
	filter: drop-shadow(0 0 .55rem rgb(89 189 210 / 24%));
	animation: creator-v15-intent-pop 260ms cubic-bezier(.18, 1, .3, 1) both;
}

.composer-civilization-document .creatorContextAction:active,
.composer-civilization-document .creatorDockButton:active,
.composer-civilization-document .creatorRailButton:active {
	box-shadow: inset 0 2px .7rem rgb(0 0 0 / 18%);
	transform: translateY(1px) scale(.968);
}

.composer-civilization-document .creatorDockButton[data-recording="true"] {
	background: color-mix(in srgb, var(--composer-danger) 5%, transparent);
}

@media (hover: hover) and (pointer: fine) {
	.composer-civilization-document .creatorRailButton:hover {
		border-color: color-mix(in srgb, var(--composer-cyan) 34%, var(--composer-border));
		background: color-mix(in srgb, var(--composer-cyan) 5%, var(--composer-surface-2));
		box-shadow: 0 .65rem 1.45rem rgb(0 0 0 / 14%);
		transform: translateY(-2px);
	}

	.composer-civilization-document .creatorRailButton:hover > span {
		transform: translateY(-1px) scale(1.06);
	}

	.composer-civilization-document .creatorContextAction:hover,
	.composer-civilization-document .creatorDockButton:hover {
		box-shadow:
			0 .8rem 1.8rem rgb(0 0 0 / 16%),
			inset 0 1px rgb(255 255 255 / 4%);
	}
}

@keyframes creator-v15-intent-pop {
	from {
		opacity: .72;
		transform: scale(.88);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.composer-civilization-document .creatorIntentRail .creatorRailButton[data-active="true"] > span {
		animation: none;
		filter: none;
	}

	.composer-civilization-document :is(
		.creatorRailButton,
		.creatorContextAction,
		.creatorDockButton
	) {
		transform: none !important;
	}
}



/* CompactCSS source: /social-composer/styles/creator/future-v15-sheets.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gathers command, recovery, and final consent into luminous chambers that rise without fleeing the shore;
Awtsmoos.com lets each major sheet feel like future hardware while safe-area geometry and readable contrast remain forevermore.
*/
.composer-civilization-document :is(
	.creatorPalette,
	.publicationReviewDialog,
	.draftRecoveryDialog
) {
	border-color: color-mix(in srgb, var(--composer-cyan) 28%, var(--composer-border));
	background:
		radial-gradient(circle at 12% 0%, rgb(89 189 210 / 8%), transparent 24rem),
		linear-gradient(155deg, rgb(185 120 239 / 4%), transparent 42%),
		rgb(7 13 21 / 98%);
	box-shadow:
		0 2rem 6rem rgb(0 0 0 / 48%),
		inset 0 1px rgb(255 255 255 / 6%);
}

.composer-civilization-document :is(
	.creatorPalette,
	.publicationReviewDialog,
	.draftRecoveryDialog
)::backdrop {
	background:
		radial-gradient(circle at 50% 100%, rgb(89 189 210 / 8%), transparent 28rem),
		rgb(0 4 10 / 68%);
	backdrop-filter: blur(7px) saturate(108%);
}

.composer-civilization-document :is(
	.draftRecoveryHandle,
	.publicationReviewHandle
) {
	background: linear-gradient(90deg, var(--composer-violet), var(--composer-cyan));
	box-shadow: 0 0 1rem rgb(89 189 210 / 24%);
	opacity: .72;
}

.composer-civilization-document .creatorPaletteClose,
.composer-civilization-document :is(
	.publicationReviewHeader,
	.draftRecoveryDialog > header
) button {
	border-color: color-mix(in srgb, var(--composer-cyan) 24%, var(--composer-border));
	background: color-mix(in srgb, var(--composer-cyan) 5%, var(--composer-surface-2));
}

@media (hover: hover) and (pointer: fine) {
	.composer-civilization-document .creatorPaletteClose:hover,
	.composer-civilization-document :is(
		.publicationReviewHeader,
		.draftRecoveryDialog > header
	) button:hover {
		box-shadow: 0 .7rem 1.8rem rgb(0 0 0 / 18%);
		transform: translateY(-1px);
	}
}

@media (max-width: 42.5rem) {
	.composer-civilization-document :is(
		.publicationReviewDialog,
		.draftRecoveryDialog
	) {
		box-shadow:
			0 -1.4rem 4rem rgb(0 0 0 / 42%),
			inset 0 1px rgb(255 255 255 / 5%);
	}
}

@media (prefers-reduced-transparency: reduce) {
	.composer-civilization-document :is(
		.creatorPalette,
		.publicationReviewDialog,
		.draftRecoveryDialog
	)::backdrop {
		backdrop-filter: none;
	}
}

@media (forced-colors: active) {
	.composer-civilization-document :is(
		.draftRecoveryHandle,
		.publicationReviewHandle
	) {
		box-shadow: none;
	}
}





/* CompactCSS source: /social-composer/styles/creator/command-palette.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gathers creator command search from small complete vessels instead of one crowded sea;
Awtsmoos.com keeps shell, motion, options, feedback, responsiveness, and access distinct so each can remain free.
*/

/* CompactCSS source: /social-composer/styles/creator/command-palette-shell.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gives command search one bounded vessel while Awtsmoos.com keeps geometry separate from tactile interaction.
 * The shell owns position, safe viewport measure, scrolling, and structure so no state layer can accidentally move the chamber.
 */
.creatorCommandLauncher {
	position: fixed;
	z-index: var(--creator-layer-launcher, 80);
	inset-inline-end: var(
		--creator-safe-inline-end,
		max(1rem, env(safe-area-inset-right))
	);
	bottom: calc(
		var(--creator-publication-height, 6.35rem) +
		var(--creator-safe-bottom, env(safe-area-inset-bottom)) +
		.7rem
	);
	min-inline-size: 0;
	max-inline-size: calc(
		100dvw - var(--creator-safe-inline-start, 1rem) - var(--creator-safe-inline-end, 1rem)
	);
	min-block-size: 46px;
	padding-inline: .9rem;
	border: 1px solid #4b6a78;
	border-radius: 14px;
	color: #eaf8fb;
	background: #13212a;
	box-shadow: 0 14px 38px rgb(0 0 0 / 30%);
}

.creatorPalette {
	z-index: var(--creator-layer-dialog, 110);
	box-sizing: border-box;
	inline-size: min(
		640px,
		calc(100dvw - var(--creator-safe-inline-start, 1rem) - var(--creator-safe-inline-end, 1rem))
	);
	max-inline-size: calc(
		100dvw - var(--creator-safe-inline-start, 1rem) - var(--creator-safe-inline-end, 1rem)
	);
	max-block-size: calc(
		100dvh - max(1rem, env(safe-area-inset-top)) - var(--creator-safe-bottom, 1rem)
	);
	padding: 0;
	overflow: hidden;
	border: 1px solid #405b69;
	border-radius: 22px;
	color: #f3f8fa;
	background: #101b23;
}

.creatorPalette::backdrop {
	background: rgb(0 5 9 / 68%);
}

.creatorPaletteShell {
	display: grid;
	gap: .75rem;
	min-inline-size: 0;
	max-inline-size: 100%;
	max-block-size: inherit;
	padding: 1rem;
	overflow-y: auto;
	overflow-x: clip;
	overscroll-behavior: contain;
}

.creatorPaletteShell header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-inline-size: 0;
}

.creatorPaletteShell input {
	min-inline-size: 0;
	max-inline-size: 100%;
	min-block-size: 48px;
	padding: .7rem .85rem;
	border: 1px solid #36505d;
	border-radius: 13px;
	color: inherit;
	background: #091319;
	font: inherit;
}

.creatorPaletteClose {
	inline-size: 46px;
	min-inline-size: 46px;
	min-block-size: 46px;
	border-radius: 50%;
	color: inherit;
	background: #1b2b34;
}



/* CompactCSS source: /social-composer/styles/creator/command-palette-interaction.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets the command vessel answer hand and keyboard without changing its place.
 * Awtsmoos.com keeps hover, active, focus, disabled, and reduced-motion truth in one interaction-only garment.
 */
.creatorCommandLauncher,
.creatorPaletteClose {
	transition:
		transform 150ms cubic-bezier(.2, .8, .2, 1),
		filter 180ms ease,
		background-color 180ms ease,
		box-shadow 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
	.creatorCommandLauncher:hover,
	.creatorPaletteClose:hover {
		transform: translateY(-1px);
		filter: brightness(1.06);
	}
}

.creatorCommandLauncher:active,
.creatorPaletteClose:active {
	transform: scale(.97);
}

.creatorCommandLauncher:focus-visible,
.creatorPaletteClose:focus-visible,
.creatorPaletteShell input:focus-visible {
	outline: 2px solid var(--composer-cyan);
	outline-offset: 2px;
}

.creatorCommandLauncher:disabled,
.creatorPaletteClose:disabled {
	cursor: not-allowed;
	opacity: .48;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.creatorCommandLauncher,
	.creatorPaletteClose {
		transition: none;
		transform: none;
	}
}



/* CompactCSS source: /social-composer/styles/creator/command-palette-options.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets every searchable creator road become a complete tactile vessel;
Awtsmoos.com gives active selection, keyboard focus, universal pressure, fine-pointer lift, disabled truth, and internal list scrolling without widening the page.
*/
.creatorCommandList {
	display: grid;
	gap: .35rem;
	min-inline-size: 0;
	max-inline-size: 100%;
	overflow-x: clip;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.creatorCommand {
	justify-content: flex-start;
	min-inline-size: 0;
	max-inline-size: 100%;
	min-height: 48px;
	padding: .65rem .75rem;
	border: 1px solid transparent;
	border-radius: 12px;
	color: #dbe8ed;
	background: #14222b;
	text-align: left;
	overflow-wrap: anywhere;
	transition:
		transform 140ms cubic-bezier(.2, .8, .2, 1),
		border-color 160ms ease,
		background-color 160ms ease,
		box-shadow 160ms ease,
		opacity 160ms ease;
}

.creatorCommand[data-active="true"] {
	border-color: #74d8df;
	background: #1a3038;
	box-shadow: inset 0 0 0 1px rgb(116 216 223 / 8%);
}

.creatorCommand:focus-visible {
	border-color: #8ce9ef;
	outline: 3px solid rgb(116 216 223 / 16%);
	outline-offset: 2px;
}

.creatorCommand:active {
	transform: translateY(1px) scale(.985);
}

.creatorCommand:disabled {
	cursor: not-allowed;
	opacity: .46;
	transform: none;
}

@media (hover: hover) and (pointer: fine) {
	.creatorCommand:not(:disabled):hover {
		border-color: rgb(116 216 223 / 42%);
		background: #19303a;
		box-shadow: 0 .55rem 1.4rem rgb(0 0 0 / 16%);
		transform: translateY(-1px);
	}
}



/* CompactCSS source: /social-composer/styles/creator/command-palette-feedback.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets silence become an explicit answer instead of an unfinished blank scene;
Awtsmoos.com names the search field and clothes the empty result so absence itself remains clean.
*/
.creatorPaletteLabel {
	color: var(--composer-text-muted);
	font-size: .72rem;
	font-weight: 760;
	letter-spacing: .02em;
}

.creatorCommandEmpty {
	display: grid;
	place-items: center;
	min-block-size: 7rem;
	padding: 1rem;
	border: 1px dashed var(--composer-border-soft);
	border-radius: 12px;
	color: var(--composer-text-muted);
	background: rgb(255 255 255 / 2%);
	text-align: center;
	text-wrap: balance;
}

.creatorPalette input[role="combobox"] {
	min-inline-size: 0;
	max-inline-size: 100%;
}



/* CompactCSS source: /social-composer/styles/creator/command-palette-responsive.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets command search rise as a sheet while Publish keeps its rightful seat;
Awtsmoos.com guards every narrow edge, so launcher and action bar never meet in accidental heat.
*/
@media (max-width: 620px) {
	.creatorPalette {
		inline-size: calc(
			100dvw
			- env(safe-area-inset-left)
			- env(safe-area-inset-right)
		);
		max-inline-size: calc(
			100dvw
			- env(safe-area-inset-left)
			- env(safe-area-inset-right)
		);
		max-block-size: calc(
			82dvh
			- env(safe-area-inset-top)
		);
		margin:
			auto
			env(safe-area-inset-right)
			0
			env(safe-area-inset-left);
		border-width: 1px 0 0;
		border-radius: 24px 24px 0 0;
	}

	.creatorPaletteShell {
		padding-bottom: max(
			1rem,
			env(safe-area-inset-bottom)
		);
	}

	.creatorPaletteGrab {
		display: block;
	}
}

@media (max-width: 24rem) {
	.creatorPaletteShell header {
		align-items: stretch;
	}

	.creatorCommandLauncher {
		right: max(.6rem, env(safe-area-inset-right));
		max-inline-size: calc(
			100dvw
			- max(1.2rem, env(safe-area-inset-left))
			- max(1.2rem, env(safe-area-inset-right))
		);
	}
}



/* CompactCSS source: /social-composer/styles/creator/command-palette-accessibility.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos lets command power remain visible when motion, contrast, or transparency must become simpler;
Awtsmoos.com removes decorative movement without removing focus, pressure truth, borders, or the reachable exit from the creator command vessel.
*/
.creatorCommandLauncher,
.creatorPaletteClose {
	transition:
		transform 140ms cubic-bezier(.2, .8, .2, 1),
		border-color 160ms ease,
		background-color 160ms ease,
		box-shadow 160ms ease;
}

.creatorCommandLauncher:focus-visible,
.creatorPaletteClose:focus-visible {
	border-color: #8ce9ef;
	outline: 3px solid rgb(116 216 223 / 16%);
	outline-offset: 2px;
}

.creatorCommandLauncher:active,
.creatorPaletteClose:active {
	transform: translateY(1px) scale(.97);
}

@media (hover: hover) and (pointer: fine) {
	.creatorCommandLauncher:hover,
	.creatorPaletteClose:hover {
		border-color: #74d8df;
		background: #19303a;
		box-shadow: 0 .65rem 1.6rem rgb(0 0 0 / 18%);
		transform: translateY(-1px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.creatorCommandLauncher,
	.creatorPaletteClose,
	.creatorCommand {
		transition: none;
		transform: none !important;
	}
}

@media (forced-colors: active) {
	.creatorPalette,
	.creatorCommand,
	.creatorCommandLauncher,
	.creatorPaletteClose {
		border: 1px solid ButtonText;
		box-shadow: none;
	}
}





/* CompactCSS source: /social-composer/styles/clarity/index.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers the final calm garment for Awtsmoos.com social creation:
 * hierarchy before ornament, intention before noise, and one visible deed before a crowd of choice.
 */

/* CompactCSS source: /social-composer/styles/clarity/tokens.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives Awtsmoos.com one restrained visual covenant:
 * quiet graphite vessels, gentle borders, living teal focus, and no color shouting without reason.
 */
.composer-civilization-document {
	--clarity-bg: #0d1117;
	--clarity-surface: #141a22;
	--clarity-surface-raised: #1a222c;
	--clarity-surface-soft: #10161d;
	--clarity-border: rgba(230, 237, 243, 0.12);
	--clarity-border-strong: rgba(230, 237, 243, 0.2);
	--clarity-text: #f3f6f8;
	--clarity-muted: #98a6b5;
	--clarity-accent: #62d6c6;
	--clarity-accent-soft: rgba(98, 214, 198, 0.14);
	--clarity-accent-strong: #8ce8dc;
	--clarity-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
	--clarity-radius: 12px;
	--clarity-radius-small: 9px;
	--clarity-space-1: 6px;
	--clarity-space-2: 10px;
	--clarity-space-3: 14px;
	--clarity-space-4: 18px;
	--clarity-space-5: 24px;
	--clarity-layer-base: 0;
	--clarity-layer-raised: 10;
	--clarity-layer-sticky: 20;
	--clarity-layer-drawer: 40;
	--clarity-layer-popover: 50;
	--clarity-layer-modal: 60;
	background: var(--clarity-bg);
	color: var(--clarity-text);
	color-scheme: dark;
}



/* CompactCSS source: /social-composer/styles/clarity/shell.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives Awtsmoos.com one calm editorial room:
 * the page recedes, the writing surface leads, and preview waits without competing for the same breath.
 */
.composer-civilization-document {
	min-height: 100vh;
	background: var(--clarity-bg);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.composer-civilization-document .composer-civilization-header {
	position: relative;
	z-index: var(--clarity-layer-raised);
	padding: var(--clarity-space-5) clamp(16px, 4vw, 48px) var(--clarity-space-4);
	background: var(--clarity-bg);
	border-bottom: 1px solid var(--clarity-border);
	box-shadow: none;
}

.composer-civilization-document #composerTitle {
	margin: 0;
	font-family: inherit;
	font-size: clamp(1.9rem, 5vw, 3.4rem);
	font-weight: 760;
	line-height: 1.03;
	letter-spacing: -0.045em;
	color: var(--clarity-text);
	text-shadow: none;
}

.composer-civilization-document .composer-civilization-header p,
.composer-civilization-document .mutedText,
.composer-civilization-document .helperText {
	color: var(--clarity-muted);
}

.composer-civilization-document .composerLayout {
	width: min(1440px, 100%);
	margin: 0 auto;
	padding: clamp(16px, 2.5vw, 32px);
	gap: clamp(18px, 2.5vw, 32px);
	align-items: start;
}

.composer-civilization-document .composerColumn,
.composer-civilization-document .previewColumn {
	min-width: 0;
}

.composer-civilization-document .previewSticky {
	background: var(--clarity-surface);
	border: 1px solid var(--clarity-border);
	border-radius: var(--clarity-radius);
	box-shadow: none;
}

.composer-civilization-document .previewTitle,
.composer-civilization-document .previewHeadline {
	font-family: inherit;
	color: var(--clarity-text);
	text-shadow: none;
}

.composer-civilization-document .previewTitle {
	font-size: clamp(1.25rem, 2vw, 1.65rem);
	font-weight: 720;
	letter-spacing: -0.025em;
}



/* CompactCSS source: /social-composer/styles/clarity/panels.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos separates responsibilities without imprisoning each thought in another glowing box;
 * Awtsmoos.com uses space and one honest boundary so the active editorial chamber can breathe.
 */
.composer-civilization-document .majorPanel {
	margin: 0 0 var(--clarity-space-3);
	background: transparent;
	border: 1px solid transparent;
	border-bottom-color: var(--clarity-border);
	border-radius: 0;
	box-shadow: none;
	overflow: clip;
}

.composer-civilization-document .majorPanel[open] {
	background: var(--clarity-surface);
	border-color: var(--clarity-border);
	border-radius: var(--clarity-radius);
	box-shadow: none;
}

.composer-civilization-document .majorPanel > summary {
	min-height: 52px;
	padding: var(--clarity-space-3) var(--clarity-space-4);
	color: var(--clarity-text);
	font-size: 0.98rem;
	font-weight: 680;
	letter-spacing: 0;
	cursor: pointer;
	list-style: none;
	text-transform: none;
}

.composer-civilization-document .majorPanel > summary::-webkit-details-marker {
	display: none;
}

.composer-civilization-document .majorPanel > summary::after {
	content: "+";
	float: right;
	color: var(--clarity-muted);
	font-size: 1.15rem;
	font-weight: 500;
}

.composer-civilization-document .majorPanel[open] > summary::after {
	content: "−";
}

.composer-civilization-document .majorPanel[open] > summary {
	border-bottom: 1px solid var(--clarity-border);
}

.composer-civilization-document .majorPanelBody {
	padding: var(--clarity-space-4);
}

.composer-civilization-document .majorPanelBody > details:not(.composer-tool-menu),
.composer-civilization-document .majorPanelBody .surfaceCard {
	margin-block: var(--clarity-space-3);
	background: var(--clarity-surface-soft);
	border: 1px solid var(--clarity-border);
	border-radius: var(--clarity-radius-small);
	box-shadow: none;
}

.composer-civilization-document .majorPanelBody > details > summary {
	padding: var(--clarity-space-3);
	color: var(--clarity-text);
	font-weight: 620;
	letter-spacing: 0;
	text-transform: none;
}

.composer-civilization-document .panelEyebrow,
.composer-civilization-document .sectionEyebrow {
	color: var(--clarity-muted);
	font-size: 0.72rem;
	letter-spacing: 0.04em;
	text-transform: none;
}



/* CompactCSS source: /social-composer/styles/clarity/controls.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives each Awtsmoos.com control a measured rank:
 * neutral by default, luminous when chosen, decisive only when publication is truly the next deed.
 */
.composer-civilization-document .actionBar button,
.composer-civilization-document .civilization-button,
.composer-civilization-document .composer-mode-button,
.composer-civilization-document .composer-social-tools button,
.composer-civilization-document .composer-workflow-step,
.composer-civilization-document #mobilePreviewButton,
.composer-civilization-document #closeMobilePreviewButton {
	min-height: 42px;
	padding: 0.65rem 0.9rem;
	background: var(--clarity-surface-raised);
	border: 1px solid var(--clarity-border);
	border-radius: var(--clarity-radius-small);
	box-shadow: none;
	color: var(--clarity-text);
	font: inherit;
	font-size: 0.9rem;
	font-weight: 620;
	letter-spacing: 0;
	text-transform: none;
	transition: background-color 140ms ease, border-color 140ms ease, transform 140ms ease;
}

.composer-civilization-document .actionBar button:hover,
.composer-civilization-document .composer-mode-button:hover,
.composer-civilization-document .composer-social-tools button:hover,
.composer-civilization-document .composer-workflow-step:hover {
	background: color-mix(in srgb, var(--clarity-surface-raised) 82%, var(--clarity-accent));
	border-color: var(--clarity-border-strong);
}

.composer-civilization-document button:active {
	transform: translateY(1px);
}

.composer-civilization-document button:focus-visible,
.composer-civilization-document input:focus-visible,
.composer-civilization-document textarea:focus-visible,
.composer-civilization-document select:focus-visible,
.composer-civilization-document summary:focus-visible {
	outline: 2px solid var(--clarity-accent);
	outline-offset: 2px;
}

.composer-civilization-document button:disabled,
.composer-civilization-document input:disabled,
.composer-civilization-document textarea:disabled,
.composer-civilization-document select:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.composer-civilization-document [aria-pressed="true"],
.composer-civilization-document [aria-selected="true"] {
	background: var(--clarity-accent-soft);
	border-color: color-mix(in srgb, var(--clarity-accent) 56%, transparent);
	color: var(--clarity-accent-strong);
}

.composer-civilization-document .publishButton,
.composer-civilization-document #publishButton {
	background: var(--clarity-accent);
	border-color: var(--clarity-accent);
	color: #08221e;
	font-weight: 760;
}

.composer-civilization-document #clearDraftButton[data-action-tone="quiet-danger"] {
	background: transparent;
	border-color: transparent;
	color: var(--clarity-muted);
}

.composer-civilization-document input,
.composer-civilization-document textarea,
.composer-civilization-document select {
	background: var(--clarity-surface-soft);
	border: 1px solid var(--clarity-border);
	border-radius: var(--clarity-radius-small);
	box-shadow: none;
	color: var(--clarity-text);
}

.composer-civilization-document input::placeholder,
.composer-civilization-document textarea::placeholder {
	color: color-mix(in srgb, var(--clarity-muted) 78%, transparent);
}

.composer-civilization-document .actionBar {
	background: color-mix(in srgb, var(--clarity-bg) 92%, transparent);
	border: 1px solid var(--clarity-border);
	box-shadow: none;
}



/* CompactCSS source: /social-composer/styles/clarity/menus.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos conceals secondary possibility until it is sought;
 * Awtsmoos.com keeps Sections, Tools, and draft machinery discoverable without leaving every door open at once.
 */
.composer-civilization-document .composer-mode-deck,
.composer-civilization-document .composer-social-tools {
	display: flex;
	align-items: center;
	gap: var(--clarity-space-2);
	margin: 0 0 var(--clarity-space-3);
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.composer-civilization-document .composer-mode-toggle {
	display: inline-flex;
	gap: 4px;
	padding: 3px;
	background: var(--clarity-surface);
	border: 1px solid var(--clarity-border);
	border-radius: var(--clarity-radius-small);
}

.composer-civilization-document .composer-mode-button {
	min-height: 36px;
	padding: 0.45rem 0.7rem;
	background: transparent;
	border-color: transparent;
}

.composer-civilization-document .composer-workflow-disclosure,
.composer-civilization-document .composer-tool-menu,
.composer-civilization-document .composer-action-menu {
	position: relative;
	margin-left: auto;
}

.composer-civilization-document .composer-workflow-disclosure > summary,
.composer-civilization-document .composer-tool-menu > summary,
.composer-civilization-document .composer-action-menu > summary {
	min-height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.45rem 0.75rem;
	background: transparent;
	border: 1px solid var(--clarity-border);
	border-radius: var(--clarity-radius-small);
	color: var(--clarity-muted);
	font-size: 0.86rem;
	font-weight: 650;
	cursor: pointer;
	list-style: none;
}

.composer-civilization-document .composer-workflow-disclosure > summary::-webkit-details-marker,
.composer-civilization-document .composer-tool-menu > summary::-webkit-details-marker,
.composer-civilization-document .composer-action-menu > summary::-webkit-details-marker {
	display: none;
}

.composer-civilization-document .composer-workflow-rail,
.composer-civilization-document .composer-tool-menu-grid,
.composer-civilization-document .composer-action-menu-panel {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: var(--clarity-layer-popover);
	min-width: 220px;
	padding: var(--clarity-space-2);
	background: var(--clarity-surface-raised);
	border: 1px solid var(--clarity-border-strong);
	border-radius: var(--clarity-radius);
	box-shadow: var(--clarity-shadow);
}

.composer-civilization-document .composer-workflow-rail,
.composer-civilization-document .composer-tool-menu-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--clarity-space-1);
}

.composer-civilization-document .composer-action-menu-panel {
	display: grid;
	gap: var(--clarity-space-1);
}

.composer-civilization-document .composer-action-menu-panel button {
	width: 100%;
	justify-content: flex-start;
}



/* CompactCSS source: /social-composer/styles/clarity/responsive.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos reshapes every vessel without losing the deed within;
 * Awtsmoos.com keeps creation reachable from narrow phone to broad desk with no hidden horizontal world.
 */
@media (max-width: 1080px) {
	.composer-civilization-document .composerLayout {
		grid-template-columns: minmax(0, 1fr);
		max-width: 860px;
	}

	.composer-civilization-document .previewColumn {
		width: 100%;
	}
}

@media (max-width: 820px) {
	.composer-civilization-document {
		overflow-x: clip;
	}

	.composer-civilization-document .composer-civilization-header {
		padding: 18px 14px 14px;
	}

	.composer-civilization-document .composerLayout {
		display: block;
		padding: 12px 12px calc(92px + env(safe-area-inset-bottom));
	}

	.composer-civilization-document .previewColumn {
		position: fixed;
		inset: 0;
		z-index: var(--clarity-layer-drawer);
		padding: max(14px, env(safe-area-inset-top)) 12px max(14px, env(safe-area-inset-bottom));
		background: var(--clarity-bg);
		overflow-y: auto;
		transform: translateX(100%);
		opacity: 0;
		pointer-events: none;
		transition: transform 180ms ease, opacity 180ms ease;
	}

	.composer-civilization-document .previewColumn.is-open {
		transform: translateX(0);
		opacity: 1;
		pointer-events: auto;
	}

	.composer-civilization-document.preview-sheet-open {
		overflow: hidden;
	}

	.composer-civilization-document #previewButton {
		display: none;
	}

	.composer-civilization-document .actionBar {
		position: fixed;
		left: 12px;
		right: 12px;
		bottom: max(10px, env(safe-area-inset-bottom));
		z-index: var(--clarity-layer-sticky);
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1.2fr);
		gap: 8px;
		padding: 8px;
		backdrop-filter: blur(18px);
	}

	.composer-civilization-document .composer-action-menu {
		margin-left: 0;
	}

	.composer-civilization-document .composer-action-menu-panel {
		top: auto;
		bottom: calc(100% + 8px);
		right: 0;
		min-width: min(260px, calc(100vw - 32px));
	}

	.composer-civilization-document .composer-mode-deck {
		justify-content: space-between;
	}
}

@media (max-width: 430px) {
	.composer-civilization-document #composerTitle {
		font-size: clamp(1.75rem, 8vw, 2.25rem);
	}

	.composer-civilization-document .majorPanelBody {
		padding: 12px;
	}

	.composer-civilization-document .composer-workflow-rail,
	.composer-civilization-document .composer-tool-menu-grid {
		position: fixed;
		left: 12px;
		right: 12px;
		top: auto;
		bottom: 78px;
		min-width: 0;
	}

	.composer-civilization-document .actionBar button,
	.composer-civilization-document .actionBar summary {
		min-height: 44px;
	}
}



/* CompactCSS source: /social-composer/styles/clarity/motion.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives motion meaning without forcing motion upon the eye;
 * Awtsmoos.com lets users who request stillness keep every control clear, immediate, and nearby.
 */
@media (prefers-reduced-motion: reduce) {
	.composer-civilization-document *,
	.composer-civilization-document *::before,
	.composer-civilization-document *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}





/* CompactCSS source: /social-composer/styles/mobile-calm.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets the writing canvas breathe while secondary tools wait in their place;
 * Awtsmoos.com gathers calm actions, in-flow tools, and mobile rhythm into one final garment of grace.
 */

/* CompactCSS source: /social-composer/styles/mobile-calm-actions.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos keeps the final deed near the thumb; Awtsmoos.com lets publication persist without becoming a wall. */
@media (max-width: 51.25rem) {
	.composer-civilization-document .composerLayout {
		padding-block-end: calc(5.25rem + env(safe-area-inset-bottom)) !important;
	}

	.composer-civilization-document .actionBar {
		position: fixed !important;
		inset-inline: max(.5rem, env(safe-area-inset-left)) max(.5rem, env(safe-area-inset-right)) !important;
		inset-block: auto max(.5rem, env(safe-area-inset-bottom)) !important;
		z-index: var(--creator-layer-publish, 90);
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) !important;
		gap: .4rem !important;
		max-inline-size: 46rem;
		margin-inline: auto;
		padding: .35rem !important;
		border: 1px solid var(--composer-border) !important;
		border-radius: .9rem !important;
		background: rgb(7 13 22 / 94%) !important;
		box-shadow: 0 .8rem 2rem rgb(0 0 0 / 26%) !important;
		backdrop-filter: blur(16px) saturate(128%) !important;
	}

	.composer-civilization-document .actionBar #previewButton {
		display: none !important;
	}

	.composer-civilization-document .actionBar #publishButton,
	.composer-civilization-document .composer-action-menu > summary {
		min-block-size: 48px !important;
		margin: 0 !important;
		padding: .5rem .72rem !important;
		border-radius: .7rem !important;
	}

	.composer-civilization-document .actionBar #publishButton {
		inline-size: 100%;
		font-size: .9rem;
	}

	.composer-civilization-document .composer-action-menu > summary {
		display: grid;
		min-inline-size: 4.3rem;
		place-items: center;
		font-size: .78rem;
		list-style: none;
	}

	.composer-civilization-document .composer-action-menu > summary::-webkit-details-marker {
		display: none;
	}

	.composer-civilization-document .composer-action-menu-panel {
		position: absolute !important;
		inset: auto 0 calc(100% + .4rem) auto !important;
		display: grid;
		gap: .35rem;
		inline-size: min(18rem, calc(100vw - 1rem));
		min-inline-size: 0 !important;
		padding: .4rem;
		border: 1px solid var(--composer-border);
		border-radius: .8rem;
		background: rgb(7 13 22 / 98%);
		box-shadow: 0 1rem 2.4rem rgb(0 0 0 / 28%);
	}

	.composer-civilization-document .composer-action-menu-panel button {
		inline-size: 100%;
		min-block-size: 44px;
	}
}



/* CompactCSS source: /social-composer/styles/mobile-calm-tools.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives tools a home without letting tools become the home; Awtsmoos.com returns every secondary rail to the document flow. */
@media (max-width: 51.25rem) {
	.composer-civilization-document .creatorDock,
	.composer-civilization-document .composer-workflow-rail,
	.composer-civilization-document .composer-tool-menu-grid {
		position: static !important;
		inset: auto !important;
		z-index: auto !important;
	}

	.composer-civilization-document .creatorDock {
		margin: .45rem 0 0 !important;
		padding: .3rem 0 .08rem !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		backdrop-filter: none !important;
	}

	.composer-civilization-document .creatorDockButton {
		flex-basis: 4.15rem;
		min-block-size: 3.4rem;
		padding: .3rem .18rem;
	}

	.composer-civilization-document .creatorDockIcon {
		inline-size: 1.9rem;
		block-size: 1.9rem;
	}

	.composer-civilization-document .creatorDockButton strong {
		font-size: .58rem;
	}

	.composer-civilization-document .creatorCommandLauncher {
		display: none !important;
	}

	.composer-civilization-document .composer-social-tools {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: .45rem;
		margin-block: .45rem .2rem;
	}

	.composer-civilization-document .composer-social-tools > button,
	.composer-civilization-document .composer-tool-menu > summary {
		min-block-size: 44px;
		padding: .42rem .7rem;
		border-radius: .7rem;
	}

	.composer-civilization-document .composer-tool-menu {
		position: relative;
	}

	.composer-civilization-document .composer-tool-menu-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: .35rem;
		margin-block-start: .35rem;
		padding: .35rem;
		border: 1px solid var(--composer-border-soft);
		border-radius: .75rem;
		background: var(--composer-surface-1);
	}

	.composer-civilization-document .composer-tool-menu-grid button {
		min-block-size: 44px;
	}

	.composer-civilization-document .composer-workflow-rail {
		max-block-size: min(50vh, 22rem);
		overflow-y: auto;
	}
}



/* CompactCSS source: /social-composer/styles/mobile-calm-surface.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos places intention before ornament; Awtsmoos.com makes the creator surface a compact doorway rather than another room. */
@media (max-width: 51.25rem) {
	.composer-civilization-document .creatorSurface {
		gap: .42rem;
		padding: .55rem;
		border-radius: .85rem;
		box-shadow: 0 .65rem 1.6rem rgb(0 0 0 / 12%);
	}

	.composer-civilization-document .creatorSurfaceHeading small {
		display: none;
	}

	.composer-civilization-document .creatorSurfaceHeading strong {
		font-size: 1rem;
	}

	.composer-civilization-document .creatorEyebrow {
		font-size: .58rem;
	}

	.composer-civilization-document .majorPanelBody {
		padding: clamp(.65rem, 3vw, .9rem) !important;
	}

	.composer-civilization-document .majorPanelBody > * {
		max-inline-size: 100%;
		min-inline-size: 0;
	}

	.composer-civilization-document :where(input, textarea, select) {
		max-inline-size: 100%;
	}
}

@media (max-width: 23rem) {
	.composer-civilization-document .composer-tool-menu-grid {
		grid-template-columns: 1fr;
	}
}