/* Thang tím 4 bậc — bậc 4 sáng hơn hẳn để ngày "cày" nổi bật thành phần thưởng thị giác. */
	.heatmap.svelte-1tg3z6w {
		--hm-0: color-mix(in oklab, var(--muted) 70%, transparent);
		--hm-1: #ddd6fe;
		--hm-2: #a78bfa;
		--hm-3: #7c3aed;
		--hm-4: #5b21b6;
	}
	.dark .heatmap.svelte-1tg3z6w {
		--hm-0: color-mix(in oklab, var(--muted) 45%, transparent);
		--hm-1: #4c1d95;
		--hm-2: #6d28d9;
		--hm-3: #8b5cf6;
		--hm-4: #c4b5fd;
	}
	.cell.svelte-1tg3z6w {
		cursor: pointer;
		transition: opacity 0.12s;
	}
	.cell.svelte-1tg3z6w:hover {
		opacity: 0.75;
	}
	/* Ô hôm nay luôn có viền — kể cả khi chưa học. Đó là chỗ trống đang chờ được tô. */
	.cell.today.svelte-1tg3z6w {
		stroke: var(--primary);
		stroke-width: 1.5;
	}
	.lbl.svelte-1tg3z6w {
		font-size: 9px;
		font-weight: 600;
		fill: var(--muted-foreground);
	}
	.lg-box.svelte-1tg3z6w {
		display: inline-block;
		width: 11px;
		height: 11px;
		border-radius: 3px;
	}