.theme-toggle.svelte-1cmi4dh {
		position: relative;
		display: inline-grid;
		min-width: 124px;
	}

	.theme-toggle.svelte-1cmi4dh::after {
		position: absolute;
		top: 50%;
		right: 14px;
		width: 8px;
		height: 8px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		color: var(--color-muted);
		content: '';
		pointer-events: none;
		transform: translateY(-70%) rotate(45deg);
	}

	select.svelte-1cmi4dh {
		appearance: none;
		width: 100%;
		min-height: 42px;
		border: 1px solid transparent;
		border-radius: var(--radius-pill);
		background: var(--color-paper-2);
		color: var(--color-ink);
		padding: 0 34px 0 14px;
		font-family: var(--font-sans);
		font-size: 0.86rem;
		font-weight: 800;
		cursor: pointer;
		border-color: var(--color-line);
		box-shadow: var(--shadow-card);
	}

	select.svelte-1cmi4dh:focus-visible {
		outline: 2px solid color-mix(in srgb, var(--color-charcoal) 34%, transparent);
		outline-offset: 2px;
	}

	.compact.svelte-1cmi4dh {
		min-width: 104px;
	}

	.compact.svelte-1cmi4dh select:where(.svelte-1cmi4dh) {
		min-height: 38px;
		padding-left: 12px;
		font-size: 0.8rem;
	}

	.sr-only.svelte-1cmi4dh {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
	}

	.profile-screen.svelte-maq4gq {
		display: grid;
		gap: 14px;
	}

	.profile-header.svelte-maq4gq {
		display: flex;
		align-items: center;
		gap: 12px;
		padding-top: 4px;
	}

	.back-button.svelte-maq4gq {
		display: grid;
		width: 46px;
		height: 46px;
		flex: 0 0 auto;
		place-items: center;
		border: 1px solid var(--color-line);
		border-radius: 50%;
		background: var(--color-paper-2);
		color: var(--color-charcoal);
		box-shadow: var(--shadow-card);
	}

	.profile-header.svelte-maq4gq h1:where(.svelte-maq4gq) {
		margin: 0;
		flex: 1 1 auto;
		color: var(--color-ink);
		font-size: 1.5rem;
	}

	.header-actions.svelte-maq4gq {
		display: flex;
		flex: 0 0 auto;
		align-items: center;
		gap: 8px;
	}

	.logo-button.svelte-maq4gq {
		display: grid;
		width: 38px;
		height: 38px;
		flex: 0 0 auto;
		place-items: center;
		overflow: hidden;
		border: 1px solid var(--color-line);
		border-radius: 14px;
		background: var(--color-paper-2);
		padding: 0;
		cursor: pointer;
	}

	.logo-button.svelte-maq4gq img:where(.svelte-maq4gq) {
		display: block;
		width: 24px;
		height: 24px;
		object-fit: contain;
	}

	@media (max-width: 420px) {
		.profile-header.svelte-maq4gq {
			gap: 8px;
		}

		.profile-header.svelte-maq4gq h1:where(.svelte-maq4gq) {
			font-size: 1.28rem;
		}
	}

	.summary-card.svelte-maq4gq,
	.cat-card.svelte-maq4gq,
	.menu-row.svelte-maq4gq {
		display: grid;
		align-items: center;
		border: 1px solid var(--color-line);
		background: var(--color-paper-2);
		color: var(--color-charcoal);
		text-decoration: none;
	}

	.summary-card.svelte-maq4gq {
		grid-template-columns: 64px 1fr auto;
		gap: 14px;
		border-radius: 28px;
		padding: 16px;
		box-shadow: var(--shadow-card);
	}

	.summary-avatar.svelte-maq4gq {
		display: grid;
		width: 64px;
		height: 64px;
		overflow: hidden;
		place-items: center;
		border-radius: 22px;
		background: var(--color-peach-soft);
		color: var(--color-charcoal);
	}

	.summary-avatar.svelte-maq4gq img:where(.svelte-maq4gq) {
		width: 100%;
		height: 100%;
		object-fit: contain;
		padding: 7px;
	}

	.summary-avatar.svelte-maq4gq img.photo:where(.svelte-maq4gq) {
		padding: 0;
		object-fit: cover;
	}

	.summary-avatar.svelte-maq4gq .letter:where(.svelte-maq4gq) {
		font-size: 1.5rem;
		font-weight: 900;
	}

	.summary-copy.svelte-maq4gq {
		min-width: 0;
	}

	.summary-copy.svelte-maq4gq strong:where(.svelte-maq4gq) {
		display: block;
		overflow: hidden;
		color: var(--color-ink);
		font-size: 1.12rem;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.summary-copy.svelte-maq4gq small:where(.svelte-maq4gq) {
		display: block;
		overflow: hidden;
		margin-top: 3px;
		color: var(--color-muted);
		font-size: 0.82rem;
		font-weight: 650;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.signin-link.svelte-maq4gq {
		border-radius: var(--radius-pill);
		background: var(--color-charcoal);
		color: var(--color-paper-2);
		padding: 10px 14px;
		font-size: 0.78rem;
		font-weight: 900;
		text-decoration: none;
		white-space: nowrap;
	}

	.cat-card.svelte-maq4gq {
		grid-template-columns: 72px 1fr auto;
		gap: 14px;
		border-radius: 28px;
		padding: 16px;
		box-shadow: var(--shadow-card);
	}

	.cat-art.svelte-maq4gq {
		display: grid;
		width: 72px;
		height: 72px;
		place-items: center;
		border: 1px solid var(--color-line);
		border-radius: 24px;
		background:
			radial-gradient(
				circle at 36% 24%,
				color-mix(in srgb, var(--color-peach-soft) 44%, transparent),
				transparent 42%
			),
			var(--color-paper);
		color: var(--color-charcoal);
		overflow: hidden;
	}

	.cat-art.svelte-maq4gq img:where(.svelte-maq4gq) {
		width: 100%;
		height: 100%;
		object-fit: contain;
		padding: 8px;
	}

	.cat-copy.svelte-maq4gq {
		min-width: 0;
	}

	.cat-copy.svelte-maq4gq small:where(.svelte-maq4gq) {
		display: block;
		color: var(--color-muted);
		font-size: 0.78rem;
		font-weight: 800;
	}

	.cat-copy.svelte-maq4gq strong:where(.svelte-maq4gq) {
		display: block;
		overflow: hidden;
		margin: 3px 0;
		color: var(--color-ink);
		font-size: 1.12rem;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.progress-text.svelte-maq4gq {
		display: block;
		margin-top: 4px;
		color: var(--color-muted);
		font-size: 0.82rem;
		font-weight: 700;
	}

	.section-label.svelte-maq4gq {
		margin: 6px 0 -4px 4px;
		color: var(--color-muted);
		font-size: 0.82rem;
		font-weight: 800;
		text-transform: uppercase;
		letter-spacing: 0.06em;
	}

	.manage.svelte-maq4gq {
		display: grid;
		border: 1px solid var(--color-line);
		border-radius: 24px;
		background: var(--color-paper-2);
		overflow: hidden;
		box-shadow: var(--shadow-card);
	}

	.menu-row.svelte-maq4gq {
		grid-template-columns: 46px 1fr auto;
		gap: 12px;
		border-radius: 0;
		padding: 13px 16px;
	}

	.menu-row.svelte-maq4gq + .menu-row:where(.svelte-maq4gq) {
		border-top: 1px solid var(--color-line);
	}

	.menu-icon.svelte-maq4gq {
		display: grid;
		width: 46px;
		height: 46px;
		place-items: center;
		border-radius: 16px;
		background: var(--color-paper-3);
		color: var(--color-charcoal);
	}

	.menu-copy.svelte-maq4gq {
		min-width: 0;
	}

	.menu-copy.svelte-maq4gq strong:where(.svelte-maq4gq) {
		display: block;
		margin-bottom: 2px;
		color: var(--color-ink);
		font-size: 0.92rem;
	}

	.menu-copy.svelte-maq4gq small:where(.svelte-maq4gq) {
		display: block;
		overflow: hidden;
		color: var(--color-muted);
		font-size: 0.76rem;
		font-weight: 650;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.toast.svelte-maq4gq {
		position: fixed;
		left: 50%;
		bottom: calc(96px + env(safe-area-inset-bottom));
		z-index: 60;
		max-width: min(88vw, 340px);
		transform: translateX(-50%);
		border: 1px solid var(--color-line);
		border-radius: var(--radius-pill);
		background: var(--color-charcoal);
		color: var(--color-paper-2);
		padding: 10px 18px;
		font-size: 0.82rem;
		font-weight: 800;
		text-align: center;
		box-shadow: var(--shadow-card);
	}

	@media (max-width: 390px) {
		.summary-card.svelte-maq4gq {
			grid-template-columns: 56px 1fr auto;
		}

		.summary-avatar.svelte-maq4gq {
			width: 56px;
			height: 56px;
		}
	}