.floating-nav{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);background:#ffffffb3;border:1px solid #ffffff80;border-radius:24px;flex-direction:column;gap:1rem;padding:1rem .5rem;display:flex;position:fixed;top:50%;right:1rem;transform:translateY(-50%)}.nav-dot-container{cursor:pointer;justify-content:flex-end;align-items:center;display:flex;position:relative}.nav-label{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);opacity:0;visibility:hidden;white-space:nowrap;pointer-events:none;border:1px solid #fff9;border-radius:8px;padding:.4rem .85rem;font-size:.85rem;font-weight:500;transition:all .35s cubic-bezier(.16,1,.3,1);position:absolute;right:25px;transform:translate(10px);box-shadow:0 4px 15px #00000014}.nav-dot-container:hover .nav-label{opacity:1;visibility:visible;transform:translate(0)}.nav-icon-wrapper{width:38px;height:38px;color:var(--text-secondary);background:#00000008;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.nav-dot-container:hover .nav-icon-wrapper{color:var(--accent-teal);background:#008b9b1a;transform:scale(1.1)}.nav-dot-container.active .nav-icon-wrapper{color:#fff;background:var(--accent-teal);border-color:#ffffff4d;transform:scale(1.15);box-shadow:0 4px 12px #008b9b66}@media (max-width:1024px){.floating-nav{border-radius:999px;flex-direction:row;align-items:center;gap:.6rem;padding:.6rem 1rem;inset:auto auto 1rem 50%;transform:translate(-50%)}.nav-dot-container{justify-content:center}.nav-label{white-space:nowrap;padding:.2rem .6rem;font-size:.72rem;inset:auto auto calc(100% + 12px) 50%;transform:translate(-50%)translateY(6px)}.nav-dot-container:hover .nav-label{transform:translate(-50%)translateY(0)}.nav-icon-wrapper{width:36px;height:36px}.nav-icon-wrapper svg{width:16px;height:16px}}