nav{position:fixed;top:1.5rem;left:50%;transform:translateX(-50%);max-width:100vw;width:auto;min-width:20rem;background-color:#141414c0;border:1px solid #1d1d1de7;-webkit-backdrop-filter:blur(8px) saturate(200) brightness(10%);backdrop-filter:blur(8px) saturate(200) brightness(10%);border-radius:2.2rem;padding:.8rem 2.5rem;display:flex;align-items:center;justify-content:center;gap:2rem;box-shadow:0 0 15px rgb(22,22,22),inset 0 0 10px rgba(27,27,27,.896),inset 0 -30px 30px -30px rgba(26,26,26,.918);z-index:9999;height:3rem}nav .left{flex:0 0 auto;margin-right:auto}nav .left a{display:flex;align-items:center;justify-content:center;text-decoration:none}nav .left .site_logo{height:1.8rem!important;width:auto}nav .list{position:relative;left:auto;transform:none;flex:0 1 auto;display:flex;gap:1.5vw;margin:0 1rem;width:max-content}nav .list a{text-decoration:none}nav .list h2{font-family:InterVariable,sans-serif;font-weight:500;font-size:1rem;color:#808080;margin:0;cursor:pointer;text-shadow:0 0 4px rgba(0,0,0,.604);transition:color .2s;width:max-content}nav .list h2:hover{color:#9c9c9c}nav .right{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:.5vw}nav .right button{font-family:InterVariable,sans-serif;font-weight:500;font-size:1.05rem;background:#e80031;color:#ffe9e9;padding:0 1vw;height:2.5rem;border:2px solid #a00d0d;box-shadow:0 0 10px #141414,inset 0 0 15px #6d0202a1,inset 0 -40px 40px -30px rgba(114,4,4,.959);border-radius:.8rem;cursor:pointer;transition:all .3s ease}nav .right button.dashboard{font-size:1rem;padding:0 .8rem;border-radius:5rem;box-shadow:inset 0 0 5px #262626,inset 0 -20px 20px -30px rgba(59,59,59,.8);border:2px solid #3f3f3f;background:#1f1f1fb9;color:#a0a0a0}nav .right button i{margin-right:.4vw}nav .right button:hover{border:2px solid #a10808;color:#ffd3d3e0;background:#d4002e;box-shadow:0 0 10px #141414,inset 0 0 15px #5c0202a1,inset 0 -40px 40px -30px rgba(97,3,3,.959);transition:all .3s ease}nav .right button.dashboard:hover{border-color:#535353;color:#acacac;background:#1f1f1fb9;box-shadow:inset 0 0 5px #262626,inset 0 -20px 20px -30px rgba(66,66,66,.8);transition:all .3s ease}.vertical-line{width:2px;height:3rem;align-self:center;background:#1f1f1f;box-shadow:0 0 10px #0e0e0e,inset 0 0 5px #353535;border-radius:10rem;margin:0;transition:all .3s ease}#mobile-menu{display:none;font-size:1.3rem;margin-top:.25rem;color:#fff;cursor:pointer}.mobile-menu-container{display:none}.mobile-backdrop{all:unset;display:none}.not-found-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);gap:1rem;display:flex;flex-direction:column}.not-found-content h1 span{color:#e80031}.not-found-content a{color:#1481ff;text-decoration:underline}@media (max-width:800px){nav{position:fixed;top:1.5rem;width:80vw;padding:.5rem 1.5rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#141414dc}nav .list,nav .right{display:none}#mobile-menu{display:block;margin-left:auto}.mobile-menu-container{position:absolute;top:calc(100% + .8rem);left:0;width:80vw;background-color:#1a1a1afd;border:1px solid #1d1d1d;box-shadow:0 0 5px #111111,inset 0 0 15px #0f0f0ffa;border-radius:2rem;padding:1.5rem 1.5rem 1.6rem;z-index:9998;flex-direction:column;gap:2rem;opacity:0;transform:translateY(-20px) scale(.95);visibility:hidden;pointer-events:none;transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1),visibility 0s linear .48s}nav.open .mobile-menu-container{opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto;transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .56s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.mobile-menu-container .list{display:flex;flex-direction:column;gap:.8rem;width:100%;padding:0;margin:0}.mobile-menu-container .list a h2{width:100%;text-align:left;color:#ccc}nav .right button.dashboard{margin-bottom:.8rem;margin-top:.2rem}.mobile-menu-container .right{flex:none;margin-left:0;display:block;width:100%}.mobile-menu-container .right button{width:100%;text-align:center}.mobile-menu-container .right button.install{margin-top:0}.mobile-menu-container .right button i{margin-right:.5rem}@media (prefers-reduced-motion:reduce){.mobile-menu-container,nav.open .mobile-menu-container{transition:none;transform:none;opacity:1;visibility:visible;pointer-events:auto}}.mobile-menu-container{display:flex}.mobile-backdrop{display:block;position:fixed;inset:0;z-index:9995;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);outline:none;border:none;box-shadow:none;-webkit-tap-highlight-color:transparent;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s}.mobile-backdrop.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .34s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}}