html[data-surface="maintainer"] .am-app {
  position: relative;
  min-height: 100vh;
  min-height: 100dvh;
  isolation: isolate;
  overflow-x: clip;
  background: var(--am-porcelain);
  color: var(--am-night);
}

html[data-surface="maintainer"] .am-world {
  position: fixed;
  z-index: -2;
  inset: 0;
  overflow: hidden;
  contain: strict;
  pointer-events: none;
  background: var(--am-night);
}

html[data-surface="maintainer"] .am-world__night,
html[data-surface="maintainer"] .am-world__paper,
html[data-surface="maintainer"] .am-world__indigo {
  position: absolute;
  inset: 0;
}

html[data-surface="maintainer"] .am-world__night {
  width: var(--am-axis-width);
  right: auto;
  background:
    repeating-linear-gradient(
      0deg,
      transparent 0 3.1rem,
      rgba(233, 230, 222, 0.035) 3.1rem calc(3.1rem + 1px)
    ),
    linear-gradient(155deg, var(--am-night-deep), var(--am-night) 58%, #202436);
}

html[data-surface="maintainer"] .am-world__paper {
  left: var(--am-axis-width);
  background:
    linear-gradient(
      101deg,
      transparent 0 76%,
      rgba(181, 150, 82, 0.08) 76% 77%,
      transparent 77%
    ),
    linear-gradient(152deg, var(--am-light), var(--am-porcelain) 48%, #dedbd3);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 6% 100%, 0 91%);
}

html[data-surface="maintainer"] .am-world__indigo {
  top: auto;
  left: clamp(42rem, 62vw, 100rem);
  height: clamp(13rem, 19vw, 36rem);
  background: linear-gradient(
    96deg,
    rgba(81, 90, 120, 0),
    rgba(81, 90, 120, 0.24) 24%,
    rgba(81, 90, 120, 0.08)
  );
  clip-path: polygon(13% 4%, 100% 0, 100% 100%, 0 76%);
}

html[data-surface="maintainer"] .am-world__drawing {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0.68;
}

html[data-surface="maintainer"] .am-world__thread {
  fill: none;
  stroke: url(#am-world-thread);
  stroke-width: 1.8;
  vector-effect: non-scaling-stroke;
}

html[data-surface="maintainer"] .am-world__thread--echo {
  opacity: 0.5;
  stroke-width: 1;
}

html[data-surface="maintainer"] .am-world__register {
  fill: none;
  opacity: 0.24;
  stroke: var(--am-cyan);
  stroke-dasharray: 3 10 72 18;
  stroke-width: 1.15;
  vector-effect: non-scaling-stroke;
}

html[data-surface="maintainer"] .am-world__frozen {
  fill: rgba(198, 98, 116, 0.065);
  stroke: rgba(198, 98, 116, 0.31);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

html[data-surface="maintainer"] .am-world__ash {
  position: absolute;
  width: 0.3rem;
  aspect-ratio: 1;
  background: var(--am-ash);
  box-shadow:
    3.4rem 1rem 0 -0.08rem var(--am-night-24),
    7.8rem -2.5rem 0 -0.11rem var(--am-crimson-42),
    12rem 3.7rem 0 -0.09rem var(--am-indigo-38),
    18rem -0.6rem 0 -0.12rem var(--am-gold-44);
  transform: rotate(24deg);
}

html[data-surface="maintainer"] .am-world__ash--one {
  top: 22%;
  left: 57%;
}
html[data-surface="maintainer"] .am-world__ash--two {
  top: 72%;
  left: 40%;
  transform: rotate(-31deg) scale(0.72);
}

html[data-surface="maintainer"] .am-mast {
  position: fixed;
  z-index: 80;
  top: 0;
  right: 0;
  left: var(--am-axis-width);
  display: grid;
  grid-template-columns: minmax(15rem, 1fr) auto auto;
  gap: var(--am-space-5);
  align-items: center;
  min-height: var(--am-mast-height);
  padding: max(0.75rem, env(safe-area-inset-top)) clamp(1.2rem, 2.5vw, 4.8rem)
    0.75rem;
  color: var(--am-night);
}

html[data-surface="maintainer"] .am-mast::after {
  position: absolute;
  right: clamp(1.2rem, 2.5vw, 4.8rem);
  bottom: 0;
  left: clamp(1.2rem, 2.5vw, 4.8rem);
  height: var(--am-hairline);
  background: linear-gradient(
    90deg,
    var(--am-night) 0 49%,
    transparent 49% 52%,
    var(--am-indigo) 52% 91%,
    var(--am-crimson) 91%
  );
  content: "";
  opacity: 0.58;
}

html[data-surface="maintainer"] .am-mast__identity {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  flex-direction: column;
  justify-content: center;
  min-height: var(--am-touch);
  line-height: 1.08;
}

html[data-surface="maintainer"] .am-mast__identity span {
  color: var(--am-muted-paper);
  font-family: var(--am-font-data);
  font-size: var(--am-text-2xs);
  font-weight: 680;
  letter-spacing: 0.14em;
}

html[data-surface="maintainer"] .am-mast__identity b {
  margin-top: 0.22rem;
  font-family: var(--am-font-display);
  font-size: var(--am-text-lg);
  font-weight: 550;
  letter-spacing: -0.04em;
}

html[data-surface="maintainer"] .am-mast__location {
  position: relative;
  display: grid;
  grid-template-columns: 0.55rem auto;
  gap: 0 0.72rem;
  align-items: center;
  min-width: 11rem;
  min-height: var(--am-touch);
  padding-inline: var(--am-space-3);
}

html[data-surface="maintainer"] .am-mast__location::before {
  position: absolute;
  inset: 0;
  border-left: var(--am-rule) solid var(--am-cyan);
  background: linear-gradient(90deg, var(--am-cyan-42), transparent 76%);
  content: "";
  opacity: 0.18;
}

html[data-surface="maintainer"] .am-mast__location > i {
  position: relative;
  width: 0.5rem;
  aspect-ratio: 1;
  grid-row: 1;
  border: 1px solid var(--am-light);
  border-radius: 50%;
  background: var(--am-cyan);
  box-shadow: 0 0 0 0.22rem var(--am-cyan-42);
}

html[data-surface="maintainer"] .am-mast__location > span {
  position: relative;
}
html[data-surface="maintainer"] .am-mast__location small,
html[data-surface="maintainer"] .am-mast__location b {
  display: block;
  line-height: 1.25;
}
html[data-surface="maintainer"] .am-mast__location small {
  color: var(--am-muted-paper);
  font-size: var(--am-text-2xs);
}
html[data-surface="maintainer"] .am-mast__location b {
  font-size: var(--am-text-xs);
  font-weight: 690;
}

html[data-surface="maintainer"] .am-mast__actions {
  display: flex;
  gap: var(--am-space-2);
  align-items: center;
}

html[data-surface="maintainer"] .am-icon-action {
  display: grid;
  width: var(--am-touch);
  min-width: var(--am-touch);
  height: var(--am-touch);
  place-items: center;
  border: var(--am-hairline) solid var(--am-night-24);
  border-radius: 50%;
  color: var(--am-night);
  transition:
    color var(--am-duration-fast),
    background var(--am-duration-fast),
    transform var(--am-duration-fast);
}

html[data-surface="maintainer"] .am-icon-action svg {
  width: 1.15rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.6;
}

html[data-surface="maintainer"] .am-icon-action:hover {
  background: var(--am-night);
  color: var(--am-light);
  transform: translateY(-2px);
}

html[data-surface="maintainer"] .am-profile-trigger {
  position: relative;
  display: grid;
  grid-template-columns: 2.5rem auto 1rem;
  gap: 0.72rem;
  align-items: center;
  min-height: var(--am-touch);
  padding: 0.2rem;
  color: var(--am-night);
  text-align: left;
}

html[data-surface="maintainer"] .am-profile-trigger::after {
  position: absolute;
  right: 0;
  bottom: -0.1rem;
  left: 0.35rem;
  height: var(--am-hairline);
  background: var(--am-night);
  content: "";
  transform: scaleX(0.28);
  transform-origin: right;
  transition: transform var(--am-duration) var(--am-ease-out);
}

html[data-surface="maintainer"] .am-profile-trigger:hover::after,
html[data-surface="maintainer"]
  .am-profile-trigger[aria-expanded="true"]::after {
  transform: scaleX(1);
}

html[data-surface="maintainer"] .am-profile-trigger__avatar,
html[data-surface="maintainer"] .am-profile-menu__avatar {
  position: relative;
  display: grid;
  width: 2.5rem;
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: var(--am-indigo);
  color: var(--am-light);
  font-family: var(--am-font-display);
}

html[data-surface="maintainer"] .am-profile-trigger__avatar::after {
  position: absolute;
  inset: 0.18rem;
  border: var(--am-hairline) solid var(--am-paper-78);
  border-radius: inherit;
  content: "";
}

html[data-surface="maintainer"] .am-profile-trigger__avatar img,
html[data-surface="maintainer"] .am-profile-menu__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html[data-surface="maintainer"] .am-profile-trigger small,
html[data-surface="maintainer"] .am-profile-trigger b {
  display: block;
  max-width: 12rem;
  overflow: hidden;
  line-height: 1.22;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-surface="maintainer"] .am-profile-trigger small {
  color: var(--am-muted-paper);
  font-size: var(--am-text-2xs);
}
html[data-surface="maintainer"] .am-profile-trigger b {
  margin-top: 0.12rem;
  font-size: var(--am-text-xs);
  font-weight: 690;
}
html[data-surface="maintainer"] .am-profile-trigger > svg {
  width: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}

html[data-surface="maintainer"] .am-axis {
  position: fixed;
  z-index: 90;
  inset: 0 auto 0 0;
  display: flex;
  width: var(--am-axis-width);
  flex-direction: column;
  padding: max(1.65rem, env(safe-area-inset-top)) clamp(0.9rem, 1.2vw, 1.55rem)
    max(1.2rem, env(safe-area-inset-bottom));
  color: var(--am-text-on-night);
}

html[data-surface="maintainer"] .am-axis::before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  width: var(--am-hairline);
  background: linear-gradient(
    var(--am-cyan),
    var(--am-paper-18) 18% 78%,
    var(--am-crimson)
  );
  content: "";
  opacity: 0.82;
}

html[data-surface="maintainer"] .am-axis__caption {
  display: block;
  min-height: var(--am-mast-height);
  color: var(--am-muted-night);
  font-family: var(--am-font-data);
  font-size: var(--am-text-2xs);
  font-weight: 680;
  letter-spacing: 0.14em;
  line-height: 1.4;
}

html[data-surface="maintainer"] .am-axis ol {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: var(--am-space-4) 0;
  margin: 0;
  list-style: none;
}

html[data-surface="maintainer"] .am-axis li {
  position: relative;
}

html[data-surface="maintainer"] .am-axis li::after {
  position: absolute;
  top: 50%;
  right: calc(clamp(0.9rem, 1.2vw, 1.55rem) * -1 - 0.22rem);
  width: 0.42rem;
  aspect-ratio: 1;
  border: 1px solid var(--am-night);
  border-radius: 50%;
  background: var(--am-paper);
  content: "";
  opacity: 0.34;
  transform: translate(50%, -50%);
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain] {
  position: relative;
  display: grid;
  grid-template-columns: 2rem 1fr;
  gap: 0 0.65rem;
  align-items: center;
  min-height: clamp(4rem, 7vh, 5.5rem);
  padding: 0.6rem 0;
  color: var(--am-muted-night);
  transition:
    color var(--am-duration),
    transform var(--am-duration) var(--am-ease-out);
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain]::before {
  position: absolute;
  z-index: -1;
  inset: 0 calc(clamp(0.9rem, 1.2vw, 1.55rem) * -1) 0 -0.65rem;
  background: var(--am-porcelain);
  box-shadow: inset 0 -1px 0 var(--am-night-14);
  content: "";
  opacity: 0;
  transform: translateX(-1.2rem) scaleX(0.88);
  transform-origin: left;
  transition:
    opacity var(--am-duration),
    transform var(--am-duration-long) var(--am-ease-register);
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain] i {
  grid-row: 1 / span 2;
  font-family: var(--am-font-data);
  font-size: var(--am-text-xs);
  font-style: normal;
  letter-spacing: 0.08em;
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain] span {
  align-self: end;
  font-size: var(--am-text-sm);
  font-weight: 690;
  line-height: 1.3;
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain] small {
  align-self: start;
  font-size: var(--am-text-2xs);
  line-height: 1.3;
  opacity: 0.66;
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain]:hover {
  color: var(--am-light);
  transform: translateX(0.3rem);
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain].is-active {
  color: var(--am-night);
  transform: translateX(0.35rem);
}

html[data-surface="maintainer"]
  .am-axis
  a[data-admin-domain].is-active::before {
  opacity: 1;
  transform: translateX(0) scaleX(1);
}

html[data-surface="maintainer"] .am-axis li:has(a.is-active)::after {
  background: var(--am-crimson);
  box-shadow: 0 0 0 0.24rem var(--am-crimson-42);
  opacity: 1;
}

html[data-surface="maintainer"] .am-axis footer {
  display: grid;
  gap: var(--am-space-2);
}

html[data-surface="maintainer"] .am-axis footer a {
  display: flex;
  min-height: var(--am-touch);
  gap: 0.6rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0;
  border-block: var(--am-hairline) solid var(--am-paper-18);
  color: var(--am-muted-night);
  font-size: var(--am-text-xs);
  transition:
    color var(--am-duration-fast),
    padding var(--am-duration-fast);
}

html[data-surface="maintainer"] .am-axis footer a:hover {
  padding-left: 0.35rem;
  color: var(--am-light);
}
html[data-surface="maintainer"] .am-axis footer a i {
  color: var(--am-cyan);
  font-style: normal;
}
html[data-surface="maintainer"] .am-axis footer small {
  color: var(--am-muted-night);
  font-family: var(--am-font-data);
  font-size: var(--am-text-2xs);
  letter-spacing: 0.09em;
  opacity: 0.56;
}

html[data-surface="maintainer"] .am-stage {
  position: relative;
  z-index: 1;
  width: min(calc(100% - var(--am-axis-width)), var(--am-stage-max));
  min-height: 100vh;
  min-height: 100dvh;
  padding: var(--am-mast-height) clamp(1.2rem, 3.2vw, 5.6rem) 0;
  margin-left: var(--am-axis-width);
}

html[data-surface="maintainer"] .am-route-host {
  width: 100%;
  min-height: calc(100dvh - var(--am-mast-height));
}

html[data-surface="maintainer"] .am-route-canvas {
  position: relative;
  z-index: 1;
  min-height: inherit;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition:
    opacity 140ms ease,
    transform 180ms var(--am-ease-register);
}

html[data-surface="maintainer"] .am-route-host.has-passage .am-route-canvas {
  opacity: 0;
  transform: translate3d(0.55rem, 0.2rem, 0);
}

html[data-surface="maintainer"] .am-route-passage {
  --am-passage-accent: var(--am-cyan);
  --am-passage-angle: -8deg;
  position: absolute;
  z-index: 4;
  inset: 0;
  display: grid;
  min-height: calc(100dvh - var(--am-mast-height));
  align-content: center;
  padding: clamp(3rem, 7vw, 10rem) clamp(1rem, 5vw, 7rem);
  overflow: hidden;
  isolation: isolate;
  pointer-events: none;
  clip-path: inset(0);
  transition:
    opacity 150ms ease,
    clip-path 190ms var(--am-ease-register);
}

html[data-surface="maintainer"]
  .am-route-host.is-handing-off
  .am-route-passage {
  opacity: 0;
  clip-path: inset(0 100% 0 0);
}

html[data-surface="maintainer"]
  .am-route-host.is-handing-off[data-am-route-direction="backward"]
  .am-route-passage {
  clip-path: inset(0 0 0 100%);
}

html[data-surface="maintainer"] .am-route-passage[data-am-passage="identity"] {
  --am-passage-accent: var(--am-gold);
  --am-passage-angle: -7deg;
}
html[data-surface="maintainer"] .am-route-passage[data-am-passage="supply"] {
  --am-passage-accent: var(--am-cyan);
  --am-passage-angle: -11deg;
}
html[data-surface="maintainer"] .am-route-passage[data-am-passage="requests"] {
  --am-passage-accent: var(--am-crimson);
  --am-passage-angle: 7deg;
}
html[data-surface="maintainer"]
  .am-route-passage[data-am-passage="communications"] {
  --am-passage-accent: var(--am-gold);
  --am-passage-angle: -5deg;
}
html[data-surface="maintainer"]
  .am-route-passage[data-am-passage="governance"] {
  --am-passage-accent: var(--am-indigo);
  --am-passage-angle: 9deg;
}

html[data-surface="maintainer"] .am-route-passage::before {
  position: absolute;
  z-index: -2;
  inset: 18% 7% 14% 26%;
  background: linear-gradient(
    136deg,
    var(--am-indigo-38),
    rgba(81, 90, 120, 0.08) 64%,
    transparent
  );
  content: "";
  transform: skewX(var(--am-passage-angle));
  transform-origin: right;
}

html[data-surface="maintainer"] .am-route-passage::after {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 4%;
  left: 2%;
  height: var(--am-rule);
  background: linear-gradient(
    90deg,
    transparent,
    var(--am-passage-accent) 14% 34%,
    var(--am-night) 34% 73%,
    var(--am-crimson) 73% 87%,
    transparent
  );
  content: "";
  transform: rotate(var(--am-passage-angle));
}

html[data-surface="maintainer"] .am-route-passage__index {
  position: absolute;
  top: clamp(1.5rem, 5vw, 6rem);
  right: clamp(0.5rem, 3vw, 4rem);
  color: var(--am-indigo-38);
  font-family: var(--am-font-data);
  font-size: clamp(7rem, 18vw, 27rem);
  font-weight: 700;
  letter-spacing: -0.11em;
  line-height: 0.72;
}

html[data-surface="maintainer"] .am-route-passage__copy {
  position: relative;
  z-index: 2;
  width: min(52rem, 74%);
  padding: clamp(1.5rem, 3vw, 3.6rem);
  border-left: 0.32rem solid var(--am-passage-accent);
  background: linear-gradient(
    102deg,
    var(--am-paper-94),
    var(--am-paper-78) 72%,
    transparent
  );
  box-shadow: var(--am-shadow-paper);
}

html[data-surface="maintainer"] .am-route-passage__copy > span {
  color: var(--am-crimson);
  font-family: var(--am-font-data);
  font-size: var(--am-text-xs);
  font-weight: 700;
  letter-spacing: 0.14em;
}

html[data-surface="maintainer"] .am-route-passage__copy h1 {
  margin: var(--am-space-2) 0 0;
  font-family: var(--am-font-display);
  font-size: clamp(3rem, 6.8vw, 8.4rem);
  font-weight: 500;
  letter-spacing: -0.07em;
  line-height: 0.94;
}

html[data-surface="maintainer"] .am-route-passage__copy p {
  margin: var(--am-space-4) 0 0;
  color: var(--am-muted-paper);
  font-size: var(--am-text-sm);
}

html[data-surface="maintainer"] .am-route-passage__planes {
  position: absolute;
  z-index: 1;
  inset: 0;
}
html[data-surface="maintainer"] .am-route-passage__planes > * {
  position: absolute;
  display: block;
}
html[data-surface="maintainer"] .am-route-passage__planes i {
  right: -6%;
  width: 58%;
  height: var(--am-hairline);
  background: var(--am-night-24);
  transform: rotate(var(--am-passage-angle));
  transform-origin: right;
}
html[data-surface="maintainer"] .am-route-passage__planes i:nth-child(1) {
  top: 28%;
}
html[data-surface="maintainer"] .am-route-passage__planes i:nth-child(2) {
  top: 61%;
  width: 76%;
  background: var(--am-crimson-42);
}
html[data-surface="maintainer"] .am-route-passage__planes i:nth-child(3) {
  top: 73%;
  width: 39%;
  background: var(--am-cyan-42);
}
html[data-surface="maintainer"] .am-route-passage__planes b {
  right: 13%;
  bottom: 8%;
  width: clamp(8rem, 19vw, 28rem);
  aspect-ratio: 1;
  border: var(--am-hairline) solid var(--am-cyan-42);
  transform: rotate(19deg);
}
html[data-surface="maintainer"] .am-route-passage__planes span {
  top: 21%;
  right: 24%;
  width: clamp(3rem, 8vw, 12rem);
  height: clamp(0.35rem, 0.7vw, 0.8rem);
  background: var(--am-passage-accent);
}

html[data-surface="maintainer"] .am-mobile-tabs {
  display: none;
}
html[data-surface="maintainer"] .am-toast-region {
  position: fixed;
  z-index: 260;
  right: max(1rem, env(safe-area-inset-right));
  bottom: max(1rem, env(safe-area-inset-bottom));
  display: grid;
  width: min(26rem, calc(100vw - 2rem));
  gap: 0.6rem;
  pointer-events: none;
}
html[data-surface="maintainer"] .am-dialog-layer {
  position: relative;
  z-index: 300;
}

html[data-surface="maintainer"] .am-boot {
  position: fixed;
  z-index: 900;
  inset: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(18rem, 0.62fr);
  overflow: hidden;
  background: var(--am-night);
  color: var(--am-light);
}

html[data-surface="maintainer"] .am-boot__field {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 64% 45%,
      rgba(81, 90, 120, 0.34),
      transparent 31rem
    ),
    linear-gradient(145deg, var(--am-night-deep), var(--am-indigo-deep));
}

html[data-surface="maintainer"] .am-boot__field svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
html[data-surface="maintainer"] .am-boot__veils path {
  fill: rgba(216, 217, 215, 0.035);
  stroke: rgba(216, 217, 215, 0.18);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
html[data-surface="maintainer"] .am-boot__shadow {
  fill: rgba(4, 5, 8, 0.32);
  transform: translate(24px, 28px);
}
html[data-surface="maintainer"] .am-boot__object {
  fill: url(#am-boot-face);
  stroke: rgba(248, 245, 236, 0.72);
  stroke-width: 2;
}
html[data-surface="maintainer"] .am-boot__facet {
  fill: rgba(248, 245, 236, 0.26);
}
html[data-surface="maintainer"] .am-boot__facet--night {
  fill: rgba(21, 23, 34, 0.24);
}
html[data-surface="maintainer"] .am-boot__facet--indigo {
  fill: rgba(81, 90, 120, 0.42);
}
html[data-surface="maintainer"] .am-boot__void {
  fill: var(--am-night-deep);
  stroke: rgba(233, 230, 222, 0.7);
  stroke-width: 2;
}
html[data-surface="maintainer"] .am-boot__fragment {
  fill: url(#am-boot-core);
  stroke: rgba(248, 245, 236, 0.72);
  stroke-width: 1.5;
}
html[data-surface="maintainer"] .am-boot__thread {
  fill: none;
  stroke: rgba(233, 230, 222, 0.8);
  stroke-linecap: round;
  stroke-width: 3;
}
html[data-surface="maintainer"] .am-boot__thread--echo {
  stroke: rgba(181, 150, 82, 0.5);
  stroke-width: 0.9;
}
html[data-surface="maintainer"] .am-boot__field circle {
  fill: var(--am-gold);
  stroke: var(--am-light);
  stroke-width: 2;
}

html[data-surface="maintainer"] .am-boot__field > i {
  position: absolute;
  width: 38%;
  height: 1px;
  background: var(--am-paper-18);
  transform: rotate(-37deg);
  transform-origin: left;
}

html[data-surface="maintainer"] .am-boot__field > i:nth-of-type(1) {
  top: 18%;
  left: 8%;
}
html[data-surface="maintainer"] .am-boot__field > i:nth-of-type(2) {
  top: 43%;
  left: 19%;
  width: 61%;
}
html[data-surface="maintainer"] .am-boot__field > i:nth-of-type(3) {
  top: 66%;
  left: 4%;
  width: 47%;
  background: var(--am-crimson-42);
}
html[data-surface="maintainer"] .am-boot__field > i:nth-of-type(4) {
  top: 81%;
  left: 41%;
  width: 34%;
  background: var(--am-cyan-42);
}

html[data-surface="maintainer"] .am-boot__copy {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: var(--am-space-7);
  background: var(--am-porcelain);
  color: var(--am-night);
}

html[data-surface="maintainer"] .am-boot__copy::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.42rem;
  height: 48%;
  background: var(--am-crimson);
  content: "";
}
html[data-surface="maintainer"] .am-boot__copy span {
  font-family: var(--am-font-data);
  font-size: var(--am-text-xs);
  font-weight: 680;
  letter-spacing: 0.15em;
}
html[data-surface="maintainer"] .am-boot__copy strong {
  margin-block: var(--am-space-3) var(--am-space-6);
  font-family: var(--am-font-display);
  font-size: var(--am-text-display);
  font-weight: 520;
  letter-spacing: -0.08em;
  line-height: 0.94;
  writing-mode: vertical-rl;
}
html[data-surface="maintainer"] .am-boot__copy p {
  padding-top: var(--am-space-3);
  margin: 0;
  border-top: var(--am-hairline) solid var(--am-night-24);
  color: var(--am-muted-paper);
  font-size: var(--am-text-sm);
}

html[data-surface="maintainer"] .am-gate,
html[data-surface="maintainer"] .am-recovery {
  position: fixed;
  z-index: 950;
  inset: 0;
  display: grid;
  align-content: center;
  padding: clamp(2rem, 9vw, 11rem);
  background:
    linear-gradient(112deg, var(--am-night) 0 42%, transparent 42%),
    var(--am-porcelain);
  color: var(--am-night);
}

html[data-surface="maintainer"] .am-gate > *,
html[data-surface="maintainer"] .am-recovery > * {
  width: min(42rem, 48vw);
  margin-left: auto;
}
html[data-surface="maintainer"] .am-gate > span,
html[data-surface="maintainer"] .am-recovery > span {
  color: var(--am-crimson);
  font-family: var(--am-font-data);
  font-size: var(--am-text-xs);
  font-weight: 700;
  letter-spacing: 0.14em;
}
html[data-surface="maintainer"] .am-gate h1,
html[data-surface="maintainer"] .am-recovery h1 {
  margin-block: var(--am-space-3);
  font-family: var(--am-font-display);
  font-size: var(--am-text-2xl);
  font-weight: 520;
  line-height: 1.08;
}
html[data-surface="maintainer"] .am-gate p,
html[data-surface="maintainer"] .am-recovery p {
  color: var(--am-muted-paper);
  font-size: var(--am-text-base);
}
html[data-surface="maintainer"] .am-gate > div {
  display: flex;
  gap: var(--am-space-2);
  margin-top: var(--am-space-5);
}
html[data-surface="maintainer"] .am-gate a,
html[data-surface="maintainer"] .am-recovery button {
  display: inline-flex;
  min-height: var(--am-touch);
  align-items: center;
  padding: 0.75rem 1.2rem;
  background: var(--am-night);
  color: var(--am-light);
  font-weight: 680;
}
html[data-surface="maintainer"] .am-gate a + a {
  border: var(--am-hairline) solid var(--am-night);
  background: transparent;
  color: var(--am-night);
}

/*
 * Maintainer atelier
 * ------------------
 * The administrator shell is composed as a physical editorial spread rather
 * than a tactical terminal.  Information remains dense, but every layer has a
 * material role: dark binding, porcelain work surface, translucent folios and
 * restrained registration colour.
 */
html[data-surface="maintainer"] .am-app {
  background:
    linear-gradient(
      90deg,
      transparent var(--am-axis-width),
      rgba(255, 255, 255, 0.18) var(--am-axis-width)
    ),
    var(--am-porcelain);
}

html[data-surface="maintainer"] .am-world {
  background: var(--am-night-deep);
}

html[data-surface="maintainer"] .am-world__night {
  width: var(--am-axis-width);
  background:
    radial-gradient(
      circle at 16% 8%,
      rgba(145, 194, 200, 0.2),
      transparent 24%
    ),
    linear-gradient(154deg, rgba(89, 97, 127, 0.82), transparent 34%),
    linear-gradient(
      164deg,
      #272b3c 0 18%,
      var(--am-night) 48%,
      var(--am-night-deep) 100%
    );
}

html[data-surface="maintainer"] .am-world__night::before,
html[data-surface="maintainer"] .am-world__night::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

html[data-surface="maintainer"] .am-world__night::before {
  inset: 0;
  background:
    linear-gradient(
      118deg,
      transparent 0 56%,
      rgba(198, 101, 120, 0.14) 56% 57%,
      transparent 57%
    ),
    radial-gradient(
      circle at 1px 1px,
      rgba(248, 245, 236, 0.075) 1px,
      transparent 1.2px
    );
  background-size:
    auto,
    2.35rem 2.35rem;
  mask-image: linear-gradient(#000, transparent 90%);
}

html[data-surface="maintainer"] .am-world__night::after {
  right: 0;
  bottom: 7%;
  width: 72%;
  height: 24%;
  background: linear-gradient(
    135deg,
    rgba(200, 101, 120, 0.52),
    rgba(81, 90, 120, 0.08)
  );
  clip-path: polygon(0 30%, 100% 0, 100% 100%, 18% 78%);
}

html[data-surface="maintainer"] .am-world__paper {
  left: var(--am-axis-width);
  background:
    radial-gradient(
      circle at 83% 6%,
      rgba(255, 255, 255, 0.92),
      transparent 25%
    ),
    radial-gradient(
      circle at 14% 35%,
      rgba(145, 194, 200, 0.1),
      transparent 31%
    ),
    linear-gradient(
      117deg,
      rgba(248, 245, 236, 0.95),
      rgba(235, 232, 224, 0.98) 52%,
      #dedad2 100%
    );
  clip-path: none;
}

html[data-surface="maintainer"] .am-world__paper::after {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle at 1px 1px,
      rgba(23, 25, 37, 0.08) 0.8px,
      transparent 0.95px
    ),
    linear-gradient(
      104deg,
      transparent 74%,
      rgba(185, 154, 88, 0.08) 74% 75%,
      transparent 75%
    );
  background-size:
    2.25rem 2.25rem,
    auto;
  content: "";
  opacity: 0.72;
}

html[data-surface="maintainer"] .am-world__indigo {
  top: 11%;
  right: -9%;
  bottom: auto;
  left: auto;
  width: min(54vw, 72rem);
  height: min(29vw, 36rem);
  background: linear-gradient(
    112deg,
    rgba(81, 90, 120, 0.03),
    rgba(81, 90, 120, 0.22) 44%,
    rgba(55, 61, 88, 0.05)
  );
  clip-path: polygon(18% 0, 100% 14%, 87% 100%, 0 73%);
}

html[data-surface="maintainer"] .am-world__atelier {
  position: absolute;
  top: clamp(6rem, 8vw, 11rem);
  right: clamp(-10rem, -5vw, -3rem);
  width: clamp(24rem, 35vw, 58rem);
  aspect-ratio: 1.28;
  opacity: 0.34;
  transform: rotate(-5deg);
}

html[data-surface="maintainer"] .am-world__atelier > * {
  position: absolute;
  display: block;
}

html[data-surface="maintainer"] .am-world__atelier i {
  border: 1px solid rgba(81, 90, 120, 0.2);
  filter: drop-shadow(1.1rem 1.4rem 1.7rem rgba(20, 22, 34, 0.09));
}

html[data-surface="maintainer"] .am-world__atelier i:nth-child(1) {
  inset: 8% 27% 39% 5%;
  background: linear-gradient(
    136deg,
    rgba(255, 255, 255, 0.68),
    rgba(145, 194, 200, 0.09)
  );
  clip-path: polygon(5% 0, 100% 21%, 71% 100%, 0 73%);
}

html[data-surface="maintainer"] .am-world__atelier i:nth-child(2) {
  inset: 2% 5% 31% 43%;
  background: linear-gradient(
    148deg,
    rgba(81, 90, 120, 0.28),
    rgba(55, 61, 88, 0.08)
  );
  clip-path: polygon(9% 0, 100% 19%, 81% 100%, 0 65%);
}

html[data-surface="maintainer"] .am-world__atelier i:nth-child(3) {
  inset: 43% 8% 4% 37%;
  background: linear-gradient(
    145deg,
    rgba(198, 101, 120, 0.2),
    rgba(89, 97, 127, 0.07)
  );
  clip-path: polygon(0 8%, 94% 0, 100% 78%, 29% 100%);
}

html[data-surface="maintainer"] .am-world__atelier i:nth-child(4) {
  inset: 48% 48% 2% 3%;
  background: linear-gradient(
    132deg,
    rgba(235, 232, 224, 0.7),
    rgba(185, 154, 88, 0.09)
  );
  clip-path: polygon(0 5%, 100% 0, 82% 100%, 11% 82%);
}

html[data-surface="maintainer"] .am-world__atelier b {
  top: 37%;
  left: 39%;
  width: 20%;
  aspect-ratio: 1;
  border: 1px solid rgba(248, 245, 236, 0.54);
  background: var(--am-night-deep);
  box-shadow: inset 0 0 0 0.75rem rgba(89, 97, 127, 0.42);
  clip-path: polygon(15% 0, 88% 9%, 100% 75%, 62% 100%, 2% 73%, 0 22%);
}

html[data-surface="maintainer"] .am-world__atelier span {
  top: 45%;
  left: -10%;
  width: 115%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--am-gold) 17% 24%,
    var(--am-night) 24% 72%,
    var(--am-cyan) 72% 84%,
    transparent
  );
  transform: rotate(-12deg);
}

html[data-surface="maintainer"] .am-world__drawing {
  opacity: 0.44;
}

html[data-surface="maintainer"] .am-world__register {
  stroke-dasharray: 2 18 90 26;
}

html[data-surface="maintainer"] .am-mast {
  grid-template-columns: minmax(15rem, 1fr) minmax(12rem, auto) auto;
  gap: clamp(1rem, 2vw, 2.6rem);
  min-height: var(--am-mast-height);
  padding: max(0.8rem, env(safe-area-inset-top)) clamp(1.4rem, 3.2vw, 5.8rem)
    0.8rem;
  background: linear-gradient(
    90deg,
    rgba(250, 247, 239, 0.9),
    rgba(235, 232, 224, 0.82) 74%,
    rgba(250, 247, 239, 0.94)
  );
  box-shadow: 0 0.7rem 2.5rem rgba(20, 22, 34, 0.06);
  backdrop-filter: blur(18px) saturate(112%);
}

html[data-surface="maintainer"] .am-mast::before {
  position: absolute;
  right: clamp(1.4rem, 3.2vw, 5.8rem);
  bottom: 0;
  left: clamp(1.4rem, 3.2vw, 5.8rem);
  height: 0.28rem;
  background: linear-gradient(
    90deg,
    var(--am-crimson) 0 7%,
    transparent 7% 61%,
    var(--am-cyan) 61% 82%,
    var(--am-indigo) 82% 100%
  );
  content: "";
}

html[data-surface="maintainer"] .am-mast::after {
  display: none;
}

html[data-surface="maintainer"] .am-mast__identity {
  padding-left: 1rem;
  border-left: 0.25rem solid var(--am-indigo);
}

html[data-surface="maintainer"] .am-mast__identity span {
  color: var(--am-indigo);
  font-family: var(--am-font-body);
  font-size: var(--am-text-2xs);
  font-weight: 720;
  letter-spacing: 0.1em;
}

html[data-surface="maintainer"] .am-mast__identity b {
  margin-top: 0.3rem;
  font-size: clamp(1.34rem, 0.45vw + 1.18rem, 1.82rem);
  letter-spacing: -0.045em;
}

html[data-surface="maintainer"] .am-mast__location {
  min-width: 13rem;
  padding: 0.7rem 1.15rem;
  border: 1px solid rgba(81, 90, 120, 0.17);
  border-radius: 1.25rem 0.3rem 1.25rem 0.3rem;
  background: linear-gradient(
    124deg,
    rgba(145, 194, 200, 0.16),
    rgba(255, 255, 255, 0.5)
  );
}

html[data-surface="maintainer"] .am-mast__location::before {
  display: none;
}

html[data-surface="maintainer"] .am-mast__location > i {
  width: 0.58rem;
  border: 0;
  box-shadow: 0 0 0 0.25rem rgba(145, 194, 200, 0.18);
}

html[data-surface="maintainer"] .am-mast__location small {
  font-size: var(--am-text-2xs);
  letter-spacing: 0.02em;
}

html[data-surface="maintainer"] .am-mast__location b {
  margin-top: 0.12rem;
  font-size: var(--am-text-sm);
}

html[data-surface="maintainer"] .am-icon-action {
  border-color: rgba(81, 90, 120, 0.2);
  background: rgba(250, 247, 239, 0.72);
  box-shadow: 0 0.55rem 1.5rem rgba(20, 22, 34, 0.08);
}

html[data-surface="maintainer"] .am-icon-action:hover {
  background: var(--am-indigo-deep);
  box-shadow: 0 0.8rem 1.8rem rgba(20, 22, 34, 0.16);
}

html[data-surface="maintainer"] .am-profile-trigger {
  min-height: 3.65rem;
  padding: 0.35rem 0.55rem 0.35rem 0.4rem;
  border-radius: 1.8rem 0.4rem 1.8rem 0.4rem;
  background: rgba(255, 255, 255, 0.36);
  transition:
    background var(--am-duration-fast),
    box-shadow var(--am-duration-fast);
}

html[data-surface="maintainer"] .am-profile-trigger:hover,
html[data-surface="maintainer"] .am-profile-trigger[aria-expanded="true"] {
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 0.8rem 2rem rgba(20, 22, 34, 0.1);
}

html[data-surface="maintainer"] .am-profile-trigger::after {
  display: none;
}

html[data-surface="maintainer"] .am-profile-trigger__avatar,
html[data-surface="maintainer"] .am-profile-menu__avatar {
  background: linear-gradient(145deg, var(--am-indigo), var(--am-night-soft));
  box-shadow:
    inset 0 0 0 1px rgba(248, 245, 236, 0.28),
    0 0.45rem 1rem rgba(20, 22, 34, 0.18);
}

html[data-surface="maintainer"] .am-axis {
  isolation: isolate;
  padding: max(1.35rem, env(safe-area-inset-top)) clamp(1.1rem, 1.35vw, 1.7rem)
    max(1.25rem, env(safe-area-inset-bottom));
}

html[data-surface="maintainer"] .am-axis::before {
  top: 2.4%;
  right: 0.55rem;
  bottom: 2.4%;
  width: 0.24rem;
  border-radius: 1rem;
  background: linear-gradient(
    var(--am-cyan),
    rgba(233, 230, 222, 0.17) 23% 69%,
    var(--am-crimson)
  );
  opacity: 0.84;
}

html[data-surface="maintainer"] .am-axis::after {
  position: absolute;
  z-index: -2;
  right: -10%;
  bottom: 11%;
  width: 77%;
  height: 29%;
  background: linear-gradient(
    135deg,
    rgba(89, 97, 127, 0.5),
    rgba(198, 101, 120, 0.07)
  );
  clip-path: polygon(0 22%, 100% 0, 88% 100%, 12% 72%);
  content: "";
}

html[data-surface="maintainer"] .am-axis__caption {
  display: grid;
  min-height: var(--am-mast-height);
  align-content: start;
  padding: 0.35rem 0.5rem 0 0.4rem;
  color: var(--am-text-on-night);
  font-family: var(--am-font-body);
  letter-spacing: normal;
}

html[data-surface="maintainer"] .am-axis__caption span {
  color: var(--am-cyan);
  font-size: var(--am-text-2xs);
  font-weight: 720;
  letter-spacing: 0.11em;
}

html[data-surface="maintainer"] .am-axis__caption b {
  margin-top: 0.45rem;
  font-family: var(--am-font-display);
  font-size: clamp(1.9rem, 1.45vw, 2.55rem);
  font-weight: 520;
  letter-spacing: -0.05em;
  line-height: 1;
}

html[data-surface="maintainer"] .am-axis__caption small {
  margin-top: 0.45rem;
  color: var(--am-muted-night);
  font-size: var(--am-text-xs);
  line-height: 1.45;
}

html[data-surface="maintainer"] .am-axis ol {
  gap: clamp(0.48rem, 0.7vh, 0.8rem);
  padding: var(--am-space-4) 0;
}

html[data-surface="maintainer"] .am-axis li::after {
  display: none;
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain] {
  grid-template-columns: 2.75rem minmax(0, 1fr);
  gap: 0 0.8rem;
  min-height: clamp(4.65rem, 7vh, 5.65rem);
  padding: 0.75rem 0.8rem;
  border: 1px solid transparent;
  border-radius: 0.3rem 1.3rem 0.3rem 1.3rem;
  color: rgba(243, 239, 230, 0.67);
  overflow: hidden;
  transform: none;
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain]::before {
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(
      118deg,
      rgba(250, 247, 239, 0.98),
      rgba(235, 232, 224, 0.92)
    ),
    var(--am-porcelain);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.65),
    0.45rem 0.65rem 1.5rem rgba(7, 8, 13, 0.26);
  opacity: 0;
  transform: translateX(-0.8rem) scale(0.96);
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain]::after {
  position: absolute;
  top: 0.72rem;
  right: 0.72rem;
  width: 0.34rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--am-cyan);
  content: "";
  opacity: 0.36;
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain] i {
  color: var(--am-cyan);
  font-size: clamp(1.05rem, 0.35vw + 0.96rem, 1.34rem);
  font-weight: 650;
  letter-spacing: -0.02em;
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain] span {
  font-size: var(--am-text-base);
  font-weight: 680;
  letter-spacing: 0.01em;
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain] small {
  margin-top: 0.1rem;
  font-size: var(--am-text-xs);
  opacity: 0.72;
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain]:hover {
  border-color: rgba(145, 194, 200, 0.24);
  background: rgba(248, 245, 236, 0.055);
  color: var(--am-light);
  transform: translateX(0.18rem);
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain].is-active {
  border-color: rgba(255, 255, 255, 0.3);
  color: var(--am-night);
  transform: translateX(0.38rem);
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain].is-active::after {
  background: var(--am-crimson);
  box-shadow: 0 0 0 0.28rem rgba(198, 101, 120, 0.13);
  opacity: 1;
}

