@nomideusz/svelte-calendar 0.4.0 → 0.5.2

package/dist/views/{week/WeekGrid.svelte.d.ts → planner/PlannerWeek.svelte.d.ts}

@@ -1,12 +1,8 @@
 import type { TimelineEvent } from '../../core/types.js';
 interface Props {
-    weekOffset?: number;
     mondayStart?: boolean;
     locale?: string;
-    hourHeight?: number;
-    dayWidth?: number;
-    nowPosition?: number;
-    height?: number;
+    height?: number | null;
     events?: TimelineEvent[];
     style?: string;
     focusDate?: Date;
@@ -17,9 +13,8 @@ interface Props {
     }) => void;
     selectedEventId?: string | null;
     readOnly?: boolean;
-    visibleHours?: [number, number];
     [key: string]: unknown;
 }
-declare const WeekGrid: import("svelte").Component<Props, {}, "">;
-type WeekGrid = ReturnType<typeof WeekGrid>;
-export default WeekGrid;
+declare const PlannerWeek: import("svelte").Component<Props, {}, "">;
+type PlannerWeek = ReturnType<typeof PlannerWeek>;
+export default PlannerWeek;

package/dist/views/planner/index.d.ts

@@ -0,0 +1 @@
+export { default as Planner } from './Planner.svelte';

package/dist/views/planner/index.js

@@ -0,0 +1 @@
+export { default as Planner } from './Planner.svelte';

package/dist/widget/CalendarWidget.svelte

@@ -8,7 +8,7 @@
     <day-calendar
       api="https://myschool.com/api/events"
       theme="neutral"
-      view="week-grid"
+      view="week-planner"
       height="600"
       locale="en-US"
     ></day-calendar>
@@ -16,23 +16,23 @@
 <script lang="ts">
 	import Calendar from '../calendar/Calendar.svelte';
 	import type { CalendarView } from '../calendar/Calendar.svelte';
-	import { DayGrid } from '../views/day/index.js';
-	import { WeekGrid } from '../views/week/index.js';
+	import { Planner } from '../views/planner/index.js';
 	import { Agenda } from '../views/agenda/index.js';
-	import { WeekHeatmap } from '../views/week/index.js';
-	import { DayTimeline } from '../views/day/index.js';
 	import { createRestAdapter } from '../adapters/rest.js';
 	import { createMemoryAdapter } from '../adapters/memory.js';
 	import { presets } from '../theme/presets.js';
 	import type { PresetName } from '../theme/presets.js';
 	import type { TimelineEvent } from '../core/types.js';
+	import { getLabels } from '../core/locale.js';
+
+	const L = $derived(getLabels());
 
 	interface Props {
 		/** REST API base URL — if provided, fetches events from this endpoint */
 		api?: string;
 		/** JSON string of events for static/inline data (alternative to api) */
 		events?: string;
-		/** Theme preset name: midnight, parchment, indigo, neutral, bare */
+		/** Theme preset name: midnight, neutral */
 		theme?: string;
 		/** Default view ID */
 		view?: string;
@@ -52,7 +52,7 @@
 		api,
 		events,
 		theme = 'neutral',
-		view = 'week-grid',
+		view = 'week-planner',
 		height = '600',
 		locale,
 		dir,
@@ -71,17 +71,47 @@
 	);
 
 	// ── Parse static events from JSON attribute ──
