nav{position:fixed;top:0;left:0;right:0;justify-content:center;padding:12px 5%;transition:padding .3s ease,background .3s ease;z-index:1000}.nav-items,nav{display:flex;width:100%}.nav-items{position:relative;max-width:1200px;padding:8px 10px 8px 8px;background:var(--surface-muted);justify-content:space-between;align-items:center;gap:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--surface-contact) 45%,transparent)}nav.sticky{padding:8px 5%;background:transparent;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px)}nav.sticky .nav-items{box-shadow:0 10px 30px rgba(0,0,0,.55),0 2px 12px rgba(0,0,0,.4)}.logo{display:inline-flex;align-items:center;flex-shrink:0;outline:none}.logo,.logo-img{border-radius:50%}.logo-img{width:40px;height:40px}.navbar{padding:4px 6px;margin:0;border-radius:8px;background:var(--surface-muted);display:flex;align-items:center;list-style:none}.navbar li{display:inline-flex}.navbar a{margin:0 2px;padding:6px 10px;color:var(--other-color);font-size:.9rem;font-weight:500;transition:color .3s ease;white-space:nowrap;border-radius:6px;outline:none}.navbar a:focus-visible,.navbar a:hover{color:var(--main-color);text-shadow:3px 3px 20px var(--main-color),-2px 1px 30px var(--textcolor)}.navbar a.active{color:var(--main-color);text-shadow:3px 3px 20px var(--main-color),-2px 1px 30px var(--textcolor)}.navbar-top-btn{display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0}.btn-admin{display:inline-flex;align-items:center;padding:8px 10px;background:var(--main-color);color:var(--bg-color);border:2px solid var(--main-color);border-radius:8px;transition:all .3s ease;cursor:pointer;white-space:nowrap}.btn-admin:hover{box-shadow:0 0 20px var(--main-color)}.btn-admin:hover,.top-btn{background:transparent;color:var(--main-color)}.top-btn{display:inline-block;padding:8px 16px;border:2px solid var(--main-color);border-radius:8px;font-size:13px;font-weight:600;transition:all .3s ease;white-space:nowrap;cursor:pointer}.top-btn:hover{background:var(--main-color);color:var(--bg-color);box-shadow:0 0 20px var(--main-color)}.scale-up-center{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.sm-devices-toggle{display:none;align-items:center;justify-content:center;background:transparent;border:none;color:var(--textcolor);cursor:pointer;padding:6px;border-radius:8px;flex-shrink:0}.sm-devices-menu-container{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface-muted);border:1px solid color-mix(in srgb,var(--surface-contact) 45%,transparent);padding:12px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.4)}.sm-devices-menu-content{display:flex;flex-direction:column;gap:2px}.sm-devices-menu-content a,.sm-devices-menu-content button{color:var(--other-color);padding:10px 12px;font-size:15px;font-weight:600;border-radius:8px;transition:all .3s ease;display:block;text-align:left;background:transparent;border:none;cursor:pointer;width:100%}.sm-devices-menu-content a:hover,.sm-devices-menu-content button:hover{color:var(--main-color);background:rgba(255,255,255,.05)}.sm-devices-menu-content a.active{color:var(--main-color)}@media screen and (max-width:1024px){nav{padding:10px 4%}.nav-items{padding:6px 8px 6px 6px;gap:8px}.logo-img{width:36px;height:36px}.navbar{padding:5px 8px}.navbar a{padding:6px 8px;font-size:.85rem}.top-btn{padding:7px 12px;font-size:12px}.btn-admin{padding:7px 9px}}@media screen and (max-width:768px){nav{padding:10px 3%}.logo-img{width:34px;height:34px}.navbar,.navbar-top-btn{display:none}.sm-devices-toggle{display:inline-flex}}@media screen and (max-width:400px){.sm-devices-menu-container{padding:10px}.sm-devices-menu-content a,.sm-devices-menu-content button{font-size:14px;padding:9px 10px}}