.web-nav{display:flex;align-items:center;padding:1rem;position:fixed;top:0;left:50%;transform:translate(-50%);z-index:1000;background:#fff;margin-top:1.5rem;border-radius:50rem;box-shadow:0 4px 20px #0000000d;width:auto;min-width:min(100% - 2rem,var(--max-width))}.nav-container{width:100%;display:flex;justify-content:space-between;align-items:center}.logo{width:10rem;height:auto;cursor:pointer}.logo img{width:100%;height:auto;display:block}.nav-link-wrapper{display:flex;flex-direction:row;column-gap:.5rem;border-radius:20rem;padding:.25rem;background-color:var(--bg-weak)}.nav-link{text-decoration:none;color:var(--text-sub);font-weight:500;font-size:.9rem;padding:.5rem 1.25rem;transition:var(--transition);border:none;background:transparent;cursor:pointer;border-radius:20rem;font-family:var(--font-family-base)}.nav-link:hover,.nav-link.active{color:var(--primary);background-color:var(--bg-white)}.nav-button-wrapper{display:flex;flex-direction:row;column-gap:1.2rem;align-items:center}.login-link{width:fit-content;white-space:nowrap;text-decoration:none;color:var(--text-sub);font-weight:500;font-size:.9rem;padding:.5rem 1rem;transition:var(--transition);background:transparent;border:none;cursor:pointer;font-family:var(--font-family-base)}.login-link:hover{color:var(--primary);font-weight:600}.nav-user-area{display:flex;align-items:center}.nav-avatar{width:3rem;height:3rem;min-width:3rem;min-height:3rem;border-radius:50%;overflow:hidden;cursor:pointer;background:var(--bg-weak);display:flex;align-items:center;justify-content:center;transition:var(--transition);border:2px solid transparent}.nav-avatar:hover{border-color:var(--primary);box-shadow:0 0 0 3px #4da77133}.nav-avatar img{width:100%;height:100%;object-fit:cover;display:block}.nav-avatar-initial{font-size:1.1rem;font-weight:400;color:var(--secondary);line-height:1}.mobile-toggle{display:none;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--secondary)}.mobile-menu-header,.mobile-auth-footer{display:none!important}@media(max-width:1024px){.nav-link-wrapper{display:none}.nav-link-wrapper.mobile-open{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;background:#0a1e14fa;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);margin-top:0;border-radius:2rem;padding:2.5rem 2rem;box-shadow:none;align-items:flex-start;gap:1.5rem;height:100vh;z-index:2000;animation:slideDown .4s cubic-bezier(.16,1,.3,1)}.mobile-menu-header,.mobile-auth-footer{display:flex!important}.mobile-menu-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-logo{height:2.5rem;filter:brightness(0) invert(1)}.mobile-close{background:#ffffff1a;border:none;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;cursor:pointer}.nav-link-wrapper.mobile-open .nav-link{width:100%;text-align:left;font-size:1.75rem;padding:.75rem 0;color:#fff;background:transparent;border-bottom:1px solid rgba(255,255,255,.05);border-radius:0;opacity:0;animation:slideInLeft .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i) * .08s + .1s)}.nav-link-wrapper.mobile-open .nav-link:hover,.nav-link-wrapper.mobile-open .nav-link.active{color:var(--primary);border-radius:0}.mobile-auth-footer{margin-top:auto;width:100%;display:flex;flex-direction:column;gap:1rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);opacity:0;animation:slideInLeft .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.6s}.mobile-auth-note{font-size:.9rem;color:#ffffff80;text-align:center}.mobile-toggle{display:block}.desktop-only{display:none}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.web-nav{margin-top:1rem;border-radius:3rem;padding:1.25rem 1rem}.logo{width:8rem}.login-link{font-size:.85rem;padding:.5rem .75rem}.nav-button-wrapper{column-gap:.5rem}.nav-avatar{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem}}