/* CompactCSS source: /style/universal-ui.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos threads one quiet covenant through every Awtsmoos.com page without demanding one visual costume;
 * forgotten semantics receive dignity, mobile safety, and focus, while authored components remain sovereign in their own room.
 */

/* CompactCSS source: /style/universal-ui/tokens.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews each visible surface without demanding spectacle from the eye;
 * Awtsmoos.com keeps these fallback tokens calm, tactile, readable, and quiet beneath every specialist sky.
 */

:root {
	--aw-ui-surface: #ffffff;
	--aw-ui-surface-subtle: #f7f7f5;
	--aw-ui-surface-muted: #efefec;
	--aw-ui-text: #1f2328;
	--aw-ui-muted: #66707a;
	--aw-ui-line: rgba(31, 35, 40, .18);
	--aw-ui-line-strong: rgba(31, 35, 40, .34);
	--aw-ui-accent: #315f72;
	--aw-ui-accent-soft: rgba(49, 95, 114, .1);
	--aw-ui-danger: #a63d48;
	--aw-ui-success: #35714b;
	--aw-ui-warning: #8a6116;
	--aw-ui-radius-sm: 7px;
	--aw-ui-radius: 10px;
	--aw-ui-radius-lg: 14px;
	--aw-ui-shadow: 0 4px 14px rgba(31, 35, 40, .08);
	--aw-ui-shadow-raised: 0 12px 32px rgba(31, 35, 40, .14);
	--aw-ui-focus: 0 0 0 3px rgba(49, 95, 114, .2);
	--aw-ui-target: 44px;
	--aw-ui-reading: 72ch;
	--aw-ui-content: 76rem;
	--aw-ui-space-1: .25rem;
	--aw-ui-space-2: .5rem;
	--aw-ui-space-3: .75rem;
	--aw-ui-space-4: 1rem;
	--aw-ui-space-5: 1.5rem;
	--aw-ui-space-6: 2rem;
}

@media (prefers-color-scheme: dark) {
	:root {
		--aw-ui-surface: #181a1d;
		--aw-ui-surface-subtle: #202327;
		--aw-ui-surface-muted: #292d31;
		--aw-ui-text: #f1f2f3;
		--aw-ui-muted: #a6adb4;
		--aw-ui-line: rgba(255, 255, 255, .15);
		--aw-ui-line-strong: rgba(255, 255, 255, .28);
		--aw-ui-accent: #85afbd;
		--aw-ui-accent-soft: rgba(133, 175, 189, .12);
		--aw-ui-danger: #ef8c95;
		--aw-ui-success: #85be96;
		--aw-ui-warning: #d4b06a;
		--aw-ui-shadow: 0 4px 14px rgba(0, 0, 0, .22);
		--aw-ui-shadow-raised: 0 12px 32px rgba(0, 0, 0, .32);
		--aw-ui-focus: 0 0 0 3px rgba(133, 175, 189, .22);
	}
}



/* CompactCSS source: /style/universal-ui/raw-prose.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews every word before typography can gather it into a readable line;
 * Awtsmoos.com gives forgotten prose rhythm, contrast, and wrapping without forcing one authored theme to resign.
 */

:where(html:not([data-g-ui-raw])) :where(h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]), h6:not([class])) {
	margin-block: 1.35em .55em;
	color: var(--g-text, var(--aw-ui-text));
	font-weight: 760;
	line-height: 1.15;
	text-wrap: balance;
}

:where(html:not([data-g-ui-raw])) h1:not([class]) {
	font-size: clamp(2rem, 5vw, 3.75rem);
}

:where(html:not([data-g-ui-raw])) h2:not([class]) {
	font-size: clamp(1.55rem, 3vw, 2.4rem);
}

:where(html:not([data-g-ui-raw])) :where(h3:not([class]), h4:not([class]), h5:not([class]), h6:not([class])) {
	font-size: clamp(1.1rem, 2vw, 1.45rem);
}

:where(html:not([data-g-ui-raw])) :where(p:not([class]), blockquote:not([class]), address:not([class])) {
	margin-block: 0 1em;
	line-height: 1.65;
	overflow-wrap: anywhere;
}

:where(html:not([data-g-ui-raw])) a:not([class]) {
	color: var(--g-accent, var(--aw-ui-accent));
	text-decoration-thickness: .08em;
	text-underline-offset: .16em;
}

