nav{color:#f8f8f2;--csil-beige:#44475ae6;--csil-border:#bd93f9;-webkit-font-smoothing:antialiased;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:stretch;gap:30px;width:calc(100% - 6rem);height:2rem;margin-top:1rem;margin-left:3rem;margin-right:3rem;display:flex;position:fixed;top:0;left:0}.navOption{gap:7.5px;display:flex}@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}nav>ul{border-width:2px;border-left-style:none;border-left-color:currentColor;border-radius:0 5px 5px 0;flex-grow:1;gap:3rem;margin:0;padding:10px 20px;list-style:none;display:flex;position:relative}nav>ul:before{content:"";background-color:inherit;transform-origin:0;border:2px solid var(--csil-border);z-index:-1;border-right:none;border-radius:5px 0 0 10px;width:20%;position:absolute;top:-2px;bottom:-2px;left:-13px;transform:skew(-20deg)}.circle{background-color:#0000;border:2px solid #bd93f9;border-radius:50%;width:8.5px;height:8.5px}.on{background-color:#bd93f9;box-shadow:0 0 10px #bd93f980}nav>ul>*{color:#f8f8f2;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}nav>ul>:hover{color:#bd93f9;transform:translateY(-2px)}.dropDown:before{content:"";width:100%;height:50px;position:absolute;top:-50px;left:0}.dropDown{transform-origin:top;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#44475af2;border:2px solid #bd93f9;border-radius:10px;min-height:100px;padding:5px 20px 20px;transition:opacity .25s ease-in-out;animation:.25s ease-in-out pop-out;position:absolute;top:40px;box-shadow:0 10px 30px #bd93f94d}.disappear{animation:.25s ease-in-out pop-away}@keyframes pop-out{0%{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-away{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-25px)}}nav>*{border-color:var(--csil-border);background-color:var(--csil-beige);color:#f8f8f2;border-style:solid}.fullLogo{font-family:var(--font-monoRoman);border-width:2px;border-right-style:none;border-radius:5px 0 0 5px;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;width:min-content;padding:.25rem 1rem;font-weight:600;transition:all .2s ease-in-out;display:inline-flex;position:relative}.fullLogo:hover{background-color:#bd93f933;transform:translateY(-2px);box-shadow:0 5px 15px #bd93f94d}.fullLogo:before{content:"";background-color:inherit;transform-origin:0;border:2px solid var(--csil-border);z-index:-1;border-left:none;border-radius:0 10px 5px 0;width:70%;position:absolute;top:-2px;bottom:-2px;right:-13px;transform:skew(-20deg)}@media (max-width:768px){nav{z-index:60;width:calc(100% - 1rem);margin-top:.35rem;margin-left:.5rem;margin-right:.5rem}nav.mobile-nav{background-color:#282a36eb;border:1px solid #bd93f9;border-radius:12px;justify-content:space-between;align-items:center;gap:.45rem;min-height:2.7rem;padding:.22rem .35rem;display:flex}.mobile-home{background-color:#44475ae6;border:1px solid #bd93f9;border-radius:.6rem;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;transition:background-color .2s,transform .2s;display:inline-flex}.mobile-home:hover{background-color:#bd93f933;transform:translateY(-1px)}.mobile-actions{align-items:center;gap:.38rem;display:flex}.mobile-chat-link{color:#f8f8f2;background-color:#44475ae6;border:1px solid #bd93f9;border-radius:999px;justify-content:center;align-items:center;padding:.3rem .75rem;font-size:.82rem;font-weight:650;line-height:1;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.mobile-chat-link:hover{color:#282a36;background-color:#bd93f9;transform:translateY(-1px)}.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 .28rem}.mobile-home{width:1.7rem;height:1.7rem}.mobile-chat-link{padding:.24rem .62rem;font-size:.76rem}.mobile-profile button{padding:.24rem!important}.mobile-profile button>div{width:1.05rem!important;height:1.05rem!important}nav>ul,.dropDown{display:none}}