@layer base{
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: 0.18s; }
html, body { background: rgb(0, 0, 0); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
img, svg { max-width: 100%; }
html { scrollbar-color: rgb(58, 58, 60) rgb(0, 0, 0); scrollbar-width: thin; }
@media (max-width: 900px) {
  html { scrollbar-width: none; }
  html::-webkit-scrollbar { display: none; width: 0px; height: 0px; }
}
body { margin: 0px; background: rgb(0, 0, 0); color: rgb(242, 243, 245); font-family: Geist, system-ui, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
a { color: inherit; text-decoration: none; }
a:hover { color: rgb(255, 255, 255); }
button { font-family: inherit; }
input::placeholder { color: rgb(107, 112, 121); }
::selection { background: rgb(212, 255, 63); color: rgb(0, 0, 0); }
:focus-visible { outline: rgb(41, 151, 255) solid 2px; outline-offset: 3px; border-radius: 10px; }
a, button { -webkit-tap-highlight-color: transparent; }
a:active, button:active { transition-duration: 0.12s; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: rgb(0, 0, 0); }
::-webkit-scrollbar-thumb { background: rgb(30, 30, 35); border-radius: 10px; border: 2px solid rgb(0, 0, 0); }
@keyframes hl-marquee { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
@keyframes hl-pulse { 
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.35; transform: scale(0.8); }
}
@keyframes hl-ring { 
  0% { box-shadow: rgba(255, 255, 255, 0.75) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 9px; }
}
@keyframes hl-rise { 
  0% { opacity: 0; transform: translateY(22px); }
  100% { opacity: 1; transform: none; }
}
@keyframes hl-hint { 
  0% { opacity: 0; transform: translateY(9px); }
  100% { opacity: 1; transform: none; }
}
@keyframes hl-draw { 
  0% { stroke-dashoffset: 1; }
  100% { stroke-dashoffset: 0; }
}
@keyframes hl-fade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes hl-float { 
  0%, 100% { transform: rotate(-3deg) translateY(0px); }
  50% { transform: rotate(-3deg) translateY(-10px); }
}
@keyframes hl-drift { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) rotate(-1.2deg); }
  50% { transform: translate3d(0px, -6px, 0px) rotate(-0.4deg); }
}
html[data-theme=light]{ scrollbar-color: rgb(58, 58, 60) rgb(245, 245, 247); scrollbar-width: thin; }
html[data-theme=light] body{ margin: 0px; background: rgb(245, 245, 247); color: rgb(29, 29, 31); font-family: Geist, system-ui, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
html[data-theme=light] a:hover{ color: inherit; }
}