/* Me Page (Page 4) Styles */

#page-4 { 
    padding-top: 20px; 
}

.me-header { 
    display: flex; 
    align-items: center; 
    padding: 20px; 
    margin: 0 max(16px, calc(16px + var(--safe-right))) 20px max(16px, calc(16px + var(--safe-left))); 
    background: var(--card-bg); 
    border-radius: 20px; 
    box-shadow: 0 4px 15px rgba(212,165,180,0.05); 
}

.me-header .avatar { 
    width: 65px; 
    height: 65px; 
    border-radius: 18px; 
    margin-right: 16px; 
    cursor: pointer; 
}

.me-info { 
    flex: 1; 
}

.me-name { 
    font-size: 20px; 
    font-weight: bold; 
    margin-bottom: 4px; 
    cursor: pointer; 
}

.me-id { 
    font-size: 12px; 
    color: var(--text-gray); 
}