.profile-page-main{background:var(--color-bg-canvas);min-height:100vh}.profile-layout-container{max-width:1400px;margin:0 auto;padding:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:1024px){.profile-layout-container{grid-template-columns:1fr 300px}}.profile-header-card,.profile-main-column{display:flex;flex-direction:column;gap:20px}.profile-header-card{background:var(--color-bg-surface);border-radius:16px;padding:24px;box-shadow:var(--shadow-card);border:1px solid var(--color-border-subtle);position:relative}.profile-share-icon{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;color:var(--color-fg-muted);padding:8px;border-radius:50%;transition:all .2s}.profile-share-icon:hover{background:var(--color-bg-muted);color:var(--color-fg)}.profile-header-top{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.profile-avatar-section{display:flex;align-items:center;gap:20px}.profile-avatar-wrapper{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--color-bg-canvas)}.profile-avatar-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-avatar-placeholder{width:100%;height:100%;background:var(--color-bg-muted);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:var(--color-fg-muted)}.profile-identity{display:flex;flex-direction:column;gap:4px}.profile-display-name{font-size:24px;font-weight:800;color:var(--color-fg);margin:0}.profile-username-row{display:flex;align-items:center;gap:12px}.profile-username{font-size:15px;color:var(--color-fg-muted);margin:0}.profile-meta-icons{display:flex;align-items:center;gap:8px}.profile-country-flag,.profile-gender-icon{font-size:18px;line-height:1}.profile-stats-grid{display:flex;gap:32px;flex-wrap:wrap;margin-left:auto}.stat-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:opacity .2s}.stat-item.clickable:hover{opacity:.8}.stat-value{font-size:18px;font-weight:800;color:var(--color-fg)}.stat-label{font-size:13px;color:var(--color-fg-muted);margin-top:2px}.profile-content-split{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:768px){.profile-content-split{grid-template-columns:300px 1fr}}.profile-left-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-card{background:var(--color-bg-surface);border-radius:12px;padding:20px;box-shadow:var(--shadow-card);border:1px solid var(--color-border-subtle)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:span 2}.info-label{font-size:13px;font-weight:600;color:var(--color-fg-muted)}.info-value{font-size:14px;color:var(--color-fg);font-weight:500}.info-value.link{color:var(--color-accent-brand);text-decoration:none}.info-value.link:hover{text-decoration:underline}.info-bio{font-size:14px;color:var(--color-fg-subtle);line-height:1.5;margin:0}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h3{font-size:16px;font-weight:700;margin:0;color:var(--color-fg)}.see-all{font-size:13px;color:var(--color-accent-brand);text-decoration:none}.friends-grid-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.friend-mini-item{display:flex;flex-direction:column;align-items:center;gap:6px}.friend-avatar-placeholder{width:60px;height:60px;border-radius:8px}.friend-name-mini{font-size:12px;color:var(--color-fg-subtle);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.card-header-title{font-size:16px;font-weight:700;margin:0 0 16px;color:var(--color-fg)}.social-links{display:flex;flex-direction:column;gap:12px}.social-link{display:flex;align-items:center;gap:10px;color:var(--color-fg-subtle);text-decoration:none;font-size:14px;font-weight:500}.social-link:hover{color:var(--color-accent-brand)}.profile-tabs-container{background:var(--color-bg-surface);border-radius:12px;padding:12px 20px;box-shadow:var(--shadow-card);border:1px solid var(--color-border-subtle);display:flex;justify-content:center}.profile-tabs-nav{display:inline-flex;gap:32px}.profile-nav-tab{text-decoration:none;font-size:15px;font-weight:600;color:var(--color-fg-muted);padding:8px 0;border-bottom:2px solid transparent;transition:all .2s}.profile-nav-tab:hover{color:var(--color-fg)}.profile-nav-tab.active{color:var(--color-accent-brand);border-bottom-color:var(--color-accent-brand)}.profile-right-sidebar{display:flex;flex-direction:column;gap:20px}.friends-list{display:flex;flex-direction:column;gap:12px}.no-friends-message{text-align:center;padding:20px;color:var(--color-fg-muted)}.no-friends-message p{margin:0 0 8px;font-size:14px}.friends-hint{font-size:12px;color:var(--color-fg-subtle)}.no-social-links-message{text-align:center;padding:20px;color:var(--color-fg-muted)}.no-social-links-message p{margin:0;font-size:14px}.friend-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;text-decoration:none;transition:background .2s}.friend-item:hover{background:var(--color-bg-muted)}.friend-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.friend-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.friend-avatar-placeholder{width:100%;height:100%;background:var(--color-bg-muted);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--color-fg-muted)}.friend-info{flex:1;display:flex;flex-direction:column;min-width:0}.friend-name{font-size:14px;font-weight:600;color:var(--color-fg)}.friend-handle,.friend-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-handle{font-size:12px;color:var(--color-fg-muted)}.see-all-link{display:block;text-align:center;padding:8px;margin-top:8px;color:var(--color-accent-brand);font-size:13px;font-weight:600;text-decoration:none}.see-all-link:hover{text-decoration:underline}.social-media-list{display:flex;flex-direction:column;gap:8px}.social-media-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--color-fg);transition:background .2s}.social-media-link:hover{background:var(--color-bg-muted)}.social-icon{font-size:20px;line-height:1}.social-media-link span:last-child{font-size:14px;font-weight:500}.profile-full-width-card{background:var(--color-bg-surface);border-radius:12px;padding:24px;box-shadow:var(--shadow-card);border:1px solid var(--color-border-subtle)}.profile-actions-row{display:flex;align-items:center;gap:10px;margin-top:auto;justify-content:flex-start;width:100%}.share-btn{color:var(--color-fg-muted)}.share-btn:hover{color:var(--color-fg);background:var(--color-bg-muted)}