html[data-surface="maintainer"] .am-axis a[data-admin-domain].is-active i {
  color: var(--am-indigo);
}

html[data-surface="maintainer"] .am-axis footer {
  gap: 0.75rem;
  padding-top: 0.4rem;
}

html[data-surface="maintainer"] .am-axis__signature {
  position: relative;
  display: grid;
  height: 3.7rem;
  grid-template-columns: 1fr auto;
  align-items: end;
  padding: 0.65rem 0.8rem;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(248, 245, 236, 0.12);
  border-radius: 1.2rem 0.25rem 1.2rem 0.25rem;
  background: linear-gradient(
    120deg,
    rgba(145, 194, 200, 0.1),
    rgba(89, 97, 127, 0.24)
  );
}

html[data-surface="maintainer"] .am-axis__signature i {
  position: absolute;
  top: 50%;
  right: -8%;
  left: 14%;
  height: 1px;
  background: linear-gradient(
    90deg,
    var(--am-gold),
    var(--am-cyan),
    transparent
  );
  transform: rotate(-9deg);
}

html[data-surface="maintainer"] .am-axis__signature span,
html[data-surface="maintainer"] .am-axis__signature b {
  position: relative;
  color: var(--am-light);
  font-family: var(--am-font-display);
  line-height: 1;
}

