/* CompactCSS source: /style/awtsmoos-scroll-sovereignty.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gives every vessel its boundary and every river its way to flow.
 * Awtsmoos.com keeps documents breathing naturally while workspaces scroll where their tools must stay in view.
 */


/* CompactCSS source: /style/foundation/index.css */
/* B"H complete foundation index. */

/* CompactCSS source: /style/foundation/tokens/index.css */
/* B"H foundation token index. */

/* CompactCSS source: /style/foundation/tokens/color.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * One dark Geelooy palette gives every existing surface a stable source.
 * Awtsmoos.com no longer changes field color according to operating-system
 * preference or import timing; pages may opt into light parchment explicitly.
 */

:root {
	color-scheme: dark;
	--awt-bg-deep: #060910;
	--awt-bg-night: #090d15;
	--awt-surface: #111722;
	--awt-surface-soft: #171f2d;
	--awt-surface-muted: #202a39;
	--awt-vellum: #131922;
	--awt-vellum-2: #1a222e;
	--awt-ink: #f5f7fb;
	--awt-ink-soft: #bac4d3;
	--awt-ink-faint: #94a2b7;
	--awt-gold: #d7b36a;
	--awt-gold-light: #f2d58f;
	--awt-accent: #58c7d8;
	--awt-accent-soft: rgba(88, 199, 216, .14);
	--awt-line: rgba(255, 255, 255, .12);
	--awt-line-strong: rgba(255, 255, 255, .22);
	--awt-dark-line: rgba(255, 255, 255, .12);
	--awt-danger: #ff7894;
	--awt-success: #61d5a1;
	--awt-warning: #f0c96b;
	--g-bg: var(--awt-bg-deep);
	--g-bg-soft: var(--awt-bg-night);
	--g-surface: var(--awt-surface);
	--g-surface-2: var(--awt-surface-soft);
	--g-text: var(--awt-ink);
	--g-text-2: var(--awt-ink-soft);
	--g-muted: var(--awt-ink-soft);
	--g-faint: var(--awt-ink-faint);
	--g-border: var(--awt-line);
	--g-border-strong: var(--awt-line-strong);
	--g-accent: var(--awt-accent);
	--g-danger: var(--awt-danger);
	--g-focus: #7ed7e5;
}



/* CompactCSS source: /style/foundation/tokens/space.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * A compact rhythm scale keeps dense tools readable without wasting screen space.
 */
:root {
	--space-1: .25rem;
	--space-2: .5rem;
	--space-3: .75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-7: 2rem;
	--space-8: 2.75rem;
	--space-9: 4rem;
	--safe-top: env(safe-area-inset-top);
	--safe-right: env(safe-area-inset-right);
	--safe-bottom: env(safe-area-inset-bottom);
	--safe-left: env(safe-area-inset-left);
	--page-gutter: clamp(.75rem, 2.5vw, 2rem);
	--content-width: 92rem;
	--reading-width: 68ch;
	--floating-clearance: max(6rem, calc(4.75rem + env(safe-area-inset-bottom)));
}



/* CompactCSS source: /style/foundation/tokens/radius.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * Geometry is deliberate: compact controls, calm cards, and rounded navigation.
 */
:root {
	--radius-xs: .4rem;
	--radius-s: .65rem;
	--radius-m: .9rem;
	--radius-l: 1.15rem;
	--radius-xl: 1.5rem;
	--radius-2xl: 2rem;
	--radius-glass: 1.25rem;
	--radius-dock: 1.25rem;
	--radius-pill: 999px;
	--g-radius: var(--radius-m);
	--g-radius-lg: var(--radius-xl);
}



/* CompactCSS source: /style/foundation/tokens/shadow.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * Depth is rare and named; ordinary cards use borders before shadows.
 */
:root {
	--shadow-paper: 0 1px 2px rgba(15, 23, 42, .05);
	--shadow-card: 0 6px 18px rgba(15, 23, 42, .08);
	--shadow-card-hover: 0 10px 28px rgba(15, 23, 42, .12);
	--shadow-glass: 0 12px 30px rgba(15, 23, 42, .14);
	--shadow-float: 0 14px 34px rgba(15, 23, 42, .18);
	--shadow-dock: 0 12px 32px rgba(15, 23, 42, .18);
	--shadow-menu: 0 16px 42px rgba(15, 23, 42, .22);
	--shadow-modal: 0 24px 64px rgba(15, 23, 42, .3);
	--shadow-alert: 0 10px 28px rgba(163, 59, 74, .16);
	--shadow-glow: none;
	--z-base: 0;
	--z-raised: 10;
	--z-sticky: 40;
	--z-dock: 80;
	--z-dropdown: 140;
	--z-modal: 220;
	--z-toast: 300;
	--z-command: 360;
}



