.status-indicator {
  align-items: baseline;
  gap: var(--spacing-small);
  font-size: var(--font-size-body);
  display: inline-flex;
}
.status-indicator:before {
  width: var(--size-status-marker);
  height: var(--size-status-marker);
  content: "";
  background: currentColor;
  flex: none;
}
.status-indicator--healthy {
  color: var(--color-healthy);
}
.status-indicator--waiting {
  color: var(--color-waiting);
}
.status-indicator--inactive {
  color: var(--color-ink-tertiary);
}
.status-indicator--attention {
  color: var(--color-attention);
}
.command-palette {
  z-index: var(--layer-overlay);
  padding-top: var(--size-overlay-offset);
  background: var(--color-overlay-scrim);
  justify-content: center;
  display: flex;
  position: fixed;
  inset: 0;
}
.command-palette__dialog {
  width: var(--size-overlay-width);
  max-width: var(--size-overlay-maximum-width);
  border: var(--scale-pixels-one) solid var(--color-rule);
  border-radius: var(--scale-pixels-fourteen);
  background: var(--color-paper-raised);
  height: max-content;
  box-shadow: 0 var(--scale-pixels-twenty-four) 80px #00000038;
  overflow: hidden;
}
.command-palette__search {
  width: 100%;
  padding: var(--spacing-medium) var(--spacing-large);
  border: 0;
  border-bottom: var(--scale-pixels-one) solid var(--color-rule);
  background: var(--color-paper-raised);
  color: var(--color-ink);
  font-size: var(--font-size-title);
  outline: 0;
}
.command-palette__results {
  max-height: var(--size-overlay-list-height);
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}
.command-palette__result {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--spacing-large);
  width: 100%;
  padding: var(--scale-pixels-twelve) var(--scale-pixels-sixteen);
  color: var(--color-ink);
  font-size: var(--font-size-emphasis);
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  display: flex;
}
.command-palette__result--active {
  background: var(--color-paper-sunken);
  color: var(--color-ink);
  box-shadow: inset var(--scale-pixels-three) 0 0 var(--color-data);
}
.command-palette__result-description {
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-small);
}
.command-palette__result--active .command-palette__result-description {
  color: var(--color-ink-secondary);
}
.command-palette__empty {
  padding: var(--spacing-large);
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-body);
  margin: 0;
}
.navigation-bar {
  z-index: var(--layer-navigation);
  width: var(--scale-pixels-two-hundred-forty-four);
  padding: var(--scale-pixels-twenty-four) var(--scale-pixels-fourteen) var(--scale-pixels-fourteen);
  border-right: var(--scale-pixels-one) solid var(--color-rule);
  background: var(--color-nav);
  color: var(--color-nav-ink);
  flex-direction: column;
  display: flex;
  position: fixed;
  inset: 0 auto 0 0;
}
.navigation-bar__wordmark {
  align-items: center;
  gap: var(--scale-pixels-twelve);
  min-height: var(--scale-pixels-forty-eight);
  margin: 0 var(--scale-pixels-eight) var(--scale-pixels-thirty);
  color: inherit;
  text-decoration: none;
  display: flex;
}
.navigation-bar__wordmark:hover {
  text-decoration: none;
}
.navigation-bar__mark {
  width: var(--scale-pixels-thirty-eight);
  height: var(--scale-pixels-thirty-eight);
  border-radius: var(--scale-pixels-twelve);
  background: var(--color-nav-accent);
  color: var(--color-nav-text);
  font-size: var(--scale-pixels-twenty);
  font-weight: var(--scale-unitless-eight-hundred);
  letter-spacing: var(--scale-ems-negative-zero-point-zero-eight);
  place-items: center;
  display: grid;
}
.navigation-bar__brand-copy {
  gap: var(--scale-pixels-one);
  display: grid;
}
.navigation-bar__brand-copy strong {
  color: var(--color-nav-ink);
  font-size: var(--scale-pixels-seventeen);
  letter-spacing: var(--scale-ems-negative-zero-point-zero-two);
}
.navigation-bar__brand-copy small {
  color: var(--color-nav-muted);
  font-size: var(--scale-pixels-eleven);
}
.navigation-bar__search {
  min-height: var(--scale-pixels-thirty-seven);
  align-items: center;
  gap: var(--scale-pixels-eight);
  margin: 0 var(--scale-pixels-two) var(--scale-pixels-eighteen);
  padding: 0 var(--scale-pixels-ten);
  border: var(--scale-pixels-one) solid var(--color-nav-rule);
  border-radius: var(--scale-pixels-eight);
  color: var(--color-nav-muted);
  font-size: var(--scale-pixels-eleven);
  text-align: left;
  cursor: pointer;
  background: #ffffff08;
  display: flex;
}
.navigation-bar__search:hover {
  border-color: color-mix(in srgb, var(--color-nav-accent) 50%, var(--color-nav-rule));
  color: var(--color-nav-ink);
}
.navigation-bar__search kbd {
  padding: var(--scale-pixels-one) var(--scale-pixels-five);
  border: var(--scale-pixels-one) solid var(--color-nav-rule);
  border-radius: var(--scale-pixels-four);
  color: var(--color-nav-muted);
  font: inherit;
  font-size: var(--scale-pixels-nine);
  margin-left: auto;
}
.navigation-bar__sections {
  flex: var(--scale-unitless-one);
  gap: var(--scale-pixels-twenty-two);
  flex-direction: column;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}
.navigation-bar__group {
  gap: var(--scale-pixels-four);
  display: grid;
}
.navigation-bar__group-label {
  margin: 0 var(--scale-pixels-ten) var(--scale-pixels-five);
  color: var(--color-nav-muted);
  font-size: var(--scale-pixels-ten);
  font-weight: var(--scale-unitless-seven-hundred);
  letter-spacing: var(--scale-ems-zero-point-one-two);
  text-transform: uppercase;
}
.navigation-bar__link {
  min-height: var(--scale-pixels-forty);
  align-items: center;
  gap: var(--scale-pixels-eleven);
  padding: 0 var(--scale-pixels-eleven);
  border-radius: var(--scale-pixels-eight);
  color: var(--color-nav-muted);
  font-size: var(--scale-pixels-thirteen);
  font-weight: var(--scale-unitless-five-hundred-fifty);
  text-align: left;
  cursor: pointer;
  transition:
    color var(--duration-quick) ease,
    background-color var(--duration-quick) ease;
  background: 0 0;
  border: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}
