.unindexed-residue-mark {
  position: fixed;
  left: 0.65rem;
  bottom: 0.65rem;
  z-index: 2147483000;
  width: 1.6rem;
  height: 2rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: #d63129;
  font: 700 1.5rem/1 Georgia, serif;
  opacity: 0.16;
  cursor: pointer;
  transition: opacity 140ms ease, color 140ms ease;
}

.unindexed-residue-mark:hover,
.unindexed-residue-mark:focus-visible,
.unindexed-residue-mark[aria-expanded="true"] {
  color: #ff3b30;
  opacity: 1;
  outline: 2px solid #b8f04a;
  outline-offset: 2px;
}

.unindexed-residue-panel {
  position: fixed;
  left: 0.75rem;
  bottom: 3.2rem;
  z-index: 2147482999;
  width: min(31rem, calc(100vw - 1.5rem));
  max-height: min(38rem, calc(100vh - 5rem));
  overflow: auto;
  padding: 1rem;
  border: 1px solid #ff3b30;
  background: #070807;
  box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, 0.65);
  color: #e8e4d8;
  font: 12px/1.55 "Cascadia Mono", "Courier New", monospace;
  text-align: left;
}

.unindexed-residue-panel[hidden] { display: none; }
.unindexed-residue-panel * { box-sizing: border-box; }
.unindexed-residue-panel__head { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: 0.7rem; border-bottom: 1px solid rgba(232, 228, 216, 0.18); color: #ff3b30; font-size: 10px; font-weight: 900; letter-spacing: 0.1em; }
.unindexed-residue-panel__surface { margin: 1rem 0 0.35rem; color: #b8f04a; font-size: 10px; letter-spacing: 0.08em; }
.unindexed-residue-panel__outcome { margin: .9rem 0; padding: .65rem; border: 1px solid #b8f04a; color: #b8f04a !important; font: 700 10px/1.5 "Cascadia Mono", "Courier New", monospace !important; letter-spacing: .06em; }
.unindexed-residue-panel h2 { margin: 0.35rem 0 0.75rem; color: #e8e4d8; font: 700 1.55rem/1.05 Georgia, serif; letter-spacing: -0.02em; }
.unindexed-residue-panel p { margin: 0.5rem 0; color: #bdb8aa; font: 12px/1.6 "Cascadia Mono", "Courier New", monospace; }
.unindexed-residue-panel pre { overflow-x: auto; margin: 1rem 0; padding: 0.8rem; border: 1px solid rgba(184, 240, 74, 0.28); background: #010201; color: #b8f04a; font: 11px/1.65 "Cascadia Mono", "Courier New", monospace; white-space: pre; }
.unindexed-residue-panel__links { display: flex; flex-wrap: wrap; gap: 0.55rem; margin-top: 1rem; }
.unindexed-residue-panel__links a { padding: 0.55rem 0.7rem; border: 1px solid rgba(232, 228, 216, 0.25); color: #e8e4d8; font: 900 10px/1 "Cascadia Mono", "Courier New", monospace; letter-spacing: 0.06em; text-decoration: none; text-transform: uppercase; }
.unindexed-residue-panel__links a:first-child { border-color: #b8f04a; color: #b8f04a; }
.unindexed-residue-panel__links a:hover { background: #e8e4d8; color: #11110f; }

@media (prefers-reduced-motion: reduce) {
  .unindexed-residue-mark { transition: none; }
}