:root{--color-sage-900:#2b3d1e;--color-sage-800:#3a5428;--color-sage-700:#4a6b32;--color-sage-600:#5f7e49;--color-sage-500:#7a9a63;--color-sage-400:#9cb882;--color-sage-300:#bdd4a7;--color-sage-200:#d8e9cc;--color-sage-100:#edf5e7;--color-sage-50:#f4f9f0;--color-honey-700:#9a6b0a;--color-honey-600:#c08a15;--color-honey-500:#d9a521;--color-honey-400:#e8bf56;--color-honey-300:#f2d48a;--color-honey-100:#fbf0d0;--color-terracotta-700:#8a3318;--color-terracotta-600:#b05430;--color-terracotta-500:#c96845;--color-terracotta-100:#f5ddd5;--color-teal-700:#2a5c63;--color-teal-600:#3d7e8a;--color-teal-500:#5299a8;--color-teal-100:#d4edf1;--color-forest-700:#2b4f22;--color-forest-600:#3e6b31;--color-forest-500:#4f8a3d;--color-forest-100:#d6ebcf;--color-primary:var(--color-sage-600);--color-primary-hover:var(--color-sage-700);--color-primary-active:var(--color-sage-800);--color-primary-subtle:var(--color-sage-100);--color-accent:var(--color-honey-500);--color-accent-hover:var(--color-honey-600);--color-success:var(--color-forest-500);--color-success-subtle:var(--color-forest-100);--color-warning:var(--color-honey-600);--color-warning-subtle:var(--color-honey-100);--color-error:var(--color-terracotta-600);--color-error-subtle:var(--color-terracotta-100);--color-info:var(--color-teal-600);--color-info-subtle:var(--color-teal-100);--color-bg:#f7f5ef;--color-surface:#fff;--color-surface-2:#f0ece1;--color-surface-3:#e8e3d6;--color-border:#e0dacb;--color-border-subtle:#eae5d8;--color-border-strong:#c8c1ae;--color-text:#262620;--color-text-secondary:#5a574c;--color-text-muted:#918d80;--color-text-disabled:#b8b4a8;--color-text-on-primary:#fff;--color-text-on-accent:#262620;--color-text-link:var(--color-sage-700);--color-text-link-hover:var(--color-sage-800);--color-focus-ring:#5f7e4973;--color-overlay:#2626207a;--font-sans:"Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--font-normal:400;--font-medium:500;--font-semibold:600;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px #2626200f;--shadow-sm:0 1px 4px #26262014, 0 1px 2px #2626200a;--shadow-md:0 4px 8px #26262014, 0 2px 4px #2626200a;--shadow-lg:0 8px 24px #2626201a, 0 2px 6px #2626200f;--shadow-xl:0 16px 40px #2626201f, 0 4px 12px #2626200f;--shadow-inner:inset 0 1px 3px #2626201a;--z-below:-1;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--duration-fast:.1s;--duration-base:.15s;--duration-slow:.25s;--duration-slower:.4s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--sidebar-icon-width:56px;--sidebar-panel-width:240px;--topbar-height:52px}@media (prefers-color-scheme:dark){:root{--color-bg:#1c1c18;--color-surface:#262620;--color-surface-2:#2e2d28;--color-surface-3:#38372f;--color-border:#3a3930;--color-border-subtle:#313029;--color-border-strong:#4a4940;--color-text:#e8e4da;--color-text-secondary:#a8a49a;--color-text-muted:#6e6b60;--color-text-disabled:#4a4840;--color-text-on-primary:#fff;--color-text-link:var(--color-sage-400);--color-text-link-hover:var(--color-sage-300);--color-primary:var(--color-sage-500);--color-primary-hover:var(--color-sage-400);--color-primary-active:var(--color-sage-300);--color-primary-subtle:#5f7e4926;--color-focus-ring:#7a9a6380;--color-overlay:#0009;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 4px #0000003d, 0 1px 2px #0000001f;--shadow-md:0 4px 8px #00000047, 0 2px 4px #00000024;--shadow-lg:0 8px 24px #00000052, 0 2px 6px #00000029;--shadow-xl:0 16px 40px #0006, 0 4px 12px #0003}}:root[data-theme=dark]{--color-bg:#1c1c18;--color-surface:#262620;--color-surface-2:#2e2d28;--color-surface-3:#38372f;--color-border:#3a3930;--color-border-subtle:#313029;--color-border-strong:#4a4940;--color-text:#e8e4da;--color-text-secondary:#a8a49a;--color-text-muted:#6e6b60;--color-text-disabled:#4a4840;--color-text-on-primary:#fff;--color-text-link:var(--color-sage-400);--color-text-link-hover:var(--color-sage-300);--color-primary:var(--color-sage-500);--color-primary-hover:var(--color-sage-400);--color-primary-active:var(--color-sage-300);--color-primary-subtle:#5f7e4926;--color-focus-ring:#7a9a6380;--color-overlay:#0009;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 4px #0000003d, 0 1px 2px #0000001f;--shadow-md:0 4px 8px #00000047, 0 2px 4px #00000024;--shadow-lg:0 8px 24px #00000052, 0 2px 6px #00000029;--shadow-xl:0 16px 40px #0006, 0 4px 12px #0003}:root[data-theme=light]{--color-bg:#f7f5ef;--color-surface:#fff;--color-surface-2:#f0ece1;--color-surface-3:#e8e3d6;--color-border:#e0dacb;--color-border-subtle:#eae5d8;--color-border-strong:#c8c1ae;--color-text:#262620;--color-text-secondary:#5a574c;--color-text-muted:#918d80;--color-text-disabled:#b8b4a8;--color-text-on-primary:#fff;--color-text-link:var(--color-sage-700);--color-text-link-hover:var(--color-sage-800);--color-primary:var(--color-sage-600);--color-primary-hover:var(--color-sage-700);--color-primary-active:var(--color-sage-800);--color-primary-subtle:var(--color-sage-100);--color-focus-ring:#5f7e4973;--color-overlay:#2626207a;--shadow-xs:0 1px 2px #2626200f;--shadow-sm:0 1px 4px #26262014, 0 1px 2px #2626200a;--shadow-md:0 4px 8px #26262014, 0 2px 4px #2626200a;--shadow-lg:0 8px 24px #2626201a, 0 2px 6px #2626200f;--shadow-xl:0 16px 40px #2626201f, 0 4px 12px #2626200f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;color:var(--color-text);background-color:var(--color-bg);font-size:16px}body,#app{min-height:100vh}