/* Lenis Smooth Scroll Styles */
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
:host {
  --obsidian: #05070a;
  --platinum: #e5e7eb;
  --bioluminescence: #00f2ff;
}
body {
  background-color: var(--obsidian);
  color: var(--platinum);
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
}
.font-serif-luxury { font-family: 'Noto Serif JP', serif; }
.font-mono-tech { font-family: 'Roboto Mono', monospace; }

/* Custom Liquid Animations */
@keyframes liquid-flow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.liquid-bg {
  background: linear-gradient(-45deg, #05070a, #0a0f1a, #001a33, #05070a);
  background-size: 400% 400%;
  animation: liquid-flow 15s ease infinite;
}

/* Glassmorphism */
.glass-card {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Scrollbar */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--obsidian); }
::-webkit-scrollbar-thumb { background: rgba(229, 231, 235, 0.2); border-radius: 10px; }

@media (max-width: 500px){
  .theCycle div.text-sm{
    font-size: 0.73rem;
  }
}

@media (max-width: 420px){
  .theCycle div.text-sm br{
    display: none;
  }
}