.navbar-container{background:oklch(var(--card) / .8);border-bottom:1px solid oklch(var(--border) / .5);-webkit-backdrop-filter:blur(20px);transition:all .3s}.navbar-container.scrolled{background:oklch(var(--card) / .95);border-bottom-color:oklch(var(--border));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.navbar-link{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.navbar-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.navbar-link.active{box-shadow:0 8px 24px rgba(var(--primary-rgb), .25);transform:scale(1.05)}.navbar-link:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.navbar-link:hover:before{left:100%}.navbar-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.navbar-scroll::-webkit-scrollbar{height:4px}.navbar-scroll::-webkit-scrollbar-track{background:oklch(var(--secondary));border-radius:2px}.navbar-scroll::-webkit-scrollbar-thumb{background:oklch(var(--primary));border-radius:2px}.navbar-scroll::-webkit-scrollbar-thumb:hover{background:oklch(var(--primary) / .8)}.navbar-star{animation:2s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.navbar-skeleton{background:linear-gradient(90deg, oklch(var(--muted)), oklch(var(--muted) / .5), oklch(var(--muted)));background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.navbar-gradient-bg{background:linear-gradient(135deg, oklch(var(--primary)), oklch(var(--primary) / .8))}.navbar-link:focus-visible{outline:2px solid oklch(var(--primary));outline-offset:2px;border-radius:.375rem}.hover-lift{transition:all .3s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d}.hover-glow:hover{box-shadow:0 0 20px oklch(var(--primary) / .3)}@media (max-width:768px){.navbar-container{padding-left:.75rem;padding-right:.75rem}.navbar-scroll{scroll-snap-type:x mandatory;padding:.5rem 0}.navbar-scroll>*{scroll-snap-align:start;flex-shrink:0;margin-right:.25rem}.navbar-link{min-width:fit-content;padding:.625rem .875rem}}@media (max-width:640px){.navbar-link span{font-size:.875rem}}@media (prefers-color-scheme:dark){.navbar-link:hover{box-shadow:0 4px 12px #ffffff1a}.navbar-link.active{box-shadow:0 8px 24px oklch(var(--primary) / .4)}.dropdown-content{background:oklch(var(--popover) / .98);box-shadow:0 10px 40px #0000004d}}