/* ============================================
   ECHO.PROJECT — SHARED STYLES
   You don't need to edit this file!
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=EB+Garamond:ital,wght@0,400;1,400&family=Petit+Formal+Script&display=swap');

* { box-sizing: border-box; margin: 0; padding: 0; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #06000f; }
::-webkit-scrollbar-thumb { background: #440088; }
::-webkit-scrollbar-thumb:hover { background: #6600cc; }

/* Shared pixel divider */
.pixel-strip {
  height: 3px;
  background: repeating-linear-gradient(90deg, #6600cc 0, #6600cc 4px, transparent 4px, transparent 8px);
}

.pink-pixel-strip {
  height: 3px;
  background: repeating-linear-gradient(90deg, #ff99cc 0, #ff99cc 6px, #cc66aa 6px, #cc66aa 12px);
}

/* Shared blink animation */
.blink { animation: blink 1.1s step-end infinite; }
@keyframes blink { 50% { opacity: 0; } }

/* Shared marquee */
.marquee-bar {
  overflow: hidden; white-space: nowrap; padding: 3px 0;
}
.marquee-inner {
  display: inline-block;
  animation: marquee 22s linear infinite;
}
@keyframes marquee { from { transform: translateX(100vw); } to { transform: translateX(-100%); } }