:where(html:not([data-g-ui-raw])) a:not([class]):focus-visible {
	border-radius: .2rem;
	outline: 2px solid var(--g-accent, var(--aw-ui-accent));
	outline-offset: 3px;
}

:where(html:not([data-g-ui-raw])) blockquote:not([class]) {
	padding: .75rem 1rem;
	border-inline-start: 3px solid var(--g-line-strong, var(--aw-ui-line-strong));
	background: var(--g-surface-2, var(--aw-ui-surface-subtle));
	color: var(--g-muted, var(--aw-ui-muted));
}

:where(html:not([data-g-ui-raw])) hr:not([class]) {
	margin-block: 1.5rem;
	border: 0;
	border-block-start: 1px solid var(--g-line, var(--aw-ui-line));
}

:where(html:not([data-g-ui-raw])) :where(abbr[title]:not([class]), dfn:not([class])) {
	text-decoration-style: dotted;
	text-underline-offset: .15em;
}

:where(html:not([data-g-ui-raw])) mark:not([class]) {
	padding-inline: .15em;
	border-radius: .2rem;
	background: color-mix(in srgb, var(--aw-ui-warning) 22%, transparent);
	color: inherit;
}



/* CompactCSS source: /style/universal-ui/raw-structure.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews every semantic vessel before layout can make its boundary seen;
 * Awtsmoos.com keeps fieldsets, figures, addresses, and selection intentional without painting every page with one theme.
 */

:where(html:not([data-g-ui-raw])) fieldset:not([class]) {
	min-width: 0;
	margin: 0 0 1rem;
	padding: 1rem;
	border: 1px solid var(--g-line, var(--aw-ui-line));
	border-radius: var(--aw-ui-radius-lg);
	background: var(--g-surface, var(--aw-ui-surface));
}

:where(html:not([data-g-ui-raw])) legend:not([class]) {
	max-width: 100%;
	padding-inline: .35rem;
	color: var(--g-text, var(--aw-ui-text));
	font-weight: 760;
	overflow-wrap: anywhere;
}

:where(html:not([data-g-ui-raw])) figure:not([class]) {
	max-width: 100%;
	margin: 0 0 1.25rem;
}

:where(html:not([data-g-ui-raw])) figcaption:not([class]) {
	margin-block-start: .55rem;
	color: var(--g-muted, var(--aw-ui-muted));
	font-size: .9rem;
	line-height: 1.5;
}

:where(html:not([data-g-ui-raw])) address:not([class]) {
	font-style: normal;
	color: var(--g-muted, var(--aw-ui-muted));
}

:where(html:not([data-g-ui-raw])) :where(main, article, section, aside, header, footer, nav) {
	min-width: 0;
}

:where(html:not([data-g-ui-raw])) :where([hidden]) {
	display: none !important;
}

:where(html:not([data-g-ui-raw])) ::selection {
	background: color-mix(in srgb, var(--g-accent, var(--aw-ui-accent)) 28%, transparent);
	color: inherit;
}

:where(html:not([data-g-ui-raw])) :where([aria-disabled="true"]) {
	cursor: not-allowed;
}

:where([data-portal-root]) {
	box-sizing: border-box;
	max-width: 100%;
	color: var(--g-text, var(--aw-ui-text));
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.5;
}

:where([data-portal-root]) *,
:where([data-portal-root]) *::before,
:where([data-portal-root]) *::after {
	box-sizing: inherit;
}



/* CompactCSS source: /style/universal-ui/raw-lists.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews every ordered and unordered gathering before its marker can appear;
 * Awtsmoos.com keeps content lists readable and navigation lists deliberate so no accidental browser default remains unclear.
 */

:where(html:not([data-g-ui-raw])) :where(ul:not([class]), ol:not([class])) {
	margin-block: 0 1rem;
	padding-inline-start: 1.45rem;
}

:where(html:not([data-g-ui-raw])) :where(ul:not([class]), ol:not([class])) > li {
	margin-block: .32rem;
	padding-inline-start: .18rem;
	line-height: 1.55;
	overflow-wrap: anywhere;
}

