@keyframes ct-fade-in {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes ct-shimmer {
  0% { background-position: -120px 0; }
  100% { background-position: 220px 0; }
}

body::before {
  content: "Code & Theory";
  position: fixed;
  top: 10px;
  left: 18px;
  z-index: 10000;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 4px 10px;
  color: #111;
  background: linear-gradient(90deg, #f4f4f4 0%, #ffffff 40%, #f4f4f4 80%);
  background-size: 200px 100%;
  border-bottom: 2px solid #c9a227;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  animation: ct-fade-in 0.4s ease-out, ct-shimmer 6s ease-in-out infinite;
  pointer-events: none;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #c9a227; border-radius: 6px; opacity: 0.6; }
::-webkit-scrollbar-thumb:hover { opacity: 0.9; }