:root {
  color-scheme: dark;
  --e4-color-ground: #14110d;
  --e4-color-ink: #ece6dc;
  --e4-color-rule: #48433c;
  --e4-color-host: #ece6dc;
  --e4-color-failure: #ece6dc;
  --e4-color-resource: #ece6dc;
  --e4-tone-band: 0.5;
  --e4-font-data-family: 'JetBrains Mono', Menlo, 'DejaVu Sans Mono', monospace;
  --e4-font-data-size: 13.288px;
  --e4-font-data-weight: 400;
  --e4-font-data-style: normal;
  --e4-font-name-family: 'Source Serif 4', Georgia, serif;
  --e4-font-name-size: 15px;
  --e4-font-name-weight: 400;
  --e4-font-name-style: normal;
  --e4-font-label-family: 'Source Serif 4', Georgia, serif;
  --e4-font-label-size: 13.5px;
  --e4-font-label-weight: 400;
  --e4-font-label-style: italic;
  --e4-font-title-family: 'Source Serif 4', Georgia, serif;
  --e4-font-title-size: 20px;
  --e4-font-title-weight: 400;
  --e4-font-title-style: normal;
  --e4-stroke-edge: 1px;
  --e4-stroke-frame: 1px;
  --e4-stroke-rule: 1px;
  --e4-stroke-radius: 4px;
  --e4-organic-trunk: 2.4px;
  --e4-organic-fine: 0.8px;
  --e4-organic-flare: 6px;
  --e4-organic-noise: 0;
  --e4-organic-wave: 40px;
  --e4-motion-step: 600ms;
  --e4-motion-move-duration: 270ms;
  --e4-motion-move-delay: 0ms;
  --e4-motion-move-easing: linear(0, 0.054, 0.171, 0.306, 0.438, 0.555, 0.654, 0.734, 0.799, 0.849, 0.888, 0.918, 0.941, 0.958, 0.97, 0.98, 0.986, 0.992, 0.995, 0.998, 1);
  --e4-motion-leave-duration: 150ms;
  --e4-motion-leave-delay: 0ms;
  --e4-motion-leave-easing: linear(0, 0, 0.001, 0.003, 0.008, 0.015, 0.027, 0.042, 0.064, 0.091, 0.125, 0.166, 0.216, 0.274, 0.343, 0.421, 0.512, 0.614, 0.729, 0.857, 1);
  --e4-motion-write-duration: 180ms;
  --e4-motion-write-delay: 180ms;
  --e4-motion-write-easing: linear(0, 0.05, 0.1, 0.15, 0.2, 0.25, 0.3, 0.35, 0.4, 0.45, 0.5, 0.55, 0.6, 0.65, 0.7, 0.75, 0.8, 0.85, 0.9, 0.95, 1);
  --e4-motion-draw-duration: 132ms;
  --e4-motion-draw-delay: 0ms;
  --e4-motion-draw-easing: linear(0, 0.143, 0.271, 0.386, 0.488, 0.579, 0.657, 0.726, 0.784, 0.834, 0.875, 0.909, 0.936, 0.958, 0.973, 0.985, 0.992, 0.997, 0.999, 1, 1);
  --e4-motion-expand-duration: 216ms;
  --e4-motion-expand-delay: 0ms;
  --e4-motion-expand-easing: linear(0, 0.059, 0.195, 0.363, 0.531, 0.681, 0.804, 0.898, 0.964, 1.007, 1.032, 1.043, 1.045, 1.041, 1.034, 1.026, 1.019, 1.012, 1.007, 1.003, 1);
  --e4-motion-stagger: 36ms;
  --e4-motion-enter: 180ms;
}
@media (prefers-color-scheme: light), print {
:root {
  color-scheme: light;
  --e4-color-ground: #f7f4ee;
  --e4-color-ink: #1b1f2a;
  --e4-color-rule: #d3cdc1;
  --e4-color-host: #1b1f2a;
  --e4-color-failure: #1b1f2a;
  --e4-color-resource: #1b1f2a;
}
}
.e4-view { background: var(--e4-color-ground); }
.e4-fill-ground { fill: var(--e4-color-ground); }
.e4-fill-ink { fill: var(--e4-color-ink); }
.e4-fill-rule { fill: var(--e4-color-rule); }
.e4-fill-host { fill: var(--e4-color-host); }
.e4-fill-failure { fill: var(--e4-color-failure); }
.e4-fill-resource { fill: var(--e4-color-resource); }
.e4-stroke-ground { stroke: var(--e4-color-ground); }
.e4-stroke-ink { stroke: var(--e4-color-ink); }
.e4-stroke-rule { stroke: var(--e4-color-rule); }
.e4-stroke-host { stroke: var(--e4-color-host); }
.e4-stroke-failure { stroke: var(--e4-color-failure); }
.e4-stroke-resource { stroke: var(--e4-color-resource); }
.e4-text { fill: var(--e4-color-ink); }
.e4-face-data { font-family: var(--e4-font-data-family); font-size: var(--e4-font-data-size); font-weight: var(--e4-font-data-weight); font-style: var(--e4-font-data-style); }
.e4-face-name { font-family: var(--e4-font-name-family); font-size: var(--e4-font-name-size); font-weight: var(--e4-font-name-weight); font-style: var(--e4-font-name-style); }
.e4-face-label { font-family: var(--e4-font-label-family); font-size: var(--e4-font-label-size); font-weight: var(--e4-font-label-weight); font-style: var(--e4-font-label-style); }
.e4-face-title { font-family: var(--e4-font-title-family); font-size: var(--e4-font-title-size); font-weight: var(--e4-font-title-weight); font-style: var(--e4-font-title-style); }