[hidden] { display: none !important; }
html { color: #eee; font-family: Georgia, 'Times New Roman', serif; }
.border { position: absolute; top: 0; height: 100%; width: clamp(18px, 3.3vw, 44px); object-fit: fill; object-position: center; z-index: 1; pointer-events: none; }
.border-left { left: 0; }
.border-right { right: 0; transform: scaleX(-1); }
.eye-link { pointer-events: none; }
@media (max-width: 768px), (max-height: 500px) and (pointer: coarse) {
  body { grid-template-columns: minmax(0, 1fr); }
  .side { display: none; }
  main { min-width: 0; min-height: max(100svh, 440px); }
}