:where(html:not([data-g-ui-raw])) :where(ul:not([class]), ol:not([class])) > li::marker {
	color: var(--g-muted, var(--aw-ui-muted));
	font-weight: 700;
}

:where(html:not([data-g-ui-raw])) nav :where(ul:not([class]), ol:not([class])) {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

:where(html:not([data-g-ui-raw])) nav :where(ul:not([class]), ol:not([class])) > li {
	margin: 0;
	padding: 0;
}

:where(html:not([data-g-ui-raw])) nav :where(ul:not([class]), ol:not([class])) a:not([class]) {
	display: inline-flex;
	min-height: var(--aw-ui-target);
	align-items: center;
	padding: .5rem .7rem;
	border-radius: var(--aw-ui-radius);
	text-decoration: none;
}

:where(html:not([data-g-ui-raw])) nav :where(ul:not([class]), ol:not([class])) a:not([class]):is(:hover, :focus-visible) {
	background: var(--g-accent-soft, var(--aw-ui-accent-soft));
}

:where(html:not([data-g-ui-raw])) dl:not([class]) {
	display: grid;
	grid-template-columns: minmax(8rem, max-content) minmax(0, 1fr);
	gap: .45rem 1rem;
	margin-block: 0 1rem;
}

:where(html:not([data-g-ui-raw])) dt:not([class]) {
	font-weight: 750;
}

:where(html:not([data-g-ui-raw])) dd:not([class]) {
	margin: 0;
	color: var(--g-muted, var(--aw-ui-muted));
	overflow-wrap: anywhere;
}

@media (max-width: 640px) {
	:where(html:not([data-g-ui-raw])) dl:not([class]) {
		grid-template-columns: 1fr;
		gap: .2rem;
	}

	:where(html:not([data-g-ui-raw])) dd:not([class]) {
		margin-block-end: .8rem;
	}
}



/* CompactCSS source: /style/universal-ui/raw-tables.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews every row and column before data can gather into a finite grid;
 * Awtsmoos.com keeps forgotten tables legible, scroll-safe, and calm so information never tears the viewport wide.
 */

:where(html:not([data-g-ui-raw])) table:not([class]) {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid var(--g-line, var(--aw-ui-line));
	border-radius: var(--aw-ui-radius);
	background: var(--g-surface, var(--aw-ui-surface));
	color: var(--g-text, var(--aw-ui-text));
	font-size: .94rem;
}

:where(html:not([data-g-ui-raw])) :where(th:not([class]), td:not([class])) {
	padding: .7rem .8rem;
	border-block-end: 1px solid var(--g-line, var(--aw-ui-line));
	text-align: start;
	vertical-align: top;
	overflow-wrap: anywhere;
}

:where(html:not([data-g-ui-raw])) th:not([class]) {
	background: var(--g-surface-2, var(--aw-ui-surface-subtle));
	font-weight: 760;
}

:where(html:not([data-g-ui-raw])) tbody:not([class]) tr:last-child > :where(th:not([class]), td:not([class])) {
	border-block-end: 0;
}

:where(html:not([data-g-ui-raw])) tbody:not([class]) tr:hover > :where(th:not([class]), td:not([class])) {
	background: color-mix(in srgb, var(--g-accent-soft, var(--aw-ui-accent-soft)) 55%, transparent);
}

:where(html:not([data-g-ui-raw])) caption:not([class]) {
	padding-block: 0  .65rem;
	color: var(--g-muted, var(--aw-ui-muted));
	font-weight: 650;
	text-align: start;
}

@media (max-width: 700px) {
	:where(html:not([data-g-ui-raw])) table:not([class]) {
		display: block;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		-webkit-overflow-scrolling: touch;
	}

	:where(html:not([data-g-ui-raw])) :where(th:not([class]), td:not([class])) {
		min-width: 8rem;
		white-space: normal;
	}
}



/* CompactCSS source: /style/universal-ui/raw-media-code.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews every image, frame, byte, and line before a finite surface can contain its light;
 * Awtsmoos.com keeps media responsive and code scroll-safe so neither tears the mobile page from right to right.
 */

:where(html:not([data-g-ui-raw])) :where(img:not([class]), video:not([class]), canvas:not([class]), svg:not([class]), iframe:not([class])) {
	max-width: 100%;
}

:where(html:not([data-g-ui-raw])) :where(img:not([class]), video:not([class]), canvas:not([class]), svg:not([class])) {
	height: auto;
}

:where(html:not([data-g-ui-raw])) img:not([class]) {
	display: block;
	border-radius: var(--aw-ui-radius-sm);
	background: var(--g-surface-2, var(--aw-ui-surface-subtle));
}

:where(html:not([data-g-ui-raw])) video:not([class]) {
	display: block;
	border-radius: var(--aw-ui-radius);
	background: #111;
}

:where(html:not([data-g-ui-raw])) iframe:not([class]) {
	width: 100%;
	min-height: 18rem;
	border: 1px solid var(--g-line, var(--aw-ui-line));
	border-radius: var(--aw-ui-radius);
	background: var(--g-surface, var(--aw-ui-surface));
}

:where(html:not([data-g-ui-raw])) pre:not([class]) {
	max-width: 100%;
	margin-block: 0 1rem;
	padding: .9rem 1rem;
	border: 1px solid var(--g-line, var(--aw-ui-line));
	border-radius: var(--aw-ui-radius);
	background: var(--g-surface-2, var(--aw-ui-surface-subtle));
	color: var(--g-text, var(--aw-ui-text));
	font: 500 .9rem/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	overflow: auto;
	overscroll-behavior-inline: contain;
	tab-size: 4;
}

:where(html:not([data-g-ui-raw])) :where(code:not([class]), samp:not([class]), kbd:not([class])) {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	overflow-wrap: anywhere;
}

:where(html:not([data-g-ui-raw])) :where(:not(pre) > code:not([class]), kbd:not([class])) {
	padding: .12em .35em;
	border: 1px solid var(--g-line, var(--aw-ui-line));
	border-radius: .3rem;
	background: var(--g-surface-2, var(--aw-ui-surface-subtle));
	font-size: .88em;
}

:where(html:not([data-g-ui-raw])) audio:not([class]) {
	width: min(100%, 32rem);
}



/* CompactCSS source: /style/universal-ui/raw-fields.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews every forgotten field before the next word can enter its line;
 * Awtsmoos.com gives raw input a calm solid vessel, readable focus, and mobile-safe size by design.
 */

:where(html:not([data-g-ui-raw])) :where(
	input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([class]),
	textarea:not([class]),
	select:not([class])
) {
	box-sizing: border-box;
	width: 100%;
	min-height: var(--aw-ui-target);
	padding: .65rem .75rem;
	border: 1px solid var(--g-line, var(--aw-ui-line));
	border-radius: var(--g-radius-md, var(--aw-ui-radius));
	outline: none;
	background: var(--g-surface-2, var(--aw-ui-surface));
	color: var(--g-text, var(--aw-ui-text));
	font: inherit;
	font-size: max(1rem, 16px);
	line-height: 1.4;
	box-shadow: 0 1px 2px rgba(31, 35, 40, .04);
	transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
}

:where(html:not([data-g-ui-raw])) textarea:not([class]) {
	min-height: 8rem;
	resize: vertical;
}

:where(html:not([data-g-ui-raw])) select:not([class]) {
	cursor: pointer;
}

:where(html:not([data-g-ui-raw])) :where(
	input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([class]),
	textarea:not([class]),
	select:not([class])
):hover:not(:disabled) {
	border-color: var(--g-line-strong, var(--aw-ui-line-strong));
}

:where(html:not([data-g-ui-raw])) :where(
	input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([class]),
	textarea:not([class]),
	select:not([class])
):focus-visible {
	border-color: var(--g-accent, var(--aw-ui-accent));
	box-shadow: var(--g-focus-ring, var(--aw-ui-focus));
}

:where(html:not([data-g-ui-raw])) :where(input:not([class]), textarea:not([class]))::placeholder {
	color: var(--g-muted, var(--aw-ui-muted));
	opacity: .78;
}

:where(html:not([data-g-ui-raw])) :where(input:not([class]), textarea:not([class]), select:not([class])):disabled {
	cursor: not-allowed;
	opacity: .55;
	background: var(--aw-ui-surface-muted);
}

:where(html:not([data-g-ui-raw])) :where(input:not([class]), textarea:not([class])):read-only {
	background: var(--aw-ui-surface-subtle);
	color: var(--g-muted, var(--aw-ui-muted));
}

:where(html:not([data-g-ui-raw])) input:not([class]):-webkit-autofill {
	-webkit-text-fill-color: var(--g-text, var(--aw-ui-text));
	box-shadow: 0 0 0 1000px var(--g-surface-2, var(--aw-ui-surface)) inset;
}



/* CompactCSS source: /style/universal-ui/raw-choices.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews every yes, no, file, range, and hue before the hand can choose its way;
 * Awtsmoos.com keeps native choice behavior stable while spacing, focus, and touch size become intentional today.
 */

:where(html:not([data-g-ui-raw])) :where(input[type="checkbox"]:not([class]), input[type="radio"]:not([class])) {
	width: 1.25rem;
	height: 1.25rem;
	margin: 0;
	accent-color: var(--g-accent, var(--aw-ui-accent));
	cursor: pointer;
	vertical-align: middle;
}

:where(html:not([data-g-ui-raw])) :where(input[type="checkbox"]:not([class]), input[type="radio"]:not([class])):focus-visible {
	outline: 2px solid var(--g-accent, var(--aw-ui-accent));
	outline-offset: 3px;
}

:where(html:not([data-g-ui-raw])) :where(input[type="checkbox"]:not([class]), input[type="radio"]:not([class])):disabled {
	cursor: not-allowed;
	opacity: .52;
}

:where(html:not([data-g-ui-raw])) input[type="range"]:not([class]) {
	width: 100%;
	min-height: var(--aw-ui-target);
	accent-color: var(--g-accent, var(--aw-ui-accent));
	cursor: pointer;
}

:where(html:not([data-g-ui-raw])) input[type="file"]:not([class]) {
	max-width: 100%;
	color: var(--g-muted, var(--aw-ui-muted));
	font: inherit;
}

:where(html:not([data-g-ui-raw])) input[type="file"]:not([class])::file-selector-button {
	min-height: var(--aw-ui-target);
	margin-inline-end: .65rem;
	padding: .55rem .8rem;
	border: 1px solid var(--g-line, var(--aw-ui-line));
	border-radius: var(--aw-ui-radius);
	background: var(--g-surface-2, var(--aw-ui-surface-subtle));
	color: var(--g-text, var(--aw-ui-text));
	font: inherit;
	font-weight: 650;
	cursor: pointer;
}

:where(html:not([data-g-ui-raw])) input[type="color"]:not([class]) {
	width: 3.25rem;
	height: var(--aw-ui-target);
	padding: .2rem;
	border: 1px solid var(--g-line, var(--aw-ui-line));
	border-radius: var(--aw-ui-radius);
	background: var(--g-surface-2, var(--aw-ui-surface));
	cursor: pointer;
}

:where(html:not([data-g-ui-raw])) label:not([class]):has(> input[type="checkbox"]:not([class]), > input[type="radio"]:not([class])) {
	display: inline-flex;
	min-height: var(--aw-ui-target);
	align-items: center;
	gap: .6rem;
	padding: .45rem .6rem;
	border-radius: var(--aw-ui-radius);
	cursor: pointer;
}

:where(html:not([data-g-ui-raw])) label:not([class]):has(> input[type="checkbox"]:checked, > input[type="radio"]:checked) {
	background: var(--g-accent-soft, var(--aw-ui-accent-soft));
}



/* CompactCSS source: /style/universal-ui/raw-actions.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gives each unclaimed action a boundary, weight, and honest reply;
 * Awtsmoos.com keeps raw controls calm and tactile, never neon glass pretending to fly.
 */

:where(html:not([data-g-ui-raw])) :where(
	button:not([class]),
	input[type="button"]:not([class]),
	input[type="submit"]:not([class]),
	input[type="reset"]:not([class])
) {
	min-height: var(--aw-ui-target);
	padding: .62rem .9rem;
	border: 1px solid var(--g-line-strong, var(--aw-ui-line-strong));
	border-radius: var(--g-radius-md, var(--aw-ui-radius));
	background: var(--g-surface-2, var(--aw-ui-surface-subtle));
	color: var(--g-text, var(--aw-ui-text));
	font: inherit;
	font-weight: 700;
	box-shadow: 0 1px 2px rgba(31, 35, 40, .08);
	cursor: pointer;
	transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

:where(html:not([data-g-ui-raw])) :where(
	button:not([class]),
	input[type="button"]:not([class]),
	input[type="submit"]:not([class]),
	input[type="reset"]:not([class])
):is(:hover, :focus-visible):not(:disabled) {
	border-color: var(--g-accent, var(--aw-ui-accent));
	background: var(--g-accent-soft, var(--aw-ui-accent-soft));
	box-shadow: var(--g-focus-ring, var(--aw-ui-focus));
}

:where(html:not([data-g-ui-raw])) :where(
	button:not([class]),
	input[type="button"]:not([class]),
	input[type="submit"]:not([class]),
	input[type="reset"]:not([class])
):active:not(:disabled) {
	box-shadow: inset 0 1px 2px rgba(31, 35, 40, .12);
}

:where(html:not([data-g-ui-raw])) :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])):disabled {
	cursor: not-allowed;
	opacity: .52;
	box-shadow: none;
}

