/* Editorial / Desktop switch — same pill, same corner, in both views.
   It sits above the CRT shutdown and the boot screen, so it never "jumps". */
.view-toggle {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 3100;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 4px;
  background: #1C1A17;
  border-radius: 99px;
  font: 11px "JetBrains Mono", ui-monospace, monospace;
}
.view-toggle button { position: relative; z-index: 1; padding: 6px 14px; color: #F5EFE1; transition: color .3s; }
.view-toggle button[aria-pressed="true"] { color: #1C1A17; }
.view-toggle .knob { position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px); background: #F5EFE1; border-radius: 99px; transition: transform .45s cubic-bezier(.6,0,.2,1); }
.view-toggle[data-on="desktop"] .knob { transform: translateX(100%); }

/* Hover: the knob leans toward the other side */
.view-toggle[data-on="editorial"]:hover .knob { transform: translateX(6px); }
.view-toggle[data-on="desktop"]:hover .knob { transform: translateX(calc(100% - 6px)); }

/* Phones: centered at the bottom */
@media (max-width: 760px) {
  .view-toggle { right: 50%; transform: translateX(50%); }
}