.navbar{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:fit-content;background-color:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:8px 20px;z-index:1000;backdrop-filter:blur(12px);box-shadow:0 8px 32px rgba(0,0,0,.12);transition:all .3s ease;max-width:calc(100vw - 32px)}.navbar:hover{box-shadow:0 12px 40px rgba(0,0,0,.15);transform:translateX(-50%) translateY(-2px)}.navbar-container{gap:20px}.navbar-container,.navbar-menu{display:flex;align-items:center}.navbar-menu{gap:16px}.navbar-menu a{text-decoration:none;color:#333;font-weight:500;font-size:14px;transition:all .2s ease;padding:6px 10px;border-radius:8px;position:relative;white-space:nowrap}.navbar-menu a:hover{color:#2c2c8d;background-color:rgba(44,44,141,.08);transform:translateY(-1px)}.navbar-menu a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#2c2c8d,#4a4ab8);transition:all .3s ease;transform:translateX(-50%)}.navbar-menu a:hover:after{width:80%}.navbar-button{display:flex;align-items:center}.navbar-menu a.active{color:#2c2c8d;background-color:rgba(44,44,141,.12);transform:translateY(-1px)}.navbar-menu a.active:after{width:80%}.dark .navbar{background-color:rgba(26,26,26,.95);border-color:rgba(255,255,255,.1)}.dark .navbar-menu a{color:#e0e0e0}.dark .navbar-menu a:hover{color:#8b8bff;background-color:rgba(139,139,255,.1)}.dark .navbar-menu a.active{color:#8b8bff;background-color:rgba(139,139,255,.15)}@media (max-width:768px){.navbar{width:calc(100vw - 24px);max-width:none;padding:6px 12px;top:12px;border-radius:12px}.navbar-container{gap:8px;width:100%;justify-content:space-between}.navbar-menu{gap:4px;flex:1;justify-content:space-around;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 2px}.navbar-menu::-webkit-scrollbar{display:none}.navbar-menu a{font-size:11px;padding:4px 6px;white-space:nowrap;flex-shrink:0;min-width:fit-content}}@media (max-width:640px){.navbar{width:calc(100vw - 16px);padding:4px 8px;top:8px}.navbar-container{gap:6px}.navbar-menu{gap:2px}.navbar-menu a{font-size:10px;padding:3px 5px}}@media (max-width:480px){.navbar{width:calc(100vw - 12px);padding:3px 6px}.navbar-container{gap:4px}.navbar-menu a{font-size:9px;padding:2px 4px}}@media screen and (max-width:414px) and (max-height:896px){.navbar{width:calc(100vw - 20px);padding:5px 10px;top:10px}.navbar-menu a{font-size:10px;padding:3px 5px}}@media (max-width:360px){.navbar{width:calc(100vw - 8px);left:4px;transform:none;border-radius:8px;top:4px}.navbar-container{flex-direction:row;gap:2px}.navbar-menu{width:100%;justify-content:space-between;gap:1px}.navbar-menu a{font-size:8px;padding:2px 3px}}