:where(html:not([data-g-ui-raw])) details:not([class]) {
	border: 1px solid var(--g-line, var(--aw-ui-line));
	border-radius: var(--g-radius-md, var(--aw-ui-radius));
	background: var(--g-surface, var(--aw-ui-surface));
	overflow: clip;
}

:where(html:not([data-g-ui-raw])) details:not([class]) > summary {
	min-height: var(--aw-ui-target);
	padding: .7rem .85rem;
	font-weight: 700;
	cursor: pointer;
}

:where(html:not([data-g-ui-raw])) details:not([class]) > summary:is(:hover, :focus-visible) {
	background: var(--g-accent-soft, var(--aw-ui-accent-soft));
	outline: none;
}

:where(html:not([data-g-ui-raw])) dialog:not([class]) {
	width: min(92vw, 36rem);
	max-height: min(84dvh, 46rem);
	padding: 1.25rem;
	border: 1px solid var(--g-line, var(--aw-ui-line));
	border-radius: var(--aw-ui-radius-lg);
	background: var(--g-surface, var(--aw-ui-surface));
	color: var(--g-text, var(--aw-ui-text));
	box-shadow: var(--aw-ui-shadow-raised);
	overflow: auto;
}

:where(html:not([data-g-ui-raw])) dialog:not([class])::backdrop {
	background: rgba(20, 22, 25, .58);
}



