@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/fraunces.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Fraunces"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/fonts/fraunces-italic.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/hanken-grotesk.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("/fonts/jetbrains-mono.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Caveat"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/caveat-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Caveat"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/caveat-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  color-scheme: dark;
  --ground-deep: #171717;
  --ground: #1b1b1b;
  --raised: #242424;
  --lifted: #2c2c2c;
  --ink: #f2ede3;
  --ink-2: color-mix(in oklab, var(--ink) 64%, transparent);
  --ink-3: color-mix(in oklab, var(--ink) 34%, transparent);
  --line: color-mix(in oklab, var(--ink) 12%, transparent);
  --line-2: color-mix(in oklab, var(--ink) 22%, transparent);
  --scrim: rgb(0 0 0 / 0.45);
  --ember: #de8d51;
  --ember-soft: color-mix(in oklab, var(--ember) 14%, transparent);
  --ember-line: color-mix(in oklab, var(--ember) 40%, transparent);
  --ember-ink: oklch(from var(--ember) 0.76 c h);
  --on-ember: #1b1b1b;
  --code-ground: #171717;
  --code-ground-bar: #242424;
  --code-ink: #f2ede3;
  --type-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --type-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --type-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --space-personal: #DE8D51;
  --space-personal-soft: color-mix(in oklab, var(--space-personal) 14%, transparent);
  --space-personal-line: color-mix(in oklab, var(--space-personal) 40%, transparent);
  --space-personal-ink: oklch(from var(--space-personal) 0.76 c h);
  --space-business: #8FA9C9;
  --space-business-soft: color-mix(in oklab, var(--space-business) 14%, transparent);
  --space-business-line: color-mix(in oklab, var(--space-business) 40%, transparent);
  --space-business-ink: oklch(from var(--space-business) 0.76 c h);
  --space-family: #C98A93;
  --space-family-soft: color-mix(in oklab, var(--space-family) 14%, transparent);
  --space-family-line: color-mix(in oklab, var(--space-family) 40%, transparent);
  --space-family-ink: oklch(from var(--space-family) 0.76 c h);
  --space-community: #9DB380;
  --space-community-soft: color-mix(in oklab, var(--space-community) 14%, transparent);
  --space-community-line: color-mix(in oklab, var(--space-community) 40%, transparent);
  --space-community-ink: oklch(from var(--space-community) 0.76 c h);
  --space-public: #84B0A6;
  --space-public-soft: color-mix(in oklab, var(--space-public) 14%, transparent);
  --space-public-line: color-mix(in oklab, var(--space-public) 40%, transparent);
  --space-public-ink: oklch(from var(--space-public) 0.76 c h);
  --actor-human: #e57db1;
  --actor-human-soft: color-mix(in oklab, var(--actor-human) 14%, transparent);
  --actor-human-line: color-mix(in oklab, var(--actor-human) 40%, transparent);
  --actor-human-ink: oklch(from var(--actor-human) 0.76 c h);
  --actor-agent: #8d9bfb;
  --actor-agent-soft: color-mix(in oklab, var(--actor-agent) 14%, transparent);
  --actor-agent-line: color-mix(in oklab, var(--actor-agent) 40%, transparent);
  --actor-agent-ink: oklch(from var(--actor-agent) 0.76 c h);
  --actor-system: var(--ink-2);
  --actor-system-soft: color-mix(in oklab, var(--ink) 8%, transparent);
  --actor-system-line: var(--line-2);
  --actor-system-ink: var(--ink-2);
  --status-active: #52a6e6;
  --status-active-soft: color-mix(in oklab, var(--status-active) 14%, transparent);
  --status-active-line: color-mix(in oklab, var(--status-active) 40%, transparent);
  --status-active-ink: oklch(from var(--status-active) 0.76 c h);
  --status-settled: #5ead6e;
  --status-settled-soft: color-mix(in oklab, var(--status-settled) 14%, transparent);
  --status-settled-line: color-mix(in oklab, var(--status-settled) 40%, transparent);
  --status-settled-ink: oklch(from var(--status-settled) 0.76 c h);
  --status-adverse: #ef7272;
  --status-adverse-soft: color-mix(in oklab, var(--status-adverse) 14%, transparent);
  --status-adverse-line: color-mix(in oklab, var(--status-adverse) 40%, transparent);
  --status-adverse-ink: oklch(from var(--status-adverse) 0.76 c h);
  --status-pending: #b79332;
  --status-pending-soft: color-mix(in oklab, var(--status-pending) 14%, transparent);
  --status-pending-line: color-mix(in oklab, var(--status-pending) 40%, transparent);
  --status-pending-ink: oklch(from var(--status-pending) 0.76 c h);
  --status-derived: #b893d4;
  --status-derived-soft: color-mix(in oklab, var(--status-derived) 14%, transparent);
  --status-derived-line: color-mix(in oklab, var(--status-derived) 40%, transparent);
  --status-derived-ink: oklch(from var(--status-derived) 0.76 c h);
  --status-dormant: var(--ink-2);
  --status-dormant-soft: color-mix(in oklab, var(--ink) 8%, transparent);
  --status-dormant-line: var(--line-2);
  --status-dormant-ink: var(--ink-2);
}

