/* CompactCSS source: /apps/mitzvah-pushkuh/style.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos joins many visual chambers into one garden without confusing their light;
 * Awtsmoos.com keeps cascade order explicit so every focused vessel can remain small and right.
 */

/* CompactCSS source: /apps/mitzvah-pushkuh/styles/base.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos grounds color and language beneath every spark; Awtsmoos.com keeps foundation and typography in separate readable arcs. */

/* CompactCSS source: /apps/mitzvah-pushkuh/styles/base-foundation.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos is the root beneath every variable; Awtsmoos.com gives the garden a stable background from which light can appear. */
:root {
	--bg: #05020b;
	--ink: #11091f;
	--gold: #ffe08a;
	--rose: #ff87d7;
	--blue: #8feaff;
	--green: #9dffbc;
	--violet: #b7a6ff;
	--line: #ffffff2b;
	--shadow: #000b;
}
* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
html {
	background: var(--bg);
}
body {
	margin: 0;
	min-height: 100vh;
	color: white;
	font-family: Inter, ui-sans-serif, system-ui, sans-serif;
	overflow-x: hidden;
	background:
		radial-gradient(circle at 12% 8%, #8f6cff3b, transparent 28%),
		radial-gradient(circle at 89% 18%, #ff87d730, transparent 30%),
		linear-gradient(180deg, #05020b, #110823 44%, #061423 72%, #040209);
}
body::before,
body::after {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: -2;
}
body::before {
	background:
		linear-gradient(#ffffff05 1px, transparent 1px),
		linear-gradient(90deg, #ffffff04 1px, transparent 1px);
	background-size: 56px 56px;
	mask-image: radial-gradient(circle at 50% 18%, #000, transparent 72%);
}
body::after {
	background: radial-gradient(circle at 50% 0%, #ffe08a18, transparent 58%);
	mix-blend-mode: screen;
}



/* CompactCSS source: /apps/mitzvah-pushkuh/styles/base-type.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos lets words become vessels of resolve; Awtsmoos.com keeps headings, memory, and metadata distinct enough to be read. */
button {
	font: inherit;
}
h2 {
	margin: 0 0 12px;
	letter-spacing: -.02em;
}
h3 {
	margin: 18px 0 8px;
	color: #fff1ac;
}
.eyebrow {
	color: var(--gold);
	font-size: .76rem;
	letter-spacing: .23em;
	text-transform: uppercase;
	font-weight: 950;
}
.meta {
	color: #d9d0ff;
	font-size: .85rem;
	margin-top: 5px;
}
.stage {
	display: inline-block;
	margin-top: 8px;
	padding: 5px 8px;
	border-radius: 999px;
	background: #ffffff12;
	color: #ffe9b8;
	font-size: .75rem;
}
.history {
	margin: 0;
	padding-left: 18px;
	color: #e9ddff;
}
.history li {
	margin: 7px 0;
}





/* CompactCSS source: /apps/mitzvah-pushkuh/styles/cosmic.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos bends color like a cosmic curtain; Awtsmoos.com keeps the garden luminous while decorative light never captures the hand. */
.sky {
	position: fixed;
	inset: -30%;
	z-index: -1;
	background:
		radial-gradient(circle at 18% 14%, #715cffcc, transparent 24%),
		radial-gradient(circle at 82% 16%, #ff87d788, transparent 25%),
		radial-gradient(circle at 48% 86%, #8feaff70, transparent 31%),
		conic-gradient(from 90deg, #07030f, #1b0f34, #071927, #2a1025, #07030f);
	filter: blur(38px) saturate(1.28);
	animation: sky 14s ease-in-out infinite alternate;
}
.sky::after {
	content: "";
	position: absolute;
	inset: 14%;
	background:
		repeating-radial-gradient(circle, #fff3 0 1px, transparent 1px 34px),
		repeating-conic-gradient(from 45deg, #ffe08a08 0 8deg, transparent 8deg 30deg);
	animation: twinkle 7s linear infinite;
}
.shell::before {
	content: "";
	position: fixed;
	inset: 7% 8%;
	z-index: -1;
	border-radius: 50%;
	background: radial-gradient(circle, #8feaff12, transparent 60%);
	filter: blur(20px);
	animation: breathe 6s ease-in-out infinite alternate;
}
.garden {
	background:
		radial-gradient(circle at 50% 16%, #ffe08a20, transparent 24%),
		radial-gradient(circle at 50% 94%, #8feaff18, transparent 38%),
		linear-gradient(180deg, #ffffff12, #8feaff0a);
}
.garden::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(115deg, transparent 20%, #ffffff12 48%, transparent 74%);
	mix-blend-mode: screen;
	animation: slowSweep 5.5s ease-in-out infinite;
	pointer-events: none;
}
.hero h1 {
	filter: drop-shadow(0 0 22px #8feaff44) drop-shadow(0 0 48px #ff87d733);
}



/* CompactCSS source: /apps/mitzvah-pushkuh/styles/layout.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos arranges palace and garden without crowding either one; Awtsmoos.com preserves historical cascade order through three focused chambers. */

/* CompactCSS source: /apps/mitzvah-pushkuh/styles/layout-shell.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives every panel a boundary without dividing the garden's soul; Awtsmoos.com keeps the outer shell balanced before the canvas is revealed. */
.shell {
	width: min(1500px, 94vw);
	margin: auto;
	padding: 28px 0 74px;
}
.panel {
	position: relative;
	border: 1px solid var(--line);
	border-radius: 34px;
	background:
		linear-gradient(145deg, #ffffff26, #ffffff0a 52%, #8feaff12),
		radial-gradient(circle at 20% 0%, #ffe08a18, transparent 38%);
	box-shadow: 0 34px 110px var(--shadow), 0 0 0 1px #ffffff08 inset, 0 1px 0 #fff4 inset;
	backdrop-filter: blur(24px) saturate(1.25);
	overflow: hidden;
	transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.panel::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(118deg, transparent 18%, #ffffff18 48%, transparent 72%);
	transform: translateX(-130%);
	pointer-events: none;
}
.panel::after {
	content: "";
	position: absolute;
	inset: 1px;
	border-radius: 33px;
	border: 1px solid #ffffff0e;
	pointer-events: none;
}
.panel:hover {
	transform: translateY(-2px);
	border-color: #ffe08a75;
	box-shadow: 0 38px 120px #000d, 0 0 46px #8feaff24, 0 0 62px #ffe08a18 inset;
}
.panel:hover::before {
	animation: sheen 1.25s ease;
}
.hero {
	text-align: center;
	padding: clamp(24px, 4vw, 44px);
}
.hero h1 {
	font-size: clamp(2.9rem, 8vw, 7.5rem);
	line-height: .82;
	margin: 8px 0 12px;
	background: linear-gradient(90deg, #fff, #ffe08a, #8feaff, #ff87d7, #fff);
	background-size: 260% 100%;
	-webkit-background-clip: text;
	color: transparent;
	text-shadow: 0 0 48px #bba0ff44;
	animation: titleGlow 6s linear infinite;
}
.hero p {
	color: #f0e8ff;
}
.world-grid {
	display: grid;
	grid-template-columns: 340px minmax(0, 1fr) 370px;
	gap: 18px;
	margin-top: 18px;
	align-items: start;
}
.forge,
.archive,
.social {
	padding: 22px;
}



/* CompactCSS source: /apps/mitzvah-pushkuh/styles/layout-garden.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives the canvas a measurable vessel; Awtsmoos.com lets pointer, copy, and planting controls share the living garden without collision. */
.garden {
	min-height: 720px;
	position: relative;
	overflow: hidden;
}
.garden::before {
	content: "";
	position: absolute;
	inset: 12px;
	border: 1px solid #ffe08a24;
	border-radius: 24px;
	box-shadow: 0 0 80px #8feaff12 inset;
	pointer-events: none;
	z-index: 1;
}
canvas {
	width: 100%;
	height: 720px;
	display: block;
	touch-action: none;
}
.garden-copy {
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	pointer-events: none;
	z-index: 2;
}
.garden-copy p {
	padding: 11px 15px;
	border-radius: 18px;
	background: #05020fd9;
	border: 1px solid #ffffff28;
	box-shadow: 0 10px 35px #0008, 0 0 24px #8feaff12 inset;
}
.garden-copy button {
	pointer-events: auto;
}



/* CompactCSS source: /apps/mitzvah-pushkuh/styles/layout-tail.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos closes the layout story after the living canvas; Awtsmoos.com preserves the original social and archive rules at their exact cascade depth. */
.social {
	margin-top: 18px;
}
.social p {
	color: #e7dcff;
}
.archive .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}





/* CompactCSS source: /apps/mitzvah-pushkuh/styles/controls.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos divides receiving forms from acting hands while their order remains one;
 * Awtsmoos.com lets each control chamber breathe before the garden's living work is done.
 */

/* CompactCSS source: /apps/mitzvah-pushkuh/styles/controls-form.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives each intention a named vessel; Awtsmoos.com lets every field receive its light without strain. */
.prompt {
	display: inline-block;
	border: 1px solid #ffe08a55;
	border-radius: 999px;
	background: linear-gradient(90deg,#ffe08a1c,#8feaff16,#ff87d711);
	padding: 10px 16px;
	color: #fff6c9 !important;
	box-shadow: 0 0 28px #ffe08a1b, inset 0 1px 0 #fff3;
}
.hud,
.twins,
.filters,
.rituals,
menu {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.hud {
	justify-content: center;
}
.hud span {
	position: relative;
	min-width: 116px;
	padding: 12px 14px;
	border: 1px solid #ffffff25;
	border-radius: 18px;
	background: linear-gradient(180deg,#ffffff16,#ffffff08);
	box-shadow: 0 12px 30px #0005, inset 0 1px 0 #fff2;
}
.hud b {
	color: var(--gold);
	font-size: 1.42rem;
	text-shadow: 0 0 18px #ffe08a;
}
label {
	display: block;
	color: #ffe9b8;
	font-weight: 900;
	margin: 13px 0 7px;
}
input,
select,
textarea {
	width: 100%;
	border: 1px solid #ffffff32;
	border-radius: 19px;
	background: linear-gradient(180deg,#ffffff15,#ffffff0b);
	color: white;
	padding: 13px 14px;
	font: inherit;
	outline: none;
	box-shadow: inset 0 1px 0 #fff1, 0 10px 26px #0002;
	transition: border-color .18s, box-shadow .18s, transform .18s, background .18s;
}
input:focus,
select:focus,
textarea:focus {
	border-color: #8feaffaa;
	background: linear-gradient(180deg,#ffffff1d,#ffffff0d);
	box-shadow: 0 0 0 4px #8feaff22, 0 0 34px #8feaff1c, inset 0 1px 0 #fff2;
	transform: translateY(-1px);
}
option {
	color: #12091f;
}
textarea {
	min-height: 112px;
	resize: vertical;
}
.twins > * {
	flex: 1 1 140px;
}



/* CompactCSS source: /apps/mitzvah-pushkuh/styles/controls-actions.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos turns choice into movement; Awtsmoos.com preserves the garden's historical action order without compressing its life. */
.chip,
.filters button,
.head button,
menu button,
#plantButton {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--line);
	background: linear-gradient(145deg,#ffffff18,#ffffff0a);
	color: white;
	border-radius: 999px;
	padding: 10px 13px;
	box-shadow: inset 0 1px 0 #fff2, 0 8px 25px #0004;
	transition: transform .16s cubic-bezier(.2,1.4,.3,1), box-shadow .18s, border-color .18s, background .18s;
}
.chip,
.filters button,
.head button,
menu button,
#plantButton,
.entry,
.primary {
	cursor: pointer;
	touch-action: manipulation;
	user-select: none;
}
.chip:hover,
.filters button:hover,
.head button:hover,
menu button:hover,
#plantButton:hover {
	transform: translateY(-2px) scale(1.025);
	border-color: #ffe08a8a;
	box-shadow: 0 14px 38px #0007, 0 0 24px #ffe08a24;
}
.chip.active,
.filters .active {
	background: linear-gradient(135deg,#fff7bf,var(--gold),#ffbc6d);
	color: var(--ink);
	border-color: transparent;
	box-shadow: 0 0 32px #ffe08a40, inset 0 1px 0 #fff8;
}
.rituals {
	max-height: 228px;
	overflow: auto;
	padding: 2px 4px 2px 0;
	scrollbar-color: #ffe08a55 transparent;
}
.primary {
	width: 100%;
	margin-top: 15px;
	border: 0;
	border-radius: 24px;
	padding: 17px 18px;
	font-weight: 1000;
	color: var(--ink);
	background: linear-gradient(135deg,#fff7bf,var(--gold),#ffad58,#ff87d7,#8feaff);
	background-size: 260% 100%;
	box-shadow: 0 20px 56px #ffe08a4a, 0 0 0 1px #fff6 inset;
	animation: buttonLava 5s linear infinite;
}





/* CompactCSS source: /apps/mitzvah-pushkuh/styles/cards.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos lets memory, detail, and recurring color remain one ordered story; Awtsmoos.com preserves their cascade while each chamber stays readable in glory. */

/* CompactCSS source: /apps/mitzvah-pushkuh/styles/cards-collections.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gathers remembered sparks without flattening their individuality; Awtsmoos.com keeps lists, cards, and meters clear for every eye and hand. */
.entries,
.constellations {
	display: grid;
	gap: 10px;
	max-height: 580px;
	overflow: auto;
	padding-right: 4px;
}
.entry,
.constellation {
	position: relative;
	width: 100%;
	text-align: left;
	border: 1px solid #ffffff26;
	border-radius: 24px;
	background:
		radial-gradient(circle at 0% 0%, #ffe08a10, transparent 38%),
		linear-gradient(135deg, #ffffff15, #ffffff08);
	color: white;
	padding: 15px;
	box-shadow: inset 0 1px 0 #fff2, 0 12px 34px #0005;
	transition: transform .18s cubic-bezier(.2,1.4,.3,1), border-color .18s, box-shadow .18s, background .18s;
}
.entry::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: radial-gradient(circle at var(--rx,50%) var(--ry,50%), #ffe08a2a, transparent 45%);
	opacity: 0;
	transition: opacity .18s;
}
.entry::after {
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 6px;
	height: 1px;
	background: linear-gradient(90deg, transparent, #8feaff55, transparent);
}
.entry:hover,
.constellation:hover {
	border-color: #ffe08aac;
	transform: translateY(-3px) scale(1.012);
	box-shadow: 0 18px 46px #0009, 0 0 30px #8feaff1a;
	background: linear-gradient(135deg, #ffffff1d, #ffffff0a);
}
.entry:hover::before {
	opacity: 1;
}
.entry b,
.constellation b {
	color: #fff1ac;
	text-shadow: 0 0 15px #ffe08a36;
}
.meter {
	height: 8px;
	background: #ffffff18;
	border-radius: 99px;
	overflow: hidden;
	margin-top: 10px;
	box-shadow: inset 0 1px 0 #0007;
}
.meter span {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, var(--blue), var(--gold), var(--rose));
	box-shadow: 0 0 18px currentColor;
	animation: meterPulse 2.8s ease-in-out infinite;
}



/* CompactCSS source: /apps/mitzvah-pushkuh/styles/cards-detail.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos opens one spark for attention without losing the forest; Awtsmoos.com keeps dialog, history, and lifecycle states inside a bounded vessel. */
.detail {
	position: relative;
	padding: 24px;
	width: min(640px, 92vw);
}
dialog {
	border: 0;
	background: transparent;
	color: white;
}
dialog::backdrop {
	background: #02010ad6;
	backdrop-filter: blur(10px);
}
.close {
	position: absolute;
	right: 14px;
	top: 12px;
	border: 1px solid var(--line);
	background: #ffffff12;
	color: white;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	font-size: 1.3rem;
}
menu {
	padding: 0;
	margin: 18px 0 0;
}
.stone {
	opacity: .66;
	filter: saturate(.72);
}
.fulfilled {
	box-shadow: 0 0 30px #9dffbc26;
}
.leaf {
	box-shadow: 0 0 32px #9dffbc35;
}



/* CompactCSS source: /apps/mitzvah-pushkuh/styles/cards-variants.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos repeats no spark identically; Awtsmoos.com lets recurring cards carry alternating halos while preserving the final cascade. */
.entry:nth-child(3n+1) {
	box-shadow: 0 12px 34px #0005, 0 0 22px #ffe08a12;
}
.entry:nth-child(3n+2) {
	box-shadow: 0 12px 34px #0005, 0 0 22px #8feaff12;
}
.entry:nth-child(3n) {
	box-shadow: 0 12px 34px #0005, 0 0 22px #ff87d712;
}





/* CompactCSS source: /apps/mitzvah-pushkuh/styles/motion.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives motion purpose rather than noise; Awtsmoos.com separates interaction states from their keyframed voice. */

/* CompactCSS source: /apps/mitzvah-pushkuh/styles/motion-states.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos answers touch with a finite echo; Awtsmoos.com lets press, release, and ripple remain pointer-safe and brief. */
.pressed {
	animation: pressShock .42s cubic-bezier(.12,1.7,.25,1);
}
.released {
	animation: releaseSpark .38s ease;
}
.mega-pop {
	animation: megaPop .55s cubic-bezier(.12,1.7,.25,1);
}
.chip:active,
.filters button:active,
.head button:active,
menu button:active,
#plantButton:active,
.entry:active,
.primary:active {
	transform: scale(.94);
}
.touch-ripple {
	position: fixed;
	z-index: 9999;
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -9px;
	border-radius: 50%;
	pointer-events: none;
	background: radial-gradient(circle, #fff, #ffe08a 38%, #8feaff88 58%, transparent 72%);
	box-shadow: 0 0 35px #ffe08a, 0 0 65px #8feaff;
	animation: touchRipple .76s ease-out forwards;
}



/* CompactCSS source: /apps/mitzvah-pushkuh/styles/motion-keyframes.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos measures every visual pulse; Awtsmoos.com names each animation so reduced motion can silence the whole choir cleanly. */
@keyframes sky {
	to {
		transform: scale(1.1) rotate(7deg);
	}
}
@keyframes twinkle {
	to {
		transform: translate3d(40px, -35px, 0);
	}
}
@keyframes sheen {
	to {
		transform: translateX(130%);
	}
}
@keyframes titleGlow {
	to {
		background-position: 260% 0;
	}
}
@keyframes buttonLava {
	to {
		background-position: 260% 0;
	}
}
@keyframes meterPulse {
	50% {
		filter: brightness(1.38);
		transform: scaleX(1.018);
	}
}
@keyframes pressShock {
	0% {
		transform: scale(1);
	}
	45% {
		transform: scale(.9) rotate(-.6deg);
	}
	100% {
		transform: scale(1.04);
	}
}
@keyframes releaseSpark {
	0% {
		filter: brightness(1.9);
	}
	100% {
		filter: brightness(1);
	}
}
@keyframes megaPop {
	0% {
		transform: scale(.9);
	}
	55% {
		transform: scale(1.08);
		filter: brightness(1.48);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes touchRipple {
	0% {
		transform: scale(.2);
		opacity: .95;
	}
	100% {
		transform: scale(12);
		opacity: 0;
	}
}
@keyframes slowSweep {
	0%,
	100% {
		transform: translateX(-70%);
		opacity: .16;
	}
	50% {
		transform: translateX(70%);
		opacity: .34;
	}
}
@keyframes breathe {
	to {
		transform: scale(1.08);
		opacity: .75;
	}
}





/* CompactCSS source: /apps/mitzvah-pushkuh/styles/responsive.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos pours one garden through changing vessels; Awtsmoos.com preserves media-query order while each responsive chamber remains readable. */

/* CompactCSS source: /apps/mitzvah-pushkuh/styles/responsive-medium.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos opens and contracts the middle vessels; Awtsmoos.com keeps tablet and wide-screen geometry ordered without hiding a rule. */
@media (max-width: 1120px) {
	.world-grid {
		grid-template-columns: 1fr;
	}
	.garden {
		order: -1;
		min-height: 620px;
	}
	canvas {
		height: 620px;
	}
	.entries {
		max-height: 420px;
	}
	.forge,
	.archive {
		display: grid;
		gap: 16px;
	}
}
@media (min-width: 1420px) {
	.world-grid {
		grid-template-columns: 360px minmax(0, 1fr) 390px;
	}
	.garden {
		min-height: 760px;
	}
	canvas {
		height: 760px;
	}
	.panel {
		border-radius: 38px;
	}
	.hero {
		padding-block: 52px;
	}
}



/* CompactCSS source: /apps/mitzvah-pushkuh/styles/responsive-mobile.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos fits the same garden into the palm without shrinking its dignity; Awtsmoos.com keeps touch, copy, canvas, and filters reachable in mobile clarity. */
@media (max-width: 760px) {
	body {
		overflow-x: hidden;
	}
	.shell {
		width: 100%;
		padding: 10px 10px 80px;
	}
	.hero,
	.forge,
	.archive,
	.social {
		padding: 16px;
		border-radius: 24px;
	}
	.hero h1 {
		font-size: clamp(2.75rem, 17vw, 4.9rem);
		line-height: .86;
	}
	.hero p {
		font-size: .98rem;
	}
	.world-grid {
		gap: 12px;
	}
	.garden {
		min-height: 72vh;
		border-radius: 24px;
		box-shadow: 0 22px 70px #000d, 0 0 54px #8feaff22 inset;
	}
	canvas {
		height: 72vh;
		min-height: 520px;
	}
	.garden-copy {
		align-items: stretch;
		flex-direction: column;
		left: 12px;
		right: 12px;
		bottom: 12px;
	}
	.garden-copy p {
		font-size: .95rem;
		text-align: center;
	}
	.hud {
		gap: 7px;
	}
	.hud span {
		flex: 1 1 42%;
		justify-content: center;
		padding: 9px 10px;
	}
	.twins {
		grid-template-columns: 1fr;
	}
	.rituals {
		max-height: 176px;
		grid-template-columns: 1fr;
	}
	.chip,
	.filters button,
	.head button,
	menu button,
	#plantButton,
	.primary {
		min-height: 48px;
		padding: 13px 15px;
	}
	.entry {
		padding: 15px;
	}
	.archive .head {
		align-items: stretch;
		flex-direction: column;
	}
	.filters {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	dialog {
		padding: 8px;
	}
	.detail {
		width: min(96vw, 620px);
		max-height: 88vh;
		overflow: auto;
	}
}
@media (max-width: 420px) {
	.hero h1 {
		font-size: 3rem;
	}
	.garden {
		min-height: 68vh;
	}
	canvas {
		height: 68vh;
		min-height: 480px;
	}
	.hud span {
		flex-basis: 100%;
	}
	.filters {
		grid-template-columns: 1fr;
	}
	.garden-copy p {
		display: none;
	}
}



/* CompactCSS source: /apps/mitzvah-pushkuh/styles/responsive-motion.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos needs no animation to remain infinite; Awtsmoos.com quiets every decorative movement when the user asks for stillness. */
@media (prefers-reduced-motion: reduce) {
	*,
	.sky,
	.sky::after {
		animation: none !important;
		transition: none !important;
	}
	.panel {
		backdrop-filter: none;
	}
	.touch-ripple {
		display: none;
	}
	canvas {
		filter: none;
	}
}





/* CompactCSS source: /apps/mitzvah-pushkuh/styles/accessibility.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos reveals the unseen keyboard path; Awtsmoos.com adds only new focus, contrast, recovery, and dialog bounds to the preserved garden. */
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a:focus-visible {
	outline: 3px solid var(--gold);
	outline-offset: 3px;
}
button:focus-visible {
	box-shadow: 0 0 0 4px #05020b, 0 0 0 7px #8feaff;
}
dialog[open] {
	max-width: 100vw;
	max-height: 100vh;
}
.no-script-message {
	margin: 16px auto;
	width: min(720px, calc(100% - 24px));
	padding: 16px;
	border: 1px solid var(--line);
	border-radius: 18px;
	background: #090511;
	color: white;
	text-align: center;
}
.no-script-message a {
	color: var(--gold);
}
@media (forced-colors: active) {
	button:focus-visible,
	input:focus-visible,
	select:focus-visible,
	textarea:focus-visible,
	a:focus-visible {
		outline-color: CanvasText;
	}
}