.cat-avatar.svelte-int30l {
		position: relative;
		width: 100%;
		height: 100%;
		aspect-ratio: 1;
	}

	.cat-avatar-button.svelte-int30l {
		display: block;
		border: 0;
		background: transparent;
		padding: 0;
		color: inherit;
		cursor: pointer;
		touch-action: manipulation;
	}

	.cat-avatar-button.svelte-int30l:focus-visible {
		outline: 3px solid color-mix(in srgb, var(--color-sky) 62%, transparent);
		outline-offset: 4px;
		border-radius: 50%;
	}

	.cat-avatar-button.svelte-int30l:active {
		transform: none;
	}

	.cat-avatar-breathe.svelte-int30l,
	.cat-avatar-twitch.svelte-int30l {
		position: absolute;
		inset: 0;
		transform-origin: 50% 88%;
		pointer-events: none;
	}

	.cat-avatar.is-animated.svelte-int30l .cat-avatar-breathe:where(.svelte-int30l) {
		animation: svelte-int30l-cat-avatar-breathe 4.8s ease-in-out infinite;
		will-change: transform;
	}

	.cat-avatar.is-animated.svelte-int30l .cat-avatar-twitch:where(.svelte-int30l) {
		animation: svelte-int30l-cat-avatar-twitch 6.7s ease-in-out infinite;
		will-change: transform;
	}

	.cat-avatar.svelte-int30l img:where(.svelte-int30l) {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
		filter: drop-shadow(0 1px 1px color-mix(in srgb, var(--color-charcoal) 16%, transparent));
	}

	.sleep-face.svelte-int30l {
		animation: svelte-int30l-sleep-face-out 560ms ease-out both;
	}

	.awake-face.svelte-int30l {
		animation: svelte-int30l-awake-face-in 560ms ease-out both;
		pointer-events: none;
	}

	.purr-effect.svelte-int30l {
		position: absolute;
		right: 16%;
		bottom: 62%;
		z-index: 80;
		pointer-events: none;
		animation: svelte-int30l-purr-float 1000ms ease-out both;
	}

	.purr-effect.svelte-int30l::before,
	.purr-effect.svelte-int30l::after {
		position: absolute;
		inset: 50% auto auto 50%;
		width: 22px;
		height: 22px;
		border: 1px solid color-mix(in srgb, var(--color-peach) 72%, transparent);
		border-radius: 50%;
		content: '';
		animation: svelte-int30l-purr-ring 1000ms ease-out both;
	}

	.purr-effect.svelte-int30l::after {
		width: 14px;
		height: 14px;
		border-color: color-mix(in srgb, var(--color-sage) 70%, transparent);
		animation-delay: 120ms;
	}

	.purr-text.svelte-int30l {
		display: inline-flex;
		border: 1px solid color-mix(in srgb, var(--color-line) 82%, transparent);
		border-radius: var(--radius-pill);
		background: color-mix(in srgb, var(--color-paper-2) 86%, transparent);
		color: var(--color-muted);
		padding: 4px 8px;
		font-size: 0.72rem;
		font-weight: 850;
		line-height: 1;
		box-shadow: 0 8px 18px color-mix(in srgb, var(--color-charcoal) 12%, transparent);
	}

	@keyframes svelte-int30l-cat-avatar-breathe {
		0%,
		100% {
			transform: translateY(0) scale(1);
		}
		50% {
			transform: translateY(-1.5px) scale(1.006);
		}
	}

	@keyframes svelte-int30l-cat-avatar-twitch {
		0%,
		68%,
		100% {
			transform: rotate(0deg);
		}
		72% {
			transform: rotate(0.55deg);
		}
		74% {
			transform: rotate(-0.45deg);
		}
		76% {
			transform: rotate(0.28deg);
		}
		78% {
			transform: rotate(0deg);
		}
	}

	@keyframes svelte-int30l-sleep-face-out {
		0%,
		20% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}

	@keyframes svelte-int30l-awake-face-in {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	@keyframes svelte-int30l-purr-float {
		0% {
			opacity: 0;
			transform: translate3d(0, 4px, 0) scale(0.96);
		}
		18% {
			opacity: 1;
		}
		100% {
			opacity: 0;
			transform: translate3d(0, -14px, 0) scale(1);
		}
	}

	@keyframes svelte-int30l-purr-ring {
		0% {
			opacity: 0.42;
			transform: translate(-50%, -50%) scale(0.35);
		}
		100% {
			opacity: 0;
			transform: translate(-50%, -50%) scale(1.6);
		}
	}

	@media (prefers-reduced-motion: reduce) {
		.cat-avatar.is-animated.svelte-int30l .cat-avatar-breathe:where(.svelte-int30l),
		.cat-avatar.is-animated.svelte-int30l .cat-avatar-twitch:where(.svelte-int30l) {
			animation: none;
			transform: none;
			will-change: auto;
		}

		.purr-effect.svelte-int30l {
			animation: svelte-int30l-awake-face-in 160ms ease-out both;
		}

		.purr-effect.svelte-int30l::before,
		.purr-effect.svelte-int30l::after {
			display: none;
		}
	}

	.scene.svelte-sud9az {
		--dock-bottom: calc(var(--app-safe-bottom) + 8px);
		--cat-size: clamp(164px, 45vw, 220px);

		position: relative;
		min-height: 100svh;
		border-radius: 0 0 var(--radius-card-lg) var(--radius-card-lg);
		background-image: var(--scene-bg-light);
		background-position: 50% bottom;
		background-size: cover;
		background-repeat: no-repeat;
		overflow: hidden;
	}

	@supports (height: 100dvh) {
		.scene.svelte-sud9az {
			min-height: 100dvh;
		}
	}

	:root[data-theme='dark'] .scene.svelte-sud9az {
		background-image: var(--scene-bg-dark);
		background-position: 50% bottom;
	}

	@media (prefers-color-scheme: dark) {
		:root[data-theme='system'] .scene.svelte-sud9az {
			background-image: var(--scene-bg-dark);
			background-position: 50% bottom;
		}
	}

	/* Gentle top/bottom wash for overlay legibility; keeps the artwork visible. */
	.scene-veil.svelte-sud9az {
		position: absolute;
		inset: 0;
		pointer-events: none;
		background: linear-gradient(
			to bottom,
			color-mix(in srgb, var(--color-paper) 28%, transparent) 0%,
			color-mix(in srgb, var(--color-paper) 5%, transparent) 23%,
			color-mix(in srgb, var(--color-paper) 4%, transparent) 62%,
			color-mix(in srgb, var(--color-paper) 26%, transparent) 100%
		);
	}

	.scene-stage.svelte-sud9az {
		position: relative;
		z-index: 20;
	}

	.scene-top.svelte-sud9az {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		z-index: 30;
		padding: calc(env(safe-area-inset-top) + 16px) calc(env(safe-area-inset-right) + 16px) 0
			calc(env(safe-area-inset-left) + 16px);
	}

	.scene-stage.svelte-sud9az {
		position: absolute;
		inset: 0;
		pointer-events: none;
	}

	.scene.guest.svelte-sud9az .scene-stage:where(.svelte-sud9az) {
		display: none;
	}

	.scene-status.svelte-sud9az {
		position: absolute;
		top: calc(var(--pet-y) - var(--status-offset));
		left: var(--pet-x);
		z-index: 25;
		display: grid;
		width: max-content;
		max-width: calc(100% - 32px);
		justify-items: center;
		transform: translateX(-50%);
	}

	.scene-cat.svelte-sud9az {
		position: absolute;
		top: var(--pet-y);
		left: var(--pet-x);
		z-index: 20;
		display: grid;
		width: var(--cat-size);
		aspect-ratio: 1;
		place-items: end center;
		transform: translate(-50%, -100%) scale(var(--pet-scale));
		transform-origin: 50% 100%;
	}

	.scene-cat.svelte-sud9az::before {
		position: absolute;
		inset: 10% 4% 0;
		z-index: 0;
		border-radius: 50%;
		background: radial-gradient(
			circle at 50% 44%,
			color-mix(in srgb, var(--color-paper-2) 72%, transparent) 0%,
			color-mix(in srgb, var(--color-paper-2) 36%, transparent) 45%,
			transparent 72%
		);
		content: '';
	}

	.scene-shadow.svelte-sud9az {
		position: absolute;
		right: 18%;
		bottom: 6%;
		left: 18%;
		height: 13px;
		border-radius: 50%;
		background: color-mix(in srgb, var(--color-charcoal) 18%, transparent);
		filter: blur(8px);
		z-index: 1;
	}

	.scene-cat-art.svelte-sud9az {
		position: relative;
		z-index: 2;
		width: 100%;
		height: 100%;
		pointer-events: auto;
	}

	.scene-control.svelte-sud9az,
	.scene-care.svelte-sud9az {
		position: absolute;
		z-index: 32;
		pointer-events: auto;
	}

	.scene-control.svelte-sud9az {
		top: var(--scene-control-y);
		left: var(--scene-control-x);
	}

	.scene-care.svelte-sud9az {
		top: auto;
		bottom: calc(var(--app-safe-bottom) + 12px);
		left: var(--care-x);
	}

	.scene-care.is-right.svelte-sud9az {
		transform: translateY(-50%);
	}

	.scene-care.is-left.svelte-sud9az {
		transform: translate(-100%, -50%);
	}

	.scene-care.is-center.svelte-sud9az {
		transform: translate(-50%, -50%);
	}

	.scene-bottom.svelte-sud9az {
		position: absolute;
		right: 0;
		bottom: var(--dock-bottom);
		left: 0;
		z-index: 35;
		padding: 0 20px;
	}

	.scene.guest.svelte-sud9az .scene-bottom:where(.svelte-sud9az) {
		top: 50%;
		bottom: auto;
		transform: translateY(-50%);
	}

	:root[data-theme='dark'] .scene-veil.svelte-sud9az {
		background: linear-gradient(
			to bottom,
			color-mix(in srgb, var(--color-dark-bg) 18%, transparent) 0%,
			color-mix(in srgb, var(--color-dark-bg) 4%, transparent) 42%,
			color-mix(in srgb, var(--color-dark-bg) 18%, transparent) 100%
		);
	}

	@media (prefers-color-scheme: dark) {
		:root[data-theme='system'] .scene-veil.svelte-sud9az {
			background: linear-gradient(
				to bottom,
				color-mix(in srgb, var(--color-dark-bg) 18%, transparent) 0%,
				color-mix(in srgb, var(--color-dark-bg) 4%, transparent) 42%,
				color-mix(in srgb, var(--color-dark-bg) 18%, transparent) 100%
			);
		}
	}

	@media (max-height: 740px) {
		.scene.svelte-sud9az {
			--pet-y: var(--pet-y-compact);
			--care-y: var(--care-y-compact);
			--pet-scale: var(--pet-scale-compact);
		}

		.scene-cat.svelte-sud9az {
			--cat-size: clamp(150px, 41vw, 200px);
		}

		.scene-status.svelte-sud9az {
			top: calc(var(--pet-y) - 196px);
		}
	}

	.home.svelte-1uha8ag {
		min-height: 100svh;
	}

	@supports (height: 100dvh) {
		.home.svelte-1uha8ag {
			min-height: 100dvh;
		}
	}

	/* Break out of app padding so the park is the Home world, including behind the nav. */
	.scene-bleed.svelte-1uha8ag {
		margin: -18px -20px calc(0px - var(--app-page-bottom));
	}

	.scene-bleed-picker.svelte-1uha8ag .scene-cat {
		top: 62%;
	}

	.overlay-head.svelte-1uha8ag {
		position: relative;
		display: grid;
		grid-template-columns: minmax(0, 8.5rem) minmax(4.5rem, 1fr) max-content;
		align-items: flex-start;
		gap: 8px;
	}

	.pet-hud.svelte-1uha8ag {
		display: grid;
		width: max-content;
		max-width: 100%;
		gap: 6px;
		border: 1px solid color-mix(in srgb, var(--color-line) 70%, transparent);
		border-radius: 22px;
		background: color-mix(in srgb, var(--color-paper-2) 82%, transparent);
		padding: 7px 8px 8px;
		backdrop-filter: blur(8px);
		box-shadow: var(--shadow-card);
	}

	.pet-hud.svelte-1uha8ag p:where(.svelte-1uha8ag) {
		display: flex;
		max-width: 8rem;
		gap: 0.25rem;
		margin: 0;
		color: var(--color-charcoal);
		font-size: 0.78rem;
		font-weight: 800;
		line-height: 1.12;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.greeting-name.svelte-1uha8ag {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.brand-hud.svelte-1uha8ag {
		display: inline-flex;
		width: max-content;
		max-width: 100%;
		justify-self: start;
		align-items: center;
		gap: 9px;
		border: 1px solid color-mix(in srgb, var(--color-line) 70%, transparent);
		border-radius: 22px;
		background: color-mix(in srgb, var(--color-paper-2) 84%, transparent);
		padding: 8px 13px 8px 9px;
		color: var(--color-ink);
		backdrop-filter: blur(8px);
		box-shadow: var(--shadow-card);
	}

	.brand-hud.svelte-1uha8ag img:where(.svelte-1uha8ag) {
		display: block;
		width: 28px;
		height: 28px;
		object-fit: contain;
	}

	.brand-hud.svelte-1uha8ag strong:where(.svelte-1uha8ag) {
		font-family: var(--font-display);
		font-size: 1.02rem;
		font-weight: 800;
		line-height: 1;
	}

	.points-hud.svelte-1uha8ag {
		z-index: 2;
		display: inline-flex;
		min-width: 0;
		max-width: 6.2rem;
		justify-self: center;
		align-items: center;
		gap: 5px;
		border: 1px solid color-mix(in srgb, var(--color-line) 68%, transparent);
		border-radius: var(--radius-pill);
		background: color-mix(in srgb, var(--color-warning-bg) 86%, transparent);
		color: var(--color-warning-text);
		padding: 7px 10px;
		font-size: 0.78rem;
		font-weight: 900;
		text-decoration: none;
		backdrop-filter: blur(8px);
		box-shadow: var(--shadow-card);
		white-space: nowrap;
	}

	.points-hud.svelte-1uha8ag span:where(.svelte-1uha8ag) {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.points-hud.svelte-1uha8ag:active {
		transform: translateY(1px) scale(0.98);
	}

	.profile-stack.svelte-1uha8ag {
		display: grid;
		justify-self: end;
		justify-items: center;
		gap: 6px;
	}

	.profile.svelte-1uha8ag {
		display: grid;
		width: 44px;
		height: 44px;
		flex: 0 0 auto;
		justify-self: end;
		place-items: center;
		overflow: hidden;
		border: 1px solid color-mix(in srgb, var(--color-line) 70%, transparent);
		border-radius: 50%;
		background: color-mix(in srgb, var(--color-paper-2) 84%, transparent);
		color: var(--color-charcoal);
		font-size: 1rem;
		font-weight: 900;
		text-decoration: none;
		backdrop-filter: blur(7px);
		box-shadow: var(--shadow-card);
	}

	.profile.svelte-1uha8ag img:where(.svelte-1uha8ag) {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.profile.svelte-1uha8ag img.profile-cat:where(.svelte-1uha8ag) {
		padding: 6px;
		object-fit: contain;
	}

	.cat-pill.svelte-1uha8ag {
		display: inline-flex;
		width: 100%;
		min-width: 0;
		max-width: 100%;
		align-items: center;
		gap: 6px;
		border: 1px solid color-mix(in srgb, var(--color-line) 70%, transparent);
		border-radius: var(--radius-pill);
		background: color-mix(in srgb, var(--color-paper-2) 72%, transparent);
		padding: 7px 10px 7px 9px;
		color: var(--color-ink);
		font-size: 0.9rem;
		font-weight: 800;
		overflow: hidden;
		white-space: nowrap;
		cursor: pointer;
	}

	.cat-pill-name.svelte-1uha8ag {
		min-width: 0;
		max-width: 7rem;
		line-height: 1.1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.cat-pill.svelte-1uha8ag svg {
		flex: none;
		color: var(--color-charcoal);
	}

	.status-bubble.svelte-1uha8ag {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		border: 1px solid color-mix(in srgb, var(--color-line) 66%, transparent);
		border-radius: var(--radius-pill);
		background: color-mix(in srgb, var(--color-paper-2) 82%, transparent);
		padding: 7px 15px;
		color: var(--color-charcoal);
		font-size: 0.84rem;
		font-weight: 800;
		backdrop-filter: blur(7px);
		box-shadow: var(--shadow-card);
	}

	.status-bubble.is-happy.svelte-1uha8ag {
		background: color-mix(in srgb, var(--color-sage-soft) 88%, transparent);
		border-color: color-mix(in srgb, var(--color-success-text) 24%, var(--color-line));
		color: var(--color-success-text);
	}

	.care-action-bubble.svelte-1uha8ag {
		display: flex;
		width: max-content;
		max-width: calc(100vw - 32px);
		min-height: 38px;
		align-items: center;
		gap: 6px;
		border: 1px solid color-mix(in srgb, var(--color-line) 68%, transparent);
		border-radius: var(--radius-pill);
		background: color-mix(in srgb, var(--color-paper-2) 94%, transparent);
		padding: 5px 6px 5px 12px;
		color: var(--color-ink);
		box-shadow: none;
	}

	.care-action-bubble.svelte-1uha8ag strong:where(.svelte-1uha8ag) {
		min-width: 0;
		color: var(--color-ink);
		font-family: var(--font-display);
		font-size: 0.92rem;
		font-weight: 800;
		line-height: 1.05;
		white-space: nowrap;
	}

	.reward-chip.svelte-1uha8ag {
		display: inline-flex;
		flex: none;
		min-height: 22px;
		align-items: center;
		border-radius: var(--radius-pill);
		background: color-mix(in srgb, var(--color-butter) 48%, var(--color-paper-2));
		color: var(--color-warning-text);
		padding: 0 7px;
		font-size: 0.68rem;
		font-weight: 850;
		white-space: nowrap;
	}

	.dock-stack.svelte-1uha8ag {
		display: grid;
		gap: 8px;
		justify-items: stretch;
	}

	.scene-chip.svelte-1uha8ag {
		display: inline-flex;
		min-height: 25px;
		align-items: center;
		gap: 4px;
		border: 1px solid color-mix(in srgb, var(--color-line) 62%, transparent);
		border-radius: var(--radius-pill);
		background: color-mix(in srgb, var(--color-paper-2) 66%, transparent);
		color: var(--color-muted);
		padding: 0 8px;
		font-size: 0.7rem;
		font-weight: 800;
		white-space: nowrap;
		box-shadow: none;
		cursor: pointer;
	}

	.scene-chip.svelte-1uha8ag svg {
		flex: none;
		width: 13px;
		height: 13px;
	}

	.dock-stack.signed-out.svelte-1uha8ag {
		max-width: 100%;
	}

	.guest-cta.svelte-1uha8ag {
		display: grid;
		justify-items: center;
		gap: 12px;
		border: 1px solid color-mix(in srgb, var(--color-line) 68%, transparent);
		border-radius: var(--radius-card);
		background: color-mix(in srgb, var(--color-paper-2) 88%, transparent);
		padding: 18px 16px;
		text-align: center;
		backdrop-filter: blur(9px);
		box-shadow: var(--shadow-float);
	}

	.guest-copy.svelte-1uha8ag {
		display: grid;
		gap: 4px;
	}

	.guest-copy.svelte-1uha8ag strong:where(.svelte-1uha8ag) {
		color: var(--color-ink);
		font-family: var(--font-display);
		font-size: 1.18rem;
		line-height: 1.1;
	}

	.guest-copy.svelte-1uha8ag p:where(.svelte-1uha8ag) {
		margin: 0;
		color: var(--color-muted);
		font-size: 0.88rem;
		font-weight: 650;
		line-height: 1.36;
	}

	.welcome-sub.svelte-1uha8ag {
		margin: 0;
		color: var(--color-charcoal);
		font-size: 0.95rem;
		font-weight: 650;
		line-height: 1.36;
	}

	.scan-cta.svelte-1uha8ag {
		display: inline-flex;
		width: 100%;
		min-height: 34px;
		align-items: center;
		justify-content: center;
		gap: 5px;
		border: 0;
		border-radius: var(--radius-pill);
		background: var(--color-charcoal);
		color: var(--color-paper-2);
		font-size: 0.82rem;
		font-weight: 900;
		text-decoration: none;
		box-shadow: none;
	}

	.scan-chip.svelte-1uha8ag {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 4px;
		min-height: 30px;
		border-radius: var(--radius-pill);
		background: var(--color-charcoal);
		color: var(--color-paper-2);
		padding: 0 12px;
		font-size: 0.78rem;
		font-weight: 900;
		text-decoration: none;
		white-space: nowrap;
	}

	.sheet-backdrop.svelte-1uha8ag {
		position: fixed;
		inset: 0;
		z-index: 60;
		border: 0;
		background: color-mix(in srgb, var(--color-dark-bg) 32%, transparent);
		cursor: pointer;
	}

	.scene-backdrop.svelte-1uha8ag {
		background: transparent;
	}

	.sheet.svelte-1uha8ag {
		position: fixed;
		left: 0;
		right: 0;
		bottom: calc(var(--app-safe-bottom) - 8px);
		z-index: 61;
		width: min(calc(100% - 24px), 406px);
		margin-inline: auto;
		max-height: calc(100dvh - var(--app-safe-bottom) - 32px);
		border: 1px solid var(--color-line);
		border-radius: 24px;
		background: var(--color-paper-2);
		padding: 12px 14px 14px;
		box-shadow: var(--shadow-card);
	}

	.scene-sheet.svelte-1uha8ag {
		bottom: var(--app-safe-bottom);
		width: min(calc(100% - 24px), 406px);
		border: 1px solid var(--color-line);
		border-radius: 22px;
		padding: 10px;
		box-shadow: none;
	}

	.sheet-heading.svelte-1uha8ag {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		margin: 2px 0 10px;
	}

	.sheet-title.svelte-1uha8ag {
		margin: 0;
		color: var(--color-muted);
		font-size: 0.82rem;
		font-weight: 800;
		text-align: center;
	}

	.scene-sheet.svelte-1uha8ag .sheet-heading:where(.svelte-1uha8ag) {
		margin: 0 0 8px;
	}

	.scene-sheet.svelte-1uha8ag .sheet-list:where(.svelte-1uha8ag) {
		max-height: min(52vh, 360px);
	}

	.sheet-list.svelte-1uha8ag {
		display: grid;
		gap: 8px;
		margin: 0;
		padding: 0;
		max-height: 52vh;
		overflow-y: auto;
		list-style: none;
	}

	.scene-list.svelte-1uha8ag {
		gap: 7px;
	}

	.scene-message.svelte-1uha8ag {
		margin: 0 0 10px;
		border-radius: 16px;
		background: var(--color-success-bg);
		color: var(--color-success-text);
		padding: 10px 12px;
		font-size: 0.82rem;
		font-weight: 800;
		text-align: center;
	}

	.scene-message.warn.svelte-1uha8ag {
		background: var(--color-warning-bg);
		color: var(--color-warning-text);
	}

	.scene-row-form.svelte-1uha8ag {
		margin: 0;
	}

	.scene-row-btn.svelte-1uha8ag {
		min-height: 34px;
		border: 1px solid var(--color-line);
		border-radius: var(--radius-pill);
		background: var(--color-paper-3);
		color: var(--color-muted);
		padding: 0 12px;
		font-size: 0.78rem;
		font-weight: 850;
		white-space: nowrap;
	}

	.cancel-btn.svelte-1uha8ag {
		width: 100%;
		min-height: 34px;
		margin-top: 7px;
		border: 1px solid var(--color-line);
		border-radius: var(--radius-pill);
		background: var(--color-paper);
		color: var(--color-muted);
		font-size: 0.82rem;
		font-weight: 850;
		cursor: pointer;
	}

	.scene-row-btn.primary.svelte-1uha8ag {
		border: 0;
		background: var(--color-charcoal);
		color: var(--color-paper-2);
		cursor: pointer;
	}

	.sheet-row.svelte-1uha8ag {
		display: flex;
		width: 100%;
		align-items: center;
		gap: 12px;
		border: 1px solid var(--color-line);
		border-radius: 18px;
		background: var(--color-paper);
		padding: 10px 12px;
		color: var(--color-charcoal);
		font-size: 0.95rem;
		font-weight: 800;
		cursor: pointer;
	}

	.sheet-row.active.svelte-1uha8ag {
		background: var(--color-sage-soft);
		color: var(--color-success-text);
		border-color: color-mix(in srgb, var(--color-success-text) 24%, var(--color-line));
	}

	.add-cat-row.svelte-1uha8ag {
		text-decoration: none;
	}

	.sheet-avatar.svelte-1uha8ag {
		display: grid;
		width: 40px;
		height: 40px;
		flex: none;
		place-items: center;
		overflow: hidden;
		border-radius: 13px;
		background: var(--color-peach-soft);
	}

	.sheet-avatar.svelte-1uha8ag img:where(.svelte-1uha8ag) {
		width: 100%;
		height: 100%;
		object-fit: contain;
		padding: 4px;
	}

	.add-avatar.svelte-1uha8ag {
		background: var(--color-paper-3);
		color: var(--color-muted);
	}

	.sheet-name.svelte-1uha8ag {
		flex: 1;
		text-align: left;
		overflow-wrap: anywhere;
	}

	.sheet-mode.svelte-1uha8ag {
		color: var(--color-muted);
		font-size: 0.78rem;
		font-weight: 800;
	}

	@media (max-width: 360px) {
		.home.svelte-1uha8ag {
			gap: 14px;
		}

		.overlay-head.svelte-1uha8ag {
			grid-template-columns: minmax(0, 7.7rem) minmax(4.1rem, 1fr) max-content;
			gap: 6px;
		}

		.pet-hud.svelte-1uha8ag p:where(.svelte-1uha8ag) {
			max-width: 7.2rem;
		}

		.cat-pill-name.svelte-1uha8ag {
			max-width: 5rem;
		}

		.scan-cta.svelte-1uha8ag {
			font-size: 0.78rem;
		}

		.care-action-bubble.svelte-1uha8ag {
			max-width: calc(100vw - 32px);
			padding: 6px;
		}

		.scene-row-form.svelte-1uha8ag,
		.scene-row-btn.svelte-1uha8ag {
			width: 100%;
		}
	}

	@media (max-height: 740px) {
		.scene-bleed-picker.svelte-1uha8ag .scene-cat {
			top: 58%;
		}

		.care-action-bubble.svelte-1uha8ag {
			gap: 5px;
			min-height: 34px;
			padding-block: 4px;
		}

		.care-action-bubble.svelte-1uha8ag strong:where(.svelte-1uha8ag) {
			font-size: 0.86rem;
		}
	}