.user-dropdown{display:inline-block;position:relative}.user-dropdown-avatar{cursor:pointer;background:0 0;border:none;border-radius:50%;width:2.5rem;height:2.5rem;transition:all .2s;overflow:hidden}.user-dropdown-avatar:hover{box-shadow:0 4px .5rem var(--shadow-color);transform:scale(1.05)}.user-dropdown-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-dropdown-avatar-placeholder{background:rgb(var(--primary));width:100%;height:100%;color:rgb(var(--white));border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.user-dropdown-avatar-placeholder.hidden{display:none}.user-dropdown-backdrop{z-index:1200;position:fixed;inset:0}.user-dropdown-menu{background:rgb(var(--card));border:1px solid rgb(var(--border-hover));min-width:240px;box-shadow:var(--shadow-lg);z-index:1200;border-radius:0;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}.user-dropdown-header{background:rgb(var(--surface));padding:1rem}.user-dropdown-user-info{flex-direction:column;gap:.25rem;display:flex}.user-dropdown-name{color:rgb(var(--text-primary));font-size:.875rem;font-weight:600}.user-dropdown-email{color:rgb(var(--text-secondary));font-size:.75rem}.user-dropdown-divider{background:rgb(var(--border));height:1px}.user-dropdown-item{width:100%;color:rgb(var(--text-primary));cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.user-dropdown-item:hover{background:rgb(var(--surface))}.user-dropdown-item-icon{justify-content:center;align-items:center;min-width:20px;display:flex;position:relative}.user-dropdown-item-info{flex-direction:column;flex:1;gap:.125rem;display:flex}.user-dropdown-item-title{color:rgb(var(--text-primary));font-size:.875rem;font-weight:500;line-height:1.2}.user-dropdown-item-subtitle{color:rgb(var(--text-secondary));font-size:.75rem;font-weight:400;line-height:1.2}.user-dropdown-badge{background:rgb(var(--primary));color:rgb(var(--white));min-width:16px;height:16px;box-shadow:var(--shadow-sm);border:2px solid rgb(var(--background));border-radius:50%;justify-content:center;align-items:center;padding:0 .25rem;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-8px}.favorites-badge{background:rgb(var(--danger))}.user-dropdown-item .icon{color:currentColor;width:1rem;height:1rem}.user-dropdown-signout{color:rgb(var(--danger))!important}.user-dropdown-signout:hover{background:rgb(var(--danger) / .1)!important;color:rgb(var(--danger))!important}.auth-buttons{align-items:center;gap:.5rem;display:flex}.auth-buttons .button{align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.auth-buttons .button .icon{width:1rem;height:1rem}.auth-buttons .button .icon svg{width:100%;height:100%}.auth-buttons .button .icon svg .primary{stroke:currentColor;fill:currentColor}.auth-buttons .button .icon svg .primary.stroke{fill:none;stroke:currentColor}.auth-buttons .button .icon svg .primary.fill{fill:currentColor;stroke:none}@media (max-width:768px){.user-dropdown-menu{min-width:12.5rem;right:-1rem}.user-dropdown-signin-btn span{display:none}.user-dropdown-signin-btn{border-radius:50%;justify-content:center;width:2.5rem;height:2.5rem;padding:.5rem}.auth-buttons{flex-direction:column;gap:.375rem;width:100%}.auth-buttons .button{justify-content:center;width:100%;padding:.625rem .75rem;font-size:.8125rem}.auth-buttons .button span{display:none}.auth-buttons .button{border-radius:50%;justify-content:center;width:2.5rem;height:2.5rem;padding:.5rem}.auth-buttons{flex-direction:row;width:auto}}.skeleton-button{border-radius:var(--radius);pointer-events:none;cursor:default;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.skeleton-button-outline{border:1px solid rgb(var(--border));background:0 0}.skeleton-button-primary{background:linear-gradient(90deg, rgb(var(--surface)) 0%, rgb(var(--border)) 50%, rgb(var(--surface)) 100%);background-size:200% 100%;animation:1.5s infinite skeleton-loading}.skeleton-button .skeleton-icon{background:linear-gradient(90deg, rgb(var(--surface)) 0%, rgb(var(--border)) 50%, rgb(var(--surface)) 100%);border-radius:var(--radius);background-size:200% 100%;width:16px;height:16px;animation:1.5s infinite skeleton-loading}.skeleton-button .skeleton-text{background:linear-gradient(90deg, rgb(var(--surface)) 0%, rgb(var(--border)) 50%, rgb(var(--surface)) 100%);border-radius:var(--radius);background-size:200% 100%;width:60px;height:14px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}