body.analog-shrine {
  background: radial-gradient(circle at center, #0a0010, #000000);
  font-family: 'Courier New', monospace;
  color: #9ee9ff;
  padding: 3em 2em;
  line-height: 1.8;
  text-shadow: 0 0 2px #3399ff66;
}

.tapebox {
  max-width: 900px;
  margin: 0 auto;
  padding: 3em 2.5em;
  background: #0b0e18;
  border: 2px solid #4ae3ff88;
  border-radius: 16px;
  box-shadow:
    0 0 20px #00ccff33,
    0 0 60px #00668822;
  backdrop-filter: blur(3px);
}

h1, h2 {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #ffffff;
  font-size: 2.2em;
  margin-bottom: 0.3em;
  text-shadow:
    0 0 3px #00ccff,
    0 0 6px #3399ff88;
}

h2 {
  font-size: 1.3em;
  color: #88e3ff;
  margin-bottom: 1.5em;
}

.liner-notes {
  font-size: 1.25em;
  color: #b2f0ff;
  margin: 2em 0 1.5em;
  text-align: center;
  font-style: italic;
  text-shadow: 0 0 4px #66ddee44;
}

.shimmer {
  text-align: center;
  font-size: 1em;
  color: #aaffff;
  text-shadow: 0 0 3px #3399ff;
  animation: glowBeat 3s ease-in-out infinite;
}

a {
  display: block;
  text-align: center;
  margin-top: 3em;
  color: #66ccff;
  font-size: 1.1em;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0 0 6px #00ccff;
  transition: all 0.2s ease-in-out;
}


a:hover {
  color: #ffffff;
  text-shadow: 0 0 8px #66ccff, 0 0 14px #3399ff;
  border-bottom-color: transparent;
}

.secret-line {
  text-align: center;
  font-size: 1em;
  color: #77bbff;
  font-style: italic;
  margin-top: 4em;
  opacity: 0;
  animation: fadeIn 8s ease 2s forwards;
  text-shadow: 0 0 2px #44aaff;
}

@keyframes fadeIn {
  to { opacity: 1; }
}

@keyframes glowBeat {
  0%, 100% { text-shadow: 0 0 3px #66ccff; }
  50% { text-shadow: 0 0 10px #00ccff; }
}