@nomideusz/svelte-calendar 0.8.0 → 0.10.0

package/widget/svelte-calendar.css

@@ -1,3054 +0,0 @@
-
-	/* ─── Container ──────────────────────────────────── */
-	.fs.svelte-mrwdy7 {
-		position: relative;
-		overflow: hidden;
-		user-select: none;
-		font-variant-numeric: tabular-nums;
-		/* The track is px-sized from the container width; never let it feed
-		   back into our own intrinsic size (host flex/grid min-width:auto
-		   would otherwise loop container → hourWidth → track → container). */
-		contain: inline-size;
-	}
-	.fs--auto.svelte-mrwdy7 { overflow: visible; }
-
-	/* ─── Horizontal scroll ──────────────────────────── */
-	.fs-scroll.svelte-mrwdy7 {
-		width: 100%;
-		height: 100%;
-		overflow-x: auto;
-		overflow-y: hidden;
-		touch-action: pan-x;
-		cursor: default;
-		scrollbar-width: thin;
-		scrollbar-color: var(--dt-scrollbar, rgba(0, 0, 0, 0.1)) transparent;
-	}
-	/* Auto height grows vertically, but horizontal containment must stay —
-	   overflow: visible here painted the whole track outside the calendar. */
-	.fs--auto.svelte-mrwdy7 .fs-scroll:where(.svelte-mrwdy7) { height: auto; overflow-x: auto; overflow-y: hidden; }
-	.fs-scroll.svelte-mrwdy7::-webkit-scrollbar { height: 5px; }
-	.fs-scroll.svelte-mrwdy7::-webkit-scrollbar-thumb {
-		background: var(--dt-scrollbar, rgba(0, 0, 0, 0.1));
-		border-radius: 4px;
-	}
-	.fs-scroll.svelte-mrwdy7::-webkit-scrollbar-track { background: transparent; }
-	.fs-readonly.svelte-mrwdy7 { cursor: grab; }
-	.fs-grabbing.svelte-mrwdy7 { cursor: grabbing; }
-
-	.fs-track.svelte-mrwdy7 {
-		position: relative;
-		height: 100%;
-	}
-
-	/* ─── Day block ──────────────────────────────────── */
-	.fs-day.svelte-mrwdy7 {
-		position: absolute;
-		top: 0;
-		height: 100%;
-		border-left: 1px solid var(--dt-border-day, rgba(0, 0, 0, 0.14));
-		box-sizing: border-box;
-	}
-	.fs-day.svelte-mrwdy7:first-of-type { border-left: none; }
-	.fs-today.svelte-mrwdy7 { background: var(--dt-today-bg, rgba(37, 99, 235, 0.04)); }
-	.fs-past.svelte-mrwdy7 { opacity: 0.7; }
-
-	/* ─── Disabled day ───────────────────────────────── */
-	.fs-disabled.svelte-mrwdy7 {
-		opacity: 0.35;
-		background: repeating-linear-gradient(
-			45deg,
-			transparent,
-			transparent 6px,
-			var(--dt-border, rgba(0, 0, 0, 0.08)) 6px,
-			var(--dt-border, rgba(0, 0, 0, 0.08)) 7px
-		) !important;
-	}
-
-	/* ─── Blocked slot overlay ───────────────────────── */
-	.fs-blocked.svelte-mrwdy7 {
-		position: absolute;
-		top: 18px;
-		bottom: 0;
-		z-index: 3;
-		background: repeating-linear-gradient(
-			-45deg,
-			color-mix(in srgb, var(--dt-text, rgba(0, 0, 0, 0.87)) 4%, transparent),
-			color-mix(in srgb, var(--dt-text, rgba(0, 0, 0, 0.87)) 4%, transparent) 4px,
-			transparent 4px,
-			transparent 8px
-		);
-		border-radius: 4px;
-		pointer-events: none;
-		display: flex;
-		align-items: flex-end;
-		justify-content: center;
-		padding-bottom: 6px;
-	}
-
-	.fs-blocked-label.svelte-mrwdy7 {
-		font: 500 9px/1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		text-transform: uppercase;
-		letter-spacing: 0.04em;
-		white-space: nowrap;
-	}
-
-	/* ─── Custom day header ──────────────────────────── */
-	.fs-day-header-custom.svelte-mrwdy7 {
-		position: absolute;
-		top: 16px;
-		left: 50%;
-		transform: translateX(-50%);
-		z-index: 4;
-		pointer-events: auto;
-		white-space: nowrap;
-	}
-
-	/* ─── Hour ticks ─────────────────────────────────── */
-	.fs-tick.svelte-mrwdy7 {
-		position: absolute;
-		top: 0;
-		bottom: 0;
-		width: 0;
-	}
-	.fs-tick.svelte-mrwdy7::before {
-		content: '';
-		position: absolute;
-		top: 18px;
-		bottom: 0;
-		width: 1px;
-		background: var(--dt-border, rgba(0, 0, 0, 0.08));
-	}
-	.fs-tick-lb.svelte-mrwdy7 {
-		position: absolute;
-		top: 2px;
-		left: 5px;
-		font: 500 10px/1 var(--dt-mono, ui-monospace, monospace);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		white-space: nowrap;
-		pointer-events: none;
-	}
-	.fs-tick--half.svelte-mrwdy7 { bottom: auto; height: calc(18px + 8px); }
-	.fs-tick--half.svelte-mrwdy7::before {
-		top: 18px;
-		height: 6px;
-		bottom: auto;
-		opacity: 0.4;
-	}
-
-	/* ─── Now-line ────────────────────────────────────── */
-	.fs-now.svelte-mrwdy7 {
-		position: absolute;
-		top: 0;
-		bottom: 0;
-		z-index: 10;
-		pointer-events: none;
-		transform: translateX(-1px);
-	}
-	.fs-now-line.svelte-mrwdy7 {
-		position: absolute;
-		top: 0;
-		bottom: 0;
-		left: 0;
-		width: 2px;
-		background: var(--dt-accent, #2563eb);
-		box-shadow: 0 0 8px var(--dt-glow, rgba(37, 99, 235, 0.25));
-	}
-	.fs-now-tag.svelte-mrwdy7 {
-		position: absolute;
-		top: 8px;
-		left: 8px;
-		font: 700 11px/1 var(--dt-mono, ui-monospace, monospace);
-		color: var(--dt-accent, #2563eb);
-		background: color-mix(in srgb, var(--dt-bg, #ffffff) 92%, var(--dt-accent, #2563eb));
-		border: 1px solid var(--dt-accent-dim, rgba(37, 99, 235, 0.12));
-		padding: 3px 6px;
-		border-radius: 4px;
-		white-space: nowrap;
-		z-index: 1;
-	}
-	.fs-now-sec.svelte-mrwdy7 {
-		font-weight: 400;
-		opacity: 0.5;
-		font-size: 10px;
-	}
-
-	/* ─── All-day strip ─────────────────────────────── */
-	.fs-allday.svelte-mrwdy7 {
-		position: absolute;
-		left: 0;
-		right: 0;
-		display: flex;
-		gap: 6px;
-		padding: 0 8px;
-		z-index: 7;
-		overflow-x: auto;
-		scrollbar-width: none;
-		pointer-events: auto;
-	}
-	.fs-allday.svelte-mrwdy7::-webkit-scrollbar { display: none; }
-
-	.fs-ad.svelte-mrwdy7 {
-		display: flex;
-		align-items: center;
-		gap: 4px;
-		padding: 2px 8px;
-		border-radius: 4px;
-		background: color-mix(in srgb, var(--ev-color) 18%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		border-left: 3px solid var(--ev-color);
-		white-space: nowrap;
-		flex-shrink: 0;
-		cursor: pointer;
-		transition: background 0.15s;
-	}
-	.fs-ad.svelte-mrwdy7:hover {
-		background: color-mix(in srgb, var(--ev-color) 28%, var(--dt-surface, var(--dt-bg, #ffffff)));
-	}
-	.fs-ad.svelte-mrwdy7:focus-visible {
-		outline: 2px solid color-mix(in srgb, var(--dt-accent, #2563eb) 55%, transparent);
-		outline-offset: 2px;
-	}
-	.fs-ad--selected.svelte-mrwdy7 {
-		background: color-mix(in srgb, var(--ev-color) 30%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		border-left-width: 4px;
-	}
-
-	.fs-ad-dot.svelte-mrwdy7 {
-		width: 6px;
-		height: 6px;
-		border-radius: 50%;
-		background: var(--ev-color);
-		flex-shrink: 0;
-	}
-
-	.fs-ad-title.svelte-mrwdy7 {
-		font-size: 0.7rem;
-		font-weight: 500;
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		max-width: 120px;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.fs-ad-span.svelte-mrwdy7 {
-		font-size: 0.6rem;
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		flex-shrink: 0;
-	}
-
-	/* ─── Events ─────────────────────────────────────── */
-	.fs-event.svelte-mrwdy7 {
-		position: absolute;
-		z-index: 6;
-		border-radius: 6px;
-		cursor: pointer;
-		background: color-mix(in srgb, var(--ev-color) 22%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		border: 1px solid color-mix(in srgb, var(--ev-color) 40%, transparent);
-		/* Solid stripe at the start edge — matches the week view, keeps the
-		   pure tour color visible while the body stays a readable tint. */
-		border-left: 3px solid var(--ev-color);
-		overflow: hidden;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		/* top/height only: lane reflow animates on drop; left/width stay instant so
-		   mount-time width measurement and infinite-scroll rebases don't slide cards */
-		transition: box-shadow 120ms, background 120ms,
-			top 180ms cubic-bezier(0.2, 0.8, 0.2, 1), height 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
-	}
-	.fs-event.svelte-mrwdy7:hover {
-		background: color-mix(in srgb, var(--ev-color) 32%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		box-shadow: 0 2px 12px color-mix(in srgb, var(--ev-color) 25%, transparent);
-	}
-	.fs-event--selected.svelte-mrwdy7 {
-		box-shadow: 0 0 0 2px var(--ev-color), 0 2px 14px color-mix(in srgb, var(--ev-color) 35%, transparent);
-	}
-	.fs-event--current.svelte-mrwdy7 {
-		background: color-mix(in srgb, var(--ev-color) 22%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ev-color) 20%, transparent);
-	}
-	.fs-event--next.svelte-mrwdy7 {
-		border-color: color-mix(in srgb, var(--ev-color) 75%, transparent);
-	}
-	.fs-event--dragging.svelte-mrwdy7 {
-		opacity: 0.85;
-		z-index: 50;
-		box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
-		cursor: grabbing;
-		/* fast ease toward the snapped cursor position */
-		transition: left 80ms ease-out, width 80ms ease-out;
-	}
-	.fs-event--resizing.svelte-mrwdy7 {
-		cursor: ew-resize;
-	}
-
-	/* ─── Resize handles ─────────────────────────────── */
-	.fs-ev-handle.svelte-mrwdy7 {
-		position: absolute;
-		top: 0;
-		bottom: 0;
-		width: 6px;
-		z-index: 2;
-		cursor: ew-resize;
-		touch-action: none;
-	}
-	.fs-ev-handle--start.svelte-mrwdy7 { left: 0; }
-	.fs-ev-handle--end.svelte-mrwdy7 { right: 0; }
-	.fs-ev-handle.svelte-mrwdy7::after {
-		content: '';
-		position: absolute;
-		top: 20%;
-		bottom: 20%;
-		left: 2px;
-		width: 2px;
-		border-radius: 2px;
-		background: var(--ev-color);
-		opacity: 0;
-		transition: opacity 120ms;
-	}
-	.fs-event.svelte-mrwdy7:hover .fs-ev-handle:where(.svelte-mrwdy7)::after { opacity: 0.55; }
-
-	/* ─── Drag-to-create ghost ───────────────────────── */
-	.fs-create-ghost.svelte-mrwdy7 {
-		position: absolute;
-		z-index: 40;
-		border-radius: 6px;
-		background: color-mix(in srgb, var(--dt-accent, #2563eb) 14%, transparent);
-		border: 1px dashed color-mix(in srgb, var(--dt-accent, #2563eb) 60%, transparent);
-		display: flex;
-		align-items: flex-start;
-		justify-content: center;
-		overflow: hidden;
-		pointer-events: none;
-	}
-	.fs-create-ghost-time.svelte-mrwdy7 {
-		font: 600 10px/1 var(--dt-mono, ui-monospace, monospace);
-		color: var(--dt-accent, #2563eb);
-		padding: 6px 4px;
-		white-space: nowrap;
-	}
-
-	@media (prefers-reduced-motion: reduce) {
-		.fs-event.svelte-mrwdy7,
-		.fs-event--dragging.svelte-mrwdy7 {
-			transition: box-shadow 120ms, background 120ms;
-		}
-	}
-	.fs-event--cancelled.svelte-mrwdy7 {
-		opacity: 0.5;
-	}
-	.fs-event--cancelled.svelte-mrwdy7 .fs-ev-title:where(.svelte-mrwdy7) {
-		text-decoration: line-through;
-	}
-	.fs-event--tentative.svelte-mrwdy7 {
-		opacity: 0.65;
-		border: 1px dashed color-mix(in srgb, var(--ev-color) 40%, transparent);
-	}
-	.fs-event--full.svelte-mrwdy7 {
-		opacity: 0.55;
-	}
-	.fs-event--limited.svelte-mrwdy7 {
-		opacity: 0.65;
-		border: 1px dashed color-mix(in srgb, var(--ev-color) 40%, transparent);
-	}
-	.fs-event--readonly.svelte-mrwdy7 {
-		cursor: default;
-	}
-
-	/* Event inner — vertical text along lane height (day filmstrip) */
-	.fs-ev-inner.svelte-mrwdy7 {
-		writing-mode: vertical-rl;
-		text-orientation: mixed;
-		transform: rotate(180deg);
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		gap: 6px;
-		height: 100%;
-		max-width: 100%;
-		overflow: hidden;
-		box-sizing: border-box;
-		padding: 8px 4px;
-	}
-	.fs-ev-live.svelte-mrwdy7 {
-		flex-shrink: 0;
-		width: 7px;
-		height: 7px;
-		border-radius: 50%;
-		background: var(--ev-color);
-	}
-	.fs-ev-next-badge.svelte-mrwdy7 {
-		flex-shrink: 0;
-		font: 600 8px/1 var(--dt-sans, system-ui, sans-serif);
-		text-transform: uppercase;
-		letter-spacing: 0.06em;
-		color: var(--ev-color, var(--dt-accent));
-		background: color-mix(in srgb, var(--ev-color, var(--dt-accent)) 15%, transparent);
-		padding: 2px 5px;
-		border-radius: 3px;
-		white-space: nowrap;
-	}
-	.fs-ev-title.svelte-mrwdy7 {
-		font: 600 13px/1.15 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		overflow: hidden;
-		text-overflow: ellipsis;
-		/* In vertical writing mode line boxes stack as columns — allow a
-		   second column before truncating so overlapping (short) cards keep
-		   readable names. Full name is in the title tooltip. */
-		display: -webkit-box;
-		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 2;
-		white-space: normal;
-		max-height: 100%;
-		flex-shrink: 0;
-	}
-	.fs-ev-time.svelte-mrwdy7 {
-		font: 400 10px/1 var(--dt-mono, ui-monospace, monospace);
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		opacity: 0.7;
-		white-space: nowrap;
-		flex-shrink: 0;
-	}
-	.fs-ev-sub.svelte-mrwdy7 {
-		font: 400 11px/1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		opacity: 0.6;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		max-height: 100%;
-		flex-shrink: 0;
-	}
-	.fs-ev-loc.svelte-mrwdy7 {
-		font: 400 10px/1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		max-height: 100%;
-		flex-shrink: 0;
-	}
-	.fs-ev-tags.svelte-mrwdy7 {
-		display: flex;
-		flex-direction: row;
-		gap: 4px;
-		flex-shrink: 0;
-	}
-	.fs-ev-tag.svelte-mrwdy7 {
-		font: 500 8px/1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--ev-color, var(--dt-accent));
-		background: color-mix(in srgb, var(--ev-color, var(--dt-accent)) 18%, transparent);
-		padding: 1px 4px;
-		border-radius: 3px;
-		white-space: nowrap;
-	}
-
-	/* ─── Focus-visible ──────────────────────────────── */
-	.fs-event.svelte-mrwdy7:focus-visible {
-		outline: 2px solid var(--dt-accent, #2563eb);
-		outline-offset: 2px;
-	}
-
-	/* ─── Container ──────────────────────────────────── */
-	.wg.svelte-j4rvbp {
-		position: relative;
-		overflow: hidden;
-		display: flex;
-		flex-direction: column;
-		user-select: none;
-		font-variant-numeric: tabular-nums;
-	}
-	.wg--auto.svelte-j4rvbp { overflow: visible; }
-
-	/* ─── Scrollable body ────────────────────────────── */
-	.wg-body.svelte-j4rvbp {
-		flex: 1;
-		overflow-y: auto;
-		overflow-x: hidden;
-		box-sizing: border-box;
-		scrollbar-width: thin;
-		scrollbar-color: var(--dt-scrollbar, rgba(0, 0, 0, 0.1)) transparent;
-	}
-	.wg--auto.svelte-j4rvbp .wg-body:where(.svelte-j4rvbp) { overflow-y: visible; }
-
-	.wg-body.svelte-j4rvbp::-webkit-scrollbar { width: 4px; }
-	.wg-body.svelte-j4rvbp::-webkit-scrollbar-thumb {
-		background: var(--dt-scrollbar, rgba(0, 0, 0, 0.1));
-		border-radius: 4px;
-	}
-	.wg-body.svelte-j4rvbp::-webkit-scrollbar-track { background: transparent; }
-
-	/* ─── Week row ───────────────────────────────────── */
-	.wg-week.svelte-j4rvbp {
-		display: flex;
-		border-radius: 10px;
-		margin: 12px 8px;
-		border: 1.5px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-		overflow: hidden;
-	}
-
-	.wg-week--current.svelte-j4rvbp {
-		background: var(--dt-today-bg, rgba(37, 99, 235, 0.04));
-		border: 2.5px solid var(--dt-accent, #2563eb);
-		box-shadow: 0 0 0 1px color-mix(in srgb, var(--dt-accent, #2563eb) 15%, transparent);
-	}
-
-	/* ─── Week body ──────────────────────────────────── */
-	.wg-week-body.svelte-j4rvbp {
-		flex: 1;
-		min-width: 0;
-		display: flex;
-		flex-direction: column;
-	}
-
-	/* ─── Day columns ────────────────────────────────── */
-	.wg-days.svelte-j4rvbp {
-		display: flex;
-		flex: 1;
-	}
-
-	.wg-cell.svelte-j4rvbp {
-		flex: 1;
-		position: relative;
-		min-height: 170px;
-		padding: 4px 4px 8px;
-		border-right: 1px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-		cursor: pointer;
-		transition: background 0.15s;
-	}
-
-	.wg-cell.svelte-j4rvbp:last-child { border-right: none; }
-	.wg-cell.svelte-j4rvbp:hover { background: var(--dt-hover, rgba(0, 0, 0, 0.015)); }
-
-	.wg-cell--today.svelte-j4rvbp { background: var(--dt-today-bg, rgba(37, 99, 235, 0.04)); }
-	.wg-cell--today.svelte-j4rvbp:hover { background: color-mix(in srgb, var(--dt-accent, #2563eb) 6%, transparent); }
-
-	/* Dim all cells by default; current week overrides to full brightness */
-	.wg-cell.svelte-j4rvbp { opacity: 0.55; }
-	.wg-cell.svelte-j4rvbp:hover { opacity: 0.75; }
-	.wg-week--current.svelte-j4rvbp .wg-cell:where(.svelte-j4rvbp) { opacity: 1; }
-	.wg-week--current.svelte-j4rvbp .wg-cell--past:where(.svelte-j4rvbp) { opacity: 0.8; }
-	.wg-week--current.svelte-j4rvbp .wg-cell--past:where(.svelte-j4rvbp):hover { opacity: 0.9; }
-
-	/* equalDays: when no cells are marked past, all are full brightness */
-
-	.wg-cell--weekend.svelte-j4rvbp { background: var(--dt-weekend-bg, rgba(0, 0, 0, 0.012)); }
-
-	/* ─── Disabled cell ──────────────────────────────── */
-	.wg-cell--disabled.svelte-j4rvbp {
-		background: repeating-linear-gradient(
-			45deg,
-			transparent,
-			transparent 6px,
-			var(--dt-border, rgba(0, 0, 0, 0.08)) 6px,
-			var(--dt-border, rgba(0, 0, 0, 0.08)) 7px
-		) !important;
-	}
-
-	/* ─── Blocked slot indicator ─────────────────────── */
-	.wg-blocked.svelte-j4rvbp {
-		display: flex;
-		align-items: center;
-		gap: 3px;
-		padding: 2px 4px;
-		border-radius: 3px;
-		background: repeating-linear-gradient(
-			-45deg,
-			color-mix(in srgb, var(--dt-text, rgba(0, 0, 0, 0.87)) 4%, transparent),
-			color-mix(in srgb, var(--dt-text, rgba(0, 0, 0, 0.87)) 4%, transparent) 3px,
-			transparent 3px,
-			transparent 6px
-		);
-		margin-bottom: 2px;
-		min-height: 14px;
-	}
-
-	.wg-blocked-label.svelte-j4rvbp {
-		font: 500 8px/1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		text-transform: uppercase;
-		letter-spacing: 0.04em;
-		white-space: nowrap;
-	}
-
-	/* ─── Custom day header ──────────────────────────── */
-	.wg-cell-custom-header.svelte-j4rvbp {
-		padding: 0 4px 2px;
-	}
-
-	/* ─── Cell header (day label top-right) ──────────── */
-	.wg-cell-hd.svelte-j4rvbp {
-		display: flex;
-		align-items: center;
-		justify-content: flex-end;
-		gap: 4px;
-		padding: 4px 5px 2px 0;
-		margin-bottom: 2px;
-	}
-
-	.wg-day-wd.svelte-j4rvbp {
-		font: 400 10px / 1 var(--dt-sans, system-ui, sans-serif);
-		letter-spacing: 0.04em;
-		text-transform: uppercase;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-	}
-
-	.wg-week--current.svelte-j4rvbp .wg-day-wd:where(.svelte-j4rvbp) {
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-	}
-
-	.wg-cell-hd--today.svelte-j4rvbp .wg-day-wd:where(.svelte-j4rvbp) {
-		color: var(--dt-accent, #2563eb);
-		font-weight: 600;
-	}
-
-	.wg-day-num.svelte-j4rvbp {
-		font: 700 14px / 1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-	}
-
-	.wg-week--current.svelte-j4rvbp .wg-day-num:where(.svelte-j4rvbp) {
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-	}
-
-	.wg-day-num--today.svelte-j4rvbp {
-		color: var(--dt-accent, #2563eb);
-		font-weight: 900;
-	}
-
-	/* ─── Month label (top-left, behind events) ─────── */
-	.wg-cell-month.svelte-j4rvbp {
-		position: absolute;
-		left: 4px;
-		top: 4px;
-		writing-mode: vertical-rl;
-		transform: rotate(180deg);
-		font: 800 22px / 1 var(--dt-sans, system-ui, sans-serif);
-		letter-spacing: 0.02em;
-		text-transform: uppercase;
-		color: color-mix(in srgb, var(--dt-text, rgba(0, 0, 0, 0.87)) 4%, transparent);
-		pointer-events: none;
-		white-space: nowrap;
-	}
-
-	.wg-week--current.svelte-j4rvbp .wg-cell-month:where(.svelte-j4rvbp) {
-		color: color-mix(in srgb, var(--dt-text, rgba(0, 0, 0, 0.87)) 8%, transparent);
-	}
-
-	/* ─── All-day / multi-day events ─────────────────── */
-	.wg-allday.svelte-j4rvbp {
-		display: flex;
-		flex-direction: column;
-		gap: 2px;
-		margin-bottom: 4px;
-	}
-
-	.wg-ad.svelte-j4rvbp {
-		display: flex;
-		align-items: center;
-		gap: 3px;
-		padding: 2px 5px;
-		border-radius: 3px;
-		background: color-mix(in srgb, var(--ev-color) 22%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		cursor: pointer;
-		overflow: hidden;
-		transition: background 0.12s;
-		min-height: 18px;
-	}
-
-	.wg-ad--drag-preview.svelte-j4rvbp {
-		position: relative;
-		z-index: 8;
-		opacity: 0.95;
-		pointer-events: none;
-		box-shadow: 0 6px 18px color-mix(in srgb, var(--ev-color) 26%, rgba(0, 0, 0, 0.22));
-		outline: 1px solid color-mix(in srgb, var(--ev-color) 42%, transparent);
-		cursor: grabbing;
-	}
-
-	.wg-ad.svelte-j4rvbp:hover {
-		background: color-mix(in srgb, var(--ev-color) 32%, var(--dt-surface, var(--dt-bg, #ffffff)));
-	}
-
-	.wg-ad--start.svelte-j4rvbp {
-		border-left: 2.5px solid var(--ev-color);
-	}
-
-	.wg-ad--mid.svelte-j4rvbp {
-		border-radius: 0;
-		border-left: 1px dashed color-mix(in srgb, var(--ev-color) 40%, transparent);
-	}
-
-	.wg-ad--end.svelte-j4rvbp:not(.wg-ad--start) {
-		border-radius: 0 3px 3px 0;
-		border-left: 1px dashed color-mix(in srgb, var(--ev-color) 40%, transparent);
-	}
-
-	.wg-ad--selected.svelte-j4rvbp {
-		box-shadow: 0 0 0 1.5px var(--ev-color);
-	}
-
-	.wg-ad-title.svelte-j4rvbp {
-		font: 500 10px / 1.1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		flex: 1;
-	}
-
-	.wg-ad-cont.svelte-j4rvbp {
-		font-size: 8px;
-		color: var(--ev-color);
-		flex-shrink: 0;
-		line-height: 1;
-	}
-
-	.wg-ad-arrow.svelte-j4rvbp {
-		font-size: 8px;
-		color: var(--ev-color);
-		flex-shrink: 0;
-		margin-left: auto;
-		line-height: 1;
-	}
-
-	/* ─── Events ─────────────────────────────────────── */
-	.wg-cell-events.svelte-j4rvbp {
-		position: relative;
-		display: flex;
-		flex-direction: column;
-		gap: 3px;
-	}
-
-	.wg-ev.svelte-j4rvbp {
-		display: flex;
-		align-items: center;
-		flex-wrap: wrap;
-		gap: 3px 5px;
-		padding: 3px 6px;
-		border-radius: 4px;
-		background: color-mix(in srgb, var(--ev-color) 15%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		cursor: pointer;
-		overflow: hidden;
-		transition: background 0.12s;
-	}
-
-	.wg-ev.svelte-j4rvbp:hover {
-		background: color-mix(in srgb, var(--ev-color) 25%, var(--dt-surface, var(--dt-bg, #ffffff)));
-	}
-
-	.wg-ev--drag-preview.svelte-j4rvbp {
-		position: relative;
-		z-index: 8;
-		opacity: 0.95;
-		pointer-events: none;
-		background: color-mix(in srgb, var(--ev-color) 28%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		box-shadow: 0 6px 18px color-mix(in srgb, var(--ev-color) 24%, rgba(0, 0, 0, 0.22));
-		outline: 1px solid color-mix(in srgb, var(--ev-color) 42%, transparent);
-		cursor: grabbing;
-	}
-
-	.wg-ev--selected.svelte-j4rvbp {
-		box-shadow: 0 0 0 1.5px var(--ev-color);
-	}
-
-	.wg-ev--current.svelte-j4rvbp {
-		background: color-mix(in srgb, var(--ev-color) 22%, var(--dt-surface, var(--dt-bg, #ffffff)));
-	}
-
-	.wg-ev--cancelled.svelte-j4rvbp {
-		opacity: 0.5;
-	}
-	.wg-ev--cancelled.svelte-j4rvbp .wg-ev-title:where(.svelte-j4rvbp) {
-		text-decoration: line-through;
-	}
-	.wg-ev--tentative.svelte-j4rvbp {
-		opacity: 0.65;
-		border: 1px dashed color-mix(in srgb, var(--ev-color) 40%, transparent);
-	}
-	.wg-ev--full.svelte-j4rvbp {
-		opacity: 0.55;
-	}
-	.wg-ev--limited.svelte-j4rvbp {
-		opacity: 0.65;
-		border: 1px dashed color-mix(in srgb, var(--ev-color) 40%, transparent);
-	}
-	.wg-ev--readonly.svelte-j4rvbp {
-		cursor: default;
-	}
-
-	.wg-ev-time.svelte-j4rvbp {
-		font: 400 10px / 1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		flex-shrink: 0;
-		white-space: nowrap;
-	}
-
-	.wg-ev-title.svelte-j4rvbp {
-		font: 500 12px / 1.1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.wg-ev-loc.svelte-j4rvbp {
-		font: 400 9px / 1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		flex-shrink: 1;
-	}
-
-	.wg-ev-more.svelte-j4rvbp {
-		font: 500 10px / 1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		padding: 2px 8px;
-		cursor: pointer;
-	}
-
-	.wg-ev-more.svelte-j4rvbp:hover {
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-	}
-
-	/* ─── Focus-visible ──────────────────────────────── */
-	.wg-cell.svelte-j4rvbp:focus-visible {
-		outline: 2px solid var(--dt-accent, #2563eb);
-		outline-offset: -2px;
-	}
-
-	.wg-ev.svelte-j4rvbp:focus-visible {
-		outline: 2px solid var(--ev-color, var(--dt-accent, #2563eb));
-		outline-offset: 1px;
-	}
-
-	.wg-ev--dragging.svelte-j4rvbp {
-		opacity: 0.6;
-		cursor: grabbing;
-		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-	}
-
-	/* ═══ Container ═══ */
-	.ag.svelte-n8lbn1 {
-		position: relative;
-		overflow: hidden;
-		user-select: none;
-		display: flex;
-		flex-direction: column;
-		height: 100%;
-		width: 100%;
-		min-width: 0;
-		box-sizing: border-box;
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		font-family: var(--dt-sans, system-ui, sans-serif);
-	}
-
-	.ag--auto.svelte-n8lbn1 { height: auto; overflow: visible; }
-
-	.ag--disabled.svelte-n8lbn1 {
-		background-image: repeating-linear-gradient(
-			135deg,
-			transparent,
-			transparent 6px,
-			color-mix(in srgb, var(--dt-text, rgba(0, 0, 0, 0.87)) 4%, transparent) 6px,
-			color-mix(in srgb, var(--dt-text, rgba(0, 0, 0, 0.87)) 4%, transparent) 12px
-		);
-	}
-
-	/* ═══ Body ═══ */
-	.ag-body.svelte-n8lbn1 {
-		flex: 1;
-		min-height: 0;
-		min-width: 0;
-		display: flex;
-		flex-direction: column;
-		overflow-y: auto;
-		overflow-x: hidden;
-		padding-top: 8px;
-		scrollbar-width: thin;
-		scrollbar-color: var(--dt-border) transparent;
-	}
-	.ag--auto.svelte-n8lbn1 .ag-body:where(.svelte-n8lbn1) { overflow-y: visible; min-height: auto; }
-	.ag-body.svelte-n8lbn1::-webkit-scrollbar {
-		width: 4px;
-	}
-	.ag-body.svelte-n8lbn1::-webkit-scrollbar-thumb {
-		background: var(--dt-border);
-		border-radius: 2px;
-	}
-
-	/* ═══ All-day strip ═══ */
-	.ag-allday.svelte-n8lbn1 {
-		display: flex;
-		align-items: center;
-		gap: 8px;
-		padding: 6px 16px;
-		border-bottom: 1px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-	}
-	.ag-allday-label.svelte-n8lbn1 {
-		font: 600 10px/1 var(--dt-sans, system-ui, sans-serif);
-		text-transform: uppercase;
-		letter-spacing: 0.06em;
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		white-space: nowrap;
-		flex-shrink: 0;
-	}
-	.ag-allday-items.svelte-n8lbn1 {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 6px;
-	}
-	.ag-allday-chip.svelte-n8lbn1 {
-		display: flex;
-		align-items: center;
-		gap: 5px;
-		padding: 3px 10px;
-		border-radius: 6px;
-		background: color-mix(in srgb, var(--ev-color) 12%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		border: 1px solid color-mix(in srgb, var(--ev-color) 20%, transparent);
-		cursor: pointer;
-		transition: background 0.15s, border-color 0.15s;
-	}
-	.ag-allday-chip.svelte-n8lbn1:hover {
-		background: color-mix(in srgb, var(--ev-color) 22%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		border-color: color-mix(in srgb, var(--ev-color) 35%, transparent);
-	}
-	.ag-allday-chip.svelte-n8lbn1:focus-visible {
-		outline: 2px solid var(--dt-accent, #2563eb);
-		outline-offset: 2px;
-	}
-	.ag-allday-chip--selected.svelte-n8lbn1 {
-		border-color: var(--ev-color);
-		background: color-mix(in srgb, var(--ev-color) 18%, var(--dt-surface, var(--dt-bg, #ffffff)));
-	}
-	.ag-allday-dot.svelte-n8lbn1 {
-		width: 6px;
-		height: 6px;
-		border-radius: 50%;
-		background: var(--ev-color);
-		flex-shrink: 0;
-	}
-	.ag-allday-title.svelte-n8lbn1 {
-		font: 500 0.75rem/1.2 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		white-space: nowrap;
-	}
-
-	/* ═══ Shared: event card ═══ */
-	.ag-card.svelte-n8lbn1 {
-		display: flex;
-		align-items: stretch;
-		border-radius: 10px;
-		background: color-mix(in srgb, var(--ev-color) 15%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		border: 1px solid color-mix(in srgb, var(--ev-color) 10%, var(--dt-border, rgba(0, 0, 0, 0.08)));
-		overflow: hidden;
-		cursor: pointer;
-		transition: background 150ms, border-color 150ms;
-	}
-	.ag-card.svelte-n8lbn1:hover {
-		background: color-mix(in srgb, var(--ev-color) 25%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		border-color: color-mix(in srgb, var(--ev-color) 40%, transparent);
-	}
-	.ag-card.svelte-n8lbn1:focus-visible {
-		outline: 2px solid var(--dt-accent, #2563eb);
-		outline-offset: 2px;
-	}
-	.ag-card--selected.svelte-n8lbn1 {
-		border-color: var(--ev-color);
-		background: color-mix(in srgb, var(--ev-color) 22%, var(--dt-surface, var(--dt-bg, #ffffff)));
-	}
-	.ag-card--cancelled.svelte-n8lbn1 {
-		opacity: 0.5;
-	}
-	.ag-card--cancelled.svelte-n8lbn1 .ag-card-title:where(.svelte-n8lbn1) {
-		text-decoration: line-through;
-	}
-	.ag-card--tentative.svelte-n8lbn1 {
-		opacity: 0.65;
-		border-style: dashed;
-	}
-	.ag-card--full.svelte-n8lbn1 {
-		opacity: 0.55;
-	}
-	.ag-card--limited.svelte-n8lbn1 {
-		opacity: 0.65;
-		border-style: dashed;
-	}
-	.ag-card-body.svelte-n8lbn1 {
-		padding: 10px 12px;
-		display: flex;
-		flex-direction: column;
-		gap: 4px;
-		min-width: 0;
-		flex: 1;
-	}
-	.ag-card-top.svelte-n8lbn1 {
-		display: flex;
-		justify-content: space-between;
-		align-items: flex-start;
-		gap: 8px;
-		min-width: 0;
-	}
-	.ag-card-title.svelte-n8lbn1 {
-		font-size: 13px;
-		font-weight: 600;
-		line-height: 1.3;
-		word-break: break-word;
-		flex: 1;
-		min-width: 0;
-	}
-	.ag-card-meta.svelte-n8lbn1 {
-		font-size: 11px;
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		font-family: var(--dt-mono, monospace);
-		line-height: 1;
-	}
-	.ag-card-dur.svelte-n8lbn1 {
-		margin-left: 6px;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-	}
-	.ag-card-sub.svelte-n8lbn1 {
-		font-size: 11px;
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		line-height: 1;
-	}
-	.ag-card-loc.svelte-n8lbn1 {
-		font-size: 10px;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		line-height: 1;
-	}
-	.ag-card-tags.svelte-n8lbn1 {
-		display: flex;
-		gap: 4px;
-		flex-wrap: wrap;
-	}
-	.ag-card-tag.svelte-n8lbn1 {
-		font: 500 9px / 1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--ev-color, var(--dt-accent));
-		background: color-mix(in srgb, var(--ev-color, var(--dt-accent)) 15%, transparent);
-		padding: 2px 5px;
-		border-radius: 3px;
-		white-space: nowrap;
-	}
-
-	/* ── Queue card variant ── */
-	.ag-card--q.svelte-n8lbn1 {
-		transition: border-color 150ms, transform 100ms;
-	}
-	.ag-compact-row--queue.svelte-n8lbn1 {
-		margin: 0;
-	}
-
-	.ag-card--q.svelte-n8lbn1 .ag-card-body:where(.svelte-n8lbn1) {
-		gap: 3px;
-	}
-	.ag-card--q.svelte-n8lbn1 .ag-card-tags:where(.svelte-n8lbn1) {
-		margin-top: 2px;
-	}
-	.ag-card-eta.svelte-n8lbn1 {
-		font-size: 9px;
-		font-weight: 600;
-		letter-spacing: 0.04em;
-		color: var(--dt-accent, #2563eb);
-		flex-shrink: 0;
-		white-space: nowrap;
-	}
-	.ag-card--hero.svelte-n8lbn1 {
-		background: color-mix(in srgb, var(--ev-color) 22%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		border-color: color-mix(in srgb, var(--ev-color) 30%, transparent);
-	}
-	.ag-card--hero.svelte-n8lbn1 .ag-card-title:where(.svelte-n8lbn1) {
-		font-size: 16px;
-		font-weight: 700;
-	}
-	.ag-card--hero.svelte-n8lbn1 .ag-card-eta:where(.svelte-n8lbn1) {
-		font-size: 11px;
-		background: color-mix(in srgb, var(--dt-accent, #2563eb) 18%, transparent);
-		padding: 2px 7px;
-		border-radius: 4px;
-	}
-	.ag-card--hero.svelte-n8lbn1 .ag-card-body:where(.svelte-n8lbn1) {
-		padding: 14px 16px;
-	}
-
-	/* ── Plan card variant ── */
-
-	.ag-card--plan.svelte-n8lbn1 .ag-card-body:where(.svelte-n8lbn1) {
-		padding: 12px 14px;
-		gap: 3px;
-	}
-	.ag-card--plan.svelte-n8lbn1 .ag-card-top:where(.svelte-n8lbn1) {
-		align-items: baseline;
-	}
-	.ag-card-order.svelte-n8lbn1 {
-		font-size: 10px;
-		font-weight: 700;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		font-family: var(--dt-mono, monospace);
-		flex-shrink: 0;
-	}
-	.ag-card--plan.svelte-n8lbn1 .ag-card-title:where(.svelte-n8lbn1) {
-		font-size: 14px;
-	}
-	.ag-card--first.svelte-n8lbn1 {
-		background: color-mix(in srgb, var(--ev-color) 20%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		border-color: color-mix(in srgb, var(--ev-color) 25%, transparent);
-	}
-	.ag-card--first.svelte-n8lbn1 .ag-card-title:where(.svelte-n8lbn1) {
-		font-size: 16px;
-		font-weight: 700;
-	}
-	.ag-card--plan.svelte-n8lbn1 .ag-card-sub:where(.svelte-n8lbn1) {
-		padding-left: 22px;
-	}
-	.ag-card--plan.svelte-n8lbn1 .ag-card-tags:where(.svelte-n8lbn1) {
-		padding-left: 22px;
-		margin-top: 2px;
-	}
-
-	/* ═══ The Queue: 2-column grid ═══ */
-	.ag-q.svelte-n8lbn1 {
-		display: grid;
-		grid-template-columns: 1fr 1.8fr;
-		gap: 0;
-		flex: 1;
-		padding: 8px 0 10px;
-		min-height: 0;
-	}
-	/* Mobile: stack queue columns vertically */
-	.ag--mobile.svelte-n8lbn1 .ag-q:where(.svelte-n8lbn1) {
-		grid-template-columns: 1fr;
-		min-height: auto;
-	}
-	.ag--mobile.svelte-n8lbn1 .ag-q-status:where(.svelte-n8lbn1) {
-		border-right: none;
-		border-bottom: 1px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-		padding-bottom: 10px;
-		margin-bottom: 8px;
-		overflow-y: visible;
-	}
-	.ag--mobile.svelte-n8lbn1 .ag-q-queue:where(.svelte-n8lbn1) {
-		overflow-y: visible;
-		padding-bottom: 16px;
-	}
-	.ag--mobile.svelte-n8lbn1 .ag-card-meta:where(.svelte-n8lbn1) {
-		line-height: 1.3;
-		padding-bottom: 1px;
-	}
-	/* Mobile: larger touch targets */
-	.ag--mobile.svelte-n8lbn1 .ag-card-body:where(.svelte-n8lbn1) {
-		padding: 14px 16px;
-	}
-	.ag--mobile.svelte-n8lbn1 .ag-card-title:where(.svelte-n8lbn1) {
-		font-size: 15px;
-	}
-	.ag--mobile.svelte-n8lbn1 .ag-card--hero:where(.svelte-n8lbn1) .ag-card-title:where(.svelte-n8lbn1) {
-		font-size: 18px;
-	}
-	.ag--mobile.svelte-n8lbn1 .ag-card--hero:where(.svelte-n8lbn1) .ag-card-body:where(.svelte-n8lbn1) {
-		padding: 16px 18px;
-	}
-	.ag--mobile.svelte-n8lbn1 .ag-log-row:where(.svelte-n8lbn1) {
-		padding: 12px 0;
-	}
-	.ag--mobile.svelte-n8lbn1 .ag-card--plan:where(.svelte-n8lbn1) .ag-card-body:where(.svelte-n8lbn1) {
-		padding: 14px 16px;
-	}
-	.ag--mobile.svelte-n8lbn1 .ag-card--plan:where(.svelte-n8lbn1) .ag-card-title:where(.svelte-n8lbn1) {
-		font-size: 15px;
-	}
-	.ag-q-label.svelte-n8lbn1 {
-		font-size: 8px;
-		font-weight: 600;
-		letter-spacing: 0.14em;
-		text-transform: uppercase;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		margin-bottom: 8px;
-		padding: 0 12px;
-		font-family: var(--dt-sans, system-ui, sans-serif);
-	}
-	.ag-q-empty.svelte-n8lbn1 {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex: 1;
-		font-size: 13px;
-		font-weight: 300;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-	}
-
-	/* ── NOW column (includes Done above) ── */
-	.ag-q-status.svelte-n8lbn1 {
-		padding: 0 10px 0 14px;
-		border-right: 1px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-		display: flex;
-		flex-direction: column;
-		overflow-y: auto;
-		scrollbar-width: none;
-	}
-	.ag-q-status.svelte-n8lbn1::-webkit-scrollbar {
-		display: none;
-	}
-	.ag-q-done-toggle.svelte-n8lbn1 {
-		align-self: flex-start;
-		margin-top: 2px;
-		padding: 3px 8px;
-		border: 1px solid var(--dt-border);
-		border-radius: 999px;
-		background: none;
-		font-family: var(--dt-mono);
-		font-size: 11px;
-		color: var(--dt-text-3);
-		cursor: pointer;
-	}
-	.ag-q-done-toggle.svelte-n8lbn1:hover {
-		color: var(--dt-text);
-		border-color: var(--dt-text-3);
-	}
-	.ag-q-now-sub.svelte-n8lbn1 {
-		font-size: 12px;
-		color: var(--dt-text-2);
-		margin-top: 1px;
-	}
-	.ag-q-done-section.svelte-n8lbn1 {
-		margin-top: 12px;
-		padding-top: 10px;
-		border-top: 1px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-	}
-	.ag-q-clock.svelte-n8lbn1 {
-		font-size: 10px;
-		font-weight: 600;
-		font-family: var(--dt-mono, monospace);
-		color: var(--dt-accent, #2563eb);
-		margin-left: 4px;
-	}
-	.ag-q-now.svelte-n8lbn1 {
-		padding: 8px 10px;
-		margin-bottom: 8px;
-		border-radius: 8px;
-		background: color-mix(in srgb, var(--ev-color, var(--dt-accent)) 15%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		border: 1px solid color-mix(in srgb, var(--ev-color, var(--dt-accent)) 15%, transparent);
-		cursor: pointer;
-		transition: background 150ms, border-color 150ms;
-		margin-right: 10px;
-	}
-	.ag-q-now.svelte-n8lbn1:hover {
-		background: color-mix(in srgb, var(--ev-color, var(--dt-accent)) 25%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		border-color: color-mix(in srgb, var(--ev-color, var(--dt-accent)) 35%, transparent);
-	}
-	.ag-q-now.svelte-n8lbn1:focus-visible {
-		outline: 2px solid var(--dt-accent, #2563eb);
-		outline-offset: 2px;
-	}
-	.ag-q-now--selected.svelte-n8lbn1 {
-		border-color: var(--ev-color, var(--dt-accent));
-	}
-	.ag-q-now-dot.svelte-n8lbn1 {
-		width: 6px;
-		height: 6px;
-		border-radius: 50%;
-		background: var(--ev-color, var(--dt-accent, #2563eb));
-		margin-bottom: 6px;
-		animation: svelte-n8lbn1-ag-pulse 2.5s ease-in-out infinite;
-	}
-	@keyframes svelte-n8lbn1-ag-pulse {
-		0%, 100% { opacity: 1; }
-		50% { opacity: 0.4; }
-	}
-	.ag-q-now-title.svelte-n8lbn1 {
-		font-size: 11px;
-		font-weight: 600;
-		line-height: 1.2;
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		margin-bottom: 3px;
-	}
-	.ag-q-now-time.svelte-n8lbn1 {
-		font-size: 9px;
-		font-family: var(--dt-mono, monospace);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		margin-bottom: 6px;
-	}
-	.ag-q-now-track.svelte-n8lbn1 {
-		height: 2px;
-		background: var(--dt-border, rgba(0, 0, 0, 0.08));
-		border-radius: 1px;
-		overflow: hidden;
-	}
-	.ag-q-now-fill.svelte-n8lbn1 {
-		height: 100%;
-		background: var(--ev-color, var(--dt-accent, #2563eb));
-		border-radius: 1px;
-		transition: width 1s linear;
-	}
-	.ag-q-free.svelte-n8lbn1 {
-		padding: 8px 10px;
-		margin-right: 10px;
-	}
-	.ag-q-free-label.svelte-n8lbn1 {
-		font-size: 12px;
-		font-weight: 300;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		margin-bottom: 2px;
-	}
-
-	/* ── NEXT: hero center column ── */
-	.ag-q-queue.svelte-n8lbn1 {
-		padding: 0 16px;
-		overflow-y: auto;
-		scrollbar-width: none;
-		display: flex;
-		flex-direction: column;
-		gap: 8px;
-	}
-	.ag-q-queue.svelte-n8lbn1::-webkit-scrollbar {
-		display: none;
-	}
-
-
-	.ag-q-done-item.svelte-n8lbn1 {
-		display: flex;
-		align-items: center;
-		gap: 5px;
-		padding: 3px 0;
-		opacity: 0.35;
-		cursor: pointer;
-	}
-	.ag-q-done-item.svelte-n8lbn1:hover {
-		opacity: 0.6;
-	}
-	.ag-q-done-item.svelte-n8lbn1:focus-visible {
-		outline: 2px solid var(--dt-accent, #2563eb);
-		outline-offset: 2px;
-		opacity: 0.6;
-	}
-	.ag-q-done-item--selected.svelte-n8lbn1 {
-		opacity: 0.7;
-	}
-	.ag-q-done-check.svelte-n8lbn1 {
-		font-size: 9px;
-		color: var(--dt-success, rgba(22, 163, 74, 0.7));
-		flex-shrink: 0;
-	}
-	.ag-q-done-title.svelte-n8lbn1 {
-		font-size: 10px;
-		line-height: 1.2;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		text-decoration: line-through;
-		text-decoration-color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-	}
-
-	/* ═══ Past Day: "The Log" ═══ */
-	.ag-log.svelte-n8lbn1 {
-		flex: 1;
-		padding: 8px 20px 12px;
-		overflow-y: auto;
-		scrollbar-width: none;
-		opacity: 0.7;
-	}
-	.ag-log.svelte-n8lbn1::-webkit-scrollbar {
-		display: none;
-	}
-	.ag-log-row.svelte-n8lbn1 {
-		display: flex;
-		align-items: center;
-		gap: 10px;
-		padding: 8px 0;
-		border-bottom: 1px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-		cursor: pointer;
-		transition: opacity 150ms;
-	}
-	.ag-log-row.svelte-n8lbn1:last-child {
-		border-bottom: none;
-	}
-	.ag-log-row.svelte-n8lbn1:hover {
-		opacity: 1;
-	}
-	.ag-log-row.svelte-n8lbn1:focus-visible {
-		outline: 2px solid var(--dt-accent, #2563eb);
-		outline-offset: 2px;
-	}
-	.ag-log-row--selected.svelte-n8lbn1 {
-		opacity: 1;
-		background: color-mix(in srgb, var(--ev-color) 6%, transparent);
-		border-radius: 6px;
-		padding-left: 8px;
-		padding-right: 8px;
-	}
-	.ag-log-check.svelte-n8lbn1 {
-		font-size: 10px;
-		color: var(--dt-success, rgba(22, 163, 74, 0.7));
-		flex-shrink: 0;
-	}
-	.ag-log-time.svelte-n8lbn1 {
-		font-size: 11px;
-		font-family: var(--dt-mono, monospace);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		width: 64px;
-		flex-shrink: 0;
-	}
-	.ag-log-dot.svelte-n8lbn1 {
-		width: 5px;
-		height: 5px;
-		border-radius: 50%;
-		flex-shrink: 0;
-		opacity: 0.6;
-	}
-	.ag-log-title.svelte-n8lbn1 {
-		font-size: 13px;
-		font-weight: 500;
-		line-height: 1.2;
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		flex: 1;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		text-decoration: line-through;
-		text-decoration-color: var(--dt-border, rgba(0, 0, 0, 0.08));
-	}
-	.ag-log-dur.svelte-n8lbn1 {
-		font-size: 10px;
-		font-family: var(--dt-mono, monospace);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		flex-shrink: 0;
-	}
-
-	/* ═══ Compact Day ═══ */
-	.ag-compact-list.svelte-n8lbn1 {
-		flex: 1;
-		padding: 8px 20px 12px;
-		overflow-y: auto;
-		scrollbar-width: none;
-	}
-	.ag-compact-list.svelte-n8lbn1::-webkit-scrollbar { display: none; }
-	.ag-compact-row.svelte-n8lbn1 {
-		display: flex;
-		align-items: baseline;
-		gap: 8px;
-		padding: 4px 0;
-		cursor: pointer;
-		min-width: 0;
-	}
-	.ag-compact-row--selected.svelte-n8lbn1 {
-		background: color-mix(in srgb, var(--ev-color) 10%, transparent);
-		border-radius: 4px;
-		padding-left: 6px;
-		padding-right: 6px;
-	}
-	.ag-compact-row.svelte-n8lbn1:hover .ag-compact-row-title:where(.svelte-n8lbn1) { color: var(--dt-text); }
-	.ag-compact-row.svelte-n8lbn1:focus-visible {
-		outline: 2px solid var(--dt-accent, #2563eb);
-		outline-offset: 2px;
-	}
-	.ag-compact-row-dot.svelte-n8lbn1 {
-		width: 5px;
-		height: 5px;
-		border-radius: 50%;
-		background: var(--ev-color, var(--dt-accent));
-		flex-shrink: 0;
-		align-self: center;
-	}
-	.ag-compact-row-time.svelte-n8lbn1 {
-		font-size: 11px;
-		font-family: var(--dt-mono, monospace);
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		min-width: 64px;
-		flex-shrink: 0;
-		line-height: 1.4;
-	}
-	.ag-compact-row-title.svelte-n8lbn1 {
-		font-size: 12px;
-		font-weight: 500;
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		flex: 1;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		transition: color 150ms;
-		line-height: 1.4;
-	}
-	.ag-compact-row-dur.svelte-n8lbn1 {
-		font-size: 10px;
-		font-family: var(--dt-mono, monospace);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		flex-shrink: 0;
-		line-height: 1.4;
-	}
-	.ag-compact-row-sub.svelte-n8lbn1 {
-		font-size: 10px;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		flex-shrink: 1;
-		max-width: 45%;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		line-height: 1.4;
-	}
-	.ag-compact-row-tag.svelte-n8lbn1 {
-		font: 500 8px / 1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--ev-color, var(--dt-accent));
-		background: color-mix(in srgb, var(--ev-color, var(--dt-accent)) 12%, transparent);
-		padding: 1px 4px;
-		border-radius: 3px;
-		white-space: nowrap;
-		flex-shrink: 0;
-	}
-	.ag-compact-row--cancelled.svelte-n8lbn1 { opacity: 0.5; }
-	.ag-compact-row--cancelled.svelte-n8lbn1 .ag-compact-row-title:where(.svelte-n8lbn1) { text-decoration: line-through; }
-	.ag-compact-row--tentative.svelte-n8lbn1 { opacity: 0.65; }
-	/* Mobile: larger touch targets for compact rows */
-	.ag--mobile.svelte-n8lbn1 .ag-compact-row:where(.svelte-n8lbn1) { padding: 8px 0; }
-	.ag--mobile.svelte-n8lbn1 .ag-compact-row-title:where(.svelte-n8lbn1) { font-size: 14px; }
-	.ag--mobile.svelte-n8lbn1 .ag-compact-row-time:where(.svelte-n8lbn1) { font-size: 12px; }
-
-	/* ═══ Future Day: "The Plan" ═══ */
-	.ag-plan.svelte-n8lbn1 {
-		flex: 1;
-		padding: 8px 20px 12px;
-		overflow-y: auto;
-		scrollbar-width: none;
-		display: flex;
-		flex-direction: column;
-		gap: 6px;
-	}
-	.ag-plan.svelte-n8lbn1::-webkit-scrollbar {
-		display: none;
-	}
-
-	/* ═══ Container ═══ */
-	.ag.svelte-uhwfyj {
-		position: relative;
-		overflow: hidden;
-		user-select: none;
-		display: flex;
-		flex-direction: column;
-		height: 100%;
-		width: 100%;
-		min-width: 0;
-		box-sizing: border-box;
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		font-family: var(--dt-sans, system-ui, sans-serif);
-	}
-	.ag--auto.svelte-uhwfyj {
-		height: auto;
-		overflow: visible;
-	}
-
-	/* ═══ Body ═══ */
-	.ag-body.svelte-uhwfyj {
-		flex: 1;
-		min-width: 0;
-		overflow-y: auto;
-		overflow-x: hidden;
-		box-sizing: border-box;
-		padding-top: 8px;
-		scrollbar-width: thin;
-		scrollbar-color: var(--dt-border) transparent;
-	}
-	.ag--auto.svelte-uhwfyj .ag-body:where(.svelte-uhwfyj) {
-		overflow-y: visible;
-	}
-	.ag-body.svelte-uhwfyj::-webkit-scrollbar {
-		width: 4px;
-	}
-	.ag-body.svelte-uhwfyj::-webkit-scrollbar-thumb {
-		background: var(--dt-border);
-		border-radius: 2px;
-	}
-
-	/* ═══ All-day chips ═══ */
-	.ag-allday.svelte-uhwfyj {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 4px;
-		padding: 4px 14px 6px;
-	}
-	.ag-allday-chip.svelte-uhwfyj {
-		display: flex;
-		align-items: center;
-		gap: 4px;
-		padding: 2px 8px;
-		border-radius: 5px;
-		background: color-mix(in srgb, var(--ev-color) 12%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		border: 1px solid color-mix(in srgb, var(--ev-color) 18%, transparent);
-		cursor: pointer;
-		transition: background 0.15s, border-color 0.15s;
-	}
-	.ag-allday-chip.svelte-uhwfyj:hover {
-		background: color-mix(in srgb, var(--ev-color) 22%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		border-color: color-mix(in srgb, var(--ev-color) 30%, transparent);
-	}
-	.ag-allday-chip.svelte-uhwfyj:focus-visible {
-		outline: 2px solid var(--dt-accent, #2563eb);
-		outline-offset: 2px;
-	}
-	.ag-allday-chip--selected.svelte-uhwfyj {
-		border-color: var(--ev-color);
-		background: color-mix(in srgb, var(--ev-color) 18%, var(--dt-surface, var(--dt-bg, #ffffff)));
-	}
-	.ag-allday-dot.svelte-uhwfyj {
-		width: 5px;
-		height: 5px;
-		border-radius: 50%;
-		background: var(--ev-color);
-		flex-shrink: 0;
-	}
-	.ag-allday-title.svelte-uhwfyj {
-		font: 500 0.7rem/1.2 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		white-space: nowrap;
-	}
-
-	/* ═══ Shared: event card ═══ */
-	.ag-card.svelte-uhwfyj {
-		display: flex;
-		align-items: stretch;
-		border-radius: 6px;
-		background: color-mix(in srgb, var(--ev-color) 12%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		border: 1px solid color-mix(in srgb, var(--ev-color) 8%, var(--dt-border, rgba(0, 0, 0, 0.08)));
-		overflow: hidden;
-		cursor: pointer;
-		transition: background 150ms, border-color 150ms;
-	}
-	.ag-card.svelte-uhwfyj:hover {
-		background: color-mix(in srgb, var(--ev-color) 20%, var(--dt-surface, var(--dt-bg, #ffffff)));
-		border-color: color-mix(in srgb, var(--ev-color) 30%, transparent);
-	}
-	.ag-card.svelte-uhwfyj:focus-visible {
-		outline: 2px solid var(--dt-accent, #2563eb);
-		outline-offset: 2px;
-	}
-	.ag-card--selected.svelte-uhwfyj {
-		border-color: var(--ev-color);
-		background: color-mix(in srgb, var(--ev-color) 20%, var(--dt-surface, var(--dt-bg, #ffffff)));
-	}
-	.ag-card--cancelled.svelte-uhwfyj {
-		opacity: 0.5;
-	}
-	.ag-card--cancelled.svelte-uhwfyj .ag-card-title:where(.svelte-uhwfyj) {
-		text-decoration: line-through;
-	}
-	.ag-card--tentative.svelte-uhwfyj {
-		opacity: 0.65;
-		border-style: dashed;
-	}
-	.ag-card--full.svelte-uhwfyj {
-		opacity: 0.55;
-	}
-	.ag-card--limited.svelte-uhwfyj {
-		opacity: 0.65;
-		border-style: dashed;
-	}
-	.ag-card-body.svelte-uhwfyj {
-		padding: 7px 10px;
-		display: flex;
-		flex-direction: column;
-		gap: 2px;
-		min-width: 0;
-		flex: 1;
-	}
-	.ag-card-title.svelte-uhwfyj {
-		font-size: 13px;
-		font-weight: 600;
-		line-height: 1.3;
-		word-break: break-word;
-		flex: 1;
-		min-width: 0;
-	}
-	.ag-card-meta.svelte-uhwfyj {
-		display: flex;
-		align-items: center;
-		font-size: 11px;
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		font-family: var(--dt-mono, monospace);
-		line-height: 1;
-	}
-	.ag-card-dur.svelte-uhwfyj {
-		margin-left: 6px;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-	}
-	.ag-card-eta.svelte-uhwfyj {
-		margin-left: auto;
-		font-size: 10px;
-		font-weight: 600;
-		color: color-mix(in srgb, var(--ev-color) 80%, var(--dt-text));
-		opacity: 0.85;
-		letter-spacing: 0.02em;
-	}
-	.ag-card-sub.svelte-uhwfyj {
-		font-size: 11px;
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		line-height: 1;
-	}
-	.ag-card-loc.svelte-uhwfyj {
-		font-size: 10px;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		line-height: 1;
-	}
-	.ag-card-tags.svelte-uhwfyj {
-		display: flex;
-		gap: 4px;
-		flex-wrap: wrap;
-	}
-	.ag-card-tag.svelte-uhwfyj {
-		font: 500 9px / 1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--ev-color, var(--dt-accent));
-		background: color-mix(in srgb, var(--ev-color, var(--dt-accent)) 15%, transparent);
-		padding: 2px 5px;
-		border-radius: 3px;
-		white-space: nowrap;
-	}
-	.ag-card-progress.svelte-uhwfyj {
-		height: 3px;
-		background: var(--dt-border, rgba(0, 0, 0, 0.08));
-		border-radius: 2px;
-		overflow: hidden;
-		margin-top: 2px;
-	}
-	.ag-card-progress-fill.svelte-uhwfyj {
-		height: 100%;
-		background: var(--ev-color, var(--dt-accent));
-		border-radius: 2px;
-		transition: width 1s linear;
-	}
-
-	/* ═══ Week day groups ═══ */
-	.ag-wday.svelte-uhwfyj {
-		border-bottom: 1px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-	}
-	.ag-wday.svelte-uhwfyj:last-child {
-		border-bottom: none;
-	}
-	.ag-wday--today.svelte-uhwfyj {
-		background: color-mix(in srgb, var(--dt-accent, #2563eb) 2%, transparent);
-	}
-	.ag-wday--tomorrow.svelte-uhwfyj .ag-card:where(.svelte-uhwfyj) {
-		opacity: 0.82;
-	}
-	.ag-wday--past.svelte-uhwfyj {
-		opacity: 0.4;
-	}
-	.ag-wday--past.svelte-uhwfyj .ag-wday-head:where(.svelte-uhwfyj) {
-		padding: 8px 20px;
-	}
-	.ag-wday--disabled.svelte-uhwfyj {
-		position: relative;
-	}
-	.ag-wday--disabled.svelte-uhwfyj::after {
-		content: '';
-		position: absolute;
-		inset: 0;
-		background: repeating-linear-gradient(
-			135deg,
-			transparent,
-			transparent 4px,
-			rgba(128, 128, 128, 0.08) 4px,
-			rgba(128, 128, 128, 0.08) 8px
-		);
-		pointer-events: none;
-	}
-	.ag-wday-custom-header.svelte-uhwfyj {
-		padding: 2px 0 4px;
-	}
-
-	.ag-wday-head.svelte-uhwfyj {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 8px 20px;
-	}
-	.ag-wday-head-left.svelte-uhwfyj {
-		display: flex;
-		align-items: baseline;
-		gap: 8px;
-	}
-	.ag-wday-badge.svelte-uhwfyj {
-		font-size: 10px;
-		font-weight: 600;
-		letter-spacing: 0.08em;
-		text-transform: uppercase;
-		color: var(--dt-accent, #2563eb);
-		background: color-mix(in srgb, var(--dt-accent, #2563eb) 12%, transparent);
-		padding: 2px 7px;
-		border-radius: 3px;
-	}
-	.ag-wday-badge--muted.svelte-uhwfyj {
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		background: color-mix(
-			in srgb,
-			var(--dt-text-2, rgba(0, 0, 0, 0.54)) 10%,
-			transparent
-		);
-	}
-	.ag-wday-name.svelte-uhwfyj {
-		font-size: 13px;
-		font-weight: 600;
-		line-height: 1.2;
-	}
-	.ag-wday-date.svelte-uhwfyj {
-		font-size: 11px;
-		font-family: var(--dt-mono, monospace);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		line-height: 1.2;
-	}
-
-	.ag-wday-empty.svelte-uhwfyj {
-		padding: 2px 20px 6px;
-		font-size: 11px;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		font-style: italic;
-	}
-
-	/* Expanded day */
-	.ag-wday-expanded.svelte-uhwfyj {
-		padding: 0 20px 10px;
-	}
-	.ag-wslot.svelte-uhwfyj {
-		margin-bottom: 4px;
-	}
-	.ag-wslot-header.svelte-uhwfyj {
-		display: flex;
-		align-items: baseline;
-		gap: 8px;
-		padding: 2px 0;
-	}
-	.ag-wslot-now.svelte-uhwfyj {
-		font-size: 9px;
-		font-weight: 700;
-		letter-spacing: 0.08em;
-		text-transform: uppercase;
-		color: var(--dt-accent, #2563eb);
-	}
-	.ag-wslot-cards.svelte-uhwfyj {
-		display: flex;
-		flex-direction: column;
-		gap: 4px;
-	}
-	.ag-wslot-cards--multi.svelte-uhwfyj {
-		display: grid;
-		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
-		gap: 4px;
-	}
-	.ag-wday-past-line.svelte-uhwfyj {
-		font-size: 10px;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		padding: 6px 0 0;
-		opacity: 0.5;
-	}
-
-	/* Compact day events */
-	.ag-wday-compact.svelte-uhwfyj {
-		padding: 0 20px 8px;
-	}
-	.ag-compact.svelte-uhwfyj {
-		display: flex;
-		align-items: baseline;
-		gap: 6px;
-		padding: 3px 0;
-		cursor: pointer;
-		min-width: 0;
-	}
-	.ag-compact--selected.svelte-uhwfyj {
-		background: color-mix(in srgb, var(--ev-color) 10%, transparent);
-		border-radius: 4px;
-		padding-left: 6px;
-		padding-right: 6px;
-	}
-	.ag-compact.svelte-uhwfyj:hover .ag-compact-title:where(.svelte-uhwfyj) {
-		color: var(--dt-text);
-	}
-	.ag-compact.svelte-uhwfyj:focus-visible {
-		outline: 2px solid var(--dt-accent, #2563eb);
-		outline-offset: 2px;
-	}
-	.ag-compact-dot.svelte-uhwfyj {
-		width: 5px;
-		height: 5px;
-		border-radius: 50%;
-		background: var(--ev-color, var(--dt-accent));
-		flex-shrink: 0;
-		align-self: center;
-	}
-	.ag-compact-time.svelte-uhwfyj {
-		font-size: 11px;
-		font-family: var(--dt-mono, monospace);
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		min-width: 40px;
-		flex-shrink: 0;
-		white-space: nowrap;
-		line-height: 1.4;
-	}
-	.ag-compact-title.svelte-uhwfyj {
-		font-size: 12px;
-		font-weight: 500;
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		flex: 1;
-		min-width: 0;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		transition: color 150ms;
-		line-height: 1.4;
-	}
-	.ag-compact-dur.svelte-uhwfyj {
-		font-size: 10px;
-		font-family: var(--dt-mono, monospace);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		flex-shrink: 0;
-		white-space: nowrap;
-		line-height: 1.4;
-	}
-	.ag-compact-sub.svelte-uhwfyj {
-		font-size: 10px;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		flex-shrink: 0;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		max-width: 120px;
-		line-height: 1.4;
-	}
-	.ag-compact-loc.svelte-uhwfyj {
-		font-size: 9px;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		flex-shrink: 0;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		max-width: 100px;
-	}
-	.ag-compact--cancelled.svelte-uhwfyj {
-		opacity: 0.5;
-	}
-	.ag-compact--cancelled.svelte-uhwfyj .ag-compact-title:where(.svelte-uhwfyj) {
-		text-decoration: line-through;
-	}
-	.ag-compact--tentative.svelte-uhwfyj {
-		opacity: 0.65;
-	}
-	.ag-compact--full.svelte-uhwfyj {
-		opacity: 0.55;
-	}
-	.ag-compact--limited.svelte-uhwfyj {
-		opacity: 0.65;
-	}
-	.ag-compact-tag.svelte-uhwfyj {
-		font: 500 8px / 1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--ev-color, var(--dt-accent));
-		background: color-mix(in srgb, var(--ev-color, var(--dt-accent)) 12%, transparent);
-		padding: 1px 4px;
-		border-radius: 3px;
-		white-space: nowrap;
-		flex-shrink: 0;
-		max-width: 80px;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-	.ag-compact-more.svelte-uhwfyj {
-		font-size: 11px;
-		color: var(--dt-text-3);
-		padding: 2px 0 0 13px;
-	}
-
-	/* ═══ Mobile adaptations ═══ */
-	.ag--mobile.svelte-uhwfyj .ag-wday-head:where(.svelte-uhwfyj) {
-		padding: 12px 16px;
-	}
-	.ag--mobile.svelte-uhwfyj .ag-wday-expanded:where(.svelte-uhwfyj) {
-		padding: 0 16px 12px;
-	}
-	.ag--mobile.svelte-uhwfyj .ag-wday-compact:where(.svelte-uhwfyj) {
-		padding: 0 16px 12px;
-	}
-	.ag--mobile.svelte-uhwfyj .ag-card-body:where(.svelte-uhwfyj) {
-		padding: 12px 14px;
-	}
-	.ag--mobile.svelte-uhwfyj .ag-card-title:where(.svelte-uhwfyj) {
-		font-size: 14px;
-	}
-	.ag--mobile.svelte-uhwfyj .ag-compact:where(.svelte-uhwfyj) {
-		padding: 8px 0;
-	}
-	.ag--mobile.svelte-uhwfyj .ag-compact-title:where(.svelte-uhwfyj) {
-		font-size: 14px;
-	}
-	.ag--mobile.svelte-uhwfyj .ag-compact-time:where(.svelte-uhwfyj) {
-		font-size: 12px;
-	}
-	.ag--mobile.svelte-uhwfyj .ag-wslot-cards--multi:where(.svelte-uhwfyj) {
-		grid-template-columns: 1fr;
-	}
-
-	/* ─── Container ──────────────────────────────────── */
-	.mb.svelte-zbkzcp {
-		position: relative;
-		display: flex;
-		flex-direction: column;
-		user-select: none;
-		font-variant-numeric: tabular-nums;
-		overflow: hidden;
-		background: var(--dt-bg, #fff);
-		-webkit-tap-highlight-color: transparent;
-	}
-	.mb--auto.svelte-zbkzcp { overflow: visible; }
-
-	/* ─── All-day bar ────────────────────────────────── */
-	.mb-allday.svelte-zbkzcp {
-		display: flex;
-		gap: 4px;
-		padding: 4px 8px;
-		overflow-x: auto;
-		scrollbar-width: none;
-		border-bottom: 1px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-		flex-shrink: 0;
-		align-items: center;
-	}
-	.mb-allday.svelte-zbkzcp::-webkit-scrollbar { display: none; }
-
-	.mb-allday-chip.svelte-zbkzcp {
-		display: flex;
-		align-items: center;
-		gap: 4px;
-		padding: 4px 8px;
-		border-radius: 5px;
-		background: color-mix(in srgb, var(--ev-color) 12%, var(--dt-surface, #f9fafb));
-		border: none;
-		cursor: pointer;
-		flex-shrink: 0;
-		transition: background 120ms;
-		-webkit-tap-highlight-color: transparent;
-		max-width: 160px;
-	}
-	.mb-allday-chip.svelte-zbkzcp:active {
-		background: color-mix(in srgb, var(--ev-color) 22%, var(--dt-surface, #f9fafb));
-	}
-	.mb-allday-chip--selected.svelte-zbkzcp {
-		box-shadow: 0 0 0 1.5px var(--ev-color);
-	}
-
-	.mb-allday-dot.svelte-zbkzcp {
-		width: 6px;
-		height: 6px;
-		border-radius: 50%;
-		background: var(--ev-color);
-		flex-shrink: 0;
-	}
-
-	.mb-allday-title.svelte-zbkzcp {
-		font: 500 11px/1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		white-space: nowrap;
-		max-width: 100px;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.mb-allday-span.svelte-zbkzcp {
-		font: 400 10px/1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-	}
-
-	.mb-allday-more.svelte-zbkzcp {
-		font: 500 11px/1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		white-space: nowrap;
-		flex-shrink: 0;
-		padding: 0 4px;
-	}
-
-	/* ─── Grid ───────────────────────────────────────── */
-	.mb-grid.svelte-zbkzcp {
-		flex: 1;
-		overflow-y: auto;
-		overflow-x: hidden;
-		-webkit-overflow-scrolling: touch;
-		scrollbar-width: thin;
-		scrollbar-color: var(--dt-scrollbar, rgba(0, 0, 0, 0.1)) transparent;
-		position: relative;
-		padding-top: 8px;
-	}
-	.mb--auto.svelte-zbkzcp .mb-grid:where(.svelte-zbkzcp) { overflow-y: visible; }
-
-	.mb-grid-inner.svelte-zbkzcp {
-		position: relative;
-		min-width: 100%;
-	}
-
-	/* ─── Hour row ───────────────────────────────────── */
-	.mb-hour.svelte-zbkzcp {
-		position: absolute;
-		left: 0;
-		right: 0;
-		display: flex;
-		align-items: flex-start;
-	}
-
-	.mb-hour-label.svelte-zbkzcp {
-		width: 40px;
-		flex-shrink: 0;
-		font: 500 11px/1 var(--dt-mono, ui-monospace, monospace);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		text-align: right;
-		padding-right: 8px;
-		padding-top: 0;
-		position: relative;
-		top: -6px;
-	}
-
-	.mb-hour-line.svelte-zbkzcp {
-		flex: 1;
-		height: 1px;
-		background: var(--dt-border, rgba(0, 0, 0, 0.08));
-	}
-
-	.mb-hour--blocked.svelte-zbkzcp {
-		background: repeating-linear-gradient(
-			-45deg,
-			color-mix(in srgb, var(--dt-text, rgba(0, 0, 0, 0.87)) 3%, transparent),
-			color-mix(in srgb, var(--dt-text, rgba(0, 0, 0, 0.87)) 3%, transparent) 4px,
-			transparent 4px,
-			transparent 8px
-		);
-	}
-
-	.mb-blocked-label.svelte-zbkzcp {
-		position: absolute;
-		left: 44px;
-		top: 50%;
-		transform: translateY(-50%);
-		font: 500 9px/1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		text-transform: uppercase;
-		letter-spacing: 0.04em;
-	}
-
-	/* ─── Now line ───────────────────────────────────── */
-	.mb-now.svelte-zbkzcp {
-		position: absolute;
-		left: 0;
-		right: 0;
-		z-index: 10;
-		display: flex;
-		align-items: center;
-		pointer-events: none;
-	}
-
-	.mb-now-label.svelte-zbkzcp {
-		width: 40px;
-		flex-shrink: 0;
-		text-align: right;
-		padding-right: 6px;
-		font: 700 10px/1 var(--dt-mono, ui-monospace, monospace);
-		color: var(--dt-accent, #2563eb);
-	}
-
-	.mb-now-line.svelte-zbkzcp {
-		flex: 1;
-		height: 2px;
-		background: var(--dt-accent, #2563eb);
-		box-shadow: 0 0 6px var(--dt-glow, rgba(37, 99, 235, 0.25));
-		position: relative;
-	}
-
-	.mb-now-line.svelte-zbkzcp::before {
-		content: '';
-		position: absolute;
-		left: -4px;
-		top: -4px;
-		width: 10px;
-		height: 10px;
-		border-radius: 50%;
-		background: var(--dt-accent, #2563eb);
-	}
-
-	/* ─── Events ─────────────────────────────────────── */
-	.mb-event.svelte-zbkzcp {
-		position: absolute;
-		z-index: 5;
-		border-radius: 8px;
-		cursor: pointer;
-		background: color-mix(in srgb, var(--ev-color) 12%, var(--dt-surface, #f9fafb));
-		border: none;
-		display: flex;
-		align-items: stretch;
-		overflow: hidden;
-		transition: box-shadow 120ms, background 120ms;
-		text-align: left;
-		padding: 0;
-		-webkit-tap-highlight-color: transparent;
-		min-height: 24px;
-	}
-	.mb-event.svelte-zbkzcp:active {
-		background: color-mix(in srgb, var(--ev-color) 20%, var(--dt-surface, #f9fafb));
-	}
-	.mb-event--selected.svelte-zbkzcp {
-		box-shadow: 0 0 0 2px var(--ev-color),
-			0 2px 12px color-mix(in srgb, var(--ev-color) 25%, transparent);
-	}
-	.mb-event--current.svelte-zbkzcp {
-		background: color-mix(in srgb, var(--ev-color) 18%, var(--dt-surface, #f9fafb));
-	}
-	.mb-event--next.svelte-zbkzcp {
-		background: color-mix(in srgb, var(--ev-color) 8%, var(--dt-surface, #f9fafb));
-		border: 1px dashed color-mix(in srgb, var(--ev-color) 35%, transparent);
-	}
-	.mb-event--cancelled.svelte-zbkzcp {
-		opacity: 0.5;
-	}
-	.mb-event--cancelled.svelte-zbkzcp .mb-ev-title:where(.svelte-zbkzcp) {
-		text-decoration: line-through;
-	}
-	.mb-event--tentative.svelte-zbkzcp {
-		opacity: 0.65;
-		border: 1px dashed color-mix(in srgb, var(--ev-color) 35%, transparent);
-	}
-	.mb-event--full.svelte-zbkzcp {
-		opacity: 0.55;
-	}
-	.mb-event--limited.svelte-zbkzcp {
-		opacity: 0.65;
-		border: 1px dashed color-mix(in srgb, var(--ev-color) 35%, transparent);
-	}
-	.mb-event--resizing.svelte-zbkzcp {
-		z-index: 50;
-		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
-		cursor: ns-resize;
-	}
-
-	/* ─── Resize handles ─────────────────────────────── */
-	.mb-ev-handle.svelte-zbkzcp {
-		position: absolute;
-		left: 0;
-		right: 0;
-		height: 10px;
-		z-index: 2;
-		cursor: ns-resize;
-		touch-action: none;
-	}
-	.mb-ev-handle--start.svelte-zbkzcp { top: 0; }
-	.mb-ev-handle--end.svelte-zbkzcp { bottom: 0; }
-	.mb-ev-handle.svelte-zbkzcp::after {
-		content: '';
-		position: absolute;
-		left: 50%;
-		transform: translateX(-50%);
-		width: 24px;
-		height: 3px;
-		border-radius: 2px;
-		background: var(--ev-color);
-		opacity: 0;
-		transition: opacity 120ms;
-	}
-	.mb-ev-handle--start.svelte-zbkzcp::after { top: 2px; }
-	.mb-ev-handle--end.svelte-zbkzcp::after { bottom: 2px; }
-	.mb-event.svelte-zbkzcp:hover .mb-ev-handle:where(.svelte-zbkzcp)::after,
-	.mb-event--resizing.svelte-zbkzcp .mb-ev-handle:where(.svelte-zbkzcp)::after,
-	.mb-event--selected.svelte-zbkzcp .mb-ev-handle:where(.svelte-zbkzcp)::after { opacity: 0.55; }
-
-	/* ─── Drag-to-create ghost ───────────────────────── */
-	.mb-create-ghost.svelte-zbkzcp {
-		position: absolute;
-		left: 40px;
-		right: 4px;
-		z-index: 40;
-		border-radius: 8px;
-		background: color-mix(in srgb, var(--dt-accent, #2563eb) 12%, transparent);
-		border: 1px dashed color-mix(in srgb, var(--dt-accent, #2563eb) 55%, transparent);
-		display: flex;
-		align-items: flex-start;
-		overflow: hidden;
-		pointer-events: none;
-	}
-	.mb-create-ghost-time.svelte-zbkzcp {
-		font: 600 10px/1 var(--dt-mono, ui-monospace, monospace);
-		color: var(--dt-accent, #2563eb);
-		padding: 4px 8px;
-		white-space: nowrap;
-	}
-
-	.mb-ev-stripe.svelte-zbkzcp {
-		width: 4px;
-		background: var(--ev-color);
-		flex-shrink: 0;
-		border-radius: 8px 0 0 8px;
-	}
-
-	.mb-ev-body.svelte-zbkzcp {
-		flex: 1;
-		min-width: 0;
-		padding: 4px 8px;
-		display: flex;
-		flex-direction: column;
-		gap: 1px;
-		justify-content: center;
-	}
-
-	.mb-ev-title.svelte-zbkzcp {
-		font: 600 13px/1.2 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.mb-ev-time.svelte-zbkzcp {
-		font: 400 11px/1 var(--dt-mono, ui-monospace, monospace);
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-	}
-
-	.mb-ev-sub.svelte-zbkzcp {
-		font: 400 11px/1.1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.mb-ev-loc.svelte-zbkzcp {
-		font: 400 10px/1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.mb-ev-tags.svelte-zbkzcp {
-		display: flex;
-		gap: 4px;
-		margin-top: 2px;
-	}
-
-	.mb-ev-tag.svelte-zbkzcp {
-		font: 500 9px/1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--ev-color, var(--dt-accent));
-		background: color-mix(in srgb, var(--ev-color, var(--dt-accent)) 15%, transparent);
-		padding: 2px 5px;
-		border-radius: 3px;
-		white-space: nowrap;
-	}
-
-	.mb-ev-live.svelte-zbkzcp {
-		position: absolute;
-		top: 6px;
-		right: 6px;
-		width: 7px;
-		height: 7px;
-		border-radius: 50%;
-		background: var(--ev-color, var(--dt-accent));
-		animation: svelte-zbkzcp-mb-pulse 2s ease-in-out infinite;
-	}
-	.mb-ev-next-badge.svelte-zbkzcp {
-		position: absolute;
-		top: 4px;
-		right: 4px;
-		font: 600 8px/1 var(--dt-sans, system-ui, sans-serif);
-		text-transform: uppercase;
-		letter-spacing: 0.06em;
-		color: var(--ev-color, var(--dt-accent));
-		background: color-mix(in srgb, var(--ev-color, var(--dt-accent)) 15%, transparent);
-		padding: 2px 5px;
-		border-radius: 3px;
-		white-space: nowrap;
-	}
-
-	@keyframes svelte-zbkzcp-mb-pulse {
-		0%, 100% { opacity: 1; }
-		50% { opacity: 0.4; }
-	}
-
-	/* ─── Focus ──────────────────────────────────────── */
-	.mb-event.svelte-zbkzcp:focus-visible {
-		outline: 2px solid var(--dt-accent, #2563eb);
-		outline-offset: 2px;
-	}
-
-	/* ─── Container ──────────────────────────────────── */
-	.mw.svelte-1d18hkf {
-		position: relative;
-		display: flex;
-		flex-direction: column;
-		user-select: none;
-		font-variant-numeric: tabular-nums;
-		overflow: hidden;
-		background: var(--dt-bg, #fff);
-		-webkit-tap-highlight-color: transparent;
-	}
-	.mw--auto.svelte-1d18hkf { overflow: visible; }
-
-	/* ─── Scrollable day list ────────────────────────── */
-	.mw-list.svelte-1d18hkf {
-		flex: 1;
-		overflow-y: auto;
-		-webkit-overflow-scrolling: touch;
-		scrollbar-width: thin;
-		scrollbar-color: var(--dt-scrollbar, rgba(0, 0, 0, 0.1)) transparent;
-	}
-	.mw--auto.svelte-1d18hkf .mw-list:where(.svelte-1d18hkf) { overflow-y: visible; }
-
-	/* ─── Day row ────────────────────────────────────── */
-	.mw-row.svelte-1d18hkf {
-		display: flex;
-		align-items: center;
-		gap: 12px;
-		position: relative;
-		padding: 10px 12px;
-		background: transparent;
-		transition: background 120ms;
-		text-align: left;
-		width: 100%;
-		-webkit-tap-highlight-color: transparent;
-		border-bottom: 1px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-		min-height: 56px;
-	}
-	.mw-row.svelte-1d18hkf:last-child {
-		border-bottom: none;
-	}
-	.mw-row.svelte-1d18hkf:has(.mw-row-target:where(.svelte-1d18hkf):active) {
-		background: color-mix(in srgb, var(--dt-accent, #2563eb) 6%, transparent);
-	}
-	.mw-row--today.svelte-1d18hkf {
-		background: color-mix(in srgb, var(--dt-accent, #2563eb) 4%, transparent);
-	}
-	.mw-row--past.svelte-1d18hkf {
-		opacity: 0.5;
-	}
-	.mw-row--disabled.svelte-1d18hkf {
-		background-image: repeating-linear-gradient(
-			135deg,
-			transparent,
-			transparent 6px,
-			color-mix(in srgb, var(--dt-text, rgba(0, 0, 0, 0.87)) 4%, transparent) 6px,
-			color-mix(in srgb, var(--dt-text, rgba(0, 0, 0, 0.87)) 4%, transparent) 12px
-		);
-	}
-	.mw-row-target.svelte-1d18hkf {
-		position: absolute;
-		inset: 0;
-		z-index: 0;
-		border: none;
-		background: transparent;
-		cursor: pointer;
-		padding: 0;
-		-webkit-tap-highlight-color: transparent;
-	}
-	.mw-row-target.svelte-1d18hkf:disabled {
-		cursor: default;
-	}
-	.mw-row-target.svelte-1d18hkf:focus-visible {
-		outline: 2px solid var(--dt-accent, #2563eb);
-		outline-offset: -2px;
-	}
-
-	/* ─── Date column ────────────────────────────────── */
-	.mw-date.svelte-1d18hkf {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		width: 40px;
-		flex-shrink: 0;
-		gap: 2px;
-		position: relative;
-		z-index: 1;
-		pointer-events: none;
-	}
-
-	.mw-day-name.svelte-1d18hkf {
-		font: 600 10px/1 var(--dt-sans, system-ui, sans-serif);
-		letter-spacing: 0.06em;
-		text-transform: uppercase;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-	}
-	.mw-day-name--today.svelte-1d18hkf {
-		color: var(--dt-accent, #2563eb);
-	}
-
-	.mw-day-num.svelte-1d18hkf {
-		font: 700 18px/1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-	}
-	.mw-day-num--today.svelte-1d18hkf {
-		background: var(--dt-accent, #2563eb);
-		color: var(--dt-btn-text, #fff);
-		width: 30px;
-		height: 30px;
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		border-radius: 50%;
-		font-size: 15px;
-	}
-
-	/* ─── Events column ──────────────────────────────── */
-	.mw-events.svelte-1d18hkf {
-		flex: 1;
-		min-width: 0;
-		display: flex;
-		flex-direction: column;
-		gap: 4px;
-		position: relative;
-		z-index: 2;
-	}
-
-	.mw-empty.svelte-1d18hkf {
-		font: 400 12px/1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		font-style: italic;
-	}
-
-	/* ─── Event chip ─────────────────────────────────── */
-	.mw-ev.svelte-1d18hkf {
-		display: flex;
-		align-items: center;
-		gap: 0;
-		border-radius: 6px;
-		background: color-mix(in srgb, var(--ev-color) 10%, var(--dt-surface, #f9fafb));
-		overflow: hidden;
-		cursor: pointer;
-		transition: background 120ms;
-		-webkit-tap-highlight-color: transparent;
-		border: none;
-		text-align: left;
-		padding: 0;
-	}
-	.mw-ev.svelte-1d18hkf:active {
-		background: color-mix(in srgb, var(--ev-color) 20%, var(--dt-surface, #f9fafb));
-	}
-	.mw-ev--selected.svelte-1d18hkf {
-		box-shadow: 0 0 0 1.5px var(--ev-color);
-	}
-	.mw-ev--current.svelte-1d18hkf {
-		background: color-mix(in srgb, var(--ev-color) 16%, var(--dt-surface, #f9fafb));
-	}
-	.mw-ev--allday.svelte-1d18hkf {
-		background: color-mix(in srgb, var(--ev-color) 14%, var(--dt-surface, #f9fafb));
-	}
-	.mw-ev--cancelled.svelte-1d18hkf {
-		opacity: 0.5;
-	}
-	.mw-ev--cancelled.svelte-1d18hkf .mw-ev-title:where(.svelte-1d18hkf) {
-		text-decoration: line-through;
-	}
-	.mw-ev--tentative.svelte-1d18hkf {
-		opacity: 0.65;
-		border: 1px dashed color-mix(in srgb, var(--ev-color) 35%, transparent);
-	}
-	.mw-ev--full.svelte-1d18hkf {
-		opacity: 0.55;
-	}
-	.mw-ev--limited.svelte-1d18hkf {
-		opacity: 0.65;
-		border: 1px dashed color-mix(in srgb, var(--ev-color) 35%, transparent);
-	}
-
-	.mw-ev-stripe.svelte-1d18hkf {
-		width: 3px;
-		align-self: stretch;
-		background: var(--ev-color, var(--dt-accent));
-		flex-shrink: 0;
-		border-radius: 6px 0 0 6px;
-	}
-
-	.mw-ev-body.svelte-1d18hkf {
-		flex: 1;
-		min-width: 0;
-		padding: 5px 8px;
-		display: flex;
-		align-items: baseline;
-		gap: 6px;
-	}
-
-	.mw-ev-title.svelte-1d18hkf {
-		font: 500 12px/1.2 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		flex: 1;
-		min-width: 0;
-	}
-
-	.mw-ev-time.svelte-1d18hkf {
-		font: 400 11px/1 var(--dt-mono, ui-monospace, monospace);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		white-space: nowrap;
-		flex-shrink: 0;
-	}
-
-	.mw-ev-more.svelte-1d18hkf {
-		font: 400 11px/1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		padding: 2px 0;
-	}
-
-	/* ─── Chevron ────────────────────────────────────── */
-	.mw-chevron.svelte-1d18hkf {
-		flex-shrink: 0;
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-		position: relative;
-		z-index: 1;
-		pointer-events: none;
-	}
-
-	/* ─── Focus ──────────────────────────────────────── */
-	.mw-ev.svelte-1d18hkf:focus-visible {
-		outline: 2px solid var(--ev-color, var(--dt-accent));
-		outline-offset: 1px;
-	}
-
-	.mg.svelte-pvjuld {
-		display: flex;
-		flex-direction: column;
-		background: var(--dt-bg);
-		color: var(--dt-text);
-		font-family: var(--dt-sans);
-		overflow: hidden;
-	}
-	.mg--auto.svelte-pvjuld {
-		height: auto;
-	}
-
-	.mg-head.svelte-pvjuld {
-		display: grid;
-		grid-template-columns: repeat(7, 1fr);
-		border-bottom: 1px solid var(--dt-border);
-		flex: none;
-	}
-	.mg-head-cell.svelte-pvjuld {
-		padding: 6px 8px;
-		font-family: var(--dt-mono);
-		font-size: 11px;
-		font-weight: 600;
-		text-transform: uppercase;
-		letter-spacing: 0.06em;
-		color: var(--dt-text-3);
-	}
-
-	.mg-body.svelte-pvjuld {
-		flex: 1;
-		display: grid;
-		grid-template-columns: repeat(7, 1fr);
-		grid-template-rows: repeat(var(--mg-rows, 5), minmax(88px, 1fr));
-		min-height: 0;
-	}
-	.mg--auto.svelte-pvjuld .mg-body:where(.svelte-pvjuld) {
-		grid-template-rows: repeat(var(--mg-rows, 5), minmax(88px, auto));
-	}
-
-	.mg-cell.svelte-pvjuld {
-		display: flex;
-		flex-direction: column;
-		gap: 3px;
-		padding: 6px;
-		border-right: 1px solid var(--dt-border-day);
-		border-bottom: 1px solid var(--dt-border-day);
-		min-width: 0;
-		overflow: hidden;
-		text-align: left;
-	}
-	.mg-cell.svelte-pvjuld:nth-child(7n) {
-		border-right: none;
-	}
-	.mg-cell--weekend.svelte-pvjuld {
-		background: var(--dt-weekend-bg);
-	}
-	.mg-cell--out.svelte-pvjuld {
-		opacity: 0.45;
-	}
-	.mg-cell--today.svelte-pvjuld {
-		background: var(--dt-today-bg);
-	}
-	.mg-cell--disabled.svelte-pvjuld {
-		opacity: 0.35;
-		pointer-events: none;
-	}
-	.mg-cell--clickable.svelte-pvjuld {
-		cursor: pointer;
-	}
-	.mg-cell--clickable.svelte-pvjuld:hover {
-		background: var(--dt-hover);
-	}
-	.mg-cell--clickable.svelte-pvjuld:focus-visible {
-		outline: 2px solid var(--dt-accent);
-		outline-offset: -2px;
-	}
-
-	.mg-daynum.svelte-pvjuld {
-		flex: none;
-		font-family: var(--dt-mono);
-		font-size: 12px;
-		font-weight: 600;
-		color: var(--dt-text-2);
-		width: 22px;
-		height: 22px;
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		border-radius: 999px;
-	}
-	.mg-daynum--today.svelte-pvjuld {
-		background: var(--dt-accent);
-		color: var(--dt-btn-text);
-	}
-
-	.mg-chips.svelte-pvjuld {
-		display: flex;
-		flex-direction: column;
-		gap: 2px;
-		min-height: 0;
-		overflow: hidden;
-	}
-	.mg-chip.svelte-pvjuld {
-		display: flex;
-		align-items: center;
-		gap: 5px;
-		border: none;
-		background: none;
-		padding: 2px 4px;
-		border-radius: 5px;
-		font-family: var(--dt-sans);
-		font-size: 12px;
-		line-height: 1.3;
-		color: var(--dt-text);
-		cursor: pointer;
-		min-width: 0;
-		text-align: left;
-	}
-	.mg-chip.svelte-pvjuld:hover {
-		background: var(--dt-hover);
-	}
-	.mg-chip--selected.svelte-pvjuld {
-		background: var(--dt-accent-dim);
-	}
-	.mg-chip--cancelled.svelte-pvjuld {
-		text-decoration: line-through;
-		opacity: 0.55;
-	}
-	.mg-chip-dot.svelte-pvjuld {
-		flex: none;
-		width: 7px;
-		height: 7px;
-		border-radius: 999px;
-		background: var(--mg-chip-color);
-	}
-	.mg-chip-time.svelte-pvjuld {
-		flex: none;
-		font-family: var(--dt-mono);
-		font-size: 11px;
-		color: var(--dt-text-2);
-	}
-	.mg-chip-title.svelte-pvjuld {
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-	.mg-more.svelte-pvjuld {
-		padding: 1px 4px;
-		font-family: var(--dt-mono);
-		font-size: 11px;
-		color: var(--dt-text-3);
-	}
-
-	@media (max-width: 640px) {
-		.mg-body.svelte-pvjuld {
-			grid-template-rows: repeat(var(--mg-rows, 5), minmax(64px, 1fr));
-		}
-		.mg-chip-time.svelte-pvjuld {
-			display: none;
-		}
-	}
-
-	.cal.svelte-1b53e7w {
-		position: relative;
-		width: 100%;
-		min-width: 0;
-		height: var(--cal-h, 600px);
-		background: var(--dt-bg, inherit);
-		border-radius: var(--cal-r, 12px);
-		overflow: clip;
-		display: flex;
-		flex-direction: column;
-		border: 1px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-		box-sizing: border-box;
-	}
-	.cal--auto.svelte-1b53e7w {
-		height: auto;
-		overflow: visible;
-	}
-
-
-	/* ── Desktop header ── */
-	.cal-hd.svelte-1b53e7w {
-		display: flex;
-		align-items: center;
-		gap: 8px;
-		padding: 8px 12px;
-		min-height: 48px;
-		box-sizing: border-box;
-		border-bottom: 1px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-		flex-shrink: 0;
-	}
-
-	.cal-hd-side.svelte-1b53e7w {
-		display: flex;
-		align-items: center;
-		gap: 4px;
-		flex: 1;
-		min-width: 0;
-	}
-
-	.cal-hd-side--end.svelte-1b53e7w {
-		justify-content: flex-end;
-	}
-
-	.cal-hd-title.svelte-1b53e7w {
-		font: 600 14px/1.2 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.cal-hd-btn.svelte-1b53e7w {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 28px;
-		height: 28px;
-		border: none;
-		background: transparent;
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		border-radius: 6px;
-		cursor: pointer;
-		transition: background 120ms, color 120ms;
-	}
-
-	.cal-hd-btn.svelte-1b53e7w:hover {
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		background: color-mix(in srgb, var(--dt-text, rgba(0, 0, 0, 0.87)) 8%, transparent);
-	}
-
-	.cal-hd-btn.svelte-1b53e7w:focus-visible,
-	.cal-hd-today.svelte-1b53e7w:focus-visible,
-	.cal-pill.svelte-1b53e7w:focus-visible {
-		outline: 2px solid color-mix(in srgb, var(--dt-accent, #2563eb) 55%, transparent);
-		outline-offset: 2px;
-	}
-
-	.cal-hd-today.svelte-1b53e7w {
-		font: 500 12px/1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		background: transparent;
-		border: 1px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-		padding: 6px 10px;
-		border-radius: 6px;
-		cursor: pointer;
-		white-space: nowrap;
-		margin-right: 2px;
-		transition: background 120ms, color 120ms, border-color 120ms;
-	}
-
-	.cal-hd-today.svelte-1b53e7w:hover {
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		border-color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-	}
-
-	.cal-pills.svelte-1b53e7w {
-		display: flex;
-		gap: 2px;
-		background: color-mix(in srgb, var(--dt-surface, var(--dt-bg, #ffffff)) 85%, transparent);
-		border-radius: 8px;
-		padding: 2px;
-		border: 1px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-		flex-shrink: 0;
-	}
-
-	.cal-pill.svelte-1b53e7w {
-		border: none;
-		background: transparent;
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		cursor: pointer;
-		font: 500 12px/1 var(--dt-sans, system-ui, sans-serif);
-		padding: 5px 12px;
-		border-radius: 6px;
-		transition: background 100ms, color 100ms;
-	}
-
-	.cal-pill.svelte-1b53e7w:hover {
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-	}
-
-	.cal-pill--active.svelte-1b53e7w {
-		background: var(--dt-accent, #2563eb);
-		color: var(--dt-btn-text, #fff);
-	}
-
-	.cal-body.svelte-1b53e7w {
-		flex: 1;
-		min-height: 0;
-		position: relative;
-		overflow: hidden;
-	}
-	.cal--auto.svelte-1b53e7w .cal-body:where(.svelte-1b53e7w) {
-		overflow: visible;
-	}
-
-	.cal-empty.svelte-1b53e7w {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		height: 100%;
-		font: 400 13px / 1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text-3, rgba(0, 0, 0, 0.38));
-	}
-
-	.cal-loading.svelte-1b53e7w {
-		position: absolute;
-		top: 0;
-		left: 0;
-		right: 0;
-		height: 2px;
-		background: linear-gradient(
-			90deg,
-			transparent 0%,
-			var(--dt-accent, #2563eb) 50%,
-			transparent 100%
-		);
-		animation: svelte-1b53e7w-cal-slide 1.2s ease-in-out infinite;
-	}
-
-	@keyframes svelte-1b53e7w-cal-slide {
-		0% { transform: translateX(-100%); }
-		100% { transform: translateX(100%); }
-	}
-
-	/* ── Mobile header (flow layout) ── */
-	.cal-m-hd.svelte-1b53e7w {
-		display: flex;
-		align-items: center;
-		gap: 4px;
-		padding: 8px 8px 6px;
-		border-bottom: 1px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-		flex-shrink: 0;
-		min-height: 44px;
-	}
-
-	.cal-m-left.svelte-1b53e7w,
-	.cal-m-right.svelte-1b53e7w {
-		display: flex;
-		align-items: center;
-		gap: 2px;
-		flex-shrink: 0;
-	}
-
-	.cal-m-right.svelte-1b53e7w {
-		justify-content: flex-end;
-	}
-
-	.cal-m-nav.svelte-1b53e7w {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 32px;
-		height: 32px;
-		border: none;
-		background: transparent;
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		border-radius: 50%;
-		cursor: pointer;
-		transition: background 120ms, color 120ms;
-		-webkit-tap-highlight-color: transparent;
-		flex-shrink: 0;
-	}
-	.cal-m-nav.svelte-1b53e7w:hover {
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		background: color-mix(in srgb, var(--dt-text, rgba(0, 0, 0, 0.87)) 8%, transparent);
-	}
-	.cal-m-nav.svelte-1b53e7w:active {
-		background: var(--dt-accent-dim, rgba(37, 99, 235, 0.12));
-	}
-	.cal-m-nav.svelte-1b53e7w:focus-visible {
-		outline: 2px solid color-mix(in srgb, var(--dt-accent, #2563eb) 55%, transparent);
-		outline-offset: 2px;
-	}
-
-	.cal-m-pills.svelte-1b53e7w {
-		display: flex;
-		gap: 2px;
-		background: color-mix(in srgb, var(--dt-surface, var(--dt-bg, #ffffff)) 85%, transparent);
-		border-radius: 8px;
-		padding: 2px;
-		border: 1px solid var(--dt-border, rgba(0, 0, 0, 0.08));
-		flex-shrink: 0;
-	}
-	.cal-m-pill.svelte-1b53e7w {
-		border: none;
-		background: transparent;
-		color: var(--dt-text-2, rgba(0, 0, 0, 0.54));
-		cursor: pointer;
-		font: 600 11px / 1 var(--dt-sans, system-ui, sans-serif);
-		padding: 5px 10px;
-		border-radius: 6px;
-		letter-spacing: 0.04em;
-		text-transform: uppercase;
-		transition: background 100ms, color 100ms;
-		-webkit-tap-highlight-color: transparent;
-	}
-	.cal-m-pill.svelte-1b53e7w:hover {
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-	}
-	.cal-m-pill--active.svelte-1b53e7w {
-		background: var(--dt-accent, #2563eb);
-		color: var(--dt-btn-text, #fff);
-	}
-
-	.cal-m-title.svelte-1b53e7w {
-		flex: 1;
-		text-align: center;
-		font: 600 14px / 1.2 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-text, rgba(0, 0, 0, 0.87));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		min-width: 0;
-	}
-
-	.cal-m-today-bar.svelte-1b53e7w {
-		display: flex;
-		justify-content: center;
-		padding: 12px 8px 6px;
-		flex-shrink: 0;
-	}
-
-	.cal-m-today.svelte-1b53e7w {
-		font: 600 11px / 1 var(--dt-sans, system-ui, sans-serif);
-		color: var(--dt-accent, #2563eb);
-		background: color-mix(in srgb, var(--dt-accent, #2563eb) 10%, transparent);
-		border: none;
-		padding: 5px 10px;
-		border-radius: 6px;
-		cursor: pointer;
-		white-space: nowrap;
-		letter-spacing: 0.04em;
-		text-transform: uppercase;
-		transition: background 120ms, color 120ms;
-		-webkit-tap-highlight-color: transparent;
-		flex-shrink: 0;
-	}
-	.cal-m-today.svelte-1b53e7w:hover {
-		background: color-mix(in srgb, var(--dt-accent, #2563eb) 18%, transparent);
-	}
-	.cal-m-today.svelte-1b53e7w:active {
-		background: color-mix(in srgb, var(--dt-accent, #2563eb) 25%, transparent);
-	}
-	.cal-m-today.svelte-1b53e7w:focus-visible {
-		outline: 2px solid color-mix(in srgb, var(--dt-accent, #2563eb) 55%, transparent);
-		outline-offset: 2px;
-	}