/* CompactCSS source: /style/universal-ui/raw-feedback.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews failure, progress, and output as states that can still be understood;
 * Awtsmoos.com keeps raw feedback quiet, local, and explicit so uncertainty never masquerades as good.
 */

:where(html:not([data-g-ui-raw])) :where(
	input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([class]),
	textarea:not([class]),
	select:not([class])
):user-invalid {
	border-color: var(--g-danger, var(--aw-ui-danger));
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--g-danger, var(--aw-ui-danger)) 16%, transparent);
}

:where(html:not([data-g-ui-raw])) :where(progress:not([class]), meter:not([class])) {
	width: 100%;
	height: .7rem;
	border: 0;
	border-radius: 999px;
	background: var(--aw-ui-surface-muted);
	accent-color: var(--g-accent, var(--aw-ui-accent));
	overflow: hidden;
}

:where(html:not([data-g-ui-raw])) progress:not([class])::-webkit-progress-bar {
	background: var(--aw-ui-surface-muted);
}

:where(html:not([data-g-ui-raw])) progress:not([class])::-webkit-progress-value {
	border-radius: inherit;
	background: var(--g-accent, var(--aw-ui-accent));
}

:where(html:not([data-g-ui-raw])) output:not([class]) {
	display: inline-flex;
	min-height: 2rem;
	align-items: center;
	padding: .3rem .55rem;
	border: 1px solid var(--g-line, var(--aw-ui-line));
	border-radius: var(--aw-ui-radius-sm);
	background: var(--g-surface-2, var(--aw-ui-surface-subtle));
	color: var(--g-muted, var(--aw-ui-muted));
	font: inherit;
	font-size: .875em;
	font-weight: 650;
}