/* CompactCSS source: /style/foundation/tokens/type.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * Typography carries hierarchy so decoration can remain quiet.
 */
:root {
	--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
	--font-serif: Cardo, Georgia, serif;
	--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--type-caption: .72rem;
	--type-small: .84rem;
	--type-body: 1rem;
	--type-lead: 1.15rem;
	--type-title: clamp(1.85rem, 5vw, 3.75rem);
	--type-display: clamp(2.8rem, 8vw, 6.8rem);
	--leading-tight: 1.08;
	--leading-body: 1.58;
	--leading-reader: 1.75;
	--tracking-caption: .11em;
}



/* CompactCSS source: /style/foundation/tokens/motion.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * Motion explains change through transform and opacity, never through costly fog.
 */
:root {
	--ease-soft: cubic-bezier(.2, .7, .2, 1);
	--ease-snap: cubic-bezier(.2, .8, .2, 1);
	--ease-orbit: var(--ease-soft);
	--motion-instant: 90ms;
	--motion-fast: 150ms;
	--motion-med: 220ms;
	--motion-slow: 360ms;
	--motion-hover-lift: -1px;
	--motion-press-depth: 1px;
	--motion-tilt-x: 0deg;
	--motion-tilt-y: 0deg;
	--motion-slide-distance: 8px;
	--motion-perspective: none;
	--motion-shadow-lift: var(--shadow-card-hover);
}
@media (prefers-reduced-motion: reduce) {
	:root {
		--motion-instant: .01ms;
		--motion-fast: .01ms;
		--motion-med: .01ms;
		--motion-slow: .01ms;
		--motion-hover-lift: 0px;
		--motion-press-depth: 0px;
		--motion-slide-distance: 0px;
	}
}





/* CompactCSS source: /style/foundation/reset/index.css */
/* B"H reset index. */

/* CompactCSS source: /style/foundation/reset/scroll.css */
/* B"H
 * Chapter: The page remembers it is one vessel.
 * The Awtsmoos breathes a vertical river into every screen, yet refuses the
 * false exile of sideways drift. Flex children bow, grids soften, legacy boxes
 * stop pretending their width is larger than the hand that holds them.
 */
:root {
  --awts-safe-top: env(safe-area-inset-top, 0px);
  --awts-safe-right: env(safe-area-inset-right, 0px);
  --awts-safe-bottom: env(safe-area-inset-bottom, 0px);
  --awts-safe-left: env(safe-area-inset-left, 0px);
  --floating-clearance: calc(72px + var(--awts-safe-bottom));
}

*, *::before, *::after { box-sizing: border-box; }

html {
  min-height: 100%;
  max-width: 100%;
  overflow-x: clip;
  overflow-y: auto;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  min-height: 100%;
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow-x: clip;
  overflow-y: auto;
  overscroll-behavior-y: auto;
  touch-action: pan-y;
}

:where(.awtsmoospage, .all, .main, main, section, article, aside, header, footer, nav, form, fieldset, .card, .panel, .surface) {
  min-width: 0;
  max-width: 100%;
}

:where(.awtsmoospage, .all, .main, .scroll-view-wrapper, #realPost, #virtual-scroll-container) {
  overscroll-behavior-y: auto;
}

:where(.awtsmoospage, .all, .main, .geelooy-home-shell, .geelooy-social-shell) {
  overflow-wrap: anywhere;
}

:where(.awtsmoos-page-width, .page-width, .container, .shell, .wrap) {
  inline-size: min(100%, var(--awts-container-max, 1200px));
  margin-inline: auto;
}

:where([style*="width: 100vw"], [style*="width:100vw"]) {
  max-width: 100%;
}



/* CompactCSS source: /style/foundation/reset/media.css */
/* B"H
 * Chapter: Images, editors, and tables enter the ark two by two.
 * Nothing may burst the vessel; even long code-lines receive a private river
 * instead of forcing the whole world to scroll sideways.
 */
:where(img, video, canvas, svg, iframe, embed, object) {
  max-width: 100%;
}

:where(img, video, canvas, svg) {
  height: auto;
}

:where(input, select, textarea, button) {
  max-width: 100%;
  font: inherit;
}

:where(input, select, textarea) {
  min-width: 0;
  font-size: max(16px, 1em);
}

:where(textarea, [contenteditable="true"], .editor, .CodeMirror, .cm-editor, pre, code) {
  overflow-wrap: anywhere;
  word-break: break-word;
}