+	function parseHeaders(json?: string): Record<string, string> | undefined {
+		if (!json) return undefined;
+		try {
+			const parsed = JSON.parse(json) as Record<string, unknown>;
+			const out: Record<string, string> = {};
+			for (const [k, v] of Object.entries(parsed)) {
+				out[k] = String(v);
+			}
+			return out;
+		} catch {
+			console.warn('[day-calendar] Failed to parse headers JSON:', json);
+			return undefined;
+		}
+	}
+
+	function toEvent(raw: Record<string, unknown>, fallbackId: string): TimelineEvent | null {
+		const start = new Date(String(raw.start ?? ''));
+		const end = new Date(String(raw.end ?? ''));
+		if (Number.isNaN(start.getTime()) || Number.isNaN(end.getTime()) || end <= start) {
+			return null;
+		}
+		return {
+			id: String(raw.id ?? fallbackId),
+			title: String(raw.title ?? 'Untitled'),
+			start,
+			end,
+			color: raw.color ? String(raw.color) : undefined,
+		};
+	}
+
 	function parseEvents(json?: string): TimelineEvent[] {
 		if (!json) return [];
 		try {
 			const raw = JSON.parse(json) as Array<Record<string, unknown>>;
-			return raw.map((e) => ({
-				id: String(e.id ?? crypto.randomUUID()),
-				title: String(e.title ?? 'Untitled'),
-				start: new Date(e.start as string),
-				end: new Date(e.end as string),
-				color: e.color ? String(e.color) : undefined,
-			}));
+			const parsed = raw
+				.map((e, idx) => toEvent(e, `inline-${idx}`))
+				.filter((ev): ev is TimelineEvent => ev !== null);
+			if (parsed.length !== raw.length) {
+				console.warn(`[day-calendar] Ignored ${raw.length - parsed.length} invalid event(s) from events JSON.`);
+			}
+			return parsed;
 		} catch {
 			console.warn('[day-calendar] Failed to parse events JSON:', json);
 			return [];
@@ -91,22 +121,15 @@
 	// ── Create adapter ──
 	const adapter = $derived.by(() => {
 		if (api) {
-			const parsedHeaders = headers ? JSON.parse(headers) as Record<string, string> : undefined;
+			const parsedHeaders = parseHeaders(headers);
 			return createRestAdapter({
 				baseUrl: api,
 				headers: parsedHeaders,
 				mapEvents: (data: unknown) => {
 					const arr = Array.isArray(data) ? data : (data as Record<string, unknown>).events as unknown[] ?? [];
-					return arr.map((e: unknown) => {
-						const ev = e as Record<string, unknown>;
-						return {
-							id: String(ev.id ?? ''),
-							title: String(ev.title ?? 'Untitled'),
-							start: new Date(ev.start as string),
-							end: new Date(ev.end as string),
-							color: ev.color ? String(ev.color) : undefined,
-						};
-					});
+					return arr
+						.map((e: unknown, idx) => toEvent(e as Record<string, unknown>, `api-${idx}`))
+						.filter((ev): ev is TimelineEvent => ev !== null);
 				},
 			});
 		}
@@ -114,14 +137,12 @@
 	});
 
 	// ── Default views ──
-	const defaultViews: CalendarView[] = [
-		{ id: 'day-grid',     label: 'Grid',     granularity: 'day',  component: DayGrid },
-		{ id: 'week-grid',    label: 'Grid',     granularity: 'week', component: WeekGrid },
-		{ id: 'day-timeline', label: 'Timeline', granularity: 'day',  component: DayTimeline },
-		{ id: 'day-agenda',   label: 'Agenda',   granularity: 'day',  component: Agenda, props: { mode: 'day' } },
-		{ id: 'week-agenda',  label: 'Agenda',   granularity: 'week', component: Agenda, props: { mode: 'week' } },
-		{ id: 'week-heatmap', label: 'Heatmap',  granularity: 'week', component: WeekHeatmap },
-	];
+	const defaultViews: CalendarView[] = $derived([
+		{ id: 'day-planner',     label: L.planner,  granularity: 'day',  component: Planner, props: { mode: 'day' } },
+		{ id: 'week-planner',    label: L.planner,  granularity: 'week', component: Planner, props: { mode: 'week' } },
+		{ id: 'day-agenda',   label: L.agenda,   granularity: 'day',  component: Agenda, props: { mode: 'day' } },
+		{ id: 'week-agenda',  label: L.agenda,   granularity: 'week', component: Agenda, props: { mode: 'week' } },
+	]);
 </script>
 
 <Calendar

package/dist/widget/CalendarWidget.svelte.d.ts

@@ -3,7 +3,7 @@ interface Props {
     api?: string;
     /** JSON string of events for static/inline data (alternative to api) */
     events?: string;
-    /** Theme preset name: midnight, parchment, indigo, neutral, bare */
+    /** Theme preset name: midnight, neutral */
     theme?: string;
     /** Default view ID */
     view?: string;

package/package.json

@@ -1,66 +1,71 @@
 {
-  "name": "@nomideusz/svelte-calendar",
-  "version": "0.4.0",
-  "description": "A themeable, pluggable Svelte 5 calendar with Day and Week views — Grid, Timeline, Agenda, Heatmap.",
-  "type": "module",
-  "license": "MIT",
-  "svelte": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js",
-      "default": "./dist/index.js"
-    },
-    "./widget": "./widget/widget.js"
-  },
-  "files": [
-    "dist",
-    "widget",
-    "!dist/**/*.test.*",
-    "!dist/**/*.spec.*"
-  ],
-  "peerDependencies": {
-    "svelte": "^5.0.0"
-  },
-  "devDependencies": {
-    "@sveltejs/adapter-auto": "^7.0.0",
-    "@sveltejs/kit": "^2.50.2",
-    "@sveltejs/package": "^2.5.7",
-    "@sveltejs/vite-plugin-svelte": "^6.2.4",
-    "svelte": "^5.51.0",
-    "svelte-check": "^4.3.6",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vitest": "^4.0.18"
-  },
-  "dependencies": {
-    "date-fns": "^4.1.0",
-    "date-fns-tz": "^3.2.0"
-  },
-  "keywords": [
-    "svelte",
-    "calendar",
-    "scheduler",
-    "timeline",
-    "week",
-    "day",
-    "booking",
-    "svelte5"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/nomideusz/svelte-calendar"
-  },
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build",
-    "package": "svelte-kit sync && svelte-package",
-    "build:widget": "vite build --config vite.config.widget.ts",
-    "preview": "vite preview",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "test": "vitest run",
-    "test:watch": "vitest"
-  }
-}
+	"name": "@nomideusz/svelte-calendar",
+	"version": "0.5.2",
+	"description": "A themeable Svelte 5 calendar with Day and Week views — Planner and Agenda.",
+	"type": "module",
+	"license": "MIT",
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js",
+			"default": "./dist/index.js"
+		},
+		"./widget": "./widget/widget.js"
+	},
+	"files": [
+		"dist",
+		"widget",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"package": "svelte-kit sync && svelte-package",
+		"build:widget": "vite build --config vite.config.widget.ts",
+		"prepublishOnly": "npm run package",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"test": "vitest run",
+		"test:watch": "vitest"
+	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-auto": "^7.0.0",
+		"@sveltejs/kit": "^2.50.2",
+		"@sveltejs/package": "^2.5.7",
+		"@sveltejs/vite-plugin-svelte": "^6.2.4",
+		"@types/node": "^22.0.0",
+		"@vercel/analytics": "^1.6.1",
+		"marked": "^17.0.3",
+		"svelte": "^5.51.0",
+		"svelte-check": "^4.3.6",
+		"typescript": "^5.9.3",
+		"vite": "^7.3.1",
+		"vitest": "^4.0.18"
+	},
+	"dependencies": {
+		"date-fns": "^4.1.0",
+		"date-fns-tz": "^3.2.0"
+	},
+	"keywords": [
+		"svelte",
+		"calendar",
+		"scheduler",
+		"timeline",
+		"week",
+		"day",
+		"booking",
+		"svelte5"
+	],
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/nomideusz/svelte-calendar"
+	}
+}

package/widget/svelte-calendar.css

@@ -0,0 +1 @@
+.tb.svelte-n03zvd{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--dt-surface, #10141c);border-bottom:1px solid var(--dt-border, rgba(148, 163, 184, .07));border-radius:10px 10px 0 0;flex-wrap:wrap}.tb-nav.svelte-n03zvd{display:flex;align-items:center;gap:4px}.tb-btn.svelte-n03zvd{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--dt-text-2, rgba(148, 163, 184, .55));cursor:pointer;padding:4px 6px;border-radius:6px;font:500 11px / 1 var(--dt-sans, "Outfit", system-ui, sans-serif);transition:background .1s,color .1s}.tb-btn.svelte-n03zvd:hover{background:var(--dt-accent-dim, rgba(239, 68, 68, .18));color:var(--dt-text, rgba(226, 232, 240, .85))}.tb-today.svelte-n03zvd{padding:4px 10px;border:1px solid var(--dt-border, rgba(148, 163, 184, .07))}.tb-label.svelte-n03zvd{font:500 13px / 1 var(--dt-sans, "Outfit", system-ui, sans-serif);color:var(--dt-text, rgba(226, 232, 240, .85));letter-spacing:.01em;flex:1;min-width:0}.tb-links.svelte-n03zvd{display:flex;gap:6px}.tb-link.svelte-n03zvd{font:400 12px / 1 var(--dt-sans, "Outfit", system-ui, sans-serif);color:var(--dt-text-2, rgba(148, 163, 184, .55));border:1px solid var(--dt-border, rgba(148, 163, 184, .07));padding:4px 8px;border-radius:5px;text-decoration:none;transition:color .1s,border-color .1s}.tb-link.svelte-n03zvd:hover{color:var(--dt-text, rgba(226, 232, 240, .85));border-color:var(--dt-text-2, rgba(148, 163, 184, .25))}.tb-group.svelte-n03zvd{display:flex;gap:2px;background:var(--dt-bg, #0b0e14);border-radius:6px;padding:2px}.tb-seg.svelte-n03zvd{border:none;background:transparent;color:var(--dt-text-2, rgba(148, 163, 184, .55));cursor:pointer;font:600 12px / 1 var(--dt-sans, "Outfit", system-ui, sans-serif);padding:5px 12px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase;transition:background .1s,color .1s}.tb-seg.svelte-n03zvd:hover{color:var(--dt-text, rgba(226, 232, 240, .85))}.tb-seg-active.svelte-n03zvd{background:var(--dt-accent, #ef4444);color:var(--dt-btn-text, #fff)}.tb-concepts.svelte-n03zvd{display:flex;gap:3px;background:var(--dt-bg, #0b0e14);border-radius:6px;padding:2px}.tb-pill.svelte-n03zvd{border:none;background:transparent;color:var(--dt-text-2, rgba(148, 163, 184, .55));cursor:pointer;font:400 12px / 1 var(--dt-sans, "Outfit", system-ui, sans-serif);padding:4px 9px;border-radius:4px;letter-spacing:.02em;transition:background .1s,color .1s;white-space:nowrap}.tb-pill.svelte-n03zvd:hover{color:var(--dt-text, rgba(226, 232, 240, .85))}.tb-pill-active.svelte-n03zvd{background:var(--dt-surface, #10141c);color:var(--dt-text, rgba(226, 232, 240, .85))}.cal.svelte-1b53e7w{position:relative;height:var(--cal-h, 600px);background:var(--dt-bg, #0b0e14);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--dt-border, rgba(148, 163, 184, .07))}.cal-body.svelte-1b53e7w{flex:1;min-height:0;overflow:hidden}.cal-empty.svelte-1b53e7w{display:flex;align-items:center;justify-content:center;height:100%;font:400 13px / 1 var(--dt-sans, "Outfit", system-ui, sans-serif);color:var(--dt-text-3, rgba(100, 116, 139, .55))}.cal-loading.svelte-1b53e7w{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--dt-accent, #ef4444) 50%,transparent 100%);animation:svelte-1b53e7w-cal-slide 1.2s ease-in-out infinite}@keyframes svelte-1b53e7w-cal-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.fs.svelte-1g84p58{--dt-bg: #0b0e14;--dt-surface: #10141c;--dt-border: rgba(148, 163, 184, .07);--dt-border-day: rgba(148, 163, 184, .14);--dt-text: rgba(226, 232, 240, .92);--dt-text-2: rgba(148, 163, 184, .72);--dt-text-3: rgba(100, 116, 139, .7);--dt-accent: #ef4444;--dt-accent-dim: rgba(239, 68, 68, .18);--dt-glow: rgba(239, 68, 68, .35);--dt-today-bg: rgba(239, 68, 68, .025);--dt-btn-text: #fff;--dt-scrollbar: rgba(148, 163, 184, .12);--dt-night: #06080d;--dt-mono: "SF Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--dt-sans: system-ui, -apple-system, "Segoe UI", sans-serif;position:relative;background:var(--dt-bg);border:1px solid var(--dt-border);border-radius:10px;overflow:hidden;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.fs-scroll.svelte-1g84p58{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;cursor:grab;scrollbar-width:thin;scrollbar-color:var(--dt-scrollbar) transparent}.fs-scroll.svelte-1g84p58::-webkit-scrollbar{height:5px}.fs-scroll.svelte-1g84p58::-webkit-scrollbar-thumb{background:var(--dt-scrollbar);border-radius:4px}.fs-scroll.svelte-1g84p58::-webkit-scrollbar-track{background:transparent}.fs-grabbing.svelte-1g84p58{cursor:grabbing}.fs-track.svelte-1g84p58{position:relative;height:100%}.fs-day.svelte-1g84p58{position:absolute;top:0;height:100%;border-left:1px solid var(--dt-border-day);box-sizing:border-box;transition:background .2s}.fs-day.svelte-1g84p58:first-of-type{border-left:none}.fs-today.svelte-1g84p58{background:var(--dt-today-bg)}.fs-past.svelte-1g84p58{opacity:.7}.fs-day-hd.svelte-1g84p58{display:flex;align-items:center;gap:8px;padding:10px 14px;height:38px;box-sizing:border-box;border-bottom:1px solid var(--dt-border)}.fs-day-name.svelte-1g84p58{font:600 12px / 1 var(--dt-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--dt-text-2);white-space:nowrap}.fs-today.svelte-1g84p58 .fs-day-name:where(.svelte-1g84p58){color:var(--dt-accent)}.fs-tick.svelte-1g84p58{position:absolute;top:38px;bottom:0;width:0}.fs-tick.svelte-1g84p58:before{content:"";position:absolute;top:18px;bottom:0;width:1px;background:var(--dt-border)}.fs-tick-lb.svelte-1g84p58{position:absolute;top:2px;left:5px;font:500 10px / 1 var(--dt-mono);color:var(--dt-text-3);white-space:nowrap;pointer-events:none}.fs-tick--half.svelte-1g84p58{bottom:auto;height:26px}.fs-tick--half.svelte-1g84p58:before{top:18px;height:6px;bottom:auto;opacity:.4}.fs-tick--night.svelte-1g84p58:before{opacity:.3}.fs-tick--night.svelte-1g84p58 .fs-tick-lb:where(.svelte-1g84p58){opacity:.5}.fs-night.svelte-1g84p58{position:absolute;top:0;height:100%;background:var(--dt-night);cursor:pointer;transition:width .3s ease;overflow:hidden;border-left:1px solid rgba(148,163,184,.04);border-right:1px solid rgba(148,163,184,.04)}.fs-night--open.svelte-1g84p58{cursor:default;background:color-mix(in srgb,var(--dt-night) 90%,var(--dt-bg))}.fs-night-band.svelte-1g84p58{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:4px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.fs-night-label.svelte-1g84p58{font:500 10px / 1 var(--dt-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--dt-text-3);white-space:nowrap}.fs-night-chevron.svelte-1g84p58{font:400 9px / 1 var(--dt-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--dt-text-3);opacity:.5}.fs-night-toggle.svelte-1g84p58{position:absolute;top:8px;right:8px;z-index:2;font:500 10px / 1 var(--dt-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--dt-text-3);background:#94a3b80f;border:1px solid rgba(148,163,184,.08);padding:4px 10px;border-radius:4px;cursor:pointer;transition:color .15s}.fs-night-toggle.svelte-1g84p58:hover{color:var(--dt-text-2)}.fs-now.svelte-1g84p58{position:absolute;top:0;bottom:0;z-index:10;pointer-events:none;transform:translate(-1px)}.fs-now-line.svelte-1g84p58{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--dt-accent);box-shadow:0 0 8px var(--dt-glow)}.fs-now-tag.svelte-1g84p58{position:absolute;top:8px;left:8px;font:700 11px / 1 var(--dt-mono);color:var(--dt-accent);background:color-mix(in srgb,var(--dt-bg) 92%,var(--dt-accent));border:1px solid var(--dt-accent-dim);padding:3px 6px;border-radius:4px;white-space:nowrap;z-index:1}.fs-now-sec.svelte-1g84p58{font-weight:400;opacity:.5;font-size:10px}.fs-btn.svelte-1g84p58{position:absolute;bottom:14px;right:14px;z-index:20;display:inline-flex;align-items:center;gap:5px;padding:5px 13px 5px 9px;font:600 11px / 1 var(--dt-sans);color:var(--dt-btn-text);background:var(--dt-accent);border:none;border-radius:100px;cursor:pointer;box-shadow:0 2px 16px var(--dt-glow);transition:transform .12s ease,box-shadow .12s ease}.fs-btn.svelte-1g84p58 svg:where(.svelte-1g84p58){width:13px;height:13px}.fs-btn.svelte-1g84p58:hover{transform:scale(1.06);box-shadow:0 4px 24px var(--dt-glow)}.fs-btn.svelte-1g84p58:active{transform:scale(.96)}.fs-event.svelte-1g84p58{position:absolute;z-index:6;border-radius:6px;cursor:pointer;background:color-mix(in srgb,var(--ev-color) 15%,transparent);border-top:3px solid var(--ev-color);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:box-shadow .12s,background .12s}.fs-event.svelte-1g84p58:hover{background:color-mix(in srgb,var(--ev-color) 28%,transparent);box-shadow:0 2px 12px color-mix(in srgb,var(--ev-color) 25%,transparent)}.fs-event--selected.svelte-1g84p58{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-1g84p58{background:color-mix(in srgb,var(--ev-color) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ev-color) 20%,transparent)}.fs-event--dragging.svelte-1g84p58{opacity:.85;z-index:50;box-shadow:0 4px 24px #00000059;cursor:grabbing;transition:none}.fs-ev-inner.svelte-1g84p58{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;gap:6px;max-height:100%;overflow:hidden;padding:8px 4px}.fs-ev-live.svelte-1g84p58{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--ev-color)}.fs-ev-title.svelte-1g84p58{font:600 13px / 1.15 var(--dt-sans);color:var(--dt-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-ev-time.svelte-1g84p58{font:400 10px / 1 var(--dt-mono);color:var(--dt-text-2);opacity:.7;white-space:nowrap}.fs-ev-sub.svelte-1g84p58{font:400 11px / 1 var(--dt-sans);color:var(--dt-text-2);opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-ev-tags.svelte-1g84p58{display:flex;gap:4px}.fs-ev-tag.svelte-1g84p58{font:500 8px / 1 var(--dt-sans);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}.fs-event.svelte-1g84p58:focus-visible,.fs-night.svelte-1g84p58:focus-visible{outline:2px solid var(--dt-accent);outline-offset:2px}.fs-night.svelte-1g84p58:hover{background:color-mix(in srgb,var(--dt-night) 85%,var(--dt-text-3))}.dt.svelte-p4fcuu{--dt-bg: #0b0e14;--dt-surface: #10141c;--dt-border: rgba(148, 163, 184, .07);--dt-border-day: rgba(148, 163, 184, .14);--dt-text: rgba(226, 232, 240, .85);--dt-text-2: rgba(148, 163, 184, .55);--dt-text-3: rgba(100, 116, 139, .55);--dt-accent: #ef4444;--dt-accent-dim: rgba(239, 68, 68, .18);--dt-glow: rgba(239, 68, 68, .35);--dt-today-bg: rgba(239, 68, 68, .02);--dt-btn-text: #fff;--dt-scrollbar: rgba(148, 163, 184, .12);--dt-header: 34px;--dt-ruler: 16px;--dt-mono: "SF Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--dt-sans: system-ui, -apple-system, "Segoe UI", sans-serif;position:relative;height:160px;background:var(--dt-bg);border:1px solid var(--dt-border);border-radius:10px;overflow:hidden;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.dt-scroll.svelte-p4fcuu{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;cursor:grab;scrollbar-width:thin;scrollbar-color:var(--dt-scrollbar) transparent}.dt-scroll.svelte-p4fcuu::-webkit-scrollbar{height:5px}.dt-scroll.svelte-p4fcuu::-webkit-scrollbar-thumb{background:var(--dt-scrollbar);border-radius:4px}.dt-scroll.svelte-p4fcuu::-webkit-scrollbar-track{background:transparent}.dt-grabbing.svelte-p4fcuu{cursor:grabbing}.dt-track.svelte-p4fcuu{position:relative;height:100%}.dt-day.svelte-p4fcuu{position:absolute;top:0;height:100%;border-left:1px solid var(--dt-border-day);box-sizing:border-box}.dt-day.svelte-p4fcuu:first-of-type{border-left:none}.dt-today.svelte-p4fcuu{background:var(--dt-today-bg)}.dt-day-hd.svelte-p4fcuu{display:flex;align-items:baseline;gap:8px;padding:9px 14px;height:var(--dt-header);box-sizing:border-box;border-bottom:1px solid var(--dt-border)}.dt-day-nm.svelte-p4fcuu{font:600 11px / 1 var(--dt-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--dt-text-2);white-space:nowrap}.dt-today.svelte-p4fcuu .dt-day-nm:where(.svelte-p4fcuu){color:var(--dt-accent)}.dt-tick.svelte-p4fcuu{position:absolute;top:var(--dt-header);bottom:0;width:0}.dt-tick.svelte-p4fcuu:before{content:"";position:absolute;top:var(--dt-ruler);bottom:0;width:1px;background:var(--dt-border)}.dt-tick-lb.svelte-p4fcuu{position:absolute;top:1px;left:5px;font:500 9px / 1 var(--dt-mono);color:var(--dt-text-3);white-space:nowrap;pointer-events:none}.dt-tick--h.svelte-p4fcuu{bottom:auto;height:calc(var(--dt-ruler) + 8px)}.dt-tick--h.svelte-p4fcuu:before{top:var(--dt-ruler);height:6px;bottom:auto;opacity:.45}.dt-now.svelte-p4fcuu{position:absolute;top:0;bottom:0;z-index:10;pointer-events:none;transform:translate(-1px)}.dt-now-line.svelte-p4fcuu{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--dt-accent);box-shadow:0 0 10px var(--dt-glow),0 0 24px var(--dt-accent-dim);animation:svelte-p4fcuu-now-pulse 3s ease-in-out infinite}@keyframes svelte-p4fcuu-now-pulse{0%,to{box-shadow:0 0 10px var(--dt-glow),0 0 24px var(--dt-accent-dim)}50%{box-shadow:0 0 16px var(--dt-glow),0 0 36px var(--dt-glow)}}.dt-now-tag.svelte-p4fcuu{position:absolute;top:7px;left:8px;font:700 10px / 1 var(--dt-mono);color:var(--dt-accent);background:var(--dt-bg);border:1px solid var(--dt-accent-dim);padding:3px 6px;border-radius:4px;white-space:nowrap;z-index:1}.dt-now-sec.svelte-p4fcuu{font-weight:400;opacity:.5;font-size:9px}.dt-fog.svelte-p4fcuu{position:absolute;top:0;bottom:0;width:48px;pointer-events:none;z-index:5}.dt-fog--l.svelte-p4fcuu{left:0;background:linear-gradient(to right,var(--dt-bg),transparent)}.dt-fog--r.svelte-p4fcuu{right:0;background:linear-gradient(to left,var(--dt-bg),transparent)}.dt-btn.svelte-p4fcuu{position:absolute;bottom:14px;right:14px;z-index:20;display:inline-flex;align-items:center;gap:5px;padding:5px 13px 5px 9px;font:600 11px / 1 var(--dt-sans);color:var(--dt-btn-text);background:var(--dt-accent);border:none;border-radius:100px;cursor:pointer;box-shadow:0 2px 16px var(--dt-glow);transition:transform .12s ease,box-shadow .12s ease}.dt-btn.svelte-p4fcuu svg:where(.svelte-p4fcuu){width:13px;height:13px}.dt-btn.svelte-p4fcuu:hover{transform:scale(1.06);box-shadow:0 4px 24px var(--dt-glow)}.dt-btn.svelte-p4fcuu:active{transform:scale(.96)}.dt-event.svelte-p4fcuu{position:absolute;height:28px;z-index:6;border-radius:5px;padding:0 8px;display:flex;align-items:center;gap:4px;cursor:pointer;background:color-mix(in srgb,var(--ev-color) 22%,transparent);border-left:3px solid var(--ev-color);transition:box-shadow .12s,transform 80ms}.dt-event.svelte-p4fcuu:hover{box-shadow:0 2px 10px color-mix(in srgb,var(--ev-color) 30%,transparent);transform:translateY(-1px)}.dt-event--selected.svelte-p4fcuu{box-shadow:0 0 0 2px var(--ev-color),0 2px 12px color-mix(in srgb,var(--ev-color) 40%,transparent)}.dt-event--dragging.svelte-p4fcuu{opacity:.85;z-index:50;box-shadow:0 4px 24px #00000059;cursor:grabbing;transition:none}.dt-ev-title.svelte-p4fcuu{font:600 10px / 1 var(--dt-sans, "Outfit", system-ui, sans-serif);color:var(--dt-text, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-ev-sub.svelte-p4fcuu{font:400 9px / 1 var(--dt-sans, "Outfit", system-ui, sans-serif);color:var(--dt-text-2, rgba(148, 163, 184, .6));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-ev-tag.svelte-p4fcuu{font:500 7px / 1 var(--dt-sans, "Outfit", system-ui, sans-serif);color:var(--ev-color, var(--dt-accent));background:color-mix(in srgb,var(--ev-color, var(--dt-accent)) 20%,transparent);padding:1px 3px;border-radius:2px;white-space:nowrap;flex-shrink:0}.wg.svelte-j4rvbp{position:relative;background:var(--dt-bg, #fff);border:1px solid var(--dt-border, rgba(0, 0, 0, .08));border-radius:10px;overflow:hidden;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.wg-body.svelte-j4rvbp{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--dt-scrollbar, rgba(0, 0, 0, .08)) transparent}.wg-body.svelte-j4rvbp::-webkit-scrollbar{width:4px}.wg-body.svelte-j4rvbp::-webkit-scrollbar-thumb{background:var(--dt-scrollbar, rgba(0, 0, 0, .1));border-radius:4px}.wg-body.svelte-j4rvbp::-webkit-scrollbar-track{background:transparent}.wg-week.svelte-j4rvbp{display:flex;border-bottom:1px solid var(--dt-border, rgba(0, 0, 0, .08))}.wg-week--current.svelte-j4rvbp{background:var(--dt-today-bg, rgba(239, 68, 68, .02))}.wg-gutter.svelte-j4rvbp{flex-shrink:0;width:48px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--dt-border, rgba(0, 0, 0, .08))}.wg-gutter-month.svelte-j4rvbp{font:800 11px / 1 var(--dt-sans, system-ui, sans-serif);letter-spacing:.06em;color:var(--dt-text-2, rgba(0, 0, 0, .45));writing-mode:vertical-rl;transform:rotate(180deg)}.wg-week-body.svelte-j4rvbp{flex:1;min-width:0;display:flex;flex-direction:column}.wg-days.svelte-j4rvbp{display:flex;flex:1}.wg-cell.svelte-j4rvbp{flex:1;position:relative;min-height:130px;padding:0 4px 8px;border-right:1px solid var(--dt-border, rgba(0, 0, 0, .06));cursor:pointer;transition:background .15s}.wg-cell.svelte-j4rvbp:last-child{border-right:none}.wg-cell.svelte-j4rvbp:hover{background:var(--dt-hover, rgba(0, 0, 0, .015))}.wg-cell--today.svelte-j4rvbp{background:var(--dt-today-bg, rgba(239, 68, 68, .03))}.wg-cell--today.svelte-j4rvbp:hover{background:#ef44440d}.wg-cell--past.svelte-j4rvbp{opacity:.55}.wg-cell--past.svelte-j4rvbp:hover{opacity:.75}.wg-cell--weekend.svelte-j4rvbp{background:var(--dt-weekend-bg, rgba(0, 0, 0, .012))}.wg-cell-hd.svelte-j4rvbp{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 0;border-bottom:1px solid var(--dt-border, rgba(0, 0, 0, .04));margin-bottom:4px}.wg-day-wd.svelte-j4rvbp{font:400 11px / 1 var(--dt-sans, system-ui, sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--dt-text-3, rgba(0, 0, 0, .35))}.wg-cell-hd--today.svelte-j4rvbp .wg-day-wd:where(.svelte-j4rvbp){color:var(--dt-accent, #ef4444);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, .85))}.wg-day-num--today.svelte-j4rvbp{background:var(--dt-accent, #ef4444);color:#fff;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px}.wg-cell-events.svelte-j4rvbp{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) 12%,transparent);cursor:pointer;overflow:hidden;transition:background .12s}.wg-ev.svelte-j4rvbp:hover{background:color-mix(in srgb,var(--ev-color) 22%,transparent)}.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) 18%,transparent)}.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, .4));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, .85));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg-ev-sub.svelte-j4rvbp{font:400 10px / 1 var(--dt-sans, system-ui, sans-serif);color:var(--dt-text-3, rgba(0, 0, 0, .4));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg-ev-tags.svelte-j4rvbp{display:flex;gap:3px;flex-shrink:0}.wg-ev-tag.svelte-j4rvbp{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)) 15%,transparent);padding:1px 4px;border-radius:3px;white-space:nowrap}.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, .35));padding:2px 8px;cursor:pointer}.wg-ev-more.svelte-j4rvbp:hover{color:var(--dt-text-2, rgba(0, 0, 0, .55))}.wg-now.svelte-j4rvbp{position:absolute;left:0;right:0;z-index:4;pointer-events:none;display:flex;align-items:center;gap:0}.wg-now-time.svelte-j4rvbp{flex-shrink:0;font:500 9px / 1 var(--dt-sans, system-ui, sans-serif);color:var(--dt-accent, #ef4444);padding:1px 4px;background:color-mix(in srgb,var(--dt-accent, #ef4444) 12%,var(--dt-bg, #fff));border-radius:3px;margin-left:-2px}.wg-now-line.svelte-j4rvbp{flex:1;height:1px;background:var(--dt-accent, #ef4444);opacity:.35}.wg-btn.svelte-j4rvbp{position:absolute;bottom:14px;right:14px;z-index:20;display:inline-flex;align-items:center;gap:5px;padding:5px 13px 5px 9px;font:600 11px / 1 var(--dt-sans, system-ui, sans-serif);color:#fff;background:var(--dt-accent, #ef4444);border:none;border-radius:100px;cursor:pointer;box-shadow:0 2px 16px color-mix(in srgb,var(--dt-accent, #ef4444) 35%,transparent);transition:transform .12s ease,box-shadow .12s ease}.wg-btn.svelte-j4rvbp svg:where(.svelte-j4rvbp){width:13px;height:13px}.wg-btn.svelte-j4rvbp:hover{transform:scale(1.06)}.wg-btn.svelte-j4rvbp:active{transform:scale(.96)}.wg-cell.svelte-j4rvbp:focus-visible{outline:2px solid var(--dt-accent, #ef4444);outline-offset:-2px}.wg-ev.svelte-j4rvbp:focus-visible{outline:2px solid var(--ev-color, var(--dt-accent, #ef4444));outline-offset:1px}.wg-ev--dragging.svelte-j4rvbp{opacity:.6;cursor:grabbing;box-shadow:0 2px 8px #0003}.ag.svelte-gg2mx3{position:relative;background:var(--dt-bg, #111);border:1px solid var(--dt-border, rgba(255, 255, 255, .06));border-radius:10px;overflow:hidden;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;color:var(--dt-text, rgba(255, 255, 255, .92));font-family:var(--dt-sans, system-ui, sans-serif)}.ag-header.svelte-gg2mx3{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 10px;border-bottom:1px solid var(--dt-border, rgba(255, 255, 255, .06));flex-shrink:0}.ag-header-left.svelte-gg2mx3{display:flex;align-items:baseline;gap:10px}.ag-title.svelte-gg2mx3{font-size:14px;font-weight:600;line-height:1}.ag-subtitle.svelte-gg2mx3{font-size:12px;font-family:var(--dt-mono, monospace);color:var(--dt-text-2, rgba(255, 255, 255, .5))}.ag-clock.svelte-gg2mx3{font-size:13px;font-weight:600;font-family:var(--dt-mono, monospace);color:var(--dt-accent, #ff6b4a)}.ag-header-right.svelte-gg2mx3{display:flex;align-items:center;gap:8px}.ag-stat.svelte-gg2mx3{font-size:11px;color:var(--dt-text-3, rgba(255, 255, 255, .3));font-family:var(--dt-mono, monospace)}.ag-stat-sep.svelte-gg2mx3{font-size:11px;color:var(--dt-text-3, rgba(255, 255, 255, .3))}.ag-progress-track.svelte-gg2mx3{width:52px;height:3px;background:var(--dt-border, rgba(255, 255, 255, .06));border-radius:2px;overflow:hidden}.ag-progress-fill.svelte-gg2mx3{height:100%;background:var(--dt-accent, #ff6b4a);border-radius:2px;opacity:.5;transition:width 1s linear}.ag-body.svelte-gg2mx3{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--dt-border) transparent}.ag-body.svelte-gg2mx3::-webkit-scrollbar{width:4px}.ag-body.svelte-gg2mx3::-webkit-scrollbar-thumb{background:var(--dt-border);border-radius:2px}.ag-card.svelte-gg2mx3{display:flex;align-items:stretch;border-radius:8px;background:var(--dt-surface, #191919);border:1px solid var(--dt-border, rgba(255, 255, 255, .06));overflow:hidden;cursor:pointer;transition:border-color .15s}.ag-card.svelte-gg2mx3:hover{border-color:color-mix(in srgb,var(--ev-color) 40%,transparent)}.ag-card.svelte-gg2mx3:focus-visible{outline:2px solid var(--dt-accent, #ff6b4a);outline-offset:2px}.ag-card--selected.svelte-gg2mx3{border-color:var(--ev-color);background:color-mix(in srgb,var(--ev-color) 6%,var(--dt-surface, #191919))}.ag-card-stripe.svelte-gg2mx3{width:3px;background:var(--ev-color, var(--dt-accent));flex-shrink:0}.ag-card-body.svelte-gg2mx3{padding:10px 12px;display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.ag-card-title.svelte-gg2mx3{font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ag-card-meta.svelte-gg2mx3{font-size:11px;color:var(--dt-text-2, rgba(255, 255, 255, .5));font-family:var(--dt-mono, monospace);line-height:1}.ag-card-dur.svelte-gg2mx3{margin-left:6px;color:var(--dt-text-3, rgba(255, 255, 255, .3))}.ag-card-sub.svelte-gg2mx3{font-size:11px;color:var(--dt-text-2, rgba(255, 255, 255, .45));line-height:1}.ag-card-tags.svelte-gg2mx3{display:flex;gap:4px;flex-wrap:wrap}.ag-card-tag.svelte-gg2mx3{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-gg2mx3{height:3px;background:var(--dt-border, rgba(255, 255, 255, .06));border-radius:2px;overflow:hidden;margin-top:2px}.ag-card-progress-fill.svelte-gg2mx3{height:100%;background:var(--ev-color, var(--dt-accent));border-radius:2px;transition:width 1s linear}.ag-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;font-size:13px;color:var(--dt-text-3, rgba(255, 255, 255, .3))}.ag-q.svelte-gg2mx3{display:grid;grid-template-columns:.65fr 1.8fr .55fr;gap:0;flex:1;padding:8px 0 10px;min-height:0}.ag-q-label.svelte-gg2mx3{font-size:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dt-text-3, rgba(255, 255, 255, .25));margin-bottom:8px;padding:0 12px;font-family:var(--dt-sans, system-ui, sans-serif)}.ag-q-empty.svelte-gg2mx3{display:flex;align-items:center;justify-content:center;flex:1;font-size:13px;font-weight:300;color:var(--dt-text-3, rgba(255, 255, 255, .25))}.ag-q-status.svelte-gg2mx3{padding:0 0 0 14px;border-right:1px solid var(--dt-border, rgba(255, 255, 255, .06));display:flex;flex-direction:column}.ag-q-now.svelte-gg2mx3{padding:8px 10px;border-radius:8px;background:var(--dt-surface, #191919);border:1px solid color-mix(in srgb,var(--ev-color, var(--dt-accent)) 15%,transparent);cursor:pointer;transition:border-color .15s;margin-right:10px}.ag-q-now.svelte-gg2mx3:hover{border-color:color-mix(in srgb,var(--ev-color, var(--dt-accent)) 35%,transparent)}.ag-q-now.svelte-gg2mx3:focus-visible{outline:2px solid var(--dt-accent, #ff6b4a);outline-offset:2px}.ag-q-now--selected.svelte-gg2mx3{border-color:var(--ev-color, var(--dt-accent))}.ag-q-now-dot.svelte-gg2mx3{width:6px;height:6px;border-radius:50%;background:var(--ev-color, var(--dt-accent, #ff6b4a));margin-bottom:6px;animation:svelte-gg2mx3-ag-pulse 2.5s ease-in-out infinite}@keyframes svelte-gg2mx3-ag-pulse{0%,to{opacity:1}50%{opacity:.4}}.ag-q-now-title.svelte-gg2mx3{font-size:11px;font-weight:600;line-height:1.2;color:var(--dt-text, rgba(255, 255, 255, .92));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.ag-q-now-time.svelte-gg2mx3{font-size:9px;font-family:var(--dt-mono, monospace);color:var(--dt-text-3, rgba(255, 255, 255, .35));margin-bottom:6px}.ag-q-now-track.svelte-gg2mx3{height:2px;background:var(--dt-border, rgba(255, 255, 255, .06));border-radius:1px;overflow:hidden}.ag-q-now-fill.svelte-gg2mx3{height:100%;background:var(--ev-color, var(--dt-accent, #ff6b4a));border-radius:1px;transition:width 1s linear}.ag-q-free.svelte-gg2mx3{padding:8px 10px;margin-right:10px}.ag-q-free-label.svelte-gg2mx3{font-size:12px;font-weight:300;color:var(--dt-text-3, rgba(255, 255, 255, .25));margin-bottom:2px}.ag-q-free-next{font-size:10px;font-weight:500;line-height:1.2;color:var(--dt-text-2, rgba(255, 255, 255, .5));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.ag-q-free-until{font-size:9px;font-family:var(--dt-mono, monospace);color:var(--dt-accent, #ff6b4a);opacity:.6}.ag-q-queue.svelte-gg2mx3{padding:0 16px;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column}.ag-q-queue.svelte-gg2mx3::-webkit-scrollbar{display:none}.ag-q-card.svelte-gg2mx3{display:flex;align-items:stretch;border-radius:10px;background:var(--dt-surface, #191919);border:1px solid var(--dt-border, rgba(255, 255, 255, .06));overflow:hidden;cursor:pointer;margin-bottom:6px;transition:border-color .15s,transform .1s}.ag-q-card.svelte-gg2mx3:hover{border-color:color-mix(in srgb,var(--ev-color) 40%,transparent)}.ag-q-card.svelte-gg2mx3:focus-visible{outline:2px solid var(--dt-accent, #ff6b4a);outline-offset:2px}.ag-q-card--selected.svelte-gg2mx3{border-color:var(--ev-color);background:color-mix(in srgb,var(--ev-color) 6%,var(--dt-surface, #191919))}.ag-q-card--hero.svelte-gg2mx3{background:color-mix(in srgb,var(--ev-color) 8%,var(--dt-surface, #191919));border-color:color-mix(in srgb,var(--ev-color) 25%,transparent)}.ag-q-card--hero.svelte-gg2mx3 .ag-q-card-title:where(.svelte-gg2mx3){font-size:16px;font-weight:700}.ag-q-card--hero.svelte-gg2mx3 .ag-q-card-eta:where(.svelte-gg2mx3){font-size:11px;background:color-mix(in srgb,var(--dt-accent, #ff6b4a) 18%,transparent);padding:2px 7px;border-radius:4px}.ag-q-card--hero.svelte-gg2mx3 .ag-q-card-body:where(.svelte-gg2mx3){padding:14px 16px}.ag-q-card-stripe.svelte-gg2mx3{width:3.5px;background:var(--ev-color, var(--dt-accent));flex-shrink:0}.ag-q-card-body.svelte-gg2mx3{padding:10px 12px;display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.ag-q-card-top.svelte-gg2mx3{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.ag-q-card-title.svelte-gg2mx3{font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.ag-q-card-eta.svelte-gg2mx3{font-size:9px;font-weight:600;letter-spacing:.04em;color:var(--dt-accent, #ff6b4a);flex-shrink:0;white-space:nowrap}.ag-q-card-meta.svelte-gg2mx3{font-size:11px;color:var(--dt-text-2, rgba(255, 255, 255, .5));font-family:var(--dt-mono, monospace);line-height:1}.ag-q-card-dur.svelte-gg2mx3{margin-left:6px;color:var(--dt-text-3, rgba(255, 255, 255, .3))}.ag-q-card-sub.svelte-gg2mx3{font-size:11px;color:var(--dt-text-2, rgba(255, 255, 255, .45));line-height:1}.ag-q-card-tags.svelte-gg2mx3{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}.ag-q-card-tag.svelte-gg2mx3{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-q-done.svelte-gg2mx3{border-left:1px solid var(--dt-border, rgba(255, 255, 255, .06));overflow-y:auto;scrollbar-width:none;padding:0 14px 0 10px}.ag-q-done.svelte-gg2mx3::-webkit-scrollbar{display:none}.ag-q-done-item.svelte-gg2mx3{display:flex;align-items:center;gap:5px;padding:3px 0;opacity:.35;cursor:pointer}.ag-q-done-item.svelte-gg2mx3:hover{opacity:.6}.ag-q-done-item.svelte-gg2mx3:focus-visible{outline:2px solid var(--dt-accent, #ff6b4a);outline-offset:2px;opacity:.6}.ag-q-done-item--selected.svelte-gg2mx3{opacity:.7}.ag-q-done-check.svelte-gg2mx3{font-size:9px;color:var(--dt-success, rgba(120, 200, 140, .7));flex-shrink:0}.ag-q-done-title.svelte-gg2mx3{font-size:10px;line-height:1.2;color:var(--dt-text-3, rgba(255, 255, 255, .35));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:line-through;text-decoration-color:var(--dt-text-3, rgba(255, 255, 255, .15))}.ag-log.svelte-gg2mx3{flex:1;padding:8px 20px 12px;overflow-y:auto;scrollbar-width:none;opacity:.7}.ag-log.svelte-gg2mx3::-webkit-scrollbar{display:none}.ag-log-row.svelte-gg2mx3{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--dt-border, rgba(255, 255, 255, .04));cursor:pointer;transition:opacity .15s}.ag-log-row.svelte-gg2mx3:last-child{border-bottom:none}.ag-log-row.svelte-gg2mx3:hover{opacity:1}.ag-log-row.svelte-gg2mx3:focus-visible{outline:2px solid var(--dt-accent, #ff6b4a);outline-offset:2px}.ag-log-row--selected.svelte-gg2mx3{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-gg2mx3{font-size:10px;color:var(--dt-success, rgba(120, 200, 140, .5));flex-shrink:0}.ag-log-time.svelte-gg2mx3{font-size:11px;font-family:var(--dt-mono, monospace);color:var(--dt-text-3, rgba(255, 255, 255, .3));width:64px;flex-shrink:0}.ag-log-dot.svelte-gg2mx3{width:5px;height:5px;border-radius:50%;flex-shrink:0;opacity:.6}.ag-log-title.svelte-gg2mx3{font-size:13px;font-weight:500;line-height:1.2;color:var(--dt-text-2, rgba(255, 255, 255, .55));flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:line-through;text-decoration-color:var(--dt-border, rgba(255, 255, 255, .08))}.ag-log-dur.svelte-gg2mx3{font-size:10px;font-family:var(--dt-mono, monospace);color:var(--dt-text-3, rgba(255, 255, 255, .2));flex-shrink:0}.ag-plan.svelte-gg2mx3{flex:1;padding:8px 20px 12px;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:6px}.ag-plan.svelte-gg2mx3::-webkit-scrollbar{display:none}.ag-plan-card.svelte-gg2mx3{display:flex;align-items:stretch;border-radius:10px;background:var(--dt-surface, #191919);border:1px solid var(--dt-border, rgba(255, 255, 255, .06));overflow:hidden;cursor:pointer;transition:border-color .15s}.ag-plan-card.svelte-gg2mx3:hover{border-color:color-mix(in srgb,var(--ev-color) 35%,transparent)}.ag-plan-card.svelte-gg2mx3:focus-visible{outline:2px solid var(--dt-accent, #ff6b4a);outline-offset:2px}.ag-plan-card--selected.svelte-gg2mx3{border-color:var(--ev-color);background:color-mix(in srgb,var(--ev-color) 6%,var(--dt-surface, #191919))}.ag-plan-card--first.svelte-gg2mx3{background:color-mix(in srgb,var(--ev-color) 5%,var(--dt-surface, #191919));border-color:color-mix(in srgb,var(--ev-color) 15%,transparent)}.ag-plan-stripe.svelte-gg2mx3{width:3.5px;background:var(--ev-color, var(--dt-accent));flex-shrink:0}.ag-plan-body.svelte-gg2mx3{padding:12px 14px;display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.ag-plan-top.svelte-gg2mx3{display:flex;align-items:baseline;gap:8px}.ag-plan-order.svelte-gg2mx3{font-size:10px;font-weight:700;color:var(--dt-text-3, rgba(255, 255, 255, .2));font-family:var(--dt-mono, monospace);flex-shrink:0}.ag-plan-title.svelte-gg2mx3{font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ag-plan-card--first.svelte-gg2mx3 .ag-plan-title:where(.svelte-gg2mx3){font-size:16px;font-weight:700}.ag-plan-meta.svelte-gg2mx3{font-size:11px;color:var(--dt-text-2, rgba(255, 255, 255, .5));font-family:var(--dt-mono, monospace);line-height:1}.ag-plan-dur.svelte-gg2mx3{margin-left:6px;color:var(--dt-text-3, rgba(255, 255, 255, .3))}.ag-plan-sub.svelte-gg2mx3{font-size:11px;color:var(--dt-text-2, rgba(255, 255, 255, .45));line-height:1;padding-left:22px}.ag-plan-tags.svelte-gg2mx3{display:flex;gap:4px;flex-wrap:wrap;padding-left:22px;margin-top:2px}.ag-plan-tag.svelte-gg2mx3{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-badge.svelte-gg2mx3{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;border-radius:3px}.ag-badge--past.svelte-gg2mx3{color:var(--dt-text-3, rgba(255, 255, 255, .3));background:var(--dt-border, rgba(255, 255, 255, .06))}.ag-badge--future.svelte-gg2mx3{color:var(--dt-accent, #ff6b4a);background:color-mix(in srgb,var(--dt-accent, #ff6b4a) 12%,transparent)}.ag-wday.svelte-gg2mx3{border-bottom:1px solid var(--dt-border, rgba(255, 255, 255, .06))}.ag-wday--today.svelte-gg2mx3{background:color-mix(in srgb,var(--dt-accent, #ff6b4a) 4%,transparent)}.ag-wday--past.svelte-gg2mx3{opacity:.4}.ag-wday-head.svelte-gg2mx3{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.ag-wday-head-left.svelte-gg2mx3{display:flex;align-items:center;gap:8px}.ag-wday-badge.svelte-gg2mx3{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dt-accent, #ff6b4a);background:color-mix(in srgb,var(--dt-accent, #ff6b4a) 12%,transparent);padding:2px 7px;border-radius:3px}.ag-wday-badge--muted.svelte-gg2mx3{color:var(--dt-text-2, rgba(255, 255, 255, .5));background:color-mix(in srgb,var(--dt-text-2, rgba(255, 255, 255, .5)) 10%,transparent)}.ag-wday-name.svelte-gg2mx3{font-size:13px;font-weight:600}.ag-wday-date.svelte-gg2mx3{font-size:11px;font-family:var(--dt-mono, monospace);color:var(--dt-text-3, rgba(255, 255, 255, .3))}.ag-wday-count.svelte-gg2mx3{font-size:11px;color:var(--dt-text-3, rgba(255, 255, 255, .3))}.ag-wday-empty.svelte-gg2mx3{padding:4px 20px 10px;font-size:12px;color:var(--dt-text-3, rgba(255, 255, 255, .3))}.ag-wday-expanded.svelte-gg2mx3{padding:0 20px 12px}.ag-wslot.svelte-gg2mx3{margin-bottom:6px}.ag-wslot-header.svelte-gg2mx3{display:flex;align-items:baseline;gap:8px;padding:4px 0}.ag-wslot-time.svelte-gg2mx3{font-size:12px;font-weight:600;font-family:var(--dt-mono, monospace)}.ag-wslot-now.svelte-gg2mx3{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dt-accent, #ff6b4a)}.ag-wslot-eta.svelte-gg2mx3{font-size:11px;font-weight:500;color:var(--dt-accent, #ff6b4a)}.ag-wslot-cards.svelte-gg2mx3{display:flex;flex-direction:column;gap:4px}.ag-wslot-cards--multi.svelte-gg2mx3{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:4px}.ag-wday-past-line.svelte-gg2mx3{font-size:10px;color:var(--dt-text-3, rgba(255, 255, 255, .3));padding:6px 0 0;opacity:.5}.ag-wday-compact.svelte-gg2mx3{padding:0 20px 10px}.ag-compact.svelte-gg2mx3{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer}.ag-compact.svelte-gg2mx3:hover .ag-compact-title:where(.svelte-gg2mx3){color:var(--dt-text)}.ag-compact.svelte-gg2mx3:focus-visible{outline:2px solid var(--dt-accent, #ff6b4a);outline-offset:2px}.ag-compact--past.svelte-gg2mx3{opacity:.4}.ag-compact--past.svelte-gg2mx3 .ag-compact-title:where(.svelte-gg2mx3){text-decoration:line-through;text-decoration-color:var(--dt-text-3)}.ag-compact-dot.svelte-gg2mx3{width:5px;height:5px;border-radius:50%;background:var(--ev-color, var(--dt-accent));flex-shrink:0}.ag-compact-time.svelte-gg2mx3{font-size:11px;font-family:var(--dt-mono, monospace);color:var(--dt-text-2, rgba(255, 255, 255, .5));min-width:64px;flex-shrink:0}.ag-compact-title.svelte-gg2mx3{font-size:12px;font-weight:500;color:var(--dt-text-2, rgba(255, 255, 255, .5));flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.ag-compact-dur.svelte-gg2mx3{font-size:10px;font-family:var(--dt-mono, monospace);color:var(--dt-text-3, rgba(255, 255, 255, .3));flex-shrink:0}.ag-compact-sub.svelte-gg2mx3{font-size:10px;color:var(--dt-text-3, rgba(255, 255, 255, .35));flex-shrink:0}.ag-compact-tag.svelte-gg2mx3{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-more.svelte-gg2mx3{font-size:11px;color:var(--dt-text-3);padding:2px 0 0 13px}