
	.search.svelte-1xl2tfr {
		width: 100%;
		box-sizing: border-box;
		border: 1px solid var(--border);
		border-radius: 8px;
		background: var(--surface);
		color: var(--text);
		font-family: inherit;
		font-size: 0.95rem;
		padding: 0.6rem 0.8rem;
		margin-bottom: 0.75rem;
	}

	.search.svelte-1xl2tfr:focus {
		outline: none;
		border-color: var(--accent);
	}

	.backup-row.svelte-1xl2tfr {
		display: flex;
		gap: 0.5rem;
		margin-bottom: 0.5rem;
	}

	.backup-btn.svelte-1xl2tfr {
		border: 1px solid var(--border);
		border-radius: 8px;
		background: var(--surface);
		color: var(--muted);
		font-family: inherit;
		font-size: 0.8rem;
		padding: 0.4rem 0.7rem;
		cursor: pointer;
	}

	.backup-btn.svelte-1xl2tfr:hover {
		background: var(--border);
		color: var(--text);
	}

	.backup-message.svelte-1xl2tfr {
		font-size: 0.8rem;
		color: var(--muted);
		margin: 0 0 1rem;
	}

	.docx-wrap.svelte-1xl2tfr {
		position: relative;
	}

	.docx-panel.svelte-1xl2tfr {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 10;
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
		margin-top: 0.4rem;
		padding: 0.75rem;
		min-width: 12rem;
		border: 1px solid var(--border);
		border-radius: 8px;
		background: var(--surface);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	}

	.docx-mode-tabs.svelte-1xl2tfr {
		display: flex;
		gap: 0.3rem;
	}

	.docx-mode-tabs.svelte-1xl2tfr button:where(.svelte-1xl2tfr) {
		flex: 1;
		border: 1px solid var(--border);
		border-radius: 6px;
		background: none;
		color: var(--muted);
		font-family: inherit;
		font-size: 0.8rem;
		padding: 0.3rem 0;
		cursor: pointer;
	}

	.docx-mode-tabs.svelte-1xl2tfr button.active:where(.svelte-1xl2tfr) {
		border-color: var(--accent);
		color: var(--accent);
		font-weight: 600;
	}

	.docx-panel.svelte-1xl2tfr input:where(.svelte-1xl2tfr) {
		box-sizing: border-box;
		width: 100%;
		border: 1px solid var(--border);
		border-radius: 6px;
		background: var(--bg);
		color: var(--text);
		font-family: inherit;
		font-size: 0.85rem;
		padding: 0.4rem 0.5rem;
	}

	.docx-year-input.svelte-1xl2tfr {
		font-variant-numeric: tabular-nums;
	}

	.docx-error.svelte-1xl2tfr {
		margin: 0;
		font-size: 0.8rem;
		color: #b5482f;
	}

	.docx-download-btn.svelte-1xl2tfr {
		border: 1px solid var(--accent);
		border-radius: 6px;
		background: var(--accent);
		color: #fff;
		font-family: inherit;
		font-size: 0.85rem;
		padding: 0.45rem 0.7rem;
		cursor: pointer;
	}

	.docx-download-btn.svelte-1xl2tfr:hover {
		opacity: 0.9;
	}

	.docx-download-btn.svelte-1xl2tfr:disabled {
		opacity: 0.6;
		cursor: default;
	}

	.backup-message.error.svelte-1xl2tfr {
		color: #b5482f;
	}

	.empty.svelte-1xl2tfr {
		color: var(--muted);
	}

	section.svelte-1xl2tfr {
		margin-bottom: 1.75rem;
	}

	h2.svelte-1xl2tfr {
		font-size: 0.85rem;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		color: var(--muted);
		font-weight: 500;
		margin: 0 0 0.5rem;
	}

	ul.svelte-1xl2tfr {
		list-style: none;
		margin: 0;
		padding: 0;
		border-top: 1px solid var(--border);
	}

	li.svelte-1xl2tfr a:where(.svelte-1xl2tfr) {
		display: flex;
		gap: 0.85rem;
		align-items: baseline;
		padding: 0.75rem 0;
		border-bottom: 1px solid var(--border);
		text-decoration: none;
		color: var(--text);
	}

	.day.svelte-1xl2tfr {
		flex: none;
		width: 1.75rem;
		color: var(--accent);
		font-weight: 600;
	}

	.text.svelte-1xl2tfr {
		color: var(--muted);
		font-size: 0.95rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.results.svelte-1xl2tfr li:where(.svelte-1xl2tfr) a:where(.svelte-1xl2tfr) {
		flex-direction: column;
		align-items: stretch;
		gap: 0.2rem;
	}

	.results.svelte-1xl2tfr .date:where(.svelte-1xl2tfr) {
		font-size: 0.85rem;
		color: var(--accent);
		font-weight: 600;
	}

	.results.svelte-1xl2tfr .text:where(.svelte-1xl2tfr) {
		white-space: normal;
	}

	.results.svelte-1xl2tfr .text:where(.svelte-1xl2tfr) mark {
		background: color-mix(in srgb, var(--accent) 30%, transparent);
		color: var(--text);
		border-radius: 2px;
		padding: 0 1px;
	}