.navigation-bar__link:hover {
  background: var(--color-nav-hover);
  color: var(--color-nav-ink);
  text-decoration: none;
}
.navigation-bar__link[aria-current="page"] {
  background: var(--color-nav-active);
  color: var(--color-nav-ink);
  font-weight: var(--scale-unitless-six-hundred-fifty);
}
.navigation-bar__link[aria-current="page"]:before {
  top: var(--scale-pixels-nine);
  bottom: var(--scale-pixels-nine);
  left: var(--scale-pixels-negative-fourteen);
  width: var(--scale-pixels-three);
  border-radius: 0 var(--scale-pixels-three) var(--scale-pixels-three) 0;
  background: var(--color-nav-accent);
  content: "";
  position: absolute;
}
.navigation-bar__link[aria-current="page"] svg {
  color: var(--color-nav-accent);
}
.navigation-bar__badge {
  min-width: var(--scale-pixels-twenty);
  height: var(--scale-pixels-twenty);
  padding: 0 var(--scale-pixels-five);
  background: var(--color-nav-accent);
  color: var(--color-nav-text);
  font-size: var(--scale-pixels-eleven);
  font-weight: var(--scale-unitless-seven-hundred-fifty);
  border-radius: 99px;
  place-items: center;
  margin-left: auto;
  display: inline-grid;
}
.navigation-bar__footer {
  gap: var(--scale-pixels-eight);
  margin-top: var(--scale-pixels-sixteen);
  padding-top: var(--scale-pixels-twelve);
  border-top: var(--scale-pixels-one) solid var(--color-nav-rule);
  display: grid;
}
.navigation-bar__indicator {
  align-items: center;
  gap: var(--scale-pixels-eight);
  min-height: var(--scale-pixels-thirty-four);
  padding: 0 var(--scale-pixels-ten);
  color: var(--color-nav-muted);
  font-size: var(--scale-pixels-eleven);
  display: flex;
}
.navigation-bar__indicator:before {
  width: var(--scale-pixels-seven);
  height: var(--scale-pixels-seven);
  background: var(--color-healthy);
  content: "";
  border-radius: 50%;
}
.navigation-bar__indicator--attention:before {
  background: var(--color-attention);
}
.navigation-bar__logout {
  margin: 0;
  display: flex;
}
.navigation-bar__logout .navigation-bar__link {
  width: 100%;
}
@media (width<=1040px) {
  .navigation-bar {
    width: var(--scale-pixels-seventy-two);
    padding-inline: var(--scale-pixels-nine);
    align-items: center;
  }
  .navigation-bar__wordmark {
    margin-inline: 0;
  }
  .navigation-bar__brand-copy,
  .navigation-bar__search span,
  .navigation-bar__search kbd,
  .navigation-bar__group-label,
  .navigation-bar__link-label,
  .navigation-bar__indicator {
    display: none;
  }
  .navigation-bar__sections {
    gap: var(--scale-pixels-twelve);
    width: 100%;
  }
  .navigation-bar__search {
    width: var(--scale-pixels-forty-two);
    height: var(--scale-pixels-forty-two);
    flex: 0 0 var(--scale-pixels-forty-two);
    margin: 0 0 var(--scale-pixels-eleven);
    justify-content: center;
    padding: 0;
  }
  .navigation-bar__group {
    gap: var(--scale-pixels-six);
  }
  .navigation-bar__link {
    justify-content: center;
    padding: 0;
  }
  .navigation-bar__badge {
    top: 0;
    right: var(--scale-pixels-negative-four);
    min-width: var(--scale-pixels-sixteen);
    height: var(--scale-pixels-sixteen);
    padding: 0 var(--scale-pixels-three);
    font-size: var(--scale-pixels-nine);
    position: absolute;
  }
  .navigation-bar__footer {
    width: 100%;
  }
  .navigation-bar__logout .navigation-bar__link span {
    display: none;
  }
}
@media (width<=620px) {
  .navigation-bar {
    width: 100%;
    height: var(--scale-pixels-sixty-two);
    padding: 0 var(--scale-pixels-twelve);
    border-right: 0;
    border-bottom: var(--scale-pixels-one) solid var(--color-nav-rule);
    flex-direction: row;
    justify-content: space-between;
    position: sticky;
    inset: 0 0 auto;
  }
  .navigation-bar__wordmark {
    flex: 0 0 var(--scale-pixels-forty-two);
    margin: 0;
  }
  .navigation-bar__search {
    display: none;
  }
  .navigation-bar__mark {
    width: var(--scale-pixels-thirty-four);
    height: var(--scale-pixels-thirty-four);
  }
  .navigation-bar__sections {
    flex: var(--scale-unitless-one);
    align-items: center;
    gap: var(--scale-pixels-three);
    scrollbar-width: none;
    flex-direction: row;
    overflow: auto hidden;
  }
  .navigation-bar__sections::-webkit-scrollbar {
    display: none;
  }
  .navigation-bar__group {
    display: contents;
  }
  .navigation-bar__link {
    min-width: var(--scale-pixels-forty-two);
    min-height: var(--scale-pixels-forty-two);
    flex: none;
  }
  .navigation-bar__link-label,
  .navigation-bar__brand-copy {
    display: none;
  }
  .navigation-bar__footer {
    border: 0;
    width: auto;
    margin: 0;
    padding: 0;
  }
  .navigation-bar__logout .navigation-bar__link {
    min-width: var(--scale-pixels-thirty-six);
  }
}
.tour-guide {
  z-index: var(--layer-overlay);
  right: var(--spacing-extra-large);
  bottom: var(--spacing-extra-large);
  width: min(25rem, 100vw - 2rem);
  padding: var(--spacing-double-extra-large);
  border: var(--border-width-heavy) solid var(--color-data);
  background: var(--color-paper-raised);
  border-radius: 14px;
  position: fixed;
  box-shadow: 0 12px 40px #0000003d;
}
.tour-guide__progress,
.tour-guide__actions {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-medium);
  display: flex;
}
.tour-guide__progress {
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-label);
}
.tour-guide__meter {
  height: var(--spacing-extra-small);
  margin-top: var(--spacing-medium);
  background: var(--color-rule-subtle);
  border-radius: 2px;
  overflow: hidden;
}
.tour-guide__meter span {
  background: var(--color-healthy);
  height: 100%;
  transition: width var(--duration-quick) ease;
  display: block;
}
.tour-guide__title {
  margin: var(--spacing-large) 0 var(--spacing-small);
  font-size: var(--font-size-heading);
}
.tour-guide__body {
  margin: 0 0 var(--spacing-extra-large);
  color: var(--color-ink-secondary);
  font-size: var(--font-size-body);
  line-height: var(--line-height-relaxed);
}
.tour-guide__actions button {
  min-height: var(--size-touch-target);
  padding: var(--spacing-small) var(--spacing-large);
  border: var(--border-width-hairline) solid transparent;
  color: var(--color-ink-secondary);
  font: inherit;
  cursor: pointer;
  background: 0 0;
  border-radius: 7px;
}
.tour-guide__actions .tour-guide__next {
  background: var(--color-action);
  color: var(--color-action-ink);
  font-weight: var(--font-weight-semibold);
}
.tour-guide__previous {
  margin-right: auto;
}
.tour-guide__actions button:hover {
  border-color: var(--color-rule);
}
.tour-guide__actions .tour-guide__next:hover {
  border-color: var(--color-healthy);
}
.tour-guide__actions button:focus-visible {
  outline: var(--border-width-heavy) solid var(--color-data);
  outline-offset: var(--spacing-extra-small);
}
@media (width<=40rem) {
  .tour-guide {
    right: var(--spacing-small);
    bottom: var(--spacing-small);
    left: var(--spacing-small);
    width: auto;
    padding: var(--spacing-large);
  }
}
.button {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-small);
  box-sizing: border-box;
  min-height: var(--size-control-height);
  padding: var(--spacing-extra-small) var(--spacing-large);
  border: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper-raised);
  color: var(--color-ink);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition:
    background-color var(--duration-quick) ease,
    border-color var(--duration-quick) ease,
    transform var(--duration-quick) ease;
  border-radius: 8px;
  text-decoration: none;
  display: inline-flex;
}
.button:hover {
  border-color: var(--color-ink-tertiary);
  background: var(--color-paper-sunken);
  text-decoration: none;
}
.button:disabled {
  opacity: var(--opacity-disabled);
  cursor: not-allowed;
}
.button--primary {
  border-color: var(--color-action);
  background: var(--color-action);
  color: var(--color-action-ink);
  font-weight: var(--font-weight-semibold);
}
.button--primary:hover {
  border-color: var(--color-action-hover);
  background: var(--color-action-hover);
  transform: translateY(-1px);
}
.button--quiet {
  color: var(--color-ink-secondary);
  background: 0 0;
  border-color: #0000;
}
.button--quiet:hover {
  border-color: var(--color-rule);
  color: var(--color-ink);
}
.button--confirm {
  border-color: var(--color-healthy);
  color: var(--color-healthy);
}
.button--confirm:hover {
  border-color: var(--color-healthy);
  background: color-mix(in srgb, var(--color-healthy) 16%, transparent);
}
.button--danger {
  border-color: var(--color-attention);
  color: var(--color-attention);
}
.button--danger:hover {
  border-color: var(--color-attention);
  background: color-mix(in srgb, var(--color-attention) 16%, transparent);
}
.button--link {
  min-height: auto;
  color: var(--color-data);
  background: 0 0;
  border: 0;
  padding: 0;
}
.button--link:hover {
  text-underline-offset: var(--spacing-hairline);
  background: 0 0;
  text-decoration: underline;
}
.button--compact {
  min-height: var(--size-compact-control-height);
  padding: var(--spacing-hairline) var(--spacing-small);
  font-size: var(--font-size-small);
}
.empty-state {
  padding: var(--spacing-extra-large) var(--spacing-large);
  border: var(--border-width-hairline) dashed var(--color-rule);
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-body);
  text-align: center;
}
.error-notice {
  margin-bottom: var(--spacing-large);
  padding: var(--spacing-medium) var(--spacing-large);
  border: var(--border-width-hairline) solid var(--color-rule);
  border-left: var(--border-width-marker) solid var(--color-attention);
  background: var(--color-paper-raised);
  font-size: var(--font-size-body);
}
.page-header {
  margin-bottom: var(--scale-pixels-twenty-two);
}
.page-header__summary {
  max-width: var(--scale-characters-seventy-two);
  margin: var(--scale-pixels-eight) 0 0;
  color: var(--color-ink-secondary);
  font-size: var(--scale-pixels-thirteen);
  line-height: var(--line-height-relaxed);
}
.section-heading {
  margin: var(--spacing-double-extra-large) 0 var(--spacing-small);
  color: var(--color-ink);
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-semibold);
}
.toggle-chip-group {
  gap: var(--spacing-small);
  flex-wrap: wrap;
  display: flex;
}
.toggle-chip {
  box-sizing: border-box;
  min-height: var(--size-compact-control-height);
  padding: var(--spacing-hairline) var(--spacing-small);
  border: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper-raised);
  color: var(--color-ink-secondary);
  font-size: var(--font-size-small);
  cursor: pointer;
  border-radius: 7px;
  align-items: center;
  display: inline-flex;
}
.toggle-chip:hover {
  border-color: var(--color-ink-tertiary);
  color: var(--color-ink);
}
.toggle-chip--selected {
  border-color: var(--color-action);
  background: var(--color-action);
  color: var(--color-action-ink);
}
.toggle-chip--selected:hover {
  border-color: var(--color-action-hover);
  background: var(--color-action-hover);
  color: var(--color-action-ink);
}
.activity-filters {
  grid-template-columns: repeat(auto-fit, minmax(var(--size-panel-minimum-width), 1fr));
  gap: var(--spacing-double-extra-large);
  margin-bottom: var(--spacing-double-extra-large);
  display: grid;
}
.domain-bars {
  flex-direction: column;
  display: flex;
}
.domain-bars__row {
  align-items: center;
  gap: var(--spacing-medium);
  padding: var(--spacing-extra-small) 0;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  grid-template-columns: 6rem 1fr 3rem;
  display: grid;
}
.domain-bars__name {
  font-family: var(--font-family-mono);
  font-size: var(--font-size-small);
}
.domain-bars__track {
  height: var(--size-bar-height);
  border: var(--border-width-hairline) solid var(--color-rule-subtle);
  background: var(--color-paper-sunken);
}
.domain-bars__fill {
  background: var(--color-data);
  height: 100%;
  transition: background-color var(--duration-quick) linear;
  display: block;
}
.domain-bars__row:hover .domain-bars__fill,
.domain-bars__row[aria-pressed="true"] .domain-bars__fill {
  background: var(--color-attention);
}
.domain-bars__count {
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-small);
  text-align: right;
}
.audit-log {
  border: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper-raised);
  overflow-x: auto;
}
.audit-log__table {
  border-collapse: collapse;
  width: 100%;
  font-size: var(--font-size-small);
}
.audit-log__table th,
.audit-log__table td {
  padding: var(--spacing-extra-small) var(--spacing-medium);
  border-bottom: var(--border-width-hairline) solid var(--color-rule-subtle);
  text-align: left;
  white-space: nowrap;
}
.audit-log__table th {
  background: var(--color-paper-sunken);
  color: var(--color-ink-secondary);
  font-weight: var(--font-weight-semibold);
}
.audit-log__row:hover {
  background: var(--color-paper-sunken);
}
.audit-log__row--refused {
  box-shadow: inset var(--border-width-marker) 0 0 var(--color-attention);
}
.audit-log__row--waiting {
  box-shadow: inset var(--border-width-marker) 0 0 var(--color-waiting);
}
.audit-log__timestamp {
  color: var(--color-ink-tertiary);
  font-family: var(--font-family-mono);
}
.audit-log__argument {
  max-width: var(--size-narrow-field);
  color: var(--color-ink-tertiary);
  text-overflow: ellipsis;
  overflow: hidden;
}
.access-safety-note {
  align-items: flex-start;
  gap: var(--scale-pixels-thirteen);
  margin-bottom: var(--scale-pixels-fifteen);
  padding: var(--scale-pixels-fifteen) var(--scale-pixels-sixteen);
  border: var(--scale-pixels-one) solid
    color-mix(in srgb, var(--color-healthy) 28%, var(--color-rule));
  border-radius: var(--scale-pixels-eleven);
  background: color-mix(in srgb, var(--color-paper-raised) 90%, var(--color-healthy));
  display: flex;
}
.access-safety-note > span {
  width: var(--scale-pixels-thirty-six);
  height: var(--scale-pixels-thirty-six);
  border-radius: var(--scale-pixels-ten);
  background: var(--color-paper-raised);
  color: var(--color-healthy);
  flex: none;
  place-items: center;
  display: grid;
}
.access-safety-note strong {
  font-size: var(--scale-pixels-thirteen);
}
.access-safety-note p {
  margin: var(--scale-pixels-four) 0 0;
  color: var(--color-ink-secondary);
  font-size: var(--scale-pixels-eleven);
  line-height: var(--scale-unitless-one-point-five);
}
.access-storage-location {
  align-items: center;
  gap: var(--scale-pixels-ten);
  margin-bottom: var(--scale-pixels-nine);
  padding: var(--scale-pixels-ten) var(--scale-pixels-thirteen);
  border: var(--scale-pixels-one) solid var(--color-rule);
  border-radius: var(--scale-pixels-nine);
  background: var(--color-paper-raised);
  flex-wrap: wrap;
  display: flex;
}
.access-storage-location span {
  color: var(--color-ink-tertiary);
  font-size: var(--scale-pixels-ten);
  font-weight: var(--scale-unitless-six-hundred-fifty);
  text-transform: uppercase;
}
.access-storage-location code,
.credential-row code {
  color: var(--color-ink-secondary);
  font-family: var(--font-family-mono);
  font-size: var(--scale-pixels-eleven);
}
.credential-list {
  border: var(--scale-pixels-one) solid var(--color-rule);
  border-radius: var(--scale-pixels-eleven);
  background: var(--color-paper-raised);
  overflow: hidden;
}
.credential-row {
  grid-template-columns: var(--scale-pixels-thirty-eight) minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--scale-pixels-twelve);
  min-height: var(--scale-pixels-seventy-six);
  padding: var(--scale-pixels-eleven) var(--scale-pixels-fourteen);
  display: grid;
}
.credential-row + .credential-row {
  border-top: var(--scale-pixels-one) solid var(--color-rule-subtle);
}
.credential-row__icon {
  width: var(--scale-pixels-thirty-six);
  height: var(--scale-pixels-thirty-six);
  border: var(--scale-pixels-one) solid var(--color-rule);
  border-radius: var(--scale-pixels-ten);
  background: var(--color-paper-sunken);
  color: var(--color-data);
  place-items: center;
  display: grid;
}
.credential-row__main {
  gap: var(--scale-pixels-three);
  min-width: 0;
  display: grid;
}
.credential-row__main strong {
  font-size: var(--scale-pixels-twelve);
}
.credential-row__main p {
  color: var(--color-ink-secondary);
  font-size: var(--scale-pixels-ten);
  margin: 0;
}
.credential-state {
  align-items: center;
  gap: var(--scale-pixels-seven);
  font-size: var(--scale-pixels-ten);
  font-weight: var(--scale-unitless-six-hundred-fifty);
  white-space: nowrap;
  display: inline-flex;
}
.credential-state i {
  width: var(--scale-pixels-seven);
  height: var(--scale-pixels-seven);
  background: currentColor;
  border-radius: 50%;
}
.credential-state--present {
  color: var(--color-healthy);
}
.credential-state--missing {
  color: var(--color-ink-tertiary);
}
.provider-auth-note {
  align-items: center;
  gap: var(--scale-pixels-twenty);
  margin-top: var(--scale-pixels-fifteen);
  padding: var(--scale-pixels-sixteen);
  border: var(--scale-pixels-one) solid var(--color-rule);
  border-radius: var(--scale-pixels-eleven);
  background: var(--color-paper-raised);
  grid-template-columns: minmax(180px, 0.45fr) 1fr auto;
  display: grid;
}
.provider-auth-note h2 {
  margin-top: var(--scale-pixels-three);
  font-size: var(--scale-pixels-fifteen);
}
.provider-auth-note p {
  color: var(--color-ink-secondary);
  font-size: var(--scale-pixels-eleven);
  line-height: var(--scale-unitless-one-point-five);
  margin: 0;
}
.provider-auth-note > a {
  align-items: center;
  gap: var(--scale-pixels-six);
  color: var(--color-data);
  font-size: var(--scale-pixels-eleven);
  font-weight: var(--scale-unitless-six-hundred-fifty);
  white-space: nowrap;
  display: inline-flex;
}
@media (width<=760px) {
  .provider-auth-note {
    gap: var(--scale-pixels-ten);
    grid-template-columns: 1fr;
  }
}
@media (width<=520px) {
  .credential-row {
    grid-template-columns: var(--scale-pixels-thirty-four) minmax(0, 1fr);
    align-items: start;
    gap: var(--scale-pixels-eight);
    padding-inline: var(--scale-pixels-ten);
  }
  .credential-row__icon {
    width: var(--scale-pixels-thirty-two);
    height: var(--scale-pixels-thirty-two);
  }
  .credential-state {
    grid-column: 2;
  }
}
.tag {
  align-items: center;
  gap: var(--spacing-extra-small);
  padding: var(--spacing-hairline) var(--spacing-small);
  border: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper-sunken);
  color: var(--color-ink-secondary);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-medium);
  display: inline-flex;
}
.tag--healthy {
  border-color: var(--color-healthy);
  color: var(--color-healthy);
  background: 0 0;
}
.tag--waiting {
  border-color: var(--color-waiting);
  color: var(--color-waiting);
  background: 0 0;
}
.tag--attention {
  border-color: var(--color-attention);
  color: var(--color-attention);
  background: 0 0;
}
.tag--absent {
  color: var(--color-ink-tertiary);
  background: 0 0;
  border-style: dashed;
}
.text-field {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--size-narrow-field);
  min-height: var(--size-control-height);
  padding: var(--spacing-extra-small) var(--spacing-small);
  border: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper-raised);
  color: var(--color-ink);
  font-size: var(--font-size-body);
  border-radius: 8px;
}
.text-field:focus {
  border-color: var(--color-data);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-data) 18%, transparent);
  outline: 0;
}
.text-field::placeholder {
  color: var(--color-ink-tertiary);
}
.capability-matrix {
  border: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper-raised);
  overflow-x: auto;
}
.capability-matrix__table {
  border-collapse: collapse;
  width: 100%;
  font-size: var(--font-size-body);
}
.capability-matrix__table th,
.capability-matrix__table td {
  padding: var(--spacing-small) var(--spacing-medium);
  border-bottom: var(--border-width-hairline) solid var(--color-rule-subtle);
  text-align: center;
}
.capability-matrix__table thead th {
  z-index: var(--layer-sticky);
  border-bottom: var(--border-width-heavy) solid var(--color-ink);
  background: var(--color-paper-sunken);
  color: var(--color-ink-secondary);
  font-weight: var(--font-weight-semibold);
  position: sticky;
  top: 0;
}
.capability-matrix__table .capability-matrix__project {
  border-right: var(--border-width-hairline) solid var(--color-rule);
  text-align: left;
  white-space: nowrap;
}
.capability-matrix__marker {
  width: var(--size-status-marker);
  height: var(--size-status-marker);
  border: var(--border-width-hairline) solid var(--color-rule);
  cursor: help;
  background: 0 0;
  padding: 0;
}
.capability-matrix__marker--held {
  border-color: var(--color-healthy);
  background: var(--color-healthy);
}
.capability-matrix__readout {
  margin: var(--spacing-small) 0 0;
  padding: var(--spacing-extra-small) var(--spacing-medium);
  border: var(--border-width-hairline) solid var(--color-rule-subtle);
  background: var(--color-paper-raised);
  color: var(--color-ink-tertiary);
  font-family: var(--font-family-mono);
  font-size: var(--font-size-small);
}
.install-scope {
  align-items: baseline;
  gap: var(--spacing-large);
  flex-wrap: wrap;
  display: flex;
}
.install-scope__explanation {
  max-width: var(--size-prose-width);
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-small);
}
.install-forms,
.default-inclusions {
  grid-template-columns: repeat(auto-fit, minmax(var(--size-panel-minimum-width), 1fr));
  gap: var(--spacing-medium);
  display: grid;
}
.install-form,
.session-approval-code,
.default-inclusion {
  gap: var(--spacing-small);
  padding: var(--spacing-medium) var(--spacing-large);
  border: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper-raised);
  flex-direction: column;
  display: flex;
}
.session-approval-code {
  margin-bottom: var(--spacing-medium);
}
.install-form__title,
.session-approval-code__title,
.default-inclusion__title {
  font-size: var(--font-size-body);
  margin: 0;
}
.install-form__note,
.install-form__done,
.session-approval-code__explanation,
.default-inclusion__empty {
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-small);
  margin: 0;
}
.install-form__fields,
.session-approval-code__actions,
.default-inclusion__names {
  align-items: center;
  gap: var(--spacing-small);
  flex-wrap: wrap;
  display: flex;
}
.install-form__error {
  color: var(--color-attention);
  font-size: var(--font-size-small);
  margin: 0;
}
.session-approval-code__code {
  font-family: var(--font-family-mono);
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-wide);
}
.help-welcome {
  gap: var(--spacing-double-extra-large);
  margin-bottom: var(--spacing-extra-large);
  border: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper-raised);
  box-shadow: inset 0 var(--border-width-marker) 0 var(--color-healthy);
  border-radius: 14px;
  grid-template-columns: minmax(0, 1.4fr) minmax(15rem, 0.8fr);
  padding: clamp(1.2rem, 3vw, 2rem);
  display: grid;
}
.help-welcome__copy {
  max-width: var(--size-prose-wide);
  align-self: center;
}
.help-welcome__eyebrow {
  margin-bottom: var(--spacing-medium);
  color: var(--color-data);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-section);
}
.help-welcome h2 {
  margin: 0 0 var(--spacing-small);
  letter-spacing: var(--letter-spacing-tight);
  font-size: clamp(1.45rem, 3vw, 2rem);
  line-height: var(--line-height-tight);
}
.help-welcome__copy > p {
  max-width: var(--size-prose-standard);
  color: var(--color-ink-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}
.help-welcome__actions {
  gap: var(--spacing-small);
  margin-top: var(--spacing-large);
  flex-wrap: wrap;
  display: flex;
}
.help-welcome__steps {
  align-content: center;
  gap: var(--spacing-small);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}
.help-welcome__stop {
  align-items: center;
  gap: var(--spacing-medium);
  min-width: 0;
  padding: var(--spacing-small) 0;
  border-bottom: var(--border-width-hairline) solid var(--color-rule-subtle);
  color: var(--color-ink-secondary);
  font-size: var(--font-size-small);
  display: flex;
}
.help-welcome__stop span {
  color: var(--color-data);
  font-family: var(--font-family-mono);
  font-size: var(--font-size-caption);
}
.help-welcome__stop strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.help-checklist {
  margin: 0 0 var(--spacing-double-extra-large);
  border: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper-raised);
  border-radius: 10px;
  overflow: hidden;
}
.help-checklist > summary {
  min-height: var(--size-touch-target);
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-medium);
  padding: var(--spacing-small) var(--spacing-large);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  display: flex;
}
.help-checklist__count {
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-regular);
}
.help-checklist ol {
  padding: 0 var(--spacing-large) var(--spacing-small);
  margin: 0;
  list-style: none;
  display: grid;
}
.help-checklist li {
  min-height: var(--size-control-row);
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-medium);
  border-top: var(--border-width-hairline) solid var(--color-rule-subtle);
  display: flex;
}
.help-checklist li label {
  align-items: center;
  gap: var(--spacing-medium);
  color: var(--color-ink-secondary);
  font-size: var(--font-size-small);
  cursor: pointer;
  display: flex;
}
.help-checklist li input {
  width: var(--size-icon-compact);
  height: var(--size-icon-compact);
  accent-color: var(--color-healthy);
}
.help-checklist li > a {
  font-size: var(--font-size-caption);
  flex: none;
}
.help-find {
  margin: 0 0 var(--spacing-double-extra-large);
}
.help-find__heading {
  margin-bottom: var(--spacing-small);
  justify-content: space-between;
  align-items: end;
  display: flex;
}
.help-find__heading .section-heading {
  margin-top: 0;
}
.help-find__heading p {
  margin: 0 0 var(--spacing-small);
  color: var(--color-ink-secondary);
  font-size: var(--font-size-small);
}
.help-find > .text-field {
  width: 100%;
  min-height: var(--size-control-row);
}
.help-sections {
  gap: calc(var(--spacing-double-extra-large) * 1.5);
  display: grid;
}
.help-section__heading {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--spacing-small);
  margin-bottom: var(--spacing-small);
  flex-wrap: wrap;
  display: flex;
}
.help-section__heading h2 {
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-semibold);
  margin: 0;
}
.help-section__heading > span {
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-caption);
}
.help-guide-grid {
  gap: var(--spacing-medium);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
  display: grid;
}
.help-guide {
  border: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper-raised);
  border-radius: 10px;
  align-self: start;
  min-width: 0;
}
.help-guide[open] {
  border-color: var(--color-data);
}
.help-guide__summary {
  min-height: var(--size-workflow-row);
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-medium);
  padding: var(--spacing-large);
  cursor: pointer;
  list-style: none;
  display: flex;
}
.help-guide__summary::-webkit-details-marker {
  display: none;
}
.help-guide__summary:focus-visible {
  outline: var(--border-width-heavy) solid var(--color-data);
  outline-offset: calc(-1 * var(--spacing-extra-small));
  border-radius: 9px;
}
.help-guide__copy {
  gap: var(--spacing-extra-small);
  display: grid;
}
.help-guide__title {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
}
.help-guide__description {
  color: var(--color-ink-secondary);
  font-size: var(--font-size-small);
  line-height: var(--line-height-snug);
}
.help-guide__toggle {
  color: var(--color-data);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-medium);
  flex: none;
}
.help-guide[open] .help-guide__toggle {
  font-size: 0;
}
.help-guide[open] .help-guide__toggle:after {
  content: "Hide steps";
  font-size: var(--font-size-caption);
}
.help-guide__steps {
  gap: var(--spacing-small);
  padding: 0 var(--spacing-large) var(--spacing-small)
    calc(var(--spacing-double-extra-large) + var(--spacing-large));
  color: var(--color-ink-secondary);
  font-size: var(--font-size-small);
  line-height: var(--line-height-relaxed);
  margin: 0;
  display: grid;
}
.help-guide__steps li {
  padding-left: var(--spacing-extra-small);
}
.help-guide__footer {
  padding: 0 var(--spacing-large) var(--spacing-medium);
}
.help-guide__footer .button {
  font-size: var(--font-size-small);
}
.help-reference {
  margin-top: var(--spacing-double-extra-large);
  padding: var(--spacing-large);
  border: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper-raised);
  border-radius: 10px;
}
.help-reference .help-section__heading {
  margin-bottom: var(--spacing-medium);
}
.help-reference .help-section__heading a {
  font-size: var(--font-size-small);
}
.help-reference__list {
  gap: 0 var(--spacing-double-extra-large);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
  margin: 0;
  display: grid;
}
.help-reference__item {
  align-items: start;
  gap: var(--spacing-medium);
  padding: var(--spacing-medium) 0;
  border-top: var(--border-width-hairline) solid var(--color-rule-subtle);
  grid-template-columns: minmax(8rem, 12rem) 1fr;
  display: grid;
}
.help-reference__item dt {
  min-width: 0;
}
.help-reference__item kbd {
  color: var(--color-ink);
  font-family: var(--font-family-mono);
  font-size: var(--font-size-caption);
}
.help-reference__item dd {
  color: var(--color-ink-secondary);
  font-size: var(--font-size-small);
  line-height: var(--line-height-snug);
  margin: 0;
}
@media (width<=50rem) {
  .help-welcome {
    grid-template-columns: 1fr;
  }
}
@media (width<=34rem) {
  .help-reference__item {
    gap: var(--spacing-extra-small);
    grid-template-columns: 1fr;
  }
  .help-guide__summary {
    align-items: flex-start;
  }
}
.infrastructure-readings {
  gap: var(--scale-pixels-eleven);
  margin-bottom: var(--scale-pixels-twenty);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}
