.center.svelte-1vviwqr {
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--bg, #faf8f5);
	}

	.loading.svelte-1vviwqr {
		color: var(--muted, #8a8578);
		font-family: 'Iowan Old Style', 'Georgia', ui-serif, serif;
	}

	.signin.svelte-1vviwqr {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.5rem;
	}

	.signin.svelte-1vviwqr h1:where(.svelte-1vviwqr) {
		font-family: 'Iowan Old Style', 'Georgia', ui-serif, serif;
		margin: 0;
	}

	.tagline.svelte-1vviwqr {
		color: var(--muted, #8a8578);
		margin: 0 0 1rem;
		font-family: 'Iowan Old Style', 'Georgia', ui-serif, serif;
	}

	:root {
		--bg: #faf8f5;
		--surface: #ffffff;
		--text: #2b2b2b;
		--muted: #8a8578;
		--accent: #a8763e;
		--border: #e8e2d8;
	}

	body {
		margin: 0;
		background: var(--bg);
		color: var(--text);
		font-family:
			'Iowan Old Style', 'Georgia', ui-serif, serif;
	}

	.app.svelte-12qhfyh {
		max-width: 820px;
		margin: 0 auto;
		min-height: 100vh;
		display: flex;
		flex-direction: column;
	}

	header.svelte-12qhfyh {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
		padding: 1.5rem 1rem 1rem;
		border-bottom: 1px solid var(--border);
	}

	.brand.svelte-12qhfyh {
		font-size: 1.25rem;
		font-weight: 600;
		letter-spacing: 0.02em;
		color: var(--text);
		text-decoration: none;
	}

	.brand.svelte-12qhfyh:hover {
		color: var(--accent);
	}

	nav.svelte-12qhfyh {
		display: flex;
		gap: 1.25rem;
		flex: 1;
	}

	nav.svelte-12qhfyh a:where(.svelte-12qhfyh) {
		color: var(--muted);
		text-decoration: none;
		font-size: 0.95rem;
		padding-bottom: 2px;
		border-bottom: 2px solid transparent;
	}

	nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh) {
		color: var(--text);
		border-bottom-color: var(--accent);
	}

	main.svelte-12qhfyh {
		flex: 1;
		padding: 1.5rem 1rem 3rem;
	}

	@media (min-width: 320px) and (max-width: 750px) {
		header.svelte-12qhfyh {
			flex-wrap: wrap;
		}

		nav.svelte-12qhfyh {
			order: 3;
			flex-basis: 100%;
			gap: 1rem;
			flex-wrap: wrap;
		}
	}