html,body{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0b0b12;color:#e5e7eb}
:root{--nav-x:50%;--nav-y:50%}
.nav-sidebar{position:relative;pointer-events:auto}
.nav-sidebar .nav-float{position:relative;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;transform-style:preserve-3d;will-change:transform,box-shadow;background:linear-gradient(180deg,rgba(16,16,24,.6),rgba(12,12,18,.3));border-radius:9999px}
.nav-sidebar .nav-float{animation:float 6s ease-in-out infinite;animation-delay:calc(var(--i)*.12s)}
.nav-sidebar .nav-float:hover,.nav-sidebar.touch .nav-float{transform:translateY(-2px) translateX(3px) scale(1.03);box-shadow:0 16px 36px rgba(139,92,246,.35);background:radial-gradient(180px circle at var(--nav-x) var(--nav-y),rgba(139,92,246,.28),transparent)}
@keyframes float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-3px,-4px,0)}}