.nav-auth-area{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.nav-user-menu{position:relative}.nav-avatar-btn{border:2px solid var(--clr-border);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:border-color .15s;display:flex;overflow:hidden}.nav-avatar-btn:hover{border-color:var(--clr-primary)}.nav-avatar-img{object-fit:cover;width:100%;height:100%}.nav-avatar-fallback{width:100%;height:100%;color:var(--clr-text);background-color:var(--clr-input-bg);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.nav-user-dropdown{background-color:var(--clr-card-bg);border:1px solid var(--clr-border);z-index:100;border-radius:.875rem;min-width:200px;padding:.375rem;position:absolute;top:calc(100% + .75rem);right:0}.nav-user-info{flex-direction:column;gap:.125rem;padding:.5rem .75rem .625rem;display:flex}.nav-user-name{color:var(--clr-text);font-size:.875rem;font-weight:600}.nav-user-email{color:var(--clr-text-muted);font-size:.75rem}.nav-user-divider{background-color:var(--clr-border);height:1px;margin:.25rem 0}.nav-user-badges{flex-wrap:wrap;gap:.3rem;margin-top:.375rem;display:flex}.nav-user-badge{border-radius:2rem;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.nav-user-badge--verified{background:color-mix(in srgb, var(--clr-primary) 12%, transparent);color:var(--clr-primary)}.nav-user-badge--since{background:var(--clr-surface-sm);color:var(--clr-text-muted)}.nav-user-link{width:100%;color:var(--clr-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.nav-user-link:hover{background-color:var(--clr-input-bg);color:var(--clr-text)}.nav-user-link--saved{color:var(--clr-primary)}.nav-user-link--saved:hover{background-color:color-mix(in srgb, var(--clr-primary) 8%, transparent);color:var(--clr-primary)}.nav-user-logout{width:100%;color:var(--clr-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.nav-user-logout:hover{background-color:var(--clr-input-bg);color:var(--clr-text)}.nav-user-logout--red{color:#ef4444}.nav-user-logout--red:hover{color:#ef4444;background-color:#ef444414}