.spn-nav{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(80px);z-index:1000;opacity:0;pointer-events:none;transition:transform var(--duration-slow) cubic-bezier(.34,1.56,.64,1),opacity var(--duration-normal) ease}.spn-nav--visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.spn-pill{display:flex;align-items:center;gap:2px;background:#0d0b17d1;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);padding:5px;box-shadow:0 8px 32px #00000047,0 1px #ffffff0f inset}.spn-link{padding:7px 18px;border-radius:var(--radius-full);background:transparent;border:none;font-size:13px;font-weight:500;font-family:var(--font-ui);color:#ffffff80;cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease;white-space:nowrap}.spn-link:hover:not(.spn-link--active){background:#ffffff14;color:#ffffffe0}.spn-link--active{background:#6c47ff;color:#fff;box-shadow:0 2px 12px #6c47ff73}@media (max-width: 600px){.spn-nav{bottom:20px;left:12px;right:12px;transform:translate(0) translateY(80px);max-width:none;width:auto}.spn-nav--visible{transform:translate(0) translateY(0)}.spn-pill{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start}.spn-pill::-webkit-scrollbar{display:none}.spn-link{padding:7px 9px;font-size:11.5px}}