nav{color:#f8f8f2;--nav-surface:#1a1b23e0;--nav-border:#bd93f9a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-font-smoothing:antialiased;z-index:50;justify-content:stretch;align-items:stretch;gap:30px;width:calc(100% - 6rem);height:2.5rem;margin:1rem 3rem 0;display:flex;position:fixed;top:0;left:0}@keyframes disappearUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes dropDown{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}nav.nav-hidden{animation:.2s forwards disappearUp}nav.nav-active{animation:.2s forwards dropDown}.fullLogo{font-family:var(--font-monoRoman);white-space:nowrap;background-color:var(--nav-surface);border:1.5px solid var(--nav-border);border-right:none;border-radius:6px 0 0 6px;flex-direction:row;align-items:center;gap:.5rem;width:min-content;padding:.25rem 1.1rem;font-size:.95rem;font-weight:600;transition:all .2s ease-in-out;display:inline-flex;position:relative}.fullLogo:before{content:"";background-color:inherit;transform-origin:0;border:1.5px solid var(--nav-border);z-index:-1;border-left:none;border-radius:0 10px 6px 0;width:70%;position:absolute;top:-1.5px;bottom:-1.5px;right:-13px;transform:skew(-20deg)}.fullLogo:hover{background-color:#bd93f929;transform:translateY(-2px);box-shadow:0 5px 15px #bd93f940}nav>ul{background-color:var(--nav-surface);border:1.5px solid var(--nav-border);border-left:none;border-radius:0 6px 6px 0;flex-grow:1;align-items:center;gap:2.5rem;margin:0;padding:0 20px;list-style:none;display:flex;position:relative}nav>ul:before{content:"";background-color:inherit;transform-origin:0;border:1.5px solid var(--nav-border);z-index:-1;border-right:none;border-radius:6px 0 0 10px;width:20%;position:absolute;top:-1.5px;bottom:-1.5px;left:-13px;transform:skew(-20deg)}nav>ul>li{align-items:center;display:flex}.navOption{color:#e6e8f0;cursor:pointer;white-space:nowrap;align-items:center;gap:7.5px;font-size:.92rem;font-weight:500;transition:color .2s ease-in-out,transform .2s ease-in-out;display:inline-flex;position:relative}.navOption:hover,.navOption.open{color:#bd93f9;transform:translateY(-2px)}.circle{background-color:#0000;border:2px solid #bd93f9;border-radius:50%;width:8.5px;height:8.5px;transition:background-color .2s,box-shadow .2s}.on{background-color:#bd93f9;box-shadow:0 0 10px #bd93f98c}nav>div{align-items:center;display:flex}.dropDown:before{content:"";width:100%;height:14px;position:absolute;top:-14px;left:0}.dropDown{border:1.5px solid var(--nav-border);transform-origin:top;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background-color:#1a1b23f7;border-radius:12px;min-width:10rem;margin:0;padding:.3rem;list-style:none;animation:.2s ease-in-out pop-out;position:absolute;top:calc(100% + 14px);left:-10px;box-shadow:0 12px 32px #00000073,0 0 20px #bd93f91f}.dropDown li a{color:#f8f8f2;border-radius:8px;padding:.5rem .8rem;font-size:.9rem;transition:background-color .15s,color .15s;display:block}.dropDown li a:hover{color:#bd93f9;background-color:#bd93f91f}@keyframes pop-out{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){nav{z-index:60;width:calc(100% - 1rem);height:auto;margin:.35rem .5rem 0}nav.mobile-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a1b23eb;border:1px solid #bd93f980;border-radius:12px;justify-content:space-between;align-items:center;gap:.45rem;min-height:2.7rem;padding:.22rem .4rem;display:flex}.mobile-home{background-color:#2a2c39e6;border:1px solid #bd93f980;border-radius:.6rem;justify-content:center;align-items:center;width:1.95rem;height:1.95rem;transition:background-color .2s;display:inline-flex}.mobile-home:hover{background-color:#bd93f92e}.mobile-actions{align-items:center;gap:.38rem;display:flex}.mobile-nav-link{color:#f8f8f2;white-space:nowrap;background-color:#2a2c39e6;border:1px solid #bd93f980;border-radius:999px;justify-content:center;align-items:center;padding:.32rem .8rem;font-size:.82rem;font-weight:600;line-height:1;transition:background-color .2s,color .2s;display:inline-flex}.mobile-nav-link:hover{color:#21222c;background-color:#bd93f9}.mobile-profile button{border-width:1px!important;border-radius:999px!important;padding:.3rem!important}.mobile-profile button span{display:none}.mobile-profile button>div{width:1.2rem!important;height:1.2rem!important}}@media (max-width:480px){nav.mobile-nav{min-height:2.4rem;padding:.15rem .32rem}.mobile-home{width:1.75rem;height:1.75rem}.mobile-nav-link{padding:.26rem .65rem;font-size:.76rem}.mobile-profile button{padding:.24rem!important}.mobile-profile button>div{width:1.05rem!important;height:1.05rem!important}}