.history-page.svelte-yjfsyc {
		display: grid;
		gap: 16px;
	}

	.history-head.svelte-yjfsyc p:where(.svelte-yjfsyc) {
		margin: 0;
		color: var(--color-muted);
		font-size: 0.82rem;
		font-weight: 800;
	}

	.history-head.svelte-yjfsyc h1:where(.svelte-yjfsyc) {
		margin: 2px 0 0;
		color: var(--color-ink);
		font-size: 1.5rem;
	}

	.auth-blocker.svelte-yjfsyc {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		border: 1px solid var(--color-line);
		border-radius: 22px;
		background: var(--color-sky-soft);
		padding: 14px 16px;
		box-shadow: var(--shadow-card);
	}

	.auth-blocker.svelte-yjfsyc p:where(.svelte-yjfsyc) {
		margin: 0;
		color: var(--color-ink);
		font-size: 0.92rem;
		font-weight: 700;
	}

	.auth-btn.svelte-yjfsyc {
		flex: none;
		border-radius: var(--radius-pill);
		background: var(--color-charcoal);
		color: var(--color-paper-2);
		padding: 10px 18px;
		font-size: 0.82rem;
		font-weight: 850;
		text-decoration: none;
	}

	.empty-state.svelte-yjfsyc {
		display: grid;
		justify-items: center;
		gap: 8px;
		border: 1px solid var(--color-line);
		border-radius: var(--radius-card);
		background: var(--color-paper-2);
		padding: 32px 24px;
		text-align: center;
		box-shadow: var(--shadow-card);
	}

	.empty-icon.svelte-yjfsyc {
		display: grid;
		width: 48px;
		height: 48px;
		place-items: center;
		border-radius: 16px;
		background: var(--color-butter);
		color: var(--color-charcoal);
	}

	.empty-state.svelte-yjfsyc h2:where(.svelte-yjfsyc) {
		margin: 4px 0 0;
		color: var(--color-ink);
		font-size: 1.1rem;
		font-weight: 800;
	}

	.empty-state.svelte-yjfsyc p:where(.svelte-yjfsyc) {
		margin: 0;
		max-width: 32ch;
		color: var(--color-muted);
		font-size: 0.86rem;
		font-weight: 600;
		line-height: 1.4;
	}

	.empty-link.svelte-yjfsyc {
		margin-top: 6px;
		border-radius: var(--radius-pill);
		background: var(--color-charcoal);
		color: var(--color-paper-2);
		padding: 10px 18px;
		font-size: 0.82rem;
		font-weight: 850;
		text-decoration: none;
	}

	.coupon-list.svelte-yjfsyc {
		display: grid;
		gap: 12px;
	}

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

	.coupon-card.used.svelte-yjfsyc {
		background: var(--color-paper-3);
	}

	.coupon-main.svelte-yjfsyc {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 12px;
	}

	.coupon-info.svelte-yjfsyc {
		display: grid;
		gap: 3px;
		min-width: 0;
	}

	.coupon-info.svelte-yjfsyc h2:where(.svelte-yjfsyc) {
		margin: 0;
		color: var(--color-ink);
		font-size: 1rem;
		font-weight: 800;
	}

	.coupon-card.used.svelte-yjfsyc .coupon-info:where(.svelte-yjfsyc) h2:where(.svelte-yjfsyc) {
		color: var(--color-muted);
	}

	.coupon-code.svelte-yjfsyc {
		color: var(--color-charcoal);
		font-size: 0.82rem;
		font-weight: 850;
		letter-spacing: 0.04em;
	}

	.coupon-partner.svelte-yjfsyc {
		color: var(--color-muted);
		font-size: 0.74rem;
		font-weight: 700;
	}

	.status-pill.svelte-yjfsyc {
		flex: none;
		border-radius: var(--radius-pill);
		padding: 5px 12px;
		font-size: 0.72rem;
		font-weight: 850;
		white-space: nowrap;
	}

	.status-pill.active.svelte-yjfsyc {
		background: var(--color-success-bg);
		color: var(--color-success-text);
	}

	.status-pill.used.svelte-yjfsyc {
		background: var(--color-paper-3);
		color: var(--color-muted);
		border: 1px solid var(--color-line);
	}

	.use-btn.svelte-yjfsyc {
		border: 0;
		border-radius: var(--radius-pill);
		background: var(--color-charcoal);
		color: var(--color-paper-2);
		padding: 10px 16px;
		font-size: 0.82rem;
		font-weight: 850;
		cursor: pointer;
		transition: transform 140ms ease;
	}

	.use-btn.svelte-yjfsyc:active {
		transform: scale(0.98);
	}

	.picker.svelte-yjfsyc {
		display: grid;
		gap: 8px;
		border-top: 1px solid var(--color-line);
		padding-top: 12px;
	}

	.picker-label.svelte-yjfsyc {
		color: var(--color-muted);
		font-size: 0.76rem;
		font-weight: 800;
	}

	.picker-select.svelte-yjfsyc {
		border: 1px solid var(--color-line);
		border-radius: 14px;
		background: var(--color-paper);
		color: var(--color-ink);
		padding: 10px 12px;
		font-family: inherit;
		font-size: 0.86rem;
		font-weight: 700;
	}

	.picker-empty.svelte-yjfsyc {
		margin: 0;
		color: var(--color-muted);
		font-size: 0.8rem;
		font-weight: 700;
	}

	.picker-error.svelte-yjfsyc {
		margin: 0;
		border-radius: 14px;
		background: var(--color-warning-bg);
		color: var(--color-warning-text);
		padding: 8px 12px;
		font-size: 0.78rem;
		font-weight: 700;
	}

	.picker-actions.svelte-yjfsyc {
		display: flex;
		gap: 8px;
	}

	.ghost-btn.svelte-yjfsyc {
		flex: 1;
		border: 1px solid var(--color-line);
		border-radius: var(--radius-pill);
		background: var(--color-paper-2);
		color: var(--color-muted);
		padding: 10px 16px;
		font-size: 0.82rem;
		font-weight: 850;
		cursor: pointer;
	}

	.primary-btn.svelte-yjfsyc {
		flex: 1;
		border: 0;
		border-radius: var(--radius-pill);
		background: var(--color-charcoal);
		color: var(--color-paper-2);
		padding: 10px 16px;
		font-size: 0.82rem;
		font-weight: 850;
		cursor: pointer;
		transition: transform 140ms ease;
	}

	.primary-btn.svelte-yjfsyc:active {
		transform: scale(0.98);
	}

	.primary-btn.svelte-yjfsyc:disabled,
	.ghost-btn.svelte-yjfsyc:disabled {
		opacity: 0.6;
		cursor: not-allowed;
	}

	@media (prefers-reduced-motion: reduce) {
		.use-btn.svelte-yjfsyc,
		.primary-btn.svelte-yjfsyc {
			transition: none;
		}
	}