:root[data-theme="light"] {
  color-scheme: light;
  --ground-deep: #e9e4d8;
  --ground: #f2ede3;
  --raised: #f8f5ee;
  --lifted: #ffffff;
  --ink: #1b1b1b;
  --ink-2: color-mix(in oklab, var(--ink) 64%, transparent);
  --ink-3: color-mix(in oklab, var(--ink) 34%, transparent);
  --line: color-mix(in oklab, var(--ink) 12%, transparent);
  --line-2: color-mix(in oklab, var(--ink) 22%, transparent);
  --scrim: rgb(0 0 0 / 0.32);
  --ember: #de8d51;
  --ember-soft: color-mix(in oklab, var(--ember) 14%, transparent);
  --ember-line: color-mix(in oklab, var(--ember) 40%, transparent);
  --ember-ink: oklch(from var(--ember) 0.47 c h);
  --on-ember: #1b1b1b;
  --code-ground: #171717;
  --code-ground-bar: #242424;
  --code-ink: #f2ede3;
  --type-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --type-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --type-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --space-personal: #DE8D51;
  --space-personal-soft: color-mix(in oklab, var(--space-personal) 14%, transparent);
  --space-personal-line: color-mix(in oklab, var(--space-personal) 40%, transparent);
  --space-personal-ink: oklch(from var(--space-personal) 0.47 c h);
  --space-business: #8FA9C9;
  --space-business-soft: color-mix(in oklab, var(--space-business) 14%, transparent);
  --space-business-line: color-mix(in oklab, var(--space-business) 40%, transparent);
  --space-business-ink: oklch(from var(--space-business) 0.47 c h);
  --space-family: #C98A93;
  --space-family-soft: color-mix(in oklab, var(--space-family) 14%, transparent);
  --space-family-line: color-mix(in oklab, var(--space-family) 40%, transparent);
  --space-family-ink: oklch(from var(--space-family) 0.47 c h);
  --space-community: #9DB380;
  --space-community-soft: color-mix(in oklab, var(--space-community) 14%, transparent);
  --space-community-line: color-mix(in oklab, var(--space-community) 40%, transparent);
  --space-community-ink: oklch(from var(--space-community) 0.47 c h);
  --space-public: #84B0A6;
  --space-public-soft: color-mix(in oklab, var(--space-public) 14%, transparent);
  --space-public-line: color-mix(in oklab, var(--space-public) 40%, transparent);
  --space-public-ink: oklch(from var(--space-public) 0.47 c h);
  --actor-human: #e57db1;
  --actor-human-soft: color-mix(in oklab, var(--actor-human) 14%, transparent);
  --actor-human-line: color-mix(in oklab, var(--actor-human) 40%, transparent);
  --actor-human-ink: oklch(from var(--actor-human) 0.47 c h);
  --actor-agent: #8d9bfb;
  --actor-agent-soft: color-mix(in oklab, var(--actor-agent) 14%, transparent);
  --actor-agent-line: color-mix(in oklab, var(--actor-agent) 40%, transparent);
  --actor-agent-ink: oklch(from var(--actor-agent) 0.47 c h);
  --actor-system: var(--ink-2);
  --actor-system-soft: color-mix(in oklab, var(--ink) 8%, transparent);
  --actor-system-line: var(--line-2);
  --actor-system-ink: var(--ink-2);
  --status-active: #52a6e6;
  --status-active-soft: color-mix(in oklab, var(--status-active) 14%, transparent);
  --status-active-line: color-mix(in oklab, var(--status-active) 40%, transparent);
  --status-active-ink: oklch(from var(--status-active) 0.47 c h);
  --status-settled: #5ead6e;
  --status-settled-soft: color-mix(in oklab, var(--status-settled) 14%, transparent);
  --status-settled-line: color-mix(in oklab, var(--status-settled) 40%, transparent);
  --status-settled-ink: oklch(from var(--status-settled) 0.47 c h);
  --status-adverse: #ef7272;
  --status-adverse-soft: color-mix(in oklab, var(--status-adverse) 14%, transparent);
  --status-adverse-line: color-mix(in oklab, var(--status-adverse) 40%, transparent);
  --status-adverse-ink: oklch(from var(--status-adverse) 0.47 c h);
  --status-pending: #b79332;
  --status-pending-soft: color-mix(in oklab, var(--status-pending) 14%, transparent);
  --status-pending-line: color-mix(in oklab, var(--status-pending) 40%, transparent);
  --status-pending-ink: oklch(from var(--status-pending) 0.47 c h);
  --status-derived: #b893d4;
  --status-derived-soft: color-mix(in oklab, var(--status-derived) 14%, transparent);
  --status-derived-line: color-mix(in oklab, var(--status-derived) 40%, transparent);
  --status-derived-ink: oklch(from var(--status-derived) 0.47 c h);
  --status-dormant: var(--ink-2);
  --status-dormant-soft: color-mix(in oklab, var(--ink) 8%, transparent);
  --status-dormant-line: var(--line-2);
  --status-dormant-ink: var(--ink-2);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --ground-deep: #e9e4d8;
    --ground: #f2ede3;
    --raised: #f8f5ee;
    --lifted: #ffffff;
    --ink: #1b1b1b;
    --ink-2: color-mix(in oklab, var(--ink) 64%, transparent);
    --ink-3: color-mix(in oklab, var(--ink) 34%, transparent);
    --line: color-mix(in oklab, var(--ink) 12%, transparent);
    --line-2: color-mix(in oklab, var(--ink) 22%, transparent);
    --scrim: rgb(0 0 0 / 0.32);
    --ember: #de8d51;
    --ember-soft: color-mix(in oklab, var(--ember) 14%, transparent);
    --ember-line: color-mix(in oklab, var(--ember) 40%, transparent);
    --ember-ink: oklch(from var(--ember) 0.47 c h);
    --on-ember: #1b1b1b;
    --code-ground: #171717;
    --code-ground-bar: #242424;
    --code-ink: #f2ede3;
    --type-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
    --type-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --type-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    --space-personal: #DE8D51;
    --space-personal-soft: color-mix(in oklab, var(--space-personal) 14%, transparent);
    --space-personal-line: color-mix(in oklab, var(--space-personal) 40%, transparent);
    --space-personal-ink: oklch(from var(--space-personal) 0.47 c h);
    --space-business: #8FA9C9;
    --space-business-soft: color-mix(in oklab, var(--space-business) 14%, transparent);
    --space-business-line: color-mix(in oklab, var(--space-business) 40%, transparent);
    --space-business-ink: oklch(from var(--space-business) 0.47 c h);
    --space-family: #C98A93;
    --space-family-soft: color-mix(in oklab, var(--space-family) 14%, transparent);
    --space-family-line: color-mix(in oklab, var(--space-family) 40%, transparent);
    --space-family-ink: oklch(from var(--space-family) 0.47 c h);
    --space-community: #9DB380;
    --space-community-soft: color-mix(in oklab, var(--space-community) 14%, transparent);
    --space-community-line: color-mix(in oklab, var(--space-community) 40%, transparent);
    --space-community-ink: oklch(from var(--space-community) 0.47 c h);
    --space-public: #84B0A6;
    --space-public-soft: color-mix(in oklab, var(--space-public) 14%, transparent);
    --space-public-line: color-mix(in oklab, var(--space-public) 40%, transparent);
    --space-public-ink: oklch(from var(--space-public) 0.47 c h);
    --actor-human: #e57db1;
    --actor-human-soft: color-mix(in oklab, var(--actor-human) 14%, transparent);
    --actor-human-line: color-mix(in oklab, var(--actor-human) 40%, transparent);
    --actor-human-ink: oklch(from var(--actor-human) 0.47 c h);
    --actor-agent: #8d9bfb;
    --actor-agent-soft: color-mix(in oklab, var(--actor-agent) 14%, transparent);
    --actor-agent-line: color-mix(in oklab, var(--actor-agent) 40%, transparent);
    --actor-agent-ink: oklch(from var(--actor-agent) 0.47 c h);
    --actor-system: var(--ink-2);
    --actor-system-soft: color-mix(in oklab, var(--ink) 8%, transparent);
    --actor-system-line: var(--line-2);
    --actor-system-ink: var(--ink-2);
    --status-active: #52a6e6;
    --status-active-soft: color-mix(in oklab, var(--status-active) 14%, transparent);
    --status-active-line: color-mix(in oklab, var(--status-active) 40%, transparent);
    --status-active-ink: oklch(from var(--status-active) 0.47 c h);
    --status-settled: #5ead6e;
    --status-settled-soft: color-mix(in oklab, var(--status-settled) 14%, transparent);
    --status-settled-line: color-mix(in oklab, var(--status-settled) 40%, transparent);
    --status-settled-ink: oklch(from var(--status-settled) 0.47 c h);
    --status-adverse: #ef7272;
    --status-adverse-soft: color-mix(in oklab, var(--status-adverse) 14%, transparent);
    --status-adverse-line: color-mix(in oklab, var(--status-adverse) 40%, transparent);
    --status-adverse-ink: oklch(from var(--status-adverse) 0.47 c h);
    --status-pending: #b79332;
    --status-pending-soft: color-mix(in oklab, var(--status-pending) 14%, transparent);
    --status-pending-line: color-mix(in oklab, var(--status-pending) 40%, transparent);
    --status-pending-ink: oklch(from var(--status-pending) 0.47 c h);
    --status-derived: #b893d4;
    --status-derived-soft: color-mix(in oklab, var(--status-derived) 14%, transparent);
    --status-derived-line: color-mix(in oklab, var(--status-derived) 40%, transparent);
    --status-derived-ink: oklch(from var(--status-derived) 0.47 c h);
    --status-dormant: var(--ink-2);
    --status-dormant-soft: color-mix(in oklab, var(--ink) 8%, transparent);
    --status-dormant-line: var(--line-2);
    --status-dormant-ink: var(--ink-2);
  }
}

