.user-profile-container{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius)}.user-profile-main{padding:0 var(--content-padding)}.user-profile-header{display:flex;align-items:flex-start;position:relative;justify-content:space-between}.user-profile-top-line{display:flex;gap:16px;margin-bottom:8px;align-items:flex-start}.user-profile-details{display:flex;align-items:flex-start;flex-direction:column;width:100%;margin-top:8px}.user-profile-text-details{display:flex;flex-direction:column}.user-profile-sub{margin-top:auto;padding-top:8px}.user-avatar-wrapper{position:relative;width:120px;height:120px;border-radius:50%;background-color:var(--surface-color);flex-shrink:0}.user-avatar-wrapper.is-owner{cursor:pointer}.user-avatar{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius);transition:filter 0.3s ease}.avatar-hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;pointer-events:none}.avatar-hover-overlay i{color:white;font-size:2rem}.user-avatar-wrapper.is-owner:hover .user-avatar{filter:brightness(0.7)}.user-avatar-wrapper.is-owner:hover .avatar-hover-overlay{opacity:1}.hidden-file-input{display:none}.user-profile-actions{display:flex;gap:10px;flex-shrink:0;margin-top:8px}.user-profile-action{color:var(--text-color);font-size:1.2rem;cursor:pointer}.user-profile-info{margin-top:0}h1.user-profile-name{font-size:1.1rem;font-weight:700;margin-bottom:8px}.user-profile-meta{display:flex;align-items:center;gap:8px;color:#B0B3B8;margin-top:4px}.user-rating.positive{color:#28a745;font-weight:700}.user-rating.negative{color:#D32F2F;font-weight:700}.user-profile-stats{display:flex;gap:8px;color:#B0B3B8;flex-direction:column;font-size:14px}.user-profile-nav{display:flex;gap:10px;border-top:1px solid var(--border-color);margin-top:8px}.profile-nav-tab{padding:8px 4px;font-weight:500;color:#B0B3B8;border-bottom:3px solid transparent;transition:color 0.2s,border-color 0.2s}.profile-nav-tab:hover{color:var(--text-color);text-decoration:none}.profile-nav-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.profile-options-menu{position:relative;display:flex;align-items:center}.profile-options-trigger{background:transparent;border:none;cursor:pointer;padding:5px;display:flex;flex-direction:column;gap:3px;border-radius:4px}.profile-options-trigger span{display:block;width:4px;height:4px;background-color:var(--text-color);border-radius:50%}.profile-options-trigger:hover{background-color:#3A3B3C}.options-dropdown{position:absolute;top:100%;right:0;z-index:10;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);min-width:220px;box-shadow:0 4px 12px rgba(0,0,0,0.2);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s}.profile-options-menu.is-open .options-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--text-color);font-size:0.95rem;text-decoration:none;white-space:nowrap;transition:background-color 0.2s}.dropdown-item i{width:16px;text-align:center}.dropdown-item:hover{background-color:#3A3B3C;color:var(--primary-color)}.dropdown-item-danger{color:#e53e3e}.dropdown-item-danger:hover{background-color:rgba(229,62,62,0.1)}.user-profile-stats .stat-item.is-clickable{cursor:pointer;transition:color 0.3s ease;color:var(--text-color)}.user-profile-stats .stat-item.is-clickable:hover{color:var(--primary-color);text-decoration:underline}.user-stat-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6);align-items:center;justify-content:center}.user-stat-modal-content{background-color:var(--surface-color);margin:auto;border:1px solid var(--border-color);width:90%;max-width:500px;border-radius:var(--border-radius);display:flex;flex-direction:column}.user-stat-modal-header{padding:15px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}#user-stat-modal-title{margin:0;font-size:18px;color:var(--text-color)}.user-stat-modal-close{color:#aaa;font-size:28px;font-weight:bold;cursor:pointer}.user-stat-modal-close:hover,.user-stat-modal-close:focus{color:var(--text-color);text-decoration:none}.user-stat-modal-list{padding:10px 20px;max-height:60vh;overflow-y:auto}.user-stat-list-item{display:flex;align-items:center;padding:10px 0}.user-stat-list-item:not(:last-child){border-bottom:1px solid var(--border-color)}.user-stat-list-item .item-avatar{width:40px;height:40px;border-radius:50%;margin-right:15px;object-fit:cover}.user-stat-list-item .item-name{color:var(--text-color);text-decoration:none;font-weight:700}.user-stat-list-item .item-name:hover{text-decoration:underline}.user-stat-modal-footer{padding:15px 20px;text-align:center}.user-stat-load-more-btn{padding:4px 4px;font-size:14px;cursor:pointer;background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color);border-radius:var(--border-radius);transition:background-color 0.2s,color 0.2s}.user-stat-load-more-btn:hover{background-color:var(--primary-color);color:#fff}.user-stat-load-more-btn:disabled{background-color:#555;cursor:not-allowed}#profile-comments-list{display:flex;flex-direction:column;gap:20px}.profile-comment-item{display:flex;flex-direction:column;gap:12px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--content-padding)}.profile-comment-context{display:flex;justify-content:space-between;align-items:center}.profile-comment-post-link a{text-decoration:none}.comment-header{display:flex;justify-content:space-between;align-items:flex-start}.profile-comment-meta a{font-size:0.8em;color:#888;text-decoration:none}.profile-comment-meta a:hover{text-decoration:underline}.profile-comment-menu-trigger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:5px;border-radius:4px}.profile-comment-menu-trigger span{display:block;width:4px;height:4px;background-color:var(--text-color);border-radius:50%}.profile-comment-menu-trigger:hover{background-color:rgba(255,255,255,0.1)}.comment-image-viewer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.comment-image-viewer.is-visible{opacity:1;visibility:visible}.comment-image-viewer__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85);cursor:zoom-out}.comment-image-viewer__close-btn{position:absolute;top:15px;right:25px;z-index:3002;background:none;border:none;color:white;font-size:3rem;line-height:1;cursor:pointer;opacity:0.8;transition:opacity 0.2s ease}.comment-image-viewer__close-btn:hover{opacity:1}.comment-image-viewer__content{position:relative;z-index:3001;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:40px;box-sizing:border-box}.comment-image-viewer__content img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 0 40px rgba(0,0,0,0.5);transform:scale(0.95);opacity:0;transition:transform 0.3s ease,opacity 0.3s ease}.comment-image-viewer.is-visible .comment-image-viewer__content img{transform:scale(1);opacity:1}#user-avatar-wrapper{position:relative;transition:cursor 0.2s}#user-avatar-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);opacity:0;pointer-events:none;transition:opacity 0.3s ease-in-out}#user-avatar-wrapper::after{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border:4px solid rgba(255,255,255,0.3);border-top-color:#ffffff;border-radius:50%;opacity:0;pointer-events:none;transition:opacity 0.3s ease-in-out}@keyframes spin{to{transform:rotate(360deg)}}#user-avatar-wrapper.is-loading::before{opacity:1}#user-avatar-wrapper.is-loading::after{opacity:1;animation:spin 1s linear infinite}#user-avatar-wrapper.is-loading{cursor:progress}