.cats-screen.svelte-1n77hwm {
		display: grid;
		gap: 14px;
	}

	.cats-header.svelte-1n77hwm {
		display: flex;
		align-items: center;
		gap: 12px;
		padding-top: 4px;
	}

	.back-button.svelte-1n77hwm {
		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);
	}

	.cats-header.svelte-1n77hwm p:where(.svelte-1n77hwm) {
		margin: 0;
		color: var(--color-muted);
		font-size: 0.84rem;
		font-weight: 800;
	}

	.cats-header.svelte-1n77hwm h1:where(.svelte-1n77hwm) {
		margin: 0;
		color: var(--color-ink);
		font-size: 1.5rem;
	}

	.search.svelte-1n77hwm {
		display: flex;
		align-items: center;
		gap: 10px;
		border: 1px solid var(--color-line);
		border-radius: var(--radius-pill);
		background: var(--color-paper-2);
		padding: 0 16px;
		color: var(--color-muted);
	}

	.search.svelte-1n77hwm input:where(.svelte-1n77hwm) {
		flex: 1;
		border: 0;
		background: transparent;
		color: var(--color-ink);
		padding: 12px 0;
		font: inherit;
		font-size: 0.92rem;
	}

	.search.svelte-1n77hwm input:where(.svelte-1n77hwm):focus {
		outline: none;
	}

	.guest-note.svelte-1n77hwm {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 3px 12px;
		align-items: center;
		border: 1px solid var(--color-line);
		border-radius: 22px;
		background: var(--color-sky-soft);
		padding: 13px 14px;
	}

	.guest-note.svelte-1n77hwm strong:where(.svelte-1n77hwm) {
		color: var(--color-ink);
		font-size: 0.92rem;
	}

	.guest-note.svelte-1n77hwm span:where(.svelte-1n77hwm) {
		color: var(--color-muted);
		font-size: 0.82rem;
		font-weight: 700;
	}

	.guest-note.svelte-1n77hwm a:where(.svelte-1n77hwm) {
		grid-row: 1 / span 2;
		grid-column: 2;
		border-radius: var(--radius-pill);
		background: var(--color-charcoal);
		color: var(--color-paper-2);
		padding: 9px 14px;
		font-size: 0.78rem;
		font-weight: 850;
		text-decoration: none;
	}

	.cat-list.svelte-1n77hwm {
		display: grid;
		gap: 10px;
	}

	.cat-card.svelte-1n77hwm {
		display: grid;
		grid-template-columns: 52px 1fr auto;
		gap: 12px;
		align-items: center;
		border: 1px solid var(--color-line);
		border-radius: 22px;
		background: var(--color-paper-2);
		padding: 11px 13px;
		box-shadow: var(--shadow-card);
	}

	.cat-card.active.svelte-1n77hwm {
		border-color: color-mix(in srgb, var(--color-success-text) 34%, var(--color-line));
		box-shadow:
			var(--shadow-card),
			inset 0 0 0 1.5px color-mix(in srgb, var(--color-success-text) 26%, transparent);
	}

	.cat-thumb.svelte-1n77hwm {
		display: grid;
		width: 52px;
		height: 52px;
		place-items: center;
		border-radius: 16px;
		background: var(--color-peach-soft);
	}

	.cat-thumb.svelte-1n77hwm img:where(.svelte-1n77hwm) {
		width: 42px;
		height: 42px;
		object-fit: contain;
	}

	.cat-info.svelte-1n77hwm {
		min-width: 0;
	}

	.cat-info.svelte-1n77hwm h2:where(.svelte-1n77hwm) {
		margin: 0;
		overflow: hidden;
		color: var(--color-ink);
		font-size: 1rem;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.cat-info.svelte-1n77hwm p:where(.svelte-1n77hwm) {
		display: flex;
		align-items: center;
		gap: 7px;
		margin: 4px 0 0;
		color: var(--color-muted);
		font-size: 0.78rem;
		font-weight: 700;
	}

	.mode-tag.svelte-1n77hwm {
		border-radius: var(--radius-pill);
		padding: 2px 9px;
		font-size: 0.68rem;
		font-weight: 800;
	}

	.mode-tag.owned.svelte-1n77hwm {
		background: var(--color-sky-soft);
		color: var(--color-charcoal);
	}

	.mode-tag.community.svelte-1n77hwm {
		background: var(--color-sage-soft);
		color: var(--color-success-text);
	}

	.cat-actions.svelte-1n77hwm {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.active-badge.svelte-1n77hwm {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		color: var(--color-success-text);
		font-size: 0.76rem;
		font-weight: 850;
	}

	.select-button.svelte-1n77hwm {
		border: 0;
		border-radius: var(--radius-pill);
		background: var(--color-charcoal);
		color: var(--color-paper-2);
		padding: 8px 16px;
		font-size: 0.78rem;
		font-weight: 850;
		cursor: pointer;
	}

	.remove-button.svelte-1n77hwm {
		display: grid;
		width: 30px;
		height: 30px;
		place-items: center;
		border: 1px solid var(--color-line);
		border-radius: 50%;
		background: var(--color-paper);
		color: var(--color-muted);
		cursor: pointer;
	}

	.empty.svelte-1n77hwm {
		margin: 8px 0;
		color: var(--color-muted);
		font-size: 0.86rem;
		font-weight: 600;
		text-align: center;
	}

	.add-bar.svelte-1n77hwm {
		position: sticky;
		bottom: calc(90px + env(safe-area-inset-bottom));
		z-index: 20;
	}

	.add-toggle.svelte-1n77hwm {
		display: inline-flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		gap: 8px;
		min-height: 52px;
		border: 0;
		border-radius: var(--radius-pill);
		background: var(--color-charcoal);
		color: var(--color-paper-2);
		font-size: 0.95rem;
		font-weight: 850;
		cursor: pointer;
		box-shadow: 0 12px 26px color-mix(in srgb, var(--color-charcoal) 20%, transparent);
	}

	.add-toggle.svelte-1n77hwm:disabled {
		opacity: 0.55;
		cursor: not-allowed;
		box-shadow: none;
	}

	.add-form.svelte-1n77hwm {
		display: grid;
		gap: 12px;
		border: 1px solid var(--color-line);
		border-radius: var(--radius-card-lg);
		background: var(--color-paper-2);
		padding: 16px;
		box-shadow: var(--shadow-card);
	}

	.add-form.svelte-1n77hwm h2:where(.svelte-1n77hwm) {
		margin: 0;
		color: var(--color-ink);
		font-size: 1.16rem;
	}

	.mode-switch.svelte-1n77hwm {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}

	.mode-switch.svelte-1n77hwm label:where(.svelte-1n77hwm) {
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--color-line);
		border-radius: 14px;
		background: var(--color-paper);
		padding: 10px;
		font-size: 0.84rem;
		font-weight: 800;
		color: var(--color-muted);
		cursor: pointer;
	}

	.mode-switch.svelte-1n77hwm label.active:where(.svelte-1n77hwm) {
		background: var(--color-sage-soft);
		color: var(--color-success-text);
	}

	.mode-switch.svelte-1n77hwm input:where(.svelte-1n77hwm) {
		position: absolute;
		opacity: 0;
		width: 1px;
		height: 1px;
	}

	.field.svelte-1n77hwm {
		display: grid;
		gap: 6px;
	}

	.field.svelte-1n77hwm span:where(.svelte-1n77hwm) {
		color: var(--color-muted);
		font-size: 0.82rem;
		font-weight: 800;
	}

	.field.svelte-1n77hwm input:where(.svelte-1n77hwm) {
		border: 1px solid var(--color-line);
		border-radius: 14px;
		background: var(--color-paper);
		color: var(--color-ink);
		padding: 11px 13px;
		font: inherit;
	}

	.avatar-grid.svelte-1n77hwm {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 8px;
		border: 0;
		margin: 0;
		padding: 0;
	}

	.avatar-grid.svelte-1n77hwm legend:where(.svelte-1n77hwm) {
		margin-bottom: 6px;
		padding: 0;
		color: var(--color-muted);
		font-size: 0.82rem;
		font-weight: 800;
	}

	.avatar-choice.svelte-1n77hwm {
		display: grid;
		place-items: center;
		border: 1px solid transparent;
		border-radius: 14px;
		background: var(--color-paper);
		padding: 7px;
		cursor: pointer;
	}

	.avatar-choice.active.svelte-1n77hwm {
		background: var(--color-sage-soft);
		border-color: color-mix(in srgb, var(--color-success-text) 20%, transparent);
	}

	.avatar-choice.svelte-1n77hwm input:where(.svelte-1n77hwm) {
		position: absolute;
		opacity: 0;
		width: 1px;
		height: 1px;
	}

	.avatar-choice.svelte-1n77hwm img:where(.svelte-1n77hwm) {
		width: 40px;
		height: 40px;
		object-fit: contain;
	}

	.field-error.svelte-1n77hwm {
		margin: 0;
		color: var(--color-danger-text);
		font-size: 0.82rem;
		font-weight: 700;
	}

	.add-actions.svelte-1n77hwm {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	.cancel.svelte-1n77hwm,
	.submit.svelte-1n77hwm {
		min-height: 48px;
		border: 0;
		border-radius: var(--radius-pill);
		font-size: 0.92rem;
		font-weight: 850;
		cursor: pointer;
	}

	.cancel.svelte-1n77hwm {
		border: 1px solid var(--color-line);
		background: var(--color-paper);
		color: var(--color-charcoal);
	}

	.submit.svelte-1n77hwm {
		background: var(--color-charcoal);
		color: var(--color-paper-2);
	}