[data-ground="dark"] {
  color-scheme: dark;
  --ground-deep: #171717;
  --ground: #1b1b1b;
  --raised: #242424;
  --lifted: #2c2c2c;
  --ink: #f2ede3;
  --ink-2: color-mix(in oklab, var(--ink) 64%, transparent);
  --ink-3: color-mix(in oklab, var(--ink) 34%, transparent);
  --line: color-mix(in oklab, var(--ink) 12%, transparent);
  --line-2: color-mix(in oklab, var(--ink) 22%, transparent);
  --scrim: rgb(0 0 0 / 0.45);
  --ember: #de8d51;
  --ember-soft: color-mix(in oklab, var(--ember) 14%, transparent);
  --ember-line: color-mix(in oklab, var(--ember) 40%, transparent);
  --ember-ink: oklch(from var(--ember) 0.76 c h);
  --on-ember: #1b1b1b;
  --code-ground: #171717;
  --code-ground-bar: #242424;
  --code-ink: #f2ede3;
  --type-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --type-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --type-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --space-personal: #DE8D51;
  --space-personal-soft: color-mix(in oklab, var(--space-personal) 14%, transparent);
  --space-personal-line: color-mix(in oklab, var(--space-personal) 40%, transparent);
  --space-personal-ink: oklch(from var(--space-personal) 0.76 c h);
  --space-business: #8FA9C9;
  --space-business-soft: color-mix(in oklab, var(--space-business) 14%, transparent);
  --space-business-line: color-mix(in oklab, var(--space-business) 40%, transparent);
  --space-business-ink: oklch(from var(--space-business) 0.76 c h);
  --space-family: #C98A93;
  --space-family-soft: color-mix(in oklab, var(--space-family) 14%, transparent);
  --space-family-line: color-mix(in oklab, var(--space-family) 40%, transparent);
  --space-family-ink: oklch(from var(--space-family) 0.76 c h);
  --space-community: #9DB380;
  --space-community-soft: color-mix(in oklab, var(--space-community) 14%, transparent);
  --space-community-line: color-mix(in oklab, var(--space-community) 40%, transparent);
  --space-community-ink: oklch(from var(--space-community) 0.76 c h);
  --space-public: #84B0A6;
  --space-public-soft: color-mix(in oklab, var(--space-public) 14%, transparent);
  --space-public-line: color-mix(in oklab, var(--space-public) 40%, transparent);
  --space-public-ink: oklch(from var(--space-public) 0.76 c h);
  --actor-human: #e57db1;
  --actor-human-soft: color-mix(in oklab, var(--actor-human) 14%, transparent);
  --actor-human-line: color-mix(in oklab, var(--actor-human) 40%, transparent);
  --actor-human-ink: oklch(from var(--actor-human) 0.76 c h);
  --actor-agent: #8d9bfb;
  --actor-agent-soft: color-mix(in oklab, var(--actor-agent) 14%, transparent);
  --actor-agent-line: color-mix(in oklab, var(--actor-agent) 40%, transparent);
  --actor-agent-ink: oklch(from var(--actor-agent) 0.76 c h);
  --actor-system: var(--ink-2);
  --actor-system-soft: color-mix(in oklab, var(--ink) 8%, transparent);
  --actor-system-line: var(--line-2);
  --actor-system-ink: var(--ink-2);
  --status-active: #52a6e6;
  --status-active-soft: color-mix(in oklab, var(--status-active) 14%, transparent);
  --status-active-line: color-mix(in oklab, var(--status-active) 40%, transparent);
  --status-active-ink: oklch(from var(--status-active) 0.76 c h);
  --status-settled: #5ead6e;
  --status-settled-soft: color-mix(in oklab, var(--status-settled) 14%, transparent);
  --status-settled-line: color-mix(in oklab, var(--status-settled) 40%, transparent);
  --status-settled-ink: oklch(from var(--status-settled) 0.76 c h);
  --status-adverse: #ef7272;
  --status-adverse-soft: color-mix(in oklab, var(--status-adverse) 14%, transparent);
  --status-adverse-line: color-mix(in oklab, var(--status-adverse) 40%, transparent);
  --status-adverse-ink: oklch(from var(--status-adverse) 0.76 c h);
  --status-pending: #b79332;
  --status-pending-soft: color-mix(in oklab, var(--status-pending) 14%, transparent);
  --status-pending-line: color-mix(in oklab, var(--status-pending) 40%, transparent);
  --status-pending-ink: oklch(from var(--status-pending) 0.76 c h);
  --status-derived: #b893d4;
  --status-derived-soft: color-mix(in oklab, var(--status-derived) 14%, transparent);
  --status-derived-line: color-mix(in oklab, var(--status-derived) 40%, transparent);
  --status-derived-ink: oklch(from var(--status-derived) 0.76 c h);
  --status-dormant: var(--ink-2);
  --status-dormant-soft: color-mix(in oklab, var(--ink) 8%, transparent);
  --status-dormant-line: var(--line-2);
  --status-dormant-ink: var(--ink-2);
}