.led-rail {
  position: fixed;
  z-index: 80;
  left: 50%;
  bottom: max(10px, env(safe-area-inset-bottom));
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  width: min(100% - 16px, 640px);
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
  pointer-events: none;
}
.led-rail a {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 14px 0 10px;
  border-radius: 999px;
  background: rgba(12, 8, 14, 0.78);
  color: #f6efe8;
  font: 15px/1 Georgia, "Iowan Old Style", serif;
  letter-spacing: 0.04em;
  text-decoration: none;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  backdrop-filter: blur(10px);
}
.led-rail i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 10px currentColor;
}
.led-rail a[data-k="sae"] i { color: #7ff4bd; }
.led-rail a[data-k="now"] i { color: #f6c35f; }
.led-rail a[data-k="fall"] i { color: #f29fb0; }
.led-rail a[data-k="further"] i { color: #f3b183; }
.led-rail a[data-k="spring"] i { color: #b6e38a; }
.led-rail a[aria-current="page"] {
  box-shadow: 0 0 0 2px color-mix(in srgb, currentColor 70%, transparent), 0 0 18px color-mix(in srgb, currentColor 55%, transparent);
}
.led-rail a[data-k="sae"][aria-current="page"] { box-shadow: 0 0 0 2px #7ff4bd99, 0 0 18px #7ff4bd; }
.led-rail a[data-k="now"][aria-current="page"] { box-shadow: 0 0 0 2px #f6c35f99, 0 0 18px #f6c35f; }
.led-rail a[data-k="fall"][aria-current="page"] { box-shadow: 0 0 0 2px #f29fb099, 0 0 18px #f29fb0; }
.led-rail a[data-k="further"][aria-current="page"] { box-shadow: 0 0 0 2px #f3b18399, 0 0 18px #f3b183; }
.led-rail a[data-k="spring"][aria-current="page"] { box-shadow: 0 0 0 2px #b6e38a99, 0 0 18px #b6e38a; }
.led-rail a:not([aria-current="page"]) i {
  animation: led-rail-blink 1.8s ease-in-out infinite;
}
@keyframes led-rail-blink {
  50% { opacity: 0.28; }
}
@media (prefers-reduced-motion: reduce) {
  .led-rail a:not([aria-current="page"]) i { animation: none; }
}
body:has(.led-rail) #cap {
  bottom: calc(env(safe-area-inset-bottom, 0px) + 72px);
}