html[data-surface="maintainer"] .am-axis__signature span {
  font-size: 1.55rem;
  letter-spacing: -0.07em;
}

html[data-surface="maintainer"] .am-axis__signature b {
  color: var(--am-crimson);
  font-size: 0.9rem;
}

html[data-surface="maintainer"] .am-axis footer a {
  padding: 0.68rem 0.75rem;
  border: 0;
  border-radius: 0.35rem 1rem 0.35rem 1rem;
  background: rgba(248, 245, 236, 0.07);
  color: rgba(243, 239, 230, 0.78);
  font-size: var(--am-text-xs);
}

html[data-surface="maintainer"] .am-axis footer a:hover {
  padding-left: 0.95rem;
  background: rgba(248, 245, 236, 0.13);
}

html[data-surface="maintainer"] .am-axis footer small {
  padding-left: 0.25rem;
  font-family: var(--am-font-body);
  letter-spacing: 0.06em;
}

html[data-surface="maintainer"] .am-stage {
  padding: var(--am-mast-height) clamp(1.8rem, 3.35vw, 6.4rem) 0;
}

html[data-surface="maintainer"] .am-route-passage::before {
  inset: 16% 4% 12% 21%;
  border: 1px solid rgba(81, 90, 120, 0.14);
  border-radius: 2.2rem 0.4rem 2.2rem 0.4rem;
  background: linear-gradient(
    136deg,
    rgba(255, 255, 255, 0.6),
    rgba(89, 97, 127, 0.13) 58%,
    rgba(198, 101, 120, 0.07)
  );
  box-shadow: 1.2rem 1.5rem 3.6rem rgba(20, 22, 34, 0.1);
  transform: rotate(-2deg) skewX(var(--am-passage-angle));
}

html[data-surface="maintainer"] .am-route-passage__copy {
  width: min(55rem, 76%);
  padding: clamp(1.8rem, 3.4vw, 4rem);
  border: 1px solid rgba(81, 90, 120, 0.16);
  border-left: 0.38rem solid var(--am-passage-accent);
  border-radius: 0.35rem 2.2rem 0.35rem 2.2rem;
  background: linear-gradient(
    112deg,
    rgba(250, 247, 239, 0.98),
    rgba(235, 232, 224, 0.9) 72%,
    rgba(250, 247, 239, 0.48)
  );
  box-shadow: var(--am-shadow-paper);
}

html[data-surface="maintainer"] .am-route-passage__copy > span {
  font-family: var(--am-font-body);
  letter-spacing: 0.1em;
}

html[data-surface="maintainer"] .am-route-passage__copy p {
  font-size: var(--am-text-base);
  line-height: 1.75;
}

html[data-surface="maintainer"] .am-route-passage__planes b {
  border-radius: 2rem 0.35rem 2rem 0.35rem;
  background: linear-gradient(
    135deg,
    rgba(145, 194, 200, 0.06),
    rgba(89, 97, 127, 0.1)
  );
}