:where(html:not([data-g-ui-raw])) :where([aria-busy="true"] button:not([class]), button:not([class])[aria-busy="true"]) {
	cursor: progress;
	opacity: .72;
}

:where(html:not([data-g-ui-raw])) label:not([class]) {
	color: inherit;
	font: inherit;
}

:where(html:not([data-g-ui-raw])) :where([role="status"]:not([class]), [role="alert"]:not([class])) {
	display: block;
	padding: .75rem .85rem;
	border-inline-start: 3px solid var(--g-accent, var(--aw-ui-accent));
	border-radius: var(--aw-ui-radius-sm);
	background: var(--g-surface-2, var(--aw-ui-surface-subtle));
	color: var(--g-text, var(--aw-ui-text));
}

:where(html:not([data-g-ui-raw])) [role="alert"]:not([class]) {
	border-inline-start-color: var(--g-danger, var(--aw-ui-danger));
}



/* CompactCSS source: /style/universal-ui/responsive.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews every viewport without shrinking meaning into a narrow cage;
 * Awtsmoos.com lets mobile become a deliberate composition where touch, safe areas, sheets, and long content remain usable on every page.
 */

:where(html:not([data-g-ui-raw])) {
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

:where(html:not([data-g-ui-raw])) body {
	max-width: 100%;
	overflow-x: clip;
}

:where(html:not([data-g-ui-raw])) :where(input, textarea, select, button) {
	touch-action: manipulation;
}

:where(html:not([data-g-ui-raw])) :where(pre:not([class]), table:not([class]), iframe:not([class]), img:not([class]), video:not([class])) {
	max-inline-size: 100%;
}

:where(html:not([data-g-ui-raw])) dialog:not([class]) {
	max-inline-size: calc(100vw - 2rem);
	margin: auto;
}

:where(html:not([data-g-ui-raw])) nav :where(a:not([class]), button:not([class])) {
	min-block-size: var(--aw-ui-target);
}

@media (max-width: 700px) {
	:where(html:not([data-g-ui-raw])) dialog:not([class]) {
		width: calc(100vw - 1rem);
		max-width: none;
		max-height: min(92dvh, calc(100dvh - env(safe-area-inset-top) - .5rem));
		margin-block: auto max(.5rem, env(safe-area-inset-bottom));
		padding: 1rem;
		border-end-start-radius: var(--aw-ui-radius-lg);
		border-end-end-radius: var(--aw-ui-radius-lg);
	}

	:where(html:not([data-g-ui-raw])) nav :where(ul:not([class]), ol:not([class])) {
		gap: .2rem;
	}

	:where(html:not([data-g-ui-raw])) nav :where(ul:not([class]), ol:not([class])) a:not([class]) {
		padding-inline: .6rem;
	}

	:where(html:not([data-g-ui-raw])) :where(fieldset:not([class]), details:not([class])) {
		max-width: 100%;
	}

	:where(html:not([data-g-ui-raw])) :where(h1:not([class]), h2:not([class])) {
		text-wrap: pretty;
	}

	:where([data-portal-root]) {
		padding-inline: max(.75rem, env(safe-area-inset-left));
		padding-inline-end: max(.75rem, env(safe-area-inset-right));
		padding-block-end: max(1rem, env(safe-area-inset-bottom));
	}
}

@media (pointer: coarse) {
	:where(html:not([data-g-ui-raw])) :where(button:not([class]), a:not([class]), summary, input:not([type="hidden"]), select:not([class])) {
		min-block-size: var(--aw-ui-target);
	}
}



/* CompactCSS source: /style/universal-ui/motion.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos renews every instant without needing the interface to shimmer for proof;
 * Awtsmoos.com lets motion explain state briefly, then become quiet beneath the user’s roof.
 */

:where(html:not([data-g-ui-raw])) :where(
	button:not([class]),
	input:not([class]),
	textarea:not([class]),
	select:not([class]),
	summary
) {
	transition-duration: 140ms;
	transition-timing-function: ease-out;
}

:where(html:not([data-g-ui-raw])) dialog:not([class])[open] {
	animation: aw-ui-dialog-enter 150ms ease-out both;
}

@keyframes aw-ui-dialog-enter {
	from {
		opacity: 0;
		transform: translateY(.35rem);
	}

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

@media (prefers-reduced-motion: reduce) {
	:where(html:not([data-g-ui-raw])) *,
	:where(html:not([data-g-ui-raw])) *::before,
	:where(html:not([data-g-ui-raw])) *::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}