.infrastructure-readings article {
  min-height: var(--scale-pixels-one-hundred-eight);
  align-content: center;
  gap: var(--scale-pixels-five);
  padding: var(--scale-pixels-fifteen);
  border: var(--scale-pixels-one) solid var(--color-rule);
  border-radius: var(--scale-pixels-eleven);
  background: var(--color-paper-raised);
  display: grid;
}
.infrastructure-readings__label {
  color: var(--color-ink-tertiary);
  font-size: var(--scale-pixels-eleven);
  font-weight: var(--scale-unitless-six-hundred-fifty);
}
.infrastructure-readings__value {
  font-size: clamp(var(--scale-pixels-sixteen), 2vw, var(--scale-pixels-twenty-two));
  letter-spacing: var(--scale-ems-negative-zero-point-zero-three-five);
  font-variant-numeric: tabular-nums;
}
.infrastructure-readings__note {
  color: var(--color-ink-secondary);
  font-size: var(--scale-pixels-ten);
}
.infrastructure-path,
.infrastructure-setup {
  margin-bottom: var(--scale-pixels-twenty);
  padding: var(--scale-pixels-seventeen) var(--scale-pixels-eighteen);
  border: var(--scale-pixels-one) solid var(--color-rule);
  border-radius: var(--scale-pixels-twelve);
  background: var(--color-paper-raised);
}
.infrastructure-path__heading {
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--scale-pixels-fourteen);
  display: flex;
}
.infrastructure-path__heading h2,
.infrastructure-setup h2 {
  margin-top: var(--scale-pixels-three);
  font-size: var(--scale-pixels-sixteen);
}
.infrastructure-path__heading > a,
.infrastructure-setup a {
  color: var(--color-data);
  font-size: var(--scale-pixels-eleven);
  font-weight: var(--scale-unitless-six-hundred-fifty);
}
.infrastructure-path__steps {
  gap: var(--scale-pixels-twenty);
  margin: var(--scale-pixels-eighteen) 0;
  counter-reset: route-step;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 0;
  list-style: none;
  display: grid;
}
.infrastructure-path__steps li {
  align-content: start;
  gap: var(--scale-pixels-six);
  min-height: var(--scale-pixels-one-hundred-eight);
  padding: var(--scale-pixels-twelve);
  border: var(--scale-pixels-one) solid var(--color-rule-subtle);
  border-radius: var(--scale-pixels-nine);
  background: var(--color-paper-sunken);
  counter-increment: route-step;
  display: grid;
  position: relative;
}
.infrastructure-path__steps li:before {
  color: var(--color-data);
  font: var(--scale-pixels-ten) var(--font-family-mono);
  content: "0" counter(route-step);
}
.infrastructure-path__steps li:not(:last-child):after {
  top: var(--scale-pixels-fifty);
  right: calc(-1 * var(--scale-pixels-sixteen));
  color: var(--color-ink-tertiary);
  content: "→";
  position: absolute;
}
.infrastructure-path__steps strong {
  font-size: var(--scale-pixels-eleven);
}
.infrastructure-path__steps span {
  color: var(--color-ink-secondary);
  font-size: var(--scale-pixels-ten);
  line-height: var(--scale-unitless-one-point-four);
}
.infrastructure-path code,
.infrastructure-setup code {
  overflow-wrap: anywhere;
  color: var(--color-ink);
  font: var(--scale-pixels-ten) var(--font-family-mono);
}
.infrastructure-path__rule {
  padding-top: var(--scale-pixels-twelve);
  border-top: var(--scale-pixels-one) solid var(--color-rule-subtle);
  color: var(--color-ink-secondary);
  font-size: var(--scale-pixels-eleven);
  line-height: var(--scale-unitless-one-point-five);
  margin: 0;
}
.infrastructure-setup ol {
  gap: var(--scale-pixels-ten);
  margin: var(--scale-pixels-fourteen) 0 0;
  padding-left: var(--scale-pixels-eighteen);
  display: grid;
}
.infrastructure-setup li {
  padding-left: var(--scale-pixels-four);
}
.infrastructure-setup li::marker {
  color: var(--color-data);
  font: var(--scale-pixels-eleven) var(--font-family-mono);
}
.infrastructure-section {
  border: var(--scale-pixels-one) solid var(--color-rule);
  border-radius: var(--scale-pixels-twelve);
  background: var(--color-paper-raised);
  overflow: hidden;
}
.infrastructure-section__heading {
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--scale-pixels-fourteen);
  padding: var(--scale-pixels-seventeen) var(--scale-pixels-eighteen) var(--scale-pixels-fourteen);
  border-bottom: var(--scale-pixels-one) solid var(--color-rule-subtle);
  display: flex;
}
.infrastructure-section__heading h2 {
  margin-top: var(--scale-pixels-three);
  font-size: var(--scale-pixels-sixteen);
}
.infrastructure-section__heading > span {
  color: var(--color-ink-tertiary);
  font-size: var(--scale-pixels-ten);
}
.integration-row {
  grid-template-columns:
    minmax(220px, 0.95fr) minmax(var(--scale-pixels-two-hundred-forty), 1.2fr)
    auto;
  align-items: center;
  gap: var(--scale-pixels-eighteen);
  min-height: var(--scale-pixels-seventy-six);
  padding: var(--scale-pixels-eleven) var(--scale-pixels-eighteen);
  display: grid;
}
.integration-row + .integration-row {
  border-top: var(--scale-pixels-one) solid var(--color-rule-subtle);
}
.integration-row__identity {
  align-items: center;
  gap: var(--scale-pixels-eleven);
  min-width: 0;
  display: flex;
}
.integration-row__mark {
  width: var(--scale-pixels-thirty-six);
  height: var(--scale-pixels-thirty-six);
  border: var(--scale-pixels-one) solid var(--color-rule);
  border-radius: var(--scale-pixels-ten);
  background: var(--color-paper-sunken);
  color: var(--color-data);
  font-size: var(--scale-pixels-thirteen);
  font-weight: var(--scale-unitless-seven-hundred-fifty);
  flex: none;
  place-items: center;
  display: grid;
}
.integration-row__identity > span:last-child {
  gap: var(--scale-pixels-three);
  display: grid;
}
.integration-row__identity strong {
  font-size: var(--scale-pixels-twelve);
}
.integration-row__identity small,
.integration-row p {
  color: var(--color-ink-tertiary);
  font-size: var(--scale-pixels-ten);
  line-height: var(--scale-unitless-one-point-four);
  margin: 0;
}
.integration-row p {
  color: var(--color-ink-secondary);
}
.integration-row > a,
.integration-row__state {
  color: var(--color-data);
  font-size: var(--scale-pixels-eleven);
  font-weight: var(--scale-unitless-six-hundred-fifty);
  white-space: nowrap;
}
.integration-row__state {
  color: var(--color-ink-tertiary);
}
.infrastructure-note {
  gap: var(--scale-pixels-five);
  margin-top: var(--scale-pixels-fourteen);
  padding: var(--scale-pixels-thirteen) var(--scale-pixels-fifteen);
  border-left: var(--scale-pixels-three) solid var(--color-waiting);
  border-radius: 0 var(--scale-pixels-nine) var(--scale-pixels-nine) 0;
  background: var(--color-paper-raised);
  display: grid;
}
.infrastructure-note strong {
  font-size: var(--scale-pixels-twelve);
}
.infrastructure-note p {
  max-width: var(--scale-pixels-nine-hundred);
  color: var(--color-ink-secondary);
  font-size: var(--scale-pixels-eleven);
  line-height: var(--scale-unitless-one-point-five);
  margin: 0;
}
.infrastructure-setup > header > p {
  margin: var(--scale-pixels-six) 0 0;
  color: var(--color-ink-secondary);
  font-size: var(--scale-pixels-eleven);
}
.infrastructure-setup__label {
  margin-right: var(--scale-pixels-six);
  font-size: var(--scale-pixels-eleven);
}
.infrastructure-setup__detail {
  color: var(--color-ink-secondary);
  font-size: var(--scale-pixels-ten);
  line-height: var(--scale-unitless-one-point-four);
}
@media (width<=900px) {
  .infrastructure-readings {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .integration-row {
    grid-template-columns: minmax(180px, 1fr) minmax(var(--scale-pixels-two-hundred), 1fr);
  }
  .integration-row > a,
  .integration-row__state {
    grid-column: 2;
    justify-self: start;
  }
  .infrastructure-path__steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .infrastructure-path__steps li:nth-child(3):after {
    top: auto;
    right: var(--scale-pixels-fifteen);
    bottom: calc(-1 * var(--scale-pixels-nine));
    content: "↓";
  }
}
@media (width<=620px) {
  .infrastructure-section__heading,
  .infrastructure-path__heading {
    flex-direction: column;
    align-items: flex-start;
  }
  .infrastructure-path__steps {
    gap: var(--scale-pixels-eight);
    grid-template-columns: 1fr;
  }
  .infrastructure-path__steps li {
    min-height: unset;
  }
  .infrastructure-path__steps li:not(:last-child):after,
  .infrastructure-path__steps li:nth-child(3):after {
    top: auto;
    right: var(--scale-pixels-fifteen);
    bottom: calc(-1 * var(--scale-pixels-nine));
    content: "↓";
  }
  .integration-row {
    gap: var(--scale-pixels-eight);
    padding: var(--scale-pixels-twelve) var(--scale-pixels-fourteen);
    grid-template-columns: 1fr;
  }
  .integration-row > a,
  .integration-row__state {
    grid-column: var(--scale-unitless-one);
    padding-left: var(--scale-pixels-forty-seven);
  }
}
.machine-pairing {
  gap: var(--scale-pixels-ten);
  margin-bottom: var(--scale-pixels-fifteen);
  padding: var(--scale-pixels-sixteen);
  border: var(--scale-pixels-one) solid var(--color-rule);
  border-radius: var(--scale-pixels-eleven);
  background: var(--color-paper-raised);
  display: grid;
}
.machine-pairing h2 {
  font-size: var(--font-size-title);
  margin: 0;
}
.machine-pairing p {
  color: var(--color-ink-secondary);
  font-size: var(--font-size-small);
  margin: 0;
}
.machine-pairing__form {
  align-items: center;
  gap: var(--spacing-small) var(--spacing-medium);
  flex-wrap: wrap;
  display: flex;
}
.machine-pairing__form label {
  color: var(--color-ink-secondary);
  font-size: var(--font-size-small);
}
.machine-pairing__form input {
  min-height: var(--size-control-height);
  padding: 0 var(--spacing-medium);
  border: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper-sunken);
  color: var(--color-ink);
  border-radius: 8px;
}
.machine-pairing__code output {
  color: var(--color-ink);
  font-family: var(--font-family-mono);
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-wide);
  overflow-wrap: anywhere;
}
.machine-pairing__downloads-block {
  gap: var(--spacing-small);
  display: grid;
}
.machine-pairing__buddy {
  align-items: center;
  gap: var(--spacing-small) var(--spacing-medium);
  color: var(--color-ink-secondary);
  font-size: var(--font-size-small);
  flex-wrap: wrap;
  display: flex;
}
.machine-pairing details summary {
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-small);
  cursor: pointer;
}
.machine-pairing__downloads {
  margin-top: var(--spacing-small);
  gap: var(--spacing-small) var(--spacing-large);
  font-size: var(--font-size-small);
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.machine-row__end {
  align-items: center;
  gap: var(--spacing-medium);
  display: flex;
}
.memory-toolbar {
  align-items: center;
  gap: var(--scale-pixels-ten);
  margin-bottom: var(--scale-pixels-twelve);
  padding: var(--scale-pixels-eleven);
  border: var(--scale-pixels-one) solid var(--color-rule);
  border-radius: var(--scale-pixels-twelve);
  background: var(--color-paper-raised);
  flex-wrap: wrap;
  display: flex;
}
.memory-toolbar__scope {
  flex: 0 var(--scale-unitless-one) 220px;
  gap: var(--scale-pixels-three);
  min-width: min(220px, 100%);
  color: var(--color-ink-tertiary);
  font-size: var(--scale-pixels-ten);
  font-weight: var(--scale-unitless-six-hundred-fifty);
  letter-spacing: var(--scale-ems-zero-point-zero-four);
  text-transform: uppercase;
  flex-direction: column;
  display: flex;
}
.memory-toolbar__scope .text-field {
  width: 100%;
  color: var(--color-ink);
  font-size: var(--scale-pixels-thirteen);
  font-weight: var(--scale-unitless-five-hundred-fifty);
  letter-spacing: normal;
  text-transform: none;
}
.memory-toolbar__count {
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-small);
  margin-left: auto;
}
.memory-summary {
  min-height: var(--scale-pixels-forty-six);
  align-items: center;
  gap: var(--scale-pixels-ten);
  margin-bottom: var(--scale-pixels-twelve);
  padding: 0 var(--scale-pixels-twelve);
  border: var(--scale-pixels-one) solid var(--color-rule-subtle);
  border-radius: var(--scale-pixels-ten);
  background: color-mix(in srgb, var(--color-paper-raised) 78%, var(--color-data));
  color: var(--color-ink-secondary);
  font-size: var(--font-size-small);
  display: flex;
}
.memory-summary strong {
  color: var(--color-ink);
  font-size: var(--scale-pixels-seventeen);
  font-variant-numeric: tabular-nums;
}
.memory-summary__divider {
  width: var(--scale-pixels-one);
  height: var(--scale-pixels-sixteen);
  margin: 0 var(--scale-pixels-three);
  background: var(--color-rule);
}
.memory-graph {
  margin: var(--scale-pixels-twelve) 0 0;
  border: var(--scale-pixels-one) solid var(--color-rule);
  border-radius: var(--scale-pixels-twelve);
  background: var(--color-paper-raised);
  overflow: hidden;
}
.memory-graph__canvas {
  cursor: pointer;
  width: 100%;
  height: clamp(300px, 53vh, 560px);
  display: block;
}
.memory-graph__readout {
  padding: var(--scale-pixels-eleven) var(--scale-pixels-fourteen);
  border-top: var(--scale-pixels-one) solid var(--color-rule-subtle);
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-small);
}
.fact-list {
  margin: var(--spacing-large) 0 0;
  padding: 0;
  list-style: none;
}
.fact {
  border-top: var(--scale-pixels-one) solid var(--color-rule-subtle);
}
.fact__summary {
  align-items: baseline;
  gap: var(--spacing-medium);
  width: 100%;
  padding: var(--scale-pixels-twelve) var(--scale-pixels-eight);
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  grid-template-columns: auto 1fr auto;
  display: grid;
}
.fact__summary:hover {
  background: var(--color-paper-sunken);
}
.fact__summary:focus-visible {
  z-index: var(--scale-unitless-one);
  position: relative;
}
.fact__text {
  font-size: var(--font-size-body);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.fact--open .fact__text {
  white-space: normal;
}
.fact__link-count {
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-small);
}
.fact__details {
  gap: var(--spacing-extra-small);
  padding-bottom: var(--spacing-medium);
  flex-direction: column;
  display: flex;
}
.fact__linked-fact {
  align-items: baseline;
  gap: var(--spacing-small);
  padding: var(--spacing-small) var(--spacing-medium);
  border: var(--border-width-hairline) solid var(--color-rule-subtle);
  border-left: var(--border-width-heavy) solid var(--color-data);
  border-radius: var(--scale-pixels-eight);
  background: var(--color-paper-sunken);
  color: var(--color-ink-secondary);
  font-size: var(--font-size-body);
  text-align: left;
  cursor: pointer;
  grid-template-columns: auto 1fr;
  display: grid;
}
.fact__linked-fact:hover {
  border-color: var(--color-data);
  color: var(--color-ink);
}
.fact__without-links,
.fact__metadata {
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-small);
  margin: 0;
}
.fact__metadata {
  font-family: var(--font-family-mono);
}
@media (width<=620px) {
  .memory-toolbar__scope,
  .memory-toolbar .text-field {
    flex-basis: 100%;
    min-width: 100%;
  }
  .memory-summary {
    padding: var(--scale-pixels-nine) var(--scale-pixels-eleven);
    flex-wrap: wrap;
  }
  .memory-summary__divider {
    display: none;
  }
  .fact__summary {
    align-items: start;
    gap: var(--scale-pixels-six);
    grid-template-columns: 1fr auto;
  }
  .fact__summary > .tag {
    grid-column: var(--scale-unitless-one);
    justify-self: start;
  }
  .fact__text {
    grid-column: var(--scale-unitless-one);
    white-space: normal;
  }
  .fact__link-count {
    grid-column: 2;
    grid-row: var(--scale-unitless-one) / span 2;
  }
}
.overview-page {
  gap: var(--scale-pixels-twenty-four);
  display: grid;
}
@media (width<=520px) {
  .overview-page {
    gap: var(--scale-pixels-fifteen);
  }
}
.headline-report {
  margin-bottom: var(--spacing-double-extra-large);
  border: var(--border-width-hairline) solid var(--color-rule);
  border-top: var(--border-width-heavy) solid var(--color-ink);
  background: var(--color-paper-raised);
}
.headline-report__readings {
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  display: grid;
}
.headline-report__footer {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-large);
  padding: var(--spacing-small) var(--spacing-large);
  border-top: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper-sunken);
  color: var(--color-ink-secondary);
  font-size: var(--font-size-small);
  flex-wrap: wrap;
  display: flex;
}
.reading {
  padding: var(--spacing-large);
  border-right: var(--border-width-hairline) solid var(--color-rule-subtle);
}
.reading:last-child {
  border-right: 0;
}
.reading__label {
  color: var(--color-ink-secondary);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
}
.reading__value {
  margin: var(--spacing-small) 0 var(--spacing-hairline);
  color: var(--color-ink);
  font-size: var(--font-size-reading);
  font-weight: var(--font-weight-semibold);
  font-variation-settings: var(--font-width-display);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tighter);
}
.reading--healthy .reading__value {
  color: var(--color-healthy);
}
.reading--attention .reading__value {
  color: var(--color-attention);
}
.reading--unknown .reading__value {
  color: var(--color-ink-tertiary);
}
.reading__scale {
  height: var(--size-scale-height);
  margin: var(--spacing-small) 0;
  border-bottom: var(--border-width-hairline) solid var(--color-rule);
  background-image: repeating-linear-gradient(
    to right,
    var(--color-rule) 0 var(--border-width-hairline),
    transparent var(--border-width-hairline) 10%
  );
  position: relative;
}
.reading__target-notch {
  bottom: calc(-1 * var(--border-width-hairline));
  width: var(--border-width-heavy);
  height: var(--size-scale-height);
  background: var(--color-attention);
  position: absolute;
}
.reading__value-mark {
  bottom: calc(-1 * var(--border-width-marker));
  width: var(--size-status-marker);
  height: var(--size-status-marker);
  background: currentColor;
  position: absolute;
  transform: translate(-50%);
}
.reading--healthy .reading__value-mark {
  color: var(--color-healthy);
}
.reading--attention .reading__value-mark {
  color: var(--color-attention);
}
.reading__note {
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-caption);
  line-height: var(--line-height-snug);
  margin: 0;
}
.reading__target {
  margin-top: var(--spacing-hairline);
  color: var(--color-ink-secondary);
  font-family: var(--font-family-mono);
  display: block;
}
.composition {
  padding: var(--spacing-medium) var(--spacing-large);
  border-top: var(--border-width-hairline) solid var(--color-rule-subtle);
}
.composition__bar {
  height: var(--size-bar-height);
  border: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper-sunken);
  display: flex;
}
.composition__segment--tool-input {
  background: var(--color-attention);
}
.composition__segment--tool-result {
  background: var(--color-data);
}
.composition__segment--assistant-text {
  background: var(--color-waiting);
}
.composition__segment--user-text {
  background: var(--color-ink-tertiary);
}
.composition__legend {
  gap: var(--spacing-large);
  margin: var(--spacing-small) 0 0;
  color: var(--color-ink-secondary);
  font-size: var(--font-size-caption);
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  display: flex;
}
.composition__legend-item {
  align-items: center;
  gap: var(--spacing-extra-small);
  display: inline-flex;
}
.composition__swatch {
  width: var(--size-bar-height);
  height: var(--size-bar-height);
}
.composition__legend-note {
  color: var(--color-ink-tertiary);
  margin-left: auto;
}
.measured-project-list__heading {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--spacing-large);
  flex-wrap: wrap;
  display: flex;
}
.measured-project {
  gap: var(--spacing-small) var(--spacing-extra-large);
  padding: var(--spacing-large) 0;
  border-top: var(--border-width-hairline) solid var(--color-rule-subtle);
  grid-template-columns: minmax(11rem, 1fr) auto;
  grid-template-areas: "identity figures" "curve curve" "links links";
  display: grid;
}
.measured-project__identity {
  flex-direction: column;
  grid-area: identity;
  display: flex;
}
.measured-project__name {
  color: var(--color-ink);
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-semibold);
}
.measured-project__volume {
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-small);
}
.measured-project__figures {
  gap: var(--spacing-extra-large);
  font-size: var(--font-size-caption);
  grid-area: figures;
  margin: 0;
  display: flex;
}
.measured-project__figures dt {
  color: var(--color-ink-tertiary);
}
.measured-project__figures dd {
  color: var(--color-ink);
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-semibold);
  margin: 0;
}
.measured-project__links {
  align-items: center;
  gap: var(--spacing-large);
  font-size: var(--font-size-small);
  grid-area: links;
  display: flex;
}
.context-curve {
  grid-area: curve;
}
.context-curve__bars {
  align-items: flex-end;
  gap: var(--spacing-hairline);
  height: var(--size-control-height);
  border-bottom: var(--border-width-hairline) solid var(--color-rule);
  display: flex;
}
.context-curve__bar {
  background: var(--color-data);
  opacity: var(--opacity-resting);
  flex: 1;
}
.context-curve__bar--hovered {
  background: var(--color-attention);
  opacity: var(--opacity-full);
}
.context-curve__readout {
  margin: var(--spacing-extra-small) 0 0;
  color: var(--color-ink-tertiary);
  font-family: var(--font-family-mono);
  font-size: var(--font-size-caption);
}
.unmeasurable-projects {
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-body);
}
.confirmation-panel {
  gap: var(--spacing-small);
  max-width: var(--size-confirmation-width);
  padding: var(--spacing-medium);
  border: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper-raised);
  flex-direction: column;
  display: flex;
}
.confirmation-panel--destructive {
  border-color: var(--color-attention);
}
.confirmation-panel__prompt {
  font-size: var(--font-size-small);
  margin: 0;
}
.confirmation-panel__typed-confirmation {
  padding: var(--spacing-extra-small) var(--spacing-small);
  border: var(--border-width-hairline) solid var(--color-rule);
  background: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-family-mono);
}
.confirmation-panel__error {
  color: var(--color-attention);
  font-size: var(--font-size-small);
  margin: 0;
}
.confirmation-panel__actions {
  gap: var(--spacing-small);
  display: flex;
}
.project-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-large);
  margin-bottom: var(--spacing-large);
  flex-wrap: wrap;
  display: flex;
}
.project-header__name {
  font-variation-settings: var(--font-width-display);
}
.project-header__status {
  align-items: baseline;
  gap: var(--spacing-medium);
  margin-top: var(--spacing-extra-small);
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-small);
  flex-wrap: wrap;
  display: flex;
}
.project-header__capabilities {
  justify-content: flex-end;
  gap: var(--spacing-extra-small);
  max-width: var(--size-confirmation-width);
  flex-wrap: wrap;
  display: flex;
}
.project-tab {
  min-height: var(--scale-pixels-two-hundred-forty);
  margin: var(--spacing-large) 0 var(--spacing-double-extra-large);
  padding: var(--scale-pixels-eighteen);
  border: var(--scale-pixels-one) solid var(--color-rule);
  border-radius: var(--scale-pixels-twelve);
  background: var(--color-paper-raised);
}
.project-graph-launch {
  min-height: var(--scale-pixels-two-hundred);
  justify-content: space-between;
  align-items: center;
  gap: var(--scale-pixels-twenty);
  display: flex;
}
.project-graph-launch h2 {
  font-size: var(--font-size-heading);
}
.project-graph-launch p {
  max-width: var(--scale-characters-fifty-six);
  margin: var(--scale-pixels-seven) 0 0;
  color: var(--color-ink-secondary);
  font-size: var(--font-size-small);
}
.project-terminal {
  border: var(--scale-pixels-one) solid var(--color-rule);
  border-radius: var(--scale-pixels-ten);
  background: var(--color-paper-sunken);
  overflow: hidden;
}
@media (width<=520px) {
  .project-graph-launch {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}
.project-terminal__frame {
  width: 100%;
  height: var(--size-terminal-height);
  background: var(--color-terminal-background);
  border: 0;
  display: block;
}
.project-terminal__footer {
  justify-content: flex-end;
  gap: var(--spacing-large);
  padding: var(--spacing-extra-small) var(--spacing-medium);
  border-top: var(--border-width-hairline) solid var(--color-rule);
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-small);
  margin: 0;
  display: flex;
}
.project-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.project-list__item {
  align-items: baseline;
  gap: var(--spacing-medium);
  padding: var(--spacing-small) 0;
  border-top: var(--border-width-hairline) solid var(--color-rule-subtle);
  font-size: var(--font-size-body);
  grid-template-columns: auto 1fr auto;
  display: grid;
}
.project-list__meta {
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-small);
}
.project-list__code {
  font-family: var(--font-family-mono);
  font-size: var(--font-size-small);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.lifecycle-actions {
  padding-top: var(--spacing-small);
  border-top: var(--border-width-hairline) solid var(--color-rule);
}
.lifecycle-actions__group {
  align-items: flex-start;
  gap: var(--spacing-small);
  flex-wrap: wrap;
  display: flex;
}
.lifecycle-actions__note {
  color: var(--color-ink-tertiary);
  font-size: var(--font-size-small);
}
.request-list {
  margin-top: var(--spacing-large);
}
.request-card {
  gap: var(--spacing-medium) var(--spacing-extra-large);
  padding: var(--spacing-large) 0;
  border-top: var(--border-width-hairline) solid var(--color-rule-subtle);
  grid-template-columns: 1fr auto;
  display: grid;
}
.request-card__tags {
  align-items: center;
  gap: var(--spacing-small);
  margin-bottom: var(--spacing-small);
  flex-wrap: wrap;
  display: flex;
}
.request-card__source {
  color: var(--color-ink-tertiary);
  font-family: var(--font-family-mono);
  font-size: var(--font-size-small);
}
.request-card__text {
  font-size: var(--font-size-emphasis);
  line-height: var(--line-height-body);
  margin: 0;
}
.request-card__label {
  color: var(--color-ink-tertiary);
}
.request-card__payload {
  margin: var(--spacing-small) 0 0;
  padding: var(--spacing-small) var(--spacing-medium);
  border: var(--border-width-hairline) solid var(--color-rule-subtle);
  background: var(--color-paper-sunken);
  font-family: var(--font-family-mono);
  font-size: var(--font-size-small);
  overflow-x: auto;
}
.request-card__error {
  margin: var(--spacing-small) 0 0;
  color: var(--color-attention);
  font-size: var(--font-size-small);
}
.request-card__actions {
  align-items: flex-start;
  gap: var(--spacing-small);
  display: flex;
}
.application-shell {
  min-height: var(--scale-viewport-height-one-hundred);
}
.application-content {
  min-height: var(--scale-viewport-height-one-hundred);
  max-width: var(--scale-pixels-one-thousand-six-hundred);
  margin: 0 0 0 var(--scale-pixels-two-hundred-forty-four);
  padding: var(--scale-pixels-thirty-six)
    clamp(var(--scale-pixels-twenty-four), 4vw, var(--scale-pixels-sixty-four))
    var(--scale-pixels-seventy-two);
}
.application-content:focus {
  outline: 0;
}
.application-content > * {
  max-width: var(--scale-pixels-one-thousand-three-hundred-twenty);
  margin-left: auto;
  margin-right: auto;
}
@media (width<=1040px) {
  .application-content {
    margin-left: var(--scale-pixels-seventy-two);
    padding-inline: clamp(var(--scale-pixels-twenty), 3vw, var(--scale-pixels-forty));
  }
}
@media (width<=620px) {
  .application-content {
    min-height: calc(var(--scale-viewport-height-one-hundred) - var(--scale-pixels-sixty-two));
    padding: var(--scale-pixels-twenty-four) var(--scale-pixels-sixteen)
      var(--scale-pixels-forty-eight);
    margin-left: 0;
  }
}
:root {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --color-paper: #0c1214;
  --color-paper-raised: #151d20;
  --color-paper-sunken: #101719;
  --color-ink: #e9f0ec;
  --color-ink-secondary: #a1b1aa;
  --color-ink-tertiary: #84958e;
  --color-rule: #293632;
  --color-rule-subtle: #202b27;
  --color-attention: #f18768;
  --color-healthy: #64c6a2;
  --color-waiting: #e2b65c;
  --color-data: #79c8bd;
  --color-action: #1f6e66;
  --color-action-hover: #23786f;
  --color-action-ink: #f4faf7;
  --color-terminal-background: #0b1113;
  --color-overlay-scrim: #0d1b176b;
  --color-nav: #12201e;
  --color-nav-ink: #edf4ef;
  --color-nav-muted: #a1b3ac;
  --color-nav-rule: #2a3a35;
  --color-nav-hover: #1b2d29;
  --color-nav-active: #243a33;
  --color-nav-accent: #a7e1c2;
  --color-nav-text: #10241e;
  --font-family-sans: "Archivo", ui-sans-serif, system-ui, sans-serif;
  --font-family-mono: "DM Mono", ui-monospace, monospace;
  --font-size-root: 100%;
  --font-size-caption: 0.75rem;
  --font-size-small: 0.8125rem;
  --font-size-body: 0.9375rem;
  --font-size-emphasis: 1rem;
  --font-size-title: 1.0625rem;
  --font-size-heading: 1.25rem;
  --font-size-label: 0.875rem;
  --font-size-reading-small: 1.375rem;
  --font-size-page-title: 1.75rem;
  --font-size-reading: 2.25rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-heavy: 800;
  --font-width-normal: "wdth" 100;
  --font-width-expanded: "wdth" 112;
  --font-width-display: "wdth" 118;
  --font-width-wordmark: "wdth" 125;
  --line-height-tight: 1.2;
  --line-height-snug: 1.4;
  --line-height-body: 1.5;
  --line-height-relaxed: 1.6;
  --letter-spacing-tight: -0.012em;
  --letter-spacing-tighter: -0.025em;
  --letter-spacing-wide: 0.02em;
  --letter-spacing-display: -0.04em;
  --letter-spacing-display-tight: -0.035em;
  --letter-spacing-logo: -0.08em;
  --letter-spacing-label: 0.04em;
  --letter-spacing-section: 0.1em;
  --letter-spacing-section-wide: 0.12em;
  --line-height-display: 1.1;
  --line-height-caption: 1.3;
  --spacing-hairline: 0.125rem;
  --spacing-extra-small: 0.25rem;
  --spacing-small: 0.4rem;
  --spacing-medium: 0.6rem;
  --spacing-large: 0.9rem;
  --spacing-extra-large: 1.25rem;
  --spacing-double-extra-large: 1.6rem;
  --spacing-page-end: 4rem;
  --border-width-hairline: 1px;
  --border-width-heavy: 2px;
  --border-width-marker: 3px;
  --size-status-marker: 7px;
  --size-scale-height: 9px;
  --size-bar-height: 8px;
  --size-navigation-bar-height: 60px;
  --size-control-height: 32px;
  --size-compact-control-height: 26px;
  --size-content-width: 1320px;
  --size-application-wide-width: 1600px;
  --size-prose-wide: 72ch;
  --size-prose-standard: 56ch;
  --size-overview-copy: 620px;
  --size-note-copy: 900px;
  --size-navigation-wide: 244px;
  --size-navigation-compact: 72px;
  --size-navigation-mobile-height: 62px;
  --size-navigation-search: 37px;
  --size-brand-mark: 38px;
  --size-icon-small: 30px;
  --size-icon-medium: 34px;
  --size-icon-large: 36px;
  --size-icon-standard: 20px;
  --size-icon-compact: 16px;
  --size-touch-target: 42px;
  --size-reading-card: 108px;
  --size-overview-card: 134px;
  --size-overview-card-compact: 120px;
  --size-project-card: 194px;
  --size-project-graph-panel: 200px;
  --size-project-tab: 240px;
  --size-wordmark-row: 48px;
  --size-control-row: 40px;
  --size-memory-summary-row: 46px;
  --size-activity-row: 50px;
  --size-project-row: 58px;
  --size-workflow-row: 64px;
  --size-directory-row: 76px;
  --size-status-label: 90px;
  --size-project-label: 130px;
  --size-prose-width: 68ch;
  --size-narrow-field: 18rem;
  --size-confirmation-width: 24rem;
  --size-terminal-height: 68vh;
  --size-compare-pane-height: 52vh;
  --size-overlay-width: 560px;
  --size-overlay-maximum-width: 92vw;
  --size-overlay-offset: 12vh;
  --size-overlay-list-height: 52vh;
  --size-tile-minimum-width: 280px;
  --size-panel-minimum-width: 320px;
  --size-memory-graph-height: 460px;
  --size-login-form-width: 22rem;
  --size-full-viewport-height: 100vh;
  --duration-quick: 0.12s;
  --opacity-disabled: 0.55;
  --opacity-resting: 0.5;
  --opacity-full: 1;
  --layer-sticky: 2;
  --layer-navigation: 30;
  --layer-overlay: 60;
  --scale-ems-negative-zero-point-zero-two: -0.02em;
  --scale-ems-negative-zero-point-zero-three-five: -0.035em;
  --scale-ems-negative-zero-point-zero-three: -0.03em;
  --scale-ems-negative-zero-point-zero-four: -0.04em;
  --scale-ems-negative-zero-point-zero-eight: -0.08em;
  --scale-pixels-negative-fourteen: -14px;
  --scale-pixels-negative-four: -4px;
  --scale-ems-zero-point-zero-four: 0.04em;
  --scale-ems-zero-point-one-two: 0.12em;
  --scale-ems-zero-point-one: 0.1em;
  --scale-unitless-one: 1;
  --scale-unitless-one-point-one: 1.1;
  --scale-unitless-one-point-three: 1.3;
  --scale-unitless-one-point-four: 1.4;
  --scale-unitless-one-point-five: 1.5;
  --scale-viewport-height-one-hundred: 100vh;
  --scale-pixels-one-hundred-eight: 108px;
  --scale-pixels-ten: 10px;
  --scale-pixels-eleven: 11px;
  --scale-pixels-one-hundred-twenty: 120px;
  --scale-pixels-twelve: 12px;
  --scale-pixels-one-hundred-thirty: 130px;
  --scale-pixels-one-thousand-three-hundred-twenty: 1320px;
  --scale-pixels-one-hundred-thirty-four: 134px;
  --scale-pixels-thirteen: 13px;
  --scale-pixels-fourteen: 14px;
  --scale-pixels-fifteen: 15px;
  --scale-pixels-one-thousand-six-hundred: 1600px;
  --scale-pixels-sixteen: 16px;
  --scale-pixels-seventeen: 17px;
  --scale-pixels-eighteen: 18px;
  --scale-pixels-one-hundred-ninety-four: 194px;
  --scale-pixels-one: 1px;
  --scale-pixels-two-hundred: 200px;
  --scale-pixels-twenty: 20px;
  --scale-pixels-twenty-two: 22px;
  --scale-pixels-two-hundred-forty: 240px;
  --scale-pixels-two-hundred-forty-four: 244px;
  --scale-pixels-twenty-four: 24px;
  --scale-pixels-twenty-eight: 28px;
  --scale-pixels-two: 2px;
  --scale-pixels-thirty: 30px;
  --scale-pixels-thirty-two: 32px;
  --scale-pixels-thirty-four: 34px;
  --scale-pixels-thirty-six: 36px;
  --scale-pixels-thirty-seven: 37px;
  --scale-pixels-thirty-eight: 38px;
  --scale-pixels-three: 3px;
  --scale-pixels-forty: 40px;
  --scale-pixels-forty-two: 42px;
  --scale-pixels-forty-six: 46px;
  --scale-pixels-forty-seven: 47px;
  --scale-pixels-forty-eight: 48px;
  --scale-pixels-four: 4px;
  --scale-unitless-five-hundred: 500;
  --scale-pixels-fifty: 50px;
  --scale-unitless-five-hundred-fifty: 550;
  --scale-characters-fifty-six: 56ch;
  --scale-pixels-fifty-eight: 58px;
  --scale-pixels-five: 5px;
  --scale-pixels-six-hundred-twenty: 620px;
  --scale-pixels-sixty-two: 62px;
  --scale-pixels-sixty-four: 64px;
  --scale-unitless-six-hundred-fifty: 650;
  --scale-pixels-six: 6px;
  --scale-unitless-seven-hundred: 700;
  --scale-characters-seventy-two: 72ch;
  --scale-pixels-seventy-two: 72px;
  --scale-unitless-seven-hundred-fifty: 750;
  --scale-pixels-seventy-six: 76px;
  --scale-pixels-seven: 7px;
  --scale-unitless-eight-hundred: 800;
  --scale-pixels-eight: 8px;
  --scale-pixels-nine-hundred: 900px;
  --scale-pixels-ninety: 90px;
  --scale-pixels-nine: 9px;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-quick: 0s;
  }
}
html {
  font-size: var(--font-size-root);
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  background: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-family-sans);
  font-variation-settings: var(--font-width-normal);
  line-height: var(--line-height-body);
  font-variant-numeric: tabular-nums;
  margin: 0;
}
h1,
h2,
h3 {
  color: var(--color-ink);
  font-weight: var(--font-weight-semibold);
  font-variation-settings: var(--font-width-expanded);
  letter-spacing: var(--letter-spacing-tight);
  margin: 0;
}
h1 {
  font-size: var(--font-size-page-title);
  line-height: var(--line-height-tight);
}
h2 {
  font-size: var(--font-size-heading);
  line-height: var(--line-height-snug);
}
h3 {
  font-size: var(--font-size-title);
  line-height: var(--line-height-snug);
}
a {
  color: var(--color-data);
  text-decoration: none;
}
a:hover {
  text-underline-offset: var(--spacing-hairline);
  text-decoration: underline;
}
::selection {
  background: var(--color-attention);
  color: var(--color-paper-raised);
}
:focus-visible {
  outline: var(--border-width-heavy) solid var(--color-data);
  outline-offset: var(--border-width-heavy);
}
input,
select,
textarea,
button {
  font: inherit;
}
.visually-hidden {
  width: var(--border-width-hairline);
  height: var(--border-width-hairline);
  clip-path: inset(50%);
  white-space: nowrap;
  position: absolute;
  overflow: hidden;
}
.server-page {
  min-height: var(--size-full-viewport-height);
  padding: var(--spacing-extra-large);
  justify-content: center;
  align-items: center;
  display: flex;
}
.login-form {
  gap: var(--spacing-medium);
  width: 100%;
  max-width: var(--size-login-form-width);
  padding: var(--spacing-extra-large);
  border: var(--border-width-hairline) solid var(--color-rule);
  border-top: var(--border-width-heavy) solid var(--color-ink);
  background: var(--color-paper-raised);
  flex-direction: column;
  display: flex;
}
.login-form__wordmark {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-bold);
  font-variation-settings: var(--font-width-wordmark);
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  margin: 0;
}
.login-form__title {
  font-size: var(--font-size-heading);
}
.login-form__label {
  color: var(--color-ink-secondary);
  font-size: var(--font-size-small);
}
.login-form__password {
  max-width: none;
}
.login-form__error {
  color: var(--color-attention);
  font-size: var(--font-size-small);
  margin: 0;
}
.error-page {
  max-width: var(--size-prose-width);
  text-align: center;
}
.error-page__status {
  color: var(--color-ink-tertiary);
  font-family: var(--font-family-mono);
  font-size: var(--font-size-reading);
  margin: 0;
}
.error-page__detail {
  color: var(--color-ink-secondary);
  font-size: var(--font-size-body);
}
.error-page__destinations {
  justify-content: center;
  gap: var(--spacing-small);
  margin-top: var(--spacing-extra-large);
  flex-wrap: wrap;
  display: flex;
}