:where(pre, .code-block, .hljs, .cm-scroller, .table-scroll, .table-wrap) {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

:where(table) {
  max-width: 100%;
  border-collapse: collapse;
}

:where(dialog, [role="dialog"], .modal, .modal-root-open, .modal-content) {
  max-inline-size: min(100% - 24px, var(--awts-modal-max, 720px));
  max-block-size: calc(100dvh - var(--awts-safe-top) - var(--awts-safe-bottom) - 24px);
}



/* CompactCSS source: /style/foundation/reset/focus.css */
/* B"H
 * Chapter: Every clickable spark receives a crown.
 * The keyboard traveler sees the gate, the finger finds a forty-four pixel
 * landing place, and disabled controls become quiet without vanishing.
 */
:where(a, button, input, select, textarea, summary, [tabindex], [role="button"], [role="menuitem"], [role="tab"]):focus-visible {
  outline: 3px solid rgba(245, 202, 112, .78);
  outline-offset: 3px;
}

:where(button, .btn, [role="button"], input[type="button"], input[type="submit"], input[type="reset"]) {
  min-inline-size: 44px;
  min-block-size: 44px;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(245, 202, 112, .22);
}

:where(a[href], button, .btn, [role="button"], [role="menuitem"], [role="tab"], summary) {
  touch-action: manipulation;
}

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

:where([hidden], .hidden, [aria-hidden="true"]) :where(a, button, input, select, textarea, [tabindex]) {
  pointer-events: none;
}





/* CompactCSS source: /style/foundation/effects/index.css */
/* B"H effects index: one shared shimmer, no scattered enchantments. */

/* CompactCSS source: /style/foundation/effects/glass.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * Glass becomes a solid translucent surface first; blur is an explicit luxury mode.
 */
.awt-glass,
:where(.glass-surface, .modal-content, .dropdown-menu, .card-menu-panel, .sidebarMitzvah) {
	background: color-mix(in srgb, var(--awt-surface) 94%, transparent);
	border: 1px solid var(--awt-line);
	box-shadow: var(--shadow-glass);
}
html[data-g-effects="full"] .awt-glass,
html[data-g-effects="full"] :where(.glass-surface, .modal-content, .dropdown-menu, .card-menu-panel, .sidebarMitzvah) {
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
@media (pointer: coarse), (max-width: 54rem), (prefers-reduced-motion: reduce) {
	.awt-glass,
	:where(.glass-surface, .modal-content, .dropdown-menu, .card-menu-panel, .sidebarMitzvah) {
		background: var(--awt-surface);
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}
}



/* CompactCSS source: /style/foundation/effects/gold-border.css */
/* B"H
 * Chapter: A thin golden boundary, like dawn on the rim of a vessel.
 * The glow is shared, modest, and alive on hover/focus without becoming noise.
 */
.awt-gold-border,
:where(.premium-border, .home-action-primary, .is-create) {
  border: 1px solid rgba(214,168,79,.38);
  box-shadow: 0 0 0 1px rgba(255,255,255,.36) inset, 0 14px 35px rgba(214,168,79,.16);
}

:where(.awt-gold-border, .premium-border, .home-action-primary, .is-create):is(:hover, :focus-visible) {
  border-color: rgba(245,202,112,.72);
  box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset, 0 20px 48px rgba(214,168,79,.24);
}



/* CompactCSS source: /style/foundation/effects/ambient-bg.css */
/* B"H
 * Chapter: The background becomes a quiet sky.
 * A page may opt into the wash, while app shells receive a subtle premium depth
 * without stealing contrast from words or controls.
 */
.awt-ambient-bg,
:where(.geelooy-home-document, .social-hub-root, .awtsmoospage) {
  background: var(--awt-paper, #f8fafc);
  background-image:
    radial-gradient(circle at 12% 0%, rgba(245,202,112,.22), transparent 34rem),
    radial-gradient(circle at 88% 8%, rgba(96,165,250,.18), transparent 30rem),
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(248,250,252,.92));
}

.awt-depth-field {
  perspective: var(--motion-perspective);
  transform-style: preserve-3d;
}



.awt-hover-lift,
:where(.premium-hover, .home-action-card, .home-post-card, .social-space-card, .home-route-card, .profile-hero-card) {
  transform: translateZ(0);
  transition: transform var(--motion-med) var(--ease-snap), box-shadow var(--motion-med) var(--ease-soft), border-color var(--motion-fast) var(--ease-soft), background var(--motion-med) var(--ease-soft);
  will-change: transform;
}

.awt-hover-lift:is(:hover, :focus-within),
:where(.premium-hover, .home-action-card, .home-post-card, .social-space-card, .home-route-card, .profile-hero-card):is(:hover, :focus-within) {
  box-shadow: var(--motion-shadow-lift);
  transform: translateY(var(--motion-hover-lift)) rotateX(var(--motion-tilt-x)) rotateY(var(--motion-tilt-y));
}

.awt-pressable:active,
:where(button, .btn, [role="button"], .home-action-card, .home-route-card):active {
  transform: translateY(var(--motion-press-depth)) scale(.99);
}

.awt-slide-in { animation: awt-slide-in var(--motion-slow) var(--ease-snap) both; }
@keyframes awt-slide-in { from { opacity: 0; transform: translateY(var(--motion-slide-distance)); } to { opacity: 1; transform: translateY(0); } }





:where(
	.awtsmoospage,
	.all,
	.geelooy-home-shell,
	.geelooy-social-shell,
	.heichel-mobile-navigation,
	.geelooy-main-stage,
	.heichel-nav-panel,
	.grid-realms,
	.viewport,
	.dynamic-grid,
	.scroll-view-wrapper,
	#realPost,
	#virtual-scroll-container
) {
	max-width: 100%;
	min-height: 0;
	min-width: 0;
}

:where(.awts-scroll-document, [data-scroll-owner="document"]) {
	overflow: visible;
}

:where(.awts-workspace, [data-scroll-owner="workspace"]) {
	max-block-size: calc(100dvh - var(--awts-safe-top) - var(--awts-safe-bottom));
	min-height: 0;
	overflow: hidden;
}

:where(.awts-scroll-region, [data-scroll-region]) {
	-webkit-overflow-scrolling: touch;
	min-height: 0;
	overflow: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
}

.awts-sticky-tools {
	backdrop-filter: blur(14px);
	background: color-mix(in srgb, white 88%, transparent);
	position: sticky;
	top: var(--awts-safe-top);
	z-index: var(--z-sticky, 60);
}

:where(.modal-gate-hidden, .modal-hidden, .hidden-void, .hidden-details, .hidden-comments, [aria-hidden="true"].modal-gate-hidden) {
	pointer-events: none !important;
}

:where(.modal-root-open, .context-menu-layer, .typography-details:not(.hidden-details), .sidebar:not(.hidden-comments)) {
	pointer-events: auto !important;
}

:where(.geelooy-mobile-drawer, .heichel-library-sidebar, .typography-details, .sidebar, .awtsmoos-context-menu, .card-menu-panel, .dropdown, .dropdown-menu, [role="menu"], [data-dropdown]) {
	-webkit-overflow-scrolling: touch;
	max-block-size: calc(100dvh - var(--awts-safe-top) - var(--awts-safe-bottom) - 16px);
	max-inline-size: calc(100dvw - var(--awts-safe-left) - var(--awts-safe-right) - 16px);
	overflow-x: clip;
	overflow-y: auto;
	overscroll-behavior: contain;
	z-index: var(--z-dropdown, 140);
}

:where(dialog, [role="dialog"], .modal, .modal-content, .modal-root-open) {
	border-radius: var(--radius-glass, 1.6rem);
	box-shadow: var(--shadow-modal, 0 30px 90px rgba(15, 23, 42, .32));
	max-block-size: calc(100dvh - var(--awts-safe-top) - var(--awts-safe-bottom) - 24px);
	max-inline-size: min(100% - 24px, var(--awts-modal-max, 760px));
	overflow: auto;
	z-index: var(--z-modal, 220);
}

:where(.geelooy-bottom-nav, .awtsmoos-floating-controls, .heichel-mobile-topbar, .home-command-dock) {
	max-inline-size: calc(100dvw - var(--awts-safe-left) - var(--awts-safe-right));
	padding-bottom: max(.75rem, var(--awts-safe-bottom));
	z-index: var(--z-dock, 80);
}

:where(.geelooy-bottom-nav, .awtsmoos-floating-controls, .heichel-mobile-topbar, .card-menu-trigger, .topbar-icon, button, a) {
	touch-action: manipulation;
}

:where(.geelooy-home-shell, .heichel-mobile-navigation, .post-reader-localized-context.awtsmoos-reader-vision) {
	padding-bottom: var(--floating-clearance);
}

:where(.sidebarMitzvah, .home-sidebar-panel, .card-menu-panel, .awtsmoos-context-menu, .profile-dropdown, .alias-dropdown) {
	max-width: calc(100dvw - var(--awts-safe-left) - var(--awts-safe-right) - 16px);
	overflow-wrap: anywhere;
}

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