:root{--color-primary-50:#f8faf5;--color-primary-100:#f3f4f1;--color-primary-200:#ecefea;--color-primary-300:#d9ded3;--color-primary-400:#839471;--color-primary-500:#768566;--color-primary-600:#69765a;--color-primary-700:#626f55;--color-primary-800:#4f5944;--color-primary-900:#3b4333;--color-primary-950:#2e3428;--color-neutral-50:#fcfcfb;--color-neutral-100:#f1f2f0;--color-neutral-200:#d4d7d0;--color-neutral-300:#a1a89a;--color-neutral-400:#979e8f;--color-neutral-500:#8c9584;--color-neutral-600:#838d7a;--color-neutral-700:#79836f;--color-neutral-800:#707b66;--color-neutral-900:#647059;--color-neutral-950:#5a664d;--color-primary:var(--color-primary-600);--color-primary-hover:var(--color-primary-700);--color-primary-active:var(--color-primary-800);--color-primary-subtle:var(--color-primary-100);--color-secondary:var(--color-primary-700);--color-secondary-hover:var(--color-primary-800);--color-secondary-active:var(--color-primary-900);--color-accent:var(--color-primary-300);--color-accent-hover:var(--color-primary-200);--color-accent-active:var(--color-primary-200);--color-background:var(--color-neutral-50);--color-background-alt:var(--color-neutral-100);--color-surface:var(--color-neutral-100);--color-surface-hover:var(--color-neutral-100);--color-surface-active:var(--color-neutral-200);--color-surface-elevated:#fff;--color-surface-overlay:var(--color-neutral-100);--color-backdrop:#00000080;--color-text:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-600);--color-text-tertiary:var(--color-neutral-500);--color-text-disabled:var(--color-neutral-700);--color-text-inverse:var(--color-neutral-50);--color-text-on-primary:var(--color-neutral-50);--color-text-on-secondary:var(--color-neutral-50);--color-border:var(--color-neutral-200);--color-border-hover:var(--color-neutral-300);--color-border-active:var(--color-neutral-400);--color-border-focus:var(--color-primary-500);--color-border-subtle:var(--color-neutral-100);--color-success:#22c55e;--color-success-hover:#16a34a;--color-success-subtle:#dcfce7;--color-success-border:#86efac;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-subtle:#fef3c7;--color-warning-border:#fcd34d;--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-subtle:#fee2e2;--color-error-border:#fca5a5;--color-info:var(--color-primary-500);--color-info-hover:var(--color-primary-600);--color-info-subtle:var(--color-primary-100);--color-info-border:var(--color-primary-300);--color-link:var(--color-primary-600);--color-link-hover:var(--color-primary-700);--color-link-visited:var(--color-primary-800);--color-focus:var(--color-primary-500);--color-disabled:var(--color-neutral-300);--color-disabled-subtle:var(--color-neutral-100);--color-input-background:var(--color-neutral-50);--color-input-border:var(--color-neutral-300);--color-input-border-focus:var(--color-primary-500);--color-input-placeholder:var(--color-neutral-400);--color-button-primary-bg:var(--color-primary-600);--color-button-primary-text:var(--color-neutral-50);--color-button-primary-bg-hover:var(--color-primary-700);--color-button-primary-border:var(--color-primary-600);--color-button-primary-border-hover:var(--color-primary-700);--color-button-secondary-bg:var(--color-neutral-100);--color-button-secondary-text:var(--color-neutral-900);--color-button-secondary-bg-hover:var(--color-neutral-200);--color-button-secondary-bg-hover-subtle:var(--color-neutral-100);--color-button-secondary-border:var(--color-neutral-300);--color-button-secondary-border-hover:var(--color-neutral-400);--color-button-ghost-bg:transparent;--color-button-ghost-text:var(--color-neutral-700);--color-button-ghost-bg-hover:var(--color-neutral-100);--color-button-ghost-bg-hover-subtle:var(--color-neutral-50);--color-button-ghost-text-hover:var(--color-neutral-800);--color-button-ghost-border:var(--color-neutral-300);--color-button-ghost-border-hover:var(--color-neutral-400);--color-code-background:var(--color-neutral-100);--color-code-text:var(--color-primary-700);--color-highlight:var(--color-primary-300);--color-selection:var(--color-primary-200);--color-divider:var(--color-neutral-200);--color-skeleton:var(--color-neutral-200);--font-family:"DM Sans", sans-serif;--base-font-size:16;--scale:perfectFourth;--font-size-base:1rem;--font-size-small:.75rem;--font-size-large:1.333rem;--font-size-h1:3.157rem;--font-size-h2:2.369rem;--font-size-h3:1.777rem;--line-height-base:1.5;--line-height-heading:1.2;--letter-spacing-tight:-.025em;--letter-spacing-normal:.025em;--letter-spacing-wide:.05em;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--spacing-3xl:4rem;--spacing-4xl:5rem;--spacing-5xl:6rem;--spacing-6xl:7rem;--spacing-7xl:8rem;--spacing-8xl:9rem;--spacing-9xl:10rem;--spacing-10xl:11rem;--spacing-11xl:12rem;--spacing-12xl:13rem;--spacing-13xl:14rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px}@media (prefers-color-scheme:dark){:root{--color-primary:var(--color-primary-300);--color-primary-hover:var(--color-primary-200);--color-primary-active:var(--color-primary-200);--color-primary-subtle:var(--color-primary-900);--color-secondary:var(--color-primary-200);--color-secondary-hover:var(--color-primary-50);--color-secondary-active:var(--color-primary-100);--color-accent:var(--color-primary-500);--color-accent-hover:var(--color-primary-400);--color-accent-active:var(--color-primary-400);--color-background:var(--color-neutral-950);--color-background-alt:var(--color-neutral-900);--color-surface:var(--color-neutral-900);--color-surface-hover:var(--color-neutral-800);--color-surface-active:var(--color-neutral-700);--color-surface-elevated:var(--color-neutral-800);--color-surface-overlay:var(--color-neutral-800);--color-backdrop:#000c;--color-text:var(--color-neutral-50);--color-text-secondary:var(--color-neutral-100);--color-text-tertiary:var(--color-neutral-200);--color-text-disabled:var(--color-neutral-300);--color-text-inverse:var(--color-neutral-950);--color-text-on-primary:var(--color-neutral-950);--color-text-on-secondary:var(--color-neutral-950);--color-border:var(--color-neutral-700);--color-border-hover:var(--color-neutral-600);--color-border-active:var(--color-neutral-500);--color-border-focus:var(--color-primary-400);--color-border-subtle:var(--color-neutral-800);--color-success:#22c55e;--color-success-hover:#16a34a;--color-success-subtle:#052e16;--color-success-border:#166534;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-subtle:#451a03;--color-warning-border:#92400e;--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-subtle:#450a0a;--color-error-border:#991b1b;--color-info:var(--color-primary-400);--color-info-hover:var(--color-primary-300);--color-info-subtle:var(--color-primary-950);--color-info-border:var(--color-primary-700);--color-link:var(--color-primary-300);--color-link-hover:var(--color-primary-100);--color-link-visited:var(--color-primary-400);--color-focus:var(--color-primary-400);--color-disabled:var(--color-neutral-700);--color-disabled-subtle:var(--color-neutral-900);--color-input-background:var(--color-neutral-800);--color-input-border:var(--color-neutral-700);--color-input-border-focus:var(--color-primary-400);--color-input-placeholder:var(--color-neutral-500);--color-button-primary-bg:var(--color-primary-300);--color-button-primary-text:var(--color-neutral-950);--color-button-primary-bg-hover:var(--color-primary-200);--color-button-primary-border:var(--color-primary-300);--color-button-primary-border-hover:var(--color-primary-200);--color-button-secondary-bg:var(--color-neutral-800);--color-button-secondary-text:var(--color-neutral-100);--color-button-secondary-bg-hover:var(--color-neutral-700);--color-button-secondary-bg-hover-subtle:var(--color-neutral-800);--color-button-secondary-border:var(--color-neutral-700);--color-button-secondary-border-hover:var(--color-neutral-600);--color-button-ghost-bg:transparent;--color-button-ghost-text:var(--color-neutral-100);--color-button-ghost-bg-hover:var(--color-neutral-800);--color-button-ghost-bg-hover-subtle:var(--color-neutral-900);--color-button-ghost-text-hover:var(--color-neutral-50);--color-button-ghost-border:var(--color-neutral-700);--color-button-ghost-border-hover:var(--color-neutral-600);--color-code-background:var(--color-neutral-800);--color-code-text:var(--color-primary-300);--color-highlight:var(--color-primary-900);--color-selection:var(--color-primary-800);--color-divider:var(--color-neutral-800);--color-skeleton:var(--color-neutral-800)}}*{box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--color-background);color:var(--color-text);margin:0}