:root{--palette-navy-950: #0a1128;--palette-navy-900: #111b3a;--palette-navy-800: #1a2750;--palette-navy-700: #2a3a6b;--palette-navy-600: #5b6fa8;--palette-frost-0: #ffffff;--palette-frost-50: #f4f7fc;--palette-frost-100: #eaf0fa;--palette-frost-200: #d3ddef;--palette-frost-300: #6b7aa3;--palette-ink-50: #eaf0ff;--palette-ink-900: #0a1128;--palette-slate-400: #a3b1d6;--palette-slate-600: #4a5a82;--palette-blue-100: #dbe7ff;--palette-blue-500: #4f8cff;--palette-blue-700: #1d4ed8;--palette-blue-900: #14275e;--palette-sky-300: #7dd3fc;--palette-sky-700: #0369a1;--palette-teal-400: #2dd4bf;--palette-teal-700: #0f766e;--palette-amber-400: #fbbf24;--palette-amber-700: #b45309;--palette-green-400: #4ade80;--palette-green-700: #15803d;--palette-red-400: #f87171;--palette-red-700: #b91c1c;--font-family-heading: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-base: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Roboto Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-resting: 0 1px 2px rgba(10, 17, 40, .12);--shadow-floating: 0 8px 24px rgba(10, 17, 40, .24);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--touch-target-min: 44px;--focus-ring-width: 2px;--focus-ring-offset: 2px}:root,[data-theme=light]{--color-page: var(--palette-frost-50);--color-surface: var(--palette-frost-0);--color-surface-raised: var(--palette-frost-100);--color-border: var(--palette-frost-200);--color-border-strong: var(--palette-frost-300);--color-text: var(--palette-ink-900);--color-text-muted: var(--palette-slate-600);--color-text-on-accent: var(--palette-frost-0);--color-accent: var(--palette-blue-700);--color-accent-hover: color-mix(in srgb, var(--palette-blue-700) 85%, black);--color-accent-tint: var(--palette-blue-100);--color-focus: var(--palette-blue-700);--state-info: var(--palette-sky-700);--state-live: var(--palette-teal-700);--state-pending: var(--palette-amber-700);--state-done: var(--palette-green-700);--state-error: var(--palette-red-700);--state-info-bg: color-mix(in srgb, var(--state-info) 16%, var(--color-surface));--state-live-bg: color-mix(in srgb, var(--state-live) 16%, var(--color-surface));--state-pending-bg: color-mix(in srgb, var(--state-pending) 16%, var(--color-surface));--state-done-bg: color-mix(in srgb, var(--state-done) 16%, var(--color-surface));--state-error-bg: color-mix(in srgb, var(--state-error) 16%, var(--color-surface));--font-ui: var(--font-family-base);--font-heading: var(--font-family-heading);--font-mono: var(--font-family-mono)}:root{--chrome-bg: var(--palette-navy-900);--chrome-surface-hover: var(--palette-navy-800);--chrome-border: var(--palette-navy-700);--chrome-text: var(--palette-ink-50);--chrome-text-muted: var(--palette-slate-400);--chrome-accent: var(--palette-blue-500);--chrome-accent-tint: var(--palette-blue-900);--chrome-text-on-accent: var(--palette-frost-0);--chrome-state-live: var(--palette-teal-400);--chrome-state-pending: var(--palette-amber-400);--chrome-state-done: var(--palette-green-400);--chrome-state-info: var(--palette-sky-300);--chrome-state-error: var(--palette-red-400)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-page: var(--palette-navy-950);--color-surface: var(--palette-navy-900);--color-surface-raised: var(--palette-navy-800);--color-border: var(--palette-navy-700);--color-border-strong: var(--palette-navy-600);--color-text: var(--palette-ink-50);--color-text-muted: var(--palette-slate-400);--color-text-on-accent: var(--palette-ink-900);--color-accent: var(--palette-blue-500);--color-accent-hover: color-mix(in srgb, var(--palette-blue-500) 85%, white);--color-accent-tint: var(--palette-blue-900);--color-focus: var(--palette-sky-300);--state-info: var(--palette-sky-300);--state-live: var(--palette-teal-400);--state-pending: var(--palette-amber-400);--state-done: var(--palette-green-400);--state-error: var(--palette-red-400);--state-info-bg: color-mix(in srgb, var(--state-info) 22%, var(--color-surface));--state-live-bg: color-mix(in srgb, var(--state-live) 22%, var(--color-surface));--state-pending-bg: color-mix(in srgb, var(--state-pending) 22%, var(--color-surface));--state-done-bg: color-mix(in srgb, var(--state-done) 22%, var(--color-surface));--state-error-bg: color-mix(in srgb, var(--state-error) 22%, var(--color-surface))}}[data-theme=dark]{--color-page: var(--palette-navy-950);--color-surface: var(--palette-navy-900);--color-surface-raised: var(--palette-navy-800);--color-border: var(--palette-navy-700);--color-border-strong: var(--palette-navy-600);--color-text: var(--palette-ink-50);--color-text-muted: var(--palette-slate-400);--color-text-on-accent: var(--palette-ink-900);--color-accent: var(--palette-blue-500);--color-accent-hover: color-mix(in srgb, var(--palette-blue-500) 85%, white);--color-accent-tint: var(--palette-blue-900);--color-focus: var(--palette-sky-300);--state-info: var(--palette-sky-300);--state-live: var(--palette-teal-400);--state-pending: var(--palette-amber-400);--state-done: var(--palette-green-400);--state-error: var(--palette-red-400);--state-info-bg: color-mix(in srgb, var(--state-info) 22%, var(--color-surface));--state-live-bg: color-mix(in srgb, var(--state-live) 22%, var(--color-surface));--state-pending-bg: color-mix(in srgb, var(--state-pending) 22%, var(--color-surface));--state-done-bg: color-mix(in srgb, var(--state-done) 22%, var(--color-surface));--state-error-bg: color-mix(in srgb, var(--state-error) 22%, var(--color-surface))}*:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}body{background:var(--color-page);color:var(--color-text);font-family:var(--font-ui)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}app